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

/*PARALAX*/
.paralax {position:relative; overflow:hidden; width:100%;}
.h50 {height: 50vh; min-height: 200px;}
.h100 {height: 100vh; min-height: 300px;}
.h60 {height: 60vh; min-height: 300px;}
.h80 {height: 80vh; min-height: 300px;}
.paralax .paralax_img {position:absolute; left:0; top:0%; right:0; bottom:0%; background-size:cover; background-position:50% 50%; transition: opacity 2s;}
.hidepx {opacity:0}

main h2 {font-size: 36px; color:#666; font-weight:300; margin-bottom:20px; line-height:1.2; }

main p {font-size 18px; color:#444; font-weight: 200; line-height: 1.5; margin-bottom: 12px;}
main p a {color:#348ee8; font-weight: 500;}
main section {padding: 25px 0px;}

/*HEADER*/
header {min-height: 100px; border-bottom:4px solid #348ee8; padding:20px 0px;}
header h1 {font-size:48px; font-weight: 100; color:#444; text-shadow:0px 1px 2px rgba(0,0,0,0.1);}


/*SOCIAL*/
.social {text-align:right; padding-top: 15px;}
.social a {display:inline-block; font-size: 32px; color:#348ee8; margin-left: 10px;}

/*FOOTER*/
footer {border-top:4px solid #348ee8; color:#444; margin-top: 10px; padding: 20px 0px; background:#f5f5f5; font-size: 14px; font-weight: 200;}
footer .social {padding-top:0; margin-bottom:-5px; margin-top:-10px;}
footer .social a {color:#999;}
.terms {background:#556; padding: 10px 0px; color:#fff; font-size: 11px; line-height:1.4; font-weight: 300;}

/*HERO*/
.hero {position:relative;}
.hero h1 span {font-size: 33%; display:block; vertical-align:top; font-weight: 200;}
.hero h1 {color:#fff;position:absolute;top: 60vh;font-size: 3.6vw;font-weight: 200;}

/*INTRO*/
.clients h2 {font-size: 26px; line-height: 1.4;}

/*QUOTE*/
.quote h3 {color:#fff; font-weight: 100; font-size: 24px; line-height: 1.6; position:relative; margin-top:50%; text-shadow:1px 1px 1px rgba(0,0,0,0.4);}
.quote span {position:absolute; font-family:Impact,Arial; font-size: 60px; opacity:0.5;  margin-top:-10px;}
.quote span:nth-of-type(1) {left:-30px; top:-5px;}
.quote span:nth-of-type(2) {margin-left: 10px;}

.clients img {max-width:100%; opacity:0.3; margin:10px 0px;}

.sectionHeading {font-size: 48px !important; text-align:center; margin-top:-20px;}

/*AUDIO*/

.audio {background:#348ee8;}

.audio h2 {color:#fff; font-size: 20px; text-align:center; margin-bottom: 20px; margin-top: 5px;}
.audio p {font-size: 14px !important; color:#fff;}
.audio .col-md-4 {}
.audio audio {max-width:100%; width:100%; margin-bottom: 20px;}


/*CONTACT*/
.contacttel {text-align:left;}
.contacttel span {display:inline-block; text-align:left !important; padding-right: 10px; font-weight: 300;}
.contacttel strong {display:inline-block; width:160px;}
.contact h2 {margin-top: 10px; margin-bottom: 25px;}
.contact fieldset {border:none; padding:0px; margin-bottom: 10px;}
.contact input[type="text"],.contact textarea {outline:none; padding: 5px 10px; border:1px solid #ddd; birder-radius: 0px 4px 4px 4px;}
.contact label {font-size: 11px; color:#555; background:#eee; border-radius: 4px 4px 0px 0px; padding: 3px 6px; font-weight: 300;}
.contact textarea {height: 110px; display:block; width:100%;}
.contact input[type="button"] {background:#348ee8;  border:none; color:#fff; border-radius: 10px; padding: 5px 20px; font-size: 18px;}
.contact input[type="button"]:hover {background:#006; border:none;}
.contactNote {font-size: 11px; clear:both; padding-top: 30px;}

@media (min-width:480px) and (max-width:992px){
header h1 {font-size: 36px;}
header {min-height: 40px;}
.social {padding-top: 5px;}
.hero .paralax_img {background-position:20%;}
.hero h1 {font-size: 5vw;}
.audio .col-md-4 {margin-bottom: 25px;}

}



@media (max-width:480px){
header {min-height: 60px;}
header h1 {font-size: 32px; text-align:center;}
header .social {display:none;}
.hero .paralax_img {background-position:15%;}
.hero h1 {top:65vh; font-size:9vw; display:inline-block;}
.audio .col-md-4 {margin-bottom: 25px;}
main h2 {font-size: 28px;}
.sectionHeading {font-size: 36px !important;}

}