@charset "utf-8";
/* CSS Document */

:root{
	--top: 70%;
	--top-content: 78%;

	--bdnet-gray:rgba(144,144,144,1);
	--bdnet-darkgray:rgba(90,90,90,1);
	--bdnet-orange:rgba(255,153,0,1);

	--bdnet-green:rgba(0,255,0,0.75);
	--bdnet-paleGreen:rgba(0,255,0,0.65);

    --bdnet-border:rgba(0,0,0,0.1);
}

@media (max-width:666px){
	:root{
		--top: 50%;
		--top-content: 58%;
	}	
}

* {
  box-sizing: border-box;
}


.flxR{
	display:flex;
	flex-flow:row;
	flex-wrap:nowrap;
}
.flxC{
	display:flex;
	flex-flow:column;
	flex-wrap:nowrap;
}
.flxJCA	{ justify-content:space-around; }
.flxJCB	{ justify-content:space-between; }
.flxJCC	{ justify-content:center; }
.flxJCE	{ justify-content:flex-end; }
.flxJCS	{ justify-content:flex-start; }

.flxAIC	{ align-items:center; }
.flxAIE	{ align-items:flex-end; }
.flxAIS	{ align-items:flex-start; }
.flxWrp	{ flex-wrap:wrap; }

.fllW{
	width:100%;
	height:auto;
}
.fllH{
	height:100%;
	width:auto;
}
.fllWH{
	width:100%;
	height:100%;
}

.innerWidth{
	width:100%;
	max-width: var(--inner-width);
	margin:0 auto;
}



html, body {
	width:100%;
	min-height: 100%;
	
	padding:0;
	margin:0;
	
	font-family:'barlow-light','Arial','sans-serif';
}

html{
	scroll-behavior: smooth;
}

body {
	

}

a{
	text-decoration: none;
}


	h1, h2, h3, h4, h5, h6, p, td, ul, ol, li, figure, button {
		margin:0;
		padding:0;
		font-weight:normal;
		border:0;
		outline:0;
		background-color:transparent;
	}
	strong{
		font-family:'barlow-medium','Arial Bold',sans-serif;
	}


    button,
    .bdnet_btn{

        width: fit-content;
        min-width: 300px;
        padding: 3px 20px;

        font-family:'opensans-semibold', 'Arial', sans-serif;
        font-size: 0.85rem;
        letter-spacing: 0.25rem;
        text-transform: uppercase;
        color:var(--bdnet-gray);

        border: 1px solid var(--bdnet-border);
        border-radius: 2px;

        transition: all 0.8s;
    }

        .bdnet_btn:hover, .bdnet_btn:active, .bdnet_btn:focus{
            color: white;
            background-color: var(--bdnet-orange);

            transform: scale(1.25);
        }




/*	---------------------------------------------------------------------------------------  HEADER  */
.bdnet_hdrDesWrp{
	display:flex;
	justify-content: center;

	width:100%;
	padding:100px 0 0 0;
}
.bdnet_hdrDes{
	display:flex;
	flex-flow:column;
	align-items: center;

	width:100%;
	position:relative;
}

.bdnet_hdrLogoDesPlaceholder{
	display: block;
	width: 134px;
	height: 134px;
	margin-top:3px;

	/*	border: 1px solid rgba(0,0,0,0.1);  */
	border-radius: 50%;
}

.bdnet_hdrLogoDes{
	position:absolute;
	left:50%;

	transform: translateX(-70px);
}

h1{
	display:flex;
	justify-content: center;
	align-items: center;

	height:80px;

	font-family:'opensans-bold', 'Arial Bold', sans-serif;
	font-size: 2.8rem;
	letter-spacing: 0.7rem;
	text-transform: uppercase;
	color:var(--bdnet-gray);
}
h1 span.orange{
	display:inline-block;
	margin:-10px -4px 0 3px;
	font-family:'uni-regular', 'Arial', sans-serif;
	font-size:3.2rem;
	color:var(--bdnet-orange);
}






