@import url("https://use.typekit.net/qrr0snn.css");
*{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.g1{font-family: hypatia-sans-pro, sans-serif;font-weight: 700;font-style: normal;}
.g2{font-family: hypatia-sans-pro, sans-serif;font-weight: 300;font-style: normal;}


html, body{padding:0; margin:0;height: 100%; } 
body{color: #fff!important; font-weight:400; background-color:#000;font-size:18px!important;overflow-x:hidden;font-family: 'hypatia-sans-pro', sans-serif;background: url("../img/bg.jpg") no-repeat center center fixed;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover} 
a{color:#6c6c6c;outline:none!important; border: none!important; text-decoration: none}
a:hover{text-decoration:none!important; color:#fff;outline:none!important; border: none!important;}
::-moz-selection { background-color:#27877b; color:#fff;-webkit-text-fill-color:#fff}
::selection {background-color:#27877b; color:#fff;-webkit-text-fill-color:#fff;}
*:focus{outline:none!important; border:none!important;text-decoration:none!important;}
.smooth, .quform-1 .quform-submit,.quform-field{webkit-transition: all 500ms linear; -moz-transition: all 500ms linear; -o-transition: all 500ms linear; transition: all 500ms linear;}
.logo{max-width: 200px; margin: 20px auto 20px auto}
.tc{text-align: center}
.quform-label-text, .quform-sub-label{font-size:16px!important; color:#27877b; text-transform: uppercase} 
.quform-field{color:#27877b; background-color: #fff;border:0!important}
.quform-field:focus{background-color:#27877b; color:#fff} 
.quform-element-1_2 {float: none!important;margin: 10px auto!important; width: 200px!important}
textarea{max-height: 120px}


.quform-1 .quform-submit{display: inline-block; padding: 10px 25px 7px 25px;border: 0; background-size: 200% 200%; background-position: bottom right; text-align: center;font-size: 20px;background-image: linear-gradient(to bottom right,#fff 0%,#fff 50%,#27877b 50%);color:#fff;}

.quform-form-1 .quform-submit:hover{background-position:top left !important;color:#27877b;}

@media only screen and (max-width:767px) {
body{overflow-x: hidden!important}
}

@media only screen and (min-width: 1200px) {
    body{color: #fff!important;font-size:22px!important}
.logo{max-width:250px;margin: 60px auto 20px auto}
    .font40{font-size:40px;line-height:40px!important;}
    .font30{margin-top: 110px}
.quform-1{max-width: 80%!important; margin: 0 auto}textarea{max-height: 170px}
}