/* CUSTOM STYLES */

body{margin:0px;padding:0;position:relative;color:#4a6179;font-size:14px;line-height:24px;
font-family: 'Open Sans', sans-serif;height: 100%;
background: url(../img/coming-soon-bg.jpg) no-repeat center center;
background-size: cover;-webkit-background-size: cover;-moz-background-size: cover;-ms-background-size: cover;

    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-align: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    font-family: 'Lato', sans-serif;


}
html{height: 100%;}
::selection{background:#3D4E60;color:#FFFFFF;}
::-moz-selection{background:#3D4E60;color:#FFFFFF;}
a:focus, input:focus, textarea:focus, button:focus{outline:none;text-decoration:none;}
h1, h2, h3, h4, h5, h6{font-weight:normal;color:#100310;-webkit-font-smoothing:antialiased;-moz-font-smoothing:antialiased;-ms-font-smoothing:antialiased;-o-font-smoothing:antialiased;
}
h1{font-size:33px;margin:0 0 15px 0;font-weight: 500;color: #37383c;text-transform: uppercase;font-size: 66px;font-family: 'brandon_grotesqueblack';}
a{color:#3c99df;text-decoration:none;}
a:hover{text-decoration:none;color:#b60000;}
label{font-weight:normal;}
p{margin:0 0 15px 0;color:#707070;font-size:14px;line-height:22px;font-weight: 400;font-family: 'Lato', sans-serif;}
ul{margin:0;padding:0;list-style:none;}
ol{padding:0px;list-style-position:inside;}
ol, li{margin-bottom:0px;list-style:none;position:relative;}
a, input[type="submit"]{transition:all ease-out 0.2s;-webkit-transition:all ease-out 0.2s;-moz-transition:all ease-out 0.2s;-ms-transition:all ease-out 0.2s;-o-transition:all ease-out 0.2s;}


.logo{
    display: block;
    max-width: 268px;
    margin: auto;
    top: 60px;
    right: 0;
    left: 0;
    position: absolute;
}
.landing-content{
    text-align: center;

}
.landing-content h5{
    font-size: 24px;line-height: 33px;color: #6b7c93;
}
.type-here{
    display: block;
    margin: auto;
    border: 2px solid #1c85c6;
    max-width: 720px;
    padding: 2px 170px 2px 62px;
    position: relative;
    border-radius: 2px;
    margin-top: 45px;
}
.type-here:before{
    position: absolute;
    content: '';
    display: block;
    width: 28px;
    height: 22px;
    background: url(../img/ic-mail.jpg) no-repeat;
    left: 18px;
    top: 18px;
}
.type-here .form-control{background: none;box-shadow: none;height: 54px;padding: 0;color: #6b7c93;font-size: 16px;border: none;}
.type-here .form-control::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #6b7c93;font-size: 16px;
}
.type-here .form-control::-moz-placeholder { /* Firefox 19+ */
  color: #6b7c93;font-size: 16px;
}
.type-here .form-control:-ms-input-placeholder { /* IE 10+ */
  color: #6b7c93;font-size: 16px;
}
.type-here .form-control:-moz-placeholder { /* Firefox 18- */
  color: #6b7c93;font-size: 16px;
}

.type-here .submit{color: #FFF;text-transform: uppercase;text-align: center;line-height: 52px;
position: absolute;right: 2px;top: 2px;border: none;background: #1c85c6;width: 144px;font-size: 18px;font-weight: 700;transition: all cubic-bezier(0.54, 0.5, 0.56, 0.52) 0.3s;}
.type-here .submit:hover{background: #3399cc;}
.footer{display: block;position: absolute;bottom: 0;width: 100%;left: 0;text-align: center;padding-bottom: 60px;}
p{color: #4b596c;font-size: 14px;margin: 0;}


/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on May 24, 2017 */

@font-face {
    font-family: 'brandon_grotesqueblack';
    src: url('../fonts/custom-fonts/brandon_grotesque_black-webfont.woff2') format('woff2'),
         url('../fonts/custom-fonts/brandon_grotesque_black-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'brandon_grotesquebold';
    src: url('../fonts/custom-fonts/brandon_grotesque_bold_0-webfont.woff2') format('woff2'),
         url('../fonts/custom-fonts/brandon_grotesque_bold_0-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/* MEDIA STYLES */
@media screen and (max-width:1200px){
    h1{font-size: 60px;}  

   
}


@media screen and (max-width:991px){
    h1{font-size: 54px;}  
}

@media screen and (max-width:767px){
     h1{font-size: 48px;}  
     .landing-content{padding: 0px 20px;}
     .landing-content h5{font-size: 20px;line-height: 28px;}
   
    
}
@media screen and (max-width:600px){
    h1{ font-size: 28px;}  
    .landing-content h5{font-size: 16px;line-height: 24px;}
    .type-here {padding-right: 118px;padding-left: 54px;}
    .type-here .submit{font-size: 14px;line-height: 38px;width: 110px;}
    .type-here .form-control{height: 40px;}
    .type-here:before{top: 11px;left: 16px;}
    .logo {max-width: 170px;top: 30px;}
    .footer {padding-bottom: 25px;}
    .landing-content{padding-top: 30px;}

}

@media screen and (max-width:480px){
    h1{ font-size: 24px;}  
    .type-here .submit{font-size: 12px;line-height: 38px;width: 100px;}
    .type-here .form-control{font-size: 14px;}
    .landing-content h5{font-size: 14px;line-height: 22px;}
}

@media screen and (max-width:400px){
    .type-here {
        padding-right: 0px;
        padding-bottom: 45px;
        padding-left: 0px;
        border: none;
    }
    .type-here .form-control{background: #FFF;background: rgba(255, 255, 255, 0.48);border: 2px solid #1c85c6;border-radius:0;padding: 0px 15px; padding-left: 54px; font-size: 14px;color: #000;}
    .type-here .submit{    
        bottom: 0px;
        width: 100%;
        height: 38px;
        border-radius: 0;
        top: inherit;
        right: inherit;
        left: 0;
        cursor: pointer;
    }
}

@media screen and (max-height:460px){
   h1 {font-size: 6vw;margin-bottom: 5px;}
   .logo {
        max-width: 110px;
        top: 10px;
    }
    .landing-content{padding-top: 0;}
    .type-here{margin-top: 10px;}
    .landing-content h5{font-size: 13px;}
    .footer {padding-bottom: 10px;}
    .footer p{ font-size: 12px;}
}

@media screen and (max-height:460px){
    .landing-content {
        padding-top: 30px;
    }
}