@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Questrial');
/*font-family: 'Questrial', sans-serif;*/

@font-face {
    font-family: 'nexabold';
    src: url('../fonts/nexa_bold-webfont.eot');
    src: url('../fonts/nexa_bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/nexa_bold-webfont.woff2') format('woff2'),
         url('../fonts/nexa_bold-webfont.woff') format('woff'),
         url('../fonts/nexa_bold-webfont.ttf') format('truetype'),
         url('../fonts/nexa_bold-webfont.svg#steelfishregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
	font-family: 'Byington Regular';
	src: url('../fonts/fonts/Byington Regular.eot');
	src: local('☺'), url('../fonts/fonts/Byington Regular.woff') format('woff'), 
	url('../fonts/fonts/Byington Regular.ttf') format('truetype'), 
	url('../fonts/fonts/Byington Regular.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
    font-family: 'lemonmilk';
    src: url('../fonts/lemonmilk-webfont.eot');
    src: url('../fonts/lemonmilk-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/lemonmilk-webfont.woff2') format('woff2'),
         url('../fonts/lemonmilk-webfont.woff') format('woff'),
         url('../fonts/lemonmilk-webfont.ttf') format('truetype'),
         url('../fonts/lemonmilk-webfont.svg#lemonmilkregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
  font-family: 'AvantGardeITCbyBT-Book';
  src: url('../fonts/AvantGardeITCbyBT-Book.eot?#iefix') format('embedded-opentype'),  
	  url('../fonts/AvantGardeITCbyBT-Book.woff') format('woff'), 
	  url('../fonts/AvantGardeITCbyBT-Book.ttf')  format('truetype'), 
	  url('../fonts/AvantGardeITCbyBT-Book.svg#AvantGardeITCbyBT-Book') format('svg');
  font-weight: normal;
  font-style: normal;
}



*{margin:0; padding:0; box-sizing: border-box;}
html,body{ height:100%; width:100%;}
body{color:#000; font:normal 14px "Century Gothic", "Trebuchet MS", Arial;}
header,section,article,figure,aside,footer,nav{ display:block;}
.clr{ clear:both;}
ul{ list-style:none;margin:0px; padding:0px;  }
figure,img,iframe,video{ max-width:100%; vertical-align:bottom;}
a{text-decoration:none; }
p{margin:5px 0 15px 0;}
textarea{ resize:none;}
.center{ text-align:center;}
/**{-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;}*/
/*img[src=""],img[src="#"]{display: none;}*/
img.alignleft{float:left;margin:5px 15px 5px 0;}
img.alignright{float:right;margin:5px 0px 5px 15px;}
.fleft{float:left;}
.fright{float:right;}



.aligner{ margin:0px auto; max-width:1050px; position:relative;}
.overlayer{ background:rgba(0,0,0,0.6); bottom:0; cursor:pointer; left:0; position:fixed; right:0px; top:0; z-index:999;display:none}



.myheader{ position:absolute; top:0; z-index:9999; right:50px;}
.logo_holder{}



.banner_holder{position:relative; height:100vh; overflow:hidden;}
.banner_holder img{ width:100%;}
.banner_message{top:50%; left:100px;position:absolute; width:600px;}
.banner_message h3{ color:#6C0;}
.banner_message h1{ color:#FFF;}


.welcome{ display:block; height:100vh; padding:100px 0; text-align:center;}
.welcome_title{ background:url(../images/welcome.jpg) center; color:#FFF; font-size:280px; line-height:200px;}
.welcome_message{ padding:100px 0 0 0;}


.services_block{ background:#7cb66d url(../images/texture-services.jpg) no-repeat right bottom; color:#000; padding:100px 0; text-align:center; height:100vh;}
.services_block h1{}
.services_block h3{}
.services_holder{}
.servicebox{ background:#FFF; width:250px; padding:15px; float:left; margin:15px; text-align:left;}


.presence_block{height:100vh; padding:100px 0;}
.presence_thumb{ float:left; width:28%;}
.presence_des{ float:right; width:70%;}

.contact_block{ background:#fce4cc;min-height:100vh;}
.contact_banner{ background:#2a4b54; text-align:center;}


.contact_address{ float:left; width:300px;}

.contact_form{ float:right; width:calc(100% - 400px);}
.row{ padding:5px 0 15px 0;}
.txtbox{ background:none; border:none; border-bottom:2px solid #436972; font:normal 15px "Century Gothic", "Trebuchet MS", "Arial Narrow", Arial; color:#365c65; padding:5px; width:100%;}



.myfooter{ background:#51b0bf;font-size:13px; padding:30px 10px; text-align:center;}
.footer_social{ padding:10px 0;}
.footer_social a{ display:inline-block; margin:2px;}
.footer_menu{ padding:10px 0;}
.footer_menu ul li{ display:inline-block;}
.footer_menu ul li a{color:#070707; font:normal 15.5px "Century Gothic", "Trebuchet MS", "Arial Narrow", Arial; padding:5px 10px;}
.footer_menu ul li a:hover{ color:#FFF;}
.copyright{color:#070707;font:normal 13px "Century Gothic", "Trebuchet MS", "Arial Narrow", Arial; padding:10px 0;}


#back-to-top {position: fixed;bottom:30px;right:10px;z-index: 9999; width: 32px;height: 32px;
    text-align: center;
    line-height: 30px;
    color:#FFF;
    cursor: pointer;
    text-decoration: none;
	font-size:35px;
    transition: opacity 0.2s ease-out;
    opacity: 0;
}
#back-to-top:hover {color:#71ddee;}
#back-to-top i{text-shadow: 1px 1px 1px #013c45;}
#back-to-top.show {opacity: 1;}

@media screen and (max-width:1080px) {
	.halfbox{ font-size:21px;}
	.halfbox h1{ font-size:56px;}
	.halfbox h2{ font-size:30px;}
}
@media screen and (max-width:1060px) {
	.aligner{ margin:0px 10px;}
}
@media screen and (max-width:990px) {
	.halfbox{ font-size:18px;}
	.halfbox h1{ font-size:50px;}
	.halfbox h2{ font-size:27px;}
}
@media screen and (max-width:860px) {
	.halfbox{ line-height:25px;}
	.halfbox h1{ font-size:39px; line-height:50px;}
	.halfbox h2{ font-size:21px;}
}
@media screen and (max-width:760px) {
	.halfbox{ line-height:25px; width:100%}
	.curvedbox{ background:url(../images/curved2.png) no-repeat center; padding:0;}
	.thebox { padding:20px 10px;text-align:center; width:100%;}
	
}
@media screen and (max-width:600px) {
	.box2{ padding:20px 0; width:100%;}
	.thebox a{ font-size:16px;}
}

/*----- iframe ------------*/
@media screen and (max-width:650px) {
	iframe{ height:400px !important;}
}
@media screen and (max-width:490px) {
	iframe{ height:320px !important;}
}
@media screen and (max-width:370px) {
	iframe{ height:240px !important;}
}
@media screen and (max-width:330px) {
	iframe{ height:180px !important;}
}