@import url("https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300italic,400,600");
@import url("font-awesome.min.css");

/*
	Overflow by HTML5 UP
	Adapted for BluePrint by Le Mago
	html5up.net | @ajlkn
	Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
*/

body {background-color: #204c9c; background-image: url("images/overlay.png"), url("../../images/background.jpg"); border: 25px solid #FFF; background-repeat: repeat, repeat;}
body:after{content: ""; position: fixed; width: 100%; height: 25px; background-color: #FFF; bottom: 0; left: 0; z-index: 5000;}

a{color:#204c9c;}

h1 img{max-width: 520px;}
h1 span{display: none;}

#header{min-height: 100vh; padding: 25vh 0 0 0;}
#header header{padding: 0; margin: 0;}

#header footer .icons a{color: #FFF;}

#banner{border-top: 1px solid #FFF; border-bottom: 1px solid #FFF; background: url("../../images/background2.jpg");}
#banner .innerbanner{}
#banner .blockbanner{display: flex; align-items:center; margin-bottom: 90px; justify-content : center;}
#banner .blockbanner:last-child{margin-bottom: 0;}
#banner span.number{display: block; font-size: 2em; border-right: 1px solid #FFF; padding-right: 20px; font-weight: 800;}
#banner p{text-align: left; margin-left: 25px; font-size: 1.3em; line-height: 1.6em; width: 60%}

#white{padding: 120px 10px; background-color: white; color: #204c9c; text-align: center; font-size: 1.6em; line-height: 1.5em;}
#white p{display: block; margin: 0 auto; width: 60%; font-weight: 500;}

.box.style1 .image{border: 1px solid #FFF;}

.box.style2 header{position: relative;}
.box.style2 header:after{content: ""; border: 1px solid #FFF; position: absolute; width: 100%; height: 100%; left: 10px; top: 10px;}

article em{font-weight: 800;}

.poptrox-popup .caption {font-size: 16px; bottom: 12px;}

.gallery .selfcontainer{width: 100%; overflow: hidden; position: relative;}
.gallery .caption{display: block; width: 100%; position: absolute; bottom: 0px; background-color: #FFF; font-size: 14px; line-height: 20px; padding: 8px 2px;}
.gallery .caption strong{display: block; text-transform: uppercase;}
.gallery .caption a{display: inline; padding: 0;}
.gallery .alignspe .col-4:first-child{margin-left: 16.666%;}
.gallery .alignspe::before{width: 50% !important; left: 25% !important;}

.faq p strong{display: block; padding-bottom: 8px;}

#footer .bottomlogo{padding: 50px 50px 100px;}
#footer .bottomlogo img{max-width: 1000px; margin: 0 auto;}
#footer .copyright {margin: 0 0 2em 0;}

/* RESPONSIVE */

@media screen and (max-width: 1680px) {
}

@media screen and (max-width: 1080px){

	body {border: 15px solid #FFF;}
	body:after{height: 15px;}
	
}

@media screen and (max-width: 840px){

	#banner p{width: 100%;}
	#white p {width: 80%;}
	
}

@media screen and (max-width: 736px){

	body {border: 5px solid #FFF;}
	body:after{display: none;}

	#header{min-height: 80vh;}
	#header h1 img{width: 80%; margin: 0 auto;}

	#banner .blockbanner{margin-bottom: 60px; display: block;}
	#banner span.number {display: inline-block; font-size: 2em; border-right: 0 none; padding-right: 0; font-weight: 800; border-bottom: 1px solid #FFF; margin-bottom: 15px; padding-bottom: 25px; }
	#banner p {margin-left: 0; font-size: 1.2em;}

	#white {padding: 70px 10px;}
	#white p {width: 100%; text-align: left;}
	#footer .bottomlogo {padding: 10px 50px 50px;}
	.gallery .alignspe .col-4:first-child {margin-left: 0;}
	.box.style1 {text-align: left;}

	.button {padding: 0.75em 0.5em 0.75em; font-size: 13px;}

}

@media screen and (min-width: 1681px) and (max-height: 1100px){

	#header{padding: 15vh 0 0 0;}

}

@media screen and (max-height: 1000px) and (min-width: 1680px){

	#header{padding: 8vh 0 0 0;}

}

@media screen and (max-height: 900px) and (min-width: 1680px){

	#header{padding: 4vh 0 0 0;}

}

@media screen and (max-height: 850px) and (min-width: 1680px){

	#header .icons{display: none;}

}

@media screen and (max-height: 800px) and (min-width: 1680px){

	#header h1 img{width: 80% !important; margin: 0 auto;}

}

@media screen and (max-height: 700px) and (min-width: 1680px){

	#header h1 img{width: 50% !important; margin: 0 auto;}

}

@media screen and (max-height: 1100px) and (max-width: 1680px){

	#header{padding: 20vh 0 0 0;}

}

@media screen and (max-height: 1000px) and (max-width: 1680px){

	#header{padding: 12vh 0 0 0;}

}

@media screen and (max-height: 900px) and (max-width: 1680px){

	#header{padding: 5vh 0 0 0;}

}

@media screen and (max-height: 850px) and (max-width: 1680px){

	#header h1 img{width: 80% !important; margin: 0 auto;}
	#header{padding: 5vh 0 0 0;}

}

@media screen and (max-height: 800px) and (max-width: 1680px){

	#header{padding: 3vh 0 0 0;}

}

@media screen and (max-height: 700px) and (max-width: 1680px){

	#header .icons{display: none;}

}

@media screen and (max-width: 400px) and (max-height: 700px){

	#header .icons{display: block;}

}