/* CSS Document */
@font-face {
	font-family: 'Gotham-Black';
	src: url('fonts/Gotham-Black.eot');
	src: url('fonts/Gotham-Black.woff2') format('woff2'),
	url('fonts/Gotham-Black.woff') format('woff'),
	url('fonts/Gotham-Black.ttf') format('truetype'),
	url('fonts/Gotham-Black.svg#Gotham-Black') format('svg'),
	url('fonts/Gotham-Black.eot?#iefix') format('embedded-opentype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'GothamBook';
	src: url('fonts/GothamBook.woff') format('woff'),
	url('fonts/GothamBook.ttf') format('truetype'),
	url('fonts/GothamBook.svg#GothamBook') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'gotham-book';
	src: url('fonts/gotham-book.eot');
	src: url('fonts/gotham-book.woff2') format('woff2'),
	url('fonts/gotham-book.eot?#iefix') format('embedded-opentype');
	font-weight: normal;
	font-style: normal;
}

*{padding:0;margin:0}
.clear{clear:both}
.blackoverlay { position: absolute; height: 100vh; width: 100%; top: 0; background-color: rgba(0, 0, 0, 0.3); }
.bxsliderimage{background-size:cover;height:100vh;background-repeat:no-repeat;background-position:center}
.bx-viewport,.slider{height:100%}
.logooverlay{background-image:url(images/logowhite.svg);background-size:auto 100%;background-repeat:no-repeat;background-position:center;z-index:1;padding:15%;right:0;display:inline-block;text-align:center;margin:0;position:absolute;top:45%;left:50%;margin-right:-50%;transform:translate(-50%, -50%)}
.arrow{background-image:url(images/arrow.png);background-size:auto 100%;background-repeat:no-repeat;background-position:center;z-index:1;padding:40px;right:0;display:inline-block;text-align:center;margin:0;position:absolute;bottom:0;left:50%;margin-right:-50%;transform:translate(-50%, -50%)}
#content{height:100vh;background-image:url(images/icon.svg);background-size:auto 75%;background-repeat:no-repeat;background-position:80% 50%;position:relative}
.infoblock{padding:7% !important;text-align:left;display:inline-block;position:absolute;top:50%;left:40%;margin-right:-50%;transform:translate(-50%, -50%);margin:0 auto;font-family:GothamBook, gotham-book;width:45%}
.infoblockheading{margin-top:0;color:#004b87;font-size:52px;text-transform:capitalize;margin:0.67em 0;display:inline-block;font-family:'Gotham-Black'}
.blockcontent h2{margin-bottom:40px;font-size:35px;font-family:'Gotham-Black'}
.contactcontent{clear:both;width:100%;margin-bottom:5px;float:left;font-size:35px}
.contactitem{float:left;margin-right:10px;font-family:'Gotham-Black';display:inline-block}
.contactinfo{float:left}

iframe.snapwidget-widget {
    width: 100%;
}

@media(max-width:1600px){
	.infoblock{ width:55%;}
}

@media(max-width:1300px){
	#content{background-position: 90% 50%; background-size: auto 60%;}
	.infoblockheading{ font-size: 47px;}
	.blockcontent h2, .contactcontent{ font-size:30px;}
	.logooverlay{ padding: 25%;}
}
@media(max-width:1200px){
	.infoblock{ left:35%;}
	#content{background-position: 85% 50%; background-size: auto 50%;}
	.infoblockheading{ font-size: 47px;}
	.blockcontent h2, .contactcontent{ font-size:30px;}
}
@media(max-width:1080px){
		.infoblock{ left:35%;}
	#content{background-position: 95% 50%; background-size: auto 70%;}
	.infoblockheading{ font-size: 42px;}
	.blockcontent h2, .contactcontent{ font-size:25px;}

}
@media(max-width:970px){
	.infoblock{ left:32%;}
	.infoblockheading{ font-size: 37px;}
	.blockcontent h2, .contactcontent{ font-size:20px;}
}
@media(max-width:860px){
	.infoblock { width: 70%; left: 40%; padding: 5%!important;}
	.infoblockheading{ font-size: 37px;}
	.blockcontent h2, .contactcontent{ font-size:20px;}
	}

@media(max-width:700px){
	.infoblock{ top: 0; width:90%; left:0; right:0; transform: none; margin: 0 auto; position:relative; text-align:center;}
	.infoblock *{ text-align:center; }
	.contactitem, .contactinfo { display: inline-block; float:none; margin-bottom:5px;}
	.contactcontent {  margin: 0 auto;}
	#content { background-position: 90% 90%; background-size: auto 35%;}
	iframe.snapwidget-widget { width: 200%;}
    
}
@media(max-width:460px){
	.infoblock *{ display:block; float:none;}
	.infoblockheading{ font-size: 32px;}
	.blockcontent h2, .contactcontent{ font-size:15px;}
}