/*	---------------------------------------------------------------------------  NAVIGATION  */
.bdnet_hdrDes nav{
	display:flex;
	justify-content: center;

	width:90%;
	max-width:900px;
	padding:1rem 0 0;

	border-top:1px solid rgba(0,0,0,0.1);
}
.bdnet_menu{

}
.bdnet_menu ul{
	display:flex;
	flex-flow:row nowrap;
	justify-content: center;
}
.bdnet_menu li{
	list-style:none;

	font-family:'opensans-bold', 'Arial Bold', sans-serif;
	font-size: 1.1rem;
	letter-spacing: 0.25rem;
	text-transform: uppercase;
	color:var(--bdnet-gray);
}
.bdnet_menu li:not(.bdnet_menu li:first-of-type)::before {
	margin:0 10px;
	content:'·';
	color:var(--bdnet-orange);
}
.bdnet_menu li a{
	font-family: inherit;
	transition:color 0.8s;
}
.bdnet_menu li a:link, .bdnet_menu li a:visited { color:var(--bdnet-gray); }
.bdnet_menu li a:hover, .bdnet_menu li a:active, .bdnet_menu li a:focus { color:var(--bdnet-darkgray); }

@media only screen and (max-width:750px){
	.bdnet_hdrDesWrp{
		padding-top:50px;
	}
	.bdnet_hdrLogoDesPlaceholder{
		width:100px;
		height:100px;

		border:0;
	}
	.bdnet_hdrLogoDes{
		width:100px;
		height:auto;

		transform: translateX(-50px);
	}

	h1{
		height:60px;
		font-size:2.0rem;
		letter-spacing: 0.5rem;
	}
	h1 span.orange{
		margin:-12px -4px 0 3px;
		font-size:2.8rem;
	}

	.bdnet_menu ul{
		flex-flow:column nowrap;
	}
	.bdnet_menu li{
		padding:0 0 0.25rem;
		text-align: center;
	}
	.bdnet_menu li:not(.bdnet_menu li:first-of-type)::before{
		margin:0;
		content:none;
	}
}
@media only screen and (max-width:350px){
	h1{
		font-size:1.8rem;
		letter-spacing: 0.45rem;
	}
	h1 span.orange{
		margin:-10px -3px 0 3px;
		font-size:2.4rem;
	}
}



/*  -----------------------------------------------------------------------------------------------  DESIGN MAIN  */
.bdnet_mainDesWrp{
    width: 100%;
    height: auto;
    position: fixed;
    bottom: 100px;
    left: 0;
}
.bdnet_mainDes{

}










/*	----------------------------------------------------------------------------  DESIGN FOOTER  */
.bdnet_ftrDesWrp{
	display:flex;
	justify-content: center;
	width: 100%;
	height:40px;

}

.bdnet_ftrPosFix{
	position: fixed;
	bottom: 0;
	left: 0;
}
.bdnet_ftrPosAbs{
	position:absolute;
	bottom:calc(100vh + 50px);
	left:0;
}

.bdnet_ftrDes{
	display:flex;
	justify-content: center;

	width:90%;
	max-width:900px;
	padding:10px 0 0;

	border-top:1px solid rgba(0,0,0,0.1);
}
.bdnet_ftrDes ul{
	display:flex;
	flex-flow:row nowrap;
	justify-content: center;
}

.bdnet_ftrDes li{
	list-style:none;

	font-family:'opensans-regular', 'Arial Bold', sans-serif;
	font-size: 0.8rem;
	letter-spacing: 0.1rem;
	text-transform: uppercase;
	color:var(--bdnet-gray);
}
.bdnet_ftrDes li::before {
	margin:0 10px;
	content:'·';
	color:var(--bdnet-gray);
}
.bdnet_ftrDes li:nth-of-type(1)::before{
	content:none;
	margin:0;
}
.bdnet_ftrDes li a{
	font-family: inherit;
	transition:color 0.8s;
}
.bdnet_ftrDes li a:link, .bdnet_ftrDes li a:visited { color:var(--bdnet-gray); }
.bdnet_ftrDes li a:hover, .bdnet_ftrDes li a:active, .bdnet_ftrDes li a:focus { color:var(--bdnet-darkgray); }

@media only screen and (max-width:1150px){
	.bdnet_ftrDesWrp{
		width:100%;
		min-width:320px;
	}
}