html{color:#222;line-height:1.4}
::-moz-selection{background:#b3d4fc;text-shadow:none}
::selection{background:#b3d4fc;text-shadow:none}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}
audio,canvas,iframe,img,svg,video{vertical-align:middle}
fieldset{border:0;margin:0;padding:0}
textarea{resize:vertical}
.browserupgrade{margin:.2em 0;background:#ccc;color:#000;padding:.2em 0}
@font-face{font-family:notosansbold;src:url(../fonts/NotoSans-Bold.ttf) format('truetype');font-weight:400;font-style:normal}
@font-face{font-family:notosanslight;src:url(../fonts/NotoSans-Light.ttf) format('truetype');font-weight:400;font-style:normal}
body,html{width:100%;height:100%;font-family:OpenSans Light,sans-serif;font-size:14px;margin:0;padding:0}
h1,h2,h3,h4,h5,h6{font-weight:400}
h2{font-family:notosanslight;font-size:1.5em;text-transform:capitalize}
img{width:100%;height:auto}
ul{list-style:none}
.padding-big{padding:60px 0}
p{color:#787878;font-family:notosanslight;padding:10px}
#container{margin:0;padding:0}
.title{color:#315f85ff;font-family:notosansbold;font-size:2em;text-transform:uppercase;position:relative;display:table;margin:0 auto}
.title::before{background:#ddd;content:"";height:2px;left:25%;position:absolute;top:-8px;width:50%}
.title::after{background:#ddd;content:"";height:2px;left:25%;position:absolute;bottom:-8px;width:50%}
.title-tag{font-family:notosanslight;font-size:1.1em;padding:10px 0 20px}
.padding-2x{padding:60px 0}
.padding-x{padding:20px 0}
.padding-top-2x{padding-top:60px}
.padding-top-x{padding-top:20px}
.padding-btm-2x{padding-bottom:60px}
.padding-btm-x{padding-bottom:20px}
.margin-2x{margin:60px 0}
.margin-x{margin:20px 0}
.margin-top-2x{margin-top:60px}
.margin-top-x{margin-top:20px}
.margin-btm-2x{margin-bottom:60px}
.margin-btm-x{margin-bottom:20px}
.center-content{display:table;height:50%;left:0;position:absolute;top:25%;width:100%;backdrop-filter:blur(8px)}
.intro{background-image:url(../img/background.jpg);background-size:cover;background-position:center;background-color:#2a2e39;position:fixed;z-index:10;overflow:hidden;width:100%;height:100%;color:#fff;-webkit-transition:-webkit-transform .6s;transition:transform .6s;-webkit-transition-timing-function:cubic-bezier(0.7,0,.3,1);transition-timing-function:cubic-bezier(0.7,0,.3,1)}
.container-open .intro{-webkit-transform:translate3d(0,-100%,0) translate3d(0,200px,0);transform:translate3d(0,-100%,0) translate3d(0,200px,0)}
.intro-image{background-color:rgba(0,0,0,.7);position:absolute;bottom:0;min-width:100%;min-height:120%;width:auto;height:auto;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-transition:-webkit-transform .6s,opacity .6s;transition:transform .6s,opacity .6s;-webkit-transition-timing-function:cubic-bezier(0.7,0,.3,1);transition-timing-function:cubic-bezier(0.7,0,.3,1)}
.container-open .intro-image{background-color:#2a2e39;-webkit-transform:translate3d(0,20%,0);transform:translate3d(0,20%,0)}
.intro-content{display:table-cell;font-size:1.15em;margin:0;padding:0;min-width:100%;min-height:100%;vertical-align:middle;filter:brightness(100%)}
.logo{width:100%;margin:-30px 0 25px}
.logo img{width:800px;height:auto}
.text-logo{color:#315f85ff;font-family:notosansbold;font-weight:700;font-size:3em}
.intro-title{font-family:notosanslight;font-size:3em;font-weight:400;margin:20px 0}
.bean{color:#315f85ff}
.countdown{list-style:none;margin:20px 0;padding:0;display:block;text-align:center;font-family:notosanslight}
.countdown li{display:inline-block}
.countdown li span{font-size:80px;font-weight:300;line-height:80px}
.countdown li.seperator{font-size:14px;margin-top:12px;line-height:30px;vertical-align:top}
.countdown li p{color:#ddd;font-size:14px}
a{color:#76949F;text-decoration:none}
a:hover{text-decoration:underline}
.content-div{width:100%}
.intro-subtitle{display:block;-webkit-align-items:center;align-items:center;text-align:center}
.intro-subtitle p{color:#efefef}
.intro_description{margin:0 auto 0 1em;line-height:1.2}
.trigger{background:rgba(0,0,0,0);border:none;bottom:0;height:60px;margin:10px;outline:0;overflow:hidden;padding:0;position:absolute;right:0;width:60px}
.trigger span{position:absolute;top:100%}
.icon line,.icon rect{stroke:#315f85ff;fill:#315f85ff;stroke-width:2px}
.icon{-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transition:opacity .3s,-webkit-transform .3s;transition:opacity .3s,transform .3s}
.icon-cross,.trigger-active .icon-grid{opacity:0;-webkit-transform:scale3d(0.5,.5,1);transform:scale3d(0.5,.5,1)}
.trigger-active .icon-cross{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
.social{bottom:0;left:0;margin:10px;position:absolute}
.fa-social{background:0 0;border:0 solid;color:#fff;height:42px;line-height:45px;text-align:center;width:42px}
.fa-social:hover{color:#315f85ff;background:#fff}
.content-wrapper{position:relative;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;padding:250px 0 0;background-color:#F0F1F5;overflow:hidden}
.content-wrapper::after{position:absolute;top:0;left:0;width:100%;height:100%;background:#2a2e39;content:'';opacity:1;-webkit-transition:opacity .6s;transition:opacity .6s;-webkit-transition-timing-function:cubic-bezier(0.7,0,.3,1);transition-timing-function:cubic-bezier(0.7,0,.3,1);pointer-events:none}
.container-open .center-content,.container-open .content-wrapper::after{opacity:0}
.notify-after{visibility:hidden}
.container-open .notify-after{visibility:visible;position:absolute;bottom:0;left:40%}
.subscribe-form{width:100%}
.input-notify-after{width:80%!important;float:left;background:0 0;border-right:none;border-top-right-radius:0!important;border-bottom-right-radius:0!important}
.btn-notify-after{width:20%!important;float:left;color:#ddd;border-top-left-radius:0!important;border-bottom-left-radius:0!important;margin-left:-4px;background:0 0}
.btn-notify-after:active,.btn-notify-after:focus,.btn-notify-after:hover{background:0 0;color:#fff;border-color:#315f85ff}
.fa-service{border:1px solid;color:#315f85ff;font-size:2em!important;height:40px;line-height:40px!important;text-align:center;width:40px}
.service-title{color:#315f85ff}
.fa-mbr{padding:0 5px}
.fa-mbr:hover{color:#31B0E0}
.team-member{background:#fff;border:1px solid #ddd;border-radius:5px;padding:20px 0;margin:10px 0}
.team-member h2{color:#585858;font-family:notosanslight;font-size:1.2em}
.member-img{display:table;height:200px;margin:0 auto;width:200px;border-radius:50%;overflow:hidden}
.contact{background-color:#315f85ff;color:#fff}
.contact-tag,.contact-title{color:#fff}
#contact-form .form-group label{display:none;font-size:18px;line-height:24px;font-weight:100;text-transform:uppercase}
#contact-form.no-placeholder .form-group label{display:block}
#contact-form .controls{padding:0;margin-top:40px}
#contact-form.no-placeholder .controls{margin-top:0}
#contact-form .form-control{display:inline;background:0 0;border:none;border-bottom:1px solid #fff;border-radius:0;outline:0;box-shadow:0 0 0 rgba(0,0,0,.05);height:52px;font-size:18px;line-height:32px;color:#fff;font-weight:400;padding-left:38px;vertical-align:top}
#contact-form .form-group.half-width{width:40%;float:left}
#contact-form .form-group{position:relative}
#contact-form .form-group [class*=fa]{display:block;position:absolute;top:0;left:5px;color:#eee;font-size:24px;line-height:52px;text-align:center;font-weight:300;-webkit-transition:color .3s ease-out;transition:color .3s ease-out}
#contact-form .form-group [class*=fa].active{color:#ccc}
#contact-form.no-placeholder .form-group [class*=fa]{top:30px}
#contact-form textarea.form-control{height:auto;max-width:100%;min-width:100%;font-size:18px;font-weight:400;line-height:24px;padding-top:14px;vertical-align:top}
#contact-form .form-control:focus{outline:0;box-shadow:0 0 0 rgba(0,0,0,.05)}
#contact-form .error-message{padding:5px 0;position:absolute;top:-35px;right:0;font-size:15px;line-height:24px;font-weight:400;color:#ff3345;z-index:10}
#contact-form.no-placeholder .error-message{top:0}
.form-control::-moz-placeholder{color:#ddd;opacity:1}
.form-control::-webkit-input-placeholder{color:#ddd;opacity:1}
.form-control::-ms-input-placeholder{color:#ddd;opacity:1}
.btn-contact{background-color:#2080f5;border-color:#2080f5;color:#fff!important;margin:30px 0 0;padding:12px 0}
.btn-contact:hover{border:1px solid #fff;background-color:transparent}
#map-wrapper{height:440px}
#footer{background-color:#315f85ff;padding:20px 0;overflow:hidden}
.copyright p{color:#fff;display:block;padding-top:25px;font-size:1.1em}
.hidden{display:none!important;visibility:hidden}
.visuallyhidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}
.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}
.invisible{visibility:hidden}
.clearfix:after,.clearfix:before{content:" ";display:table}
.clearfix:after{clear:both}
@media only screen and (max-width:767px){.text-justify{text-align:center}}
@media only screen and (max-width:480px){.intro{position:absolute}
    .logo{margin:-55px 0 25px}
    .text-logo{font-size:2em;margin:0}
    .intro-title{font-size:1.5em;margin:8px 0}
    .fa-clock-spin{font-size:1.5em!important}
    .countdown{margin:-18px 0 0}
    .countdown li span{font-size:3em}
    .countdown li p{margin:-15px 0 5px}
    .countdown li.seperator{font-size:9px;line-height:normal;margin-top:28px;vertical-align:top}
    .container-open .notify-after{bottom:60px;left:5%}
    .notify-after .form-group{float:left}}
@media only screen and (max-width:304px){.intro{position:absolute}
    .container-open .notify-after{bottom:60px;left:5%}}
@media only screen and (max-width:320px){.intro{position:absolute}
    .text-logo{font-size:3em;margin:0}
    .logo img{width:200px}
    .intro-title{font-size:1.3em;margin:5px 0 10px}
    .fa-clock-spin{font-size:2em!important}
    .countdown{margin:-10px 0 10px}
    .countdown li span{font-size:3em}
    .countdown li p{margin:-15px 0 5px}
    .countdown li.seperator{font-size:9px;line-height:normal;margin-top:28px;vertical-align:top}
    .container-open .notify-after{bottom:60px;left:10%}
    .notify-after .form-group{float:left}}
@media only screen and (min-width:238px) and (max-width:480px){.intro{position:absolute}
    .logo{margin:-60px 0 25px}
    .logo img{width:200px}
    .text-logo{margin:-60px 0 0}
    .intro-title{font-size:1em;margin:-25px 0 5px}
    .fa-clock-spin{font-size:2em!important}
    .countdown{margin:10px 0}
    .countdown li span{font-size:1.5em}
    .countdown li p{font-size:12px;margin:-25px 0 0}
    .countdown li.seperator{font-size:8px;line-height:12px;margin-top:0}
    .countdown li{margin:-30px 0 0}
    .intro-subtitle{margin:-5px 0 0}
    .fa-social{height:38px;line-height:38px;width:35px}
    .notify-after .form-group{float:left}}
@media only screen and (min-width:481px) and (max-width:568px){.intro{position:absolute}
    .intro-content{padding:2%}
    .logo{margin:-45px 0 25px}
    .logo img{width:400px}
    .text-logo{font-size:2em;margin:0}
    .intro-title{font-size:2em;margin:-30px 0 5px}
    .fa-clock-spin{font-size:1.5em!important}
    .countdown{margin:-18px 0 0}
    .countdown li span{font-size:3em}
    .countdown li p{margin:-15px 0 10px}
    .countdown li.seperator{font-size:9px;line-height:normal;margin-top:28px;vertical-align:top}
    .container-open .notify-after{bottom:60px;left:30%}
    .notify-after .form-group{float:left}}
@media only screen and (min-width:569px) and (max-width:830px){.intro{position:absolute}
    .logo{margin:0 0 20px}
    .text-logo{margin:-60px 0 0}
    .logo img{width:500px}
    .intro-title{font-size:2em;margin:-25px 0 5px}
    .fa-clock-spin{font-size:2em!important}
    .countdown li span{font-size:2em}
    .countdown li p{font-size:12px;margin:-20px 0 0}
    .countdown li.seperator{font-size:10px;line-height:15px;margin-top:-15px}
    .countdown li{margin:-40px 0 0}
    .intro-subtitle{margin:-15px 0 0}
    .container-open .notify-after{bottom:60px;left:30%}
    .notify-after .form-group{float:left}}
@media only screen and (min-width:768px) and (max-width:991px){.intro-title{font-size:3em}
    .container-open .notify-after{left:34%}}
@media only screen and (min-width:992px) and (max-width:1199px){.container-open .notify-after{left:39%}}
.screen-loader{position:fixed;width:100%;height:100%;overflow:hidden;left:0;top:0;background:url(../img/Preloader.gif) center center no-repeat #f1f2f3;z-index:10000}
#preload{position:fixed;width:100%;height:100%;overflow:hidden;left:0;top:0;background:#000;display:none;z-index:10000}
#preload-status{position:absolute;width:100%;height:100%;margin:auto;padding:0;top:0;right:0;bottom:0;left:0;display:block;background:url(../img/Preloader.gif) center center no-repeat #f1f2f3;opacity:1;-moz-opacity:1;-webkit-opacity:1;filter:alpha(opacity=1);-ms-filter:"alpha(Opacity=1)"}
.preload-content{position:fixed;width:auto;height:auto;margin:0;padding:0;top:0;right:0;bottom:0;left:0;background:#000;opacity:.6;-moz-opacity:.6;-webkit-opacity:.6;filter:alpha(opacity=1);-ms-filter:"alpha(Opacity=1)"}
.preload-content-rain{position:fixed;width:auto;height:auto;margin:0;padding:0;top:0;right:0;bottom:0;left:0;background:#000;opacity:.4;-moz-opacity:.4;-webkit-opacity:.4;filter:alpha(opacity=1);-ms-filter:"alpha(Opacity=1)"}
@media print{*,:after,:before{background:0 0!important;color:#000!important;box-shadow:none!important;text-shadow:none!important}
    a,a:visited{text-decoration:underline}
    a[href]:after{content:" (" attr(href) ")"}
    abbr[title]:after{content:" (" attr(title) ")"}
    a[href^="#"]:after,a[href^="javascript:"]:after{content:""}
    blockquote,pre{border:1px solid #999;page-break-inside:avoid}
    thead{display:table-header-group}
    img,tr{page-break-inside:avoid}
    img{max-width:100%!important}
    h2,h3,p{orphans:3;widows:3}
    h2,h3{page-break-after:avoid}}