/** FONTS **/

@font-face {
    font-family: MicrosoftPhagsPa;
    font-display: swap;
    src: url(../fonts/MicrosoftPhagsPa.woff2) format("woff2");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: ArticulatcfExtraBold;
    font-display: swap;
    src: url(../fonts/ArticulatcfExtraBold.woff2) format("woff2");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: MontserratBold;
    font-display: swap;
    src: url(../fonts/MontserratBold.woff2) format("woff2");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: ArticulatcfRegular;
    font-display: swap;
    src: url(../fonts/ArticulatcfRegular.woff2) format("woff2");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: MyriadVariableConcept;
    font-display: swap;
    src: url(../fonts/MyriadVariableConcept.woff2) format("woff2");
    font-weight: 400;
    font-style: normal
}

/** VARS **/
:root {
	--main-blue:#005b95;
}

html {
  scroll-behavior: smooth;
}

/** ELEMENTS **/
.page-nav ul {
	list-style:none;
	margin:0;
	padding:0;
	}
	
	 @media (max-width: 575.98px) { 

.page-nav ul {
display:flex;
justify-content:center;
}

 }
	

	 @media (max-width: 575.98px) { 

.page-nav li {
	padding:1rem;
	line-height:1rem;}

	 }
	 
	  @media (min-width: 576px) { 

.page-nav li {padding:0.5rem;}

 }



.page-nav__dot {
	display:inline-block;
width:1rem;
height:1rem;
background:#727d8b;
border-radius:50%;
color:#727d8b;
text-decoration:none;}

.page-nav__dot:hover, .page-nav__dot.active {
	
	background:var(--main-blue);
	color:var(--main-blue);
	
}

.full-height-section {min-height:100vh;}

.footer {background:#005b95;padding: 2rem 0;}

 .custom-button, .custom-button:visited {
	 font-family: MicrosoftPhagsPa;
color:black;
font-size:1.3rem;
	 color:black; 
	 display:block; 
	 max-width:15rem;
	 box-shadow: inset 0px -2px 5px rgba(0, 0, 0, 0.9);
	 background:white;
	 border-radius: 2rem;
	 border:0;}
	 
	 .custom-button:hover, .custom-button:active {
	 background: #d3eeff!important; 
	 
	 }
	 
	 @media (max-width: 575.98px) { 

.custom-button {max-width:100%;}

	 }

/** HEADER **/

.header {
	position:fixed;
	background-color: rgba(255, 255, 255, 0.2);
padding:0.5rem;
	z-index:3;
}
 
 @media (max-width: 575.98px) { 

.header {
	bottom:0%;
	left:0%;
	width:100%;
}

 }
 
 @media (min-width: 576px) { 

.header {
	border-radius:1rem;
 right:1rem; 
	top:50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
 }

 }
 
 
.header-block {z-index:2; position:relative;}

/** MAIN **/
main {
	 
}

.intro-section {
	 background: url(../img/bb-forum-bg.webp) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  }

.intro-section__text-block {}
.intro-section__inner-block {padding:2rem 0 0 0;}

.intro-section__logo-img {}
.intro-section__inner-text {
	 font-family: MicrosoftPhagsPa;
	color:white;
 text-shadow: 2px 3px 2px rgba(0, 0, 0, 0.9);
font-size:1.5rem;
line-height:2rem; 
}



	@media (min-width: 1200px) { 
.intro-section__inner-text {
	 font-family: MicrosoftPhagsPa;
	color:white;
 text-shadow: 2px 3px 2px rgba(0, 0, 0, 0.9);
font-size:2.5rem;
line-height:2.5rem; }
	}



.intro-section__text-block {
	z-index: 1;
  position: relative;
}

.intro-section__video {
	 width: 100%;
  height: 100%;
  position: absolute;
  object-fit: cover;
  z-index: 0;
	
}

.intro-section__dark-bg {
		 width: 100%;
  height: 100%;
  position: absolute;
  object-fit: cover;
z-index: 1;
background: black;
opacity: 0.35;}

/** LIST SECTION **/
.list-section {padding: 2rem 0 3rem 0;}

.list-section__wrap {border: 2px solid var(--main-blue);
border-radius:2rem;}

.list-section__text {
	font-family: MontserratBold;
	font-size:1.3rem;
	line-height:1.3rem;
	color:var(--main-blue);
	padding:1.5rem;
}

@media (min-width: 1200px) { 
.list-section__text {
	font-family: MontserratBold;
	font-size:2.3rem;
	line-height:2.3rem;
	color:var(--main-blue);
	padding:2rem;
}
	}


.list-section__img-block {
	display:inline-block;
	position:absolute;
	bottom:-1rem;
	right:-1.5rem;
	transform: rotate(12deg);}
	
	
	@media (min-width: 1200px) { 
.list-section__img-block {
	display:inline-block;
	position:absolute;
	bottom:-1rem;
	right:-2rem;
	transform: rotate(12deg);}
	}
	

.list-section__img {
	width:3.5rem;
	height:3.5rem;}
	
	@media (min-width: 1200px) { 
	.list-section__img {
	width:4.5rem;
	height:4.5rem;} 
	}
	
 
 /** BUTTON SECTION **/
 
 .button-section {
			background-color: #005b95;
            background-image: 
                url('../img/button-section-left-bg.jpg'), 
                url('../img/button-section-right-bg.jpg'), 
                url('../img/button-section-bottom-bg.jpg'); 
            background-repeat: 
                no-repeat, 
                no-repeat, 
                repeat-x; 
            background-position: 
                left center, 
                right center, 
                bottom; 
            background-size: 
                auto, 
                auto, 
                auto; 
  padding: 6rem 0;
}


@media (max-width: 575.98px) { 


 .button-section {
			background-color: #005b95;
            background-image: 
                url('../img/button-section-left-bg.jpg'); 
            background-repeat: 
                no-repeat; 
            background-position: 
                left center; 
            background-size: 
                auto; 
  padding: 6rem 0;
}


 }



.button-section__text {
	font-family: MontserratBold;
	color:white;
	font-size:2.3rem;
	line-height:2.3rem;
}

	@media (min-width: 1200px) { 
.button-section__text {
	font-family: MontserratBold;
	color:white;
	font-size:4.5rem;
	line-height:4.5rem;
}
	}


.button-section__link {padding-top:2rem;}

.button-section__href-button { 
}

/** LINK SECTION **/

.links-section {padding:1rem 0 4rem 0;}

.links-section__link, .links-section__link:visited {
font-family: ArticulatcfExtraBold;
color:white;
font-size:2.25rem;
line-height:2.25rem;
text-shadow: 2px 2px 2px #000000;
text-decoration:none;
}

.links-section__link:hover {color:#bde5ff;} 

.links-section__button-block:hover {}
.links-section__button-wrap {
	background: linear-gradient(to right,#0068ad 0,#01426c 100%); 
justify-content:start; 
align-items:center;
border:2px solid white; 
border-radius:2rem;
padding: 1rem;
box-shadow: 4px 4px 0px 1px rgba(0,0,0,0.85);
-webkit-box-shadow: 4px 4px 0px 1px rgba(0,0,0,0.85);
-moz-box-shadow: 4px 4px 0px 1px rgba(0,0,0,0.85);

transition: transform 0.2s ease-out;
}


.links-section__button-wrap:hover {}


.links-section__title {
	color:var(--main-blue);
	font-family: ArticulatcfExtraBold;
font-size:2.5rem;
line-height:2.5rem;
padding:1rem 0;}

.links-section__forum-name {
	font-family: ArticulatcfExtraBold;
	color:white;
text-shadow: 2px 2px 2px #000000;}
.links-section__link-type {font-family: MicrosoftPhagsPa;color:white;font-size:1.5rem;line-height:1.5rem;}

.links-section__name-wrap {
	padding:0 1rem;
flex-grow:1;
text-align:center;}


.links-section__link-type {}
	 
	 
	 @media (max-width: 575.98px) { 
	 .links-section__link-type {} }