/*-- Fonts --*/
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Amiko:wght@400;700&display=swap');

/*-- Reset css --*/
/*==================box-sizing================*/
*{box-sizing:border-box}
*,*:before,*:after{box-sizing:border-box}
html{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
*,*:before,*:after{-webkit-box-sizing:inherit;-moz-box-sizing:inherit;box-sizing:inherit}
/*====*/
*{margin:0;padding:0;border:none}
abbr,acronym,dfn{cursor:help;border-bottom:1px #000 dotted}
dfn{font-style:normal}
.left{float:left}.right{float:right}
.clear{clear:both}
.aligncenter{text-align:center}
.alignright{text-align:right}
a{color:#000;outline:none;border:none;text-decoration:none}
a:visited{color:#5c5c5c}
a:hover{text-decoration:none;color:#0198d1}
a:active{color:#000}
address{margin:0.2em 0;padding:.5em 0 1em;line-height:140%;font-style:normal}
:focus{outline:0}
ul,ol{list-style:none;margin:0;padding:0}
p{font-size:16px;padding:8px 0;line-height:24px;margin:0;color:#000}
.input-group{position:relative;margin-bottom:15px}
.form-control{background:#fff;border:solid 1px #e1e1e1;font-size:15px;color:#000;border-radius:4px;width:100%;height:44px;padding:8px 15px}
.form-control::-moz-placeholder{color:#5a5a5a;opacity:1}
.form-control:-ms-input-placeholder{color:#5a5a5a}
.form-control::-webkit-input-placeholder{color:#5a5a5a}
.form-control:focus{box-shadow:none}
.btn-primary{width:100%;background-color:#252525;border:0;font:20px "Raleway", Arial, sans-serif;font-weight:600;padding:16px 0 0 0;-webkit-transition:all 0.3s ease-in;transition:all 0.3s ease-in;text-transform:uppercase}
.btn-primary:hover,.btn-primary:focus{background:#059ad9}
.btn-primary:focus,.btn-primary:active{border:0;box-shadow:none}
textarea{font:12px Arial, Helvetica, sans-serif}
textarea.form-control{height:120px}
.block{display:inline-block;width:100%}
a.button,.button{display:inline-block;width:100%;max-width:210px;background-color:transparent;border:2px solid #fff;box-shadow:none;color:#fff;font-size:21px;font-weight:600;text-transform:uppercase;padding:15px 26px;text-align:center;vertical-align:middle;border-radius:50px;-webkit-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out}
.button:hover,.button:focus,.button:visited{color:#fff}
.button:hover,.button:focus,a:visited.button:hover{background-color:#d9d54a;color:#000}
.button.outline{border:2px solid #fff;background:transparent;margin-top:18px;max-width:260px;font-size:22px;padding:16px 15px}
a:visited.button{color:#fff}
.error{display:block;color:#f98989;padding-top:5px;font-size:13px;font-weight:normal}
.alert-success{opacity:1}.button.radius{border-radius:4px}
.capitalize{text-transform:none;text-transform:capitalize}
img.img-block{display:block;max-width:100%;height:auto}
.center-box{background-color:transparent;text-align:center;padding:60px 0}
.ucase:before{text-transform:uppercase}
.block{display:inline-block;width:100%}
.icon{display:inline-block;fill:currentColor;height:1em;position:relative;top:-0.0625em;vertical-align:middle;width:1em}
.list{list-style:none;padding:0;margin:12px 0 0 5px}
.list li{background:url(../images/list-arrow.png) no-repeat 0 12px;color:#fff;font-size:18px;line-height:28px;padding:6px 0 6px 28px}
.list li span{display:block;font-size:20px;color:#000;padding:3px 0 10px}
.list-numeric{list-style:number;font-size:16px;color:#686868}
.list-numeric li{line-height:24px;margin:0 0 16px}

/*-- Body --*/
html{background:#fff;height:100%;font-family:"Roboto", Arial, sans-serif}
body{background:#fff;font-family:"Roboto", Arial, sans-serif;font-weight:400;font-size:15px;min-height:100%;color:#000}
.container{max-width:1190px;margin:0 auto;position:relative;padding:0 15px}

/*-- Fetch Fonts --*/
h1,h2,h3,h4,h5,h6,.intro p{font-family:Amiko, Arial, sans-serif;text-transform:uppercase}
.footer-menu li,.copyright{font-family:Amiko, Arial, sans-serif}
.button,a.button,#countdown-clock li,.list li{font-family:"Roboto", Arial, sans-serif}

/*-- Container --*/
#content{display:inline-block;width:100%}

/*-- Header --*/
.header{background:url(../images/header-bg.jpg) no-repeat center 0;background-size:cover;position:relative;margin:0 auto;min-height:630px}

/*.header{padding:28px 0 10px;position:relative}*/


.rt-head{text-align:right;padding-left:0}
.rt-head a.button{background:#00c1c1;max-width:190px;font-size:18px;padding:14px 26px}
.rt-head a.button:hover{background:#029898}
.social-link{margin-right:14px}
.social-link,.social-link li{display:inline-block;vertical-align:middle}
.social-link li a{color:#fff;font-size:18px;background:#292749;width:23px;height:25px;display:block;text-align:center}
.social-link li a .fa{}

/*-- Main Navigation --*/
#nav li{font-size:18px;font-weight:500;position:relative;text-transform:uppercase}
#nav li a{color:#fff}
#nav li a:hover{color:#26eeee}

.intro{padding-top:50px;color:#fff}
.hd-h1{font-size:32px;margin-bottom:20px}
.hd-h1 span{font-size:50px;color:#d9d54a;font-weight:700;display:block;margin-top:-5px}
.intro p.subhead{display:inline-block;font-size:22px;line-height:33px;color:#fff;text-transform:none;border:2px solid #d9d54a;border-width:2px 0;padding:14px 30px}
.intro p.event-time{display:block;font-size:24px;color:#fff;font-weight:700;padding:30px 0 10px}

/*-- Countdown --*/
.countdown{display:block;margin:0;text-align:center;position:relative;top:-75px}
.countdown > .countdown-container{display:inline-block;position:relative}
.countdown > div > span{display:block;text-align:center}
#countdown-clock{display:inline-block;list-style:none;margin:-5px 0 25px;text-align:center;position:relative;max-width:600px}
#countdown-clock li.box{display:inline-block;width:65px;height:106px;color:#fff;background:transparent;padding-top:26px;margin:0 6px;vertical-align:middle;position:relative}
#countdown-clock li.box span{font-size:45px;font-weight:500;line-height:50px;display:block}
#countdown-clock li.box p{color:#fff;font-size:11px;padding:5px 0 0;text-transform:uppercase;letter-spacing:0.9px}

/*--- Welcome ---*/
.welcome{padding:10px 0 40px}
.hd-h2{font-size:45px;margin:0;font-weight:700;text-transform:uppercase}
.welcome span{font-size:30px;background:#d9d54a;display:block;max-width:260px;padding:8px 0 0 75px;margin:0 0 15px -70px}
.welcome p{font-size:20px;line-height:32px;padding:0 0 0 5px}

/*--- Ways to cover ---*/
.ways-to-cover{color:#fff}
.ways-to-cover .wrap{background: rgb(217,213,74);
background: linear-gradient(90deg, rgba(217,213,74,1) 0%, rgba(124,163,100,1) 35%, rgba(1,96,135,1) 100%);padding:30px 20px; border-radius:8px}
.ways-to-cover .hd-h2{font-size:25px}
.ways-to-cover p{color:#fff}
.ways-to-cover img{border:1px solid #fff;margin:0 auto 40px}


/*-- Disclosure --*/
.disclosure{padding:140px 0 60px;background:#f2f2f2;margin-top:-105px}
.disclosure .hd-h2{font-size:35px}
.disclosure p{font-size:18px;padding:8px 5px}

/*-- Footer --*/
.footer{text-align:center}
.footer-content{padding:30px 0}
.footer li{display:inline-block;text-transform:uppercase}
.social-media li{padding:0 3px 0 3px}
.social-media li a{display:block;border:2px solid #116b8f;padding-top:6px;border-radius:25px;width:52px;height:52px}
.social-media .fa{display:inline-block;vertical-align:middle;width:52px;height:52px;color:#006087;font-size:30px;line-height:38px;text-align:center;padding-right:3px}
.social-media li a,.social-media .fa{-webkit-transition:background 0.3s linear;transition:background 0.3s linear}
.social-media li a:hover{background:#006087}
.social-media li a:hover:hover .fa{color:#fff}

.footer-menu{margin:30px 0 15px;padding:25px 0 11px 0; background:#f2f2f2;border:1px solid #ddd;border-width:1px 0}
.footer .footer-menu li{display:block;padding:0 0 15px;font-weight:600;text-transform:uppercase}
.footer-menu li a,.copyright{font-size:18px;color:#141414}
.footer-menu li a:hover,.footer-menu li a:visited:hover{color:#006087}
.footer-menu li a:visited{color:#141414}
.copyright{font-size:15px;color:#898989;padding:5px 0 0}

/* Modal Popup */
.modal-header{background:#f8f8f8;margin-bottom:10px}
.modal-title{font-size:25px;color:#374da6}
.modal-footer{ background:#d0cfcf}
.modal-footer .button{background:#2c2c2c;font-size:17px;padding:10px 35px;margin:0 auto}
.modal-footer .button:hover{background:#445ec6}
.modal-body .row.form-group{margin:10px -7px 18px}
.modal-body .row.form-group [class*="col-"]{padding:0 7px}	
.modal .close{background:#e8e8e8;padding:0px 10px;font-size:30px;line-height:37px;border-radius:3px}

/*-- Thank You --*/
.thank-you-page .header{min-height:560px}
.thank-you{padding:100px 0 0}
.thank-you h2{font-size:35px;font-weight:400}
.thank-you h2 span{display:block}
.thank-you-page .footer-content{padding:0}
.thank-you-page .header.fullbg{position:fixed;top:0;left:0;/*z-index:-1;*/height: 100%;width: 100%;background-position:50% 50%;}
.thank-you-page #footer{background: #323131;text-align: center;position: absolute;left: 0;right: 0;bottom: 0;}
.thank-you-page .footer-content{padding:20px 0 30px}

/*====Responsive====*/
@media (min-width:576px){
.footer-menu{background:none;border-color:#006087;padding-top:11px}
.footer .footer-menu li{display:inline-block;padding:5px 18px}
.footer-menu li a{font-size:16px}
.thank-you h2{font-size:45px}
/*body{border:1px solid blue}*/
}

@media (min-width:768px){
.header{min-height:650px}
.intro{padding-top:90px}
.hd-h1{font-size:50px}
.hd-h1 span{font-size:70px}
.intro p.event-time{font-size:30px}
#countdown-clock li.box{width:106px;}
#countdown-clock li.box span{font-size:60px}
#countdown-clock li.box p{font-size:13px}
#countdown-clock li.box + li.box:after{content:""; position:absolute;top:30%;left:0;border-left:2px solid #fff;height:60px}
a.button,.button{max-width:257px;padding:19px 26px}

.welcome .left{padding-top:30px}
.hd-h2{font-size:55px}
.welcome p{font-size:22px}
.footer .footer-menu li{padding:5px 18px 0}
.footer-menu li a{font-size:18px}
.thank-you-page .header{min-height:680px}
/*body{border:1px solid lightgreen}*/
}

@media (min-width:992px){
.header{min-height:803px}
.intro{padding-top:130px}
.hd-h2{font-size:75px}
.ways-to-cover .wrap{padding:40px 50px}
.ways-to-cover img{margin:0}
.ways-to-cover .hd-h2{font-size:32px}
.list li{font-size:21px}
/*body{border:1px solid red}*/ 
}

@media (min-width:1025px){
.hd-h1{font-size:62px}
.hd-h1 span{font-size:97px}
.intro p.subhead{font-size:28px}
.welcome .left{padding-top:70px}
.welcome p{font-size:25px}
.ways-to-cover .hd-h2{font-size:48px;padding-right:50px}
.disclosure .hd-h2{font-size:50px}
/*body{border:1px solid orange}*/
}