/* https://app.zeplin.io/project/65f8887344c64f94bb0f8ddd */
#interiorMasthead .mastheadCurve {
  min-height: 191px;
  background-color: rgba(43, 122, 184, 0.8);
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
}

.timer{background: linear-gradient(to left, #1c3f95 0%, #071d53 100%); color: white; width: 100%; height: 200px; padding: 30px;}

/* coutndown */

.timerT{margin: 0 auto;}
.timerT td{text-align: center; padding: 5px 20px;line-height: 1}
.timerT tr:first-child td{font-family: "Lato", sans-serif;font-size: 72px; font-weight: 900; }
.timerT tr:last-child td{font-family: "Lato", sans-serif;font-size: 20px; font-weight: 400}

.card.bluebox{ border: 0 }
.card.bluebox .card-header{background: linear-gradient(to top, rgba(7,29,83,1) 0%,rgba(73,101,170,1) 100%); color: white; border-radius: 30px 30px 0 0; padding: 20px }
.card.bluebox .card-header h3{color: white; margin: 0; text-align: center;}

.card.bluebox .card-body{border: solid 1px #629dca; border-radius: 0 0 30px 30px }


/* weekend */
.weekend{background: url(../images/UpgradeWeekendBackground.jpg) center center no-repeat; background-size: cover;  width: 100%; padding: 80px 30px; margin: 80px 0}
.blueblock.container{background: rgba(43, 122, 184, .65); border-radius: 36px; width: 100%; max-width: 900px !important; padding: 20px 36px 38px 36px; margin: 0 auto}
.BBimg{}
.BBtext{color: white;  text-shadow: 0 3px 6px rgba(0, 0, 0, 0.16); }
.BBtext h2{padding-top: 18px;color: white;}
.BBtext h3{color: white;}

/* bullets */
.blueblock ul, .card.bluebox ul {list-style: none;  font-size: 18px;  font-weight: 300;  line-height: 1.33;  text-align: left;  padding-left: 40px;}
.blueblock ul {color: white;  }
.blueblock ul li,  .card.bluebox ul li {  margin: 9px 0;position: relative;}
.blueblock ul li:before, .card.bluebox ul li:before { display: inline-block;  content: '\f058';  font-weight: 900;  font-family: 'Font Awesome 5 Pro';  font-size: 20px;  color: #fdb813;  position: absolute;  left: -30px;  top: -6px;}

/* mobi app */
.mobiapp{background: url(../images/AppBackground.jpg) center center; background-size: cover; width: 100%; position: relative; margin-top: 80px; padding: 80px 30px;}
.mobiapp .liner{max-width: 1100px;  margin: 0 auto;position: relative; display: flex;  justify-content: flex-end; }
.mask{ position: absolute; top: 0;  left: 0px; z-index: 99; width: 471px; /*height: 624px;*/ left: 0}
.mask img{ width: 471px; /*height: 624px;*/}
.maskedimg{}
.mobiapp_box{background: rgba(43, 122, 184, .65); border-radius: 36px; width: 100%; max-width: 900px !important; padding: 38px 42px 38px 300px; position: relative;  z-index: 90; color: white;text-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);}
.mobiapp_box h2, .mobiapp_box h3{color: white;}


	/*L*/
	@media only screen and (max-width: 1199px) { 
		.mobiapp_box{ width: calc(100% - 200px); }
	}

	/*M*/
	@media only screen and (max-width: 991px) {
		.mask{position: absolute; top: 0;  left: 0px;width: 340px;}
		.mask img{ width: 340px; /*height: 624px;*/}
		.mobiapp_box{padding: 38px 42px 38px 150px; }
		.mastheadCurveContent h2{font-size: 4vw;}

	}

	/*S*/
	@media only screen and  (max-width: 767px) {
		.blueblock.container{ padding: 20px 30px; }
		.mobiapp{padding: 40px 20px;}
		.mobiapp_box{ padding: 30px 30px 20px 30px; position: static;width: 100%;}
		.mobiapp_box a.cta-yellow{margin: 10px}
		.mask, .maskedimg{display: none;}
	}

	/*XS*/
	@media only screen and  (max-width: 575px) {
		.blueblock.container{ padding: 20px; }
		.BBimg img{width: 100px}
		.mastheadCurveContent h2{font-size: 5.5vw;}
		.timerT tr:first-child td{font-size: 50px;}
		.weekend{ padding: 40px 20px; margin: 40px 0}

	}
	@media only screen and  (max-width: 400px) {
		.timerT tr:first-child td{font-size: 34px;}


	}


/** ACCORDION - FAQS, FORMS, & DIVS ************************************************************/

	h1.faq_question {font-family: "Lato", sans-serif;
	  font-size: 36px;
	  font-weight: 900;
	  font-stretch: normal;
	  font-style: normal;
	  line-height: normal;
	  letter-spacing: normal;
	  color: #071d53;
	}
	.content_faq_header {font-family: "Lato", sans-serif;
	  font-size: 30px;
	  font-weight: 900;
	  font-stretch: normal;
	  font-style: normal;
	  line-height: normal;
	  letter-spacing: normal;
	  color: #071d53;
	}


	.faq_featured_block{ margin: 20px 0 0 0 !important; display: block}
	.faq_header{ display: block}
	.faq_question_block_slide{padding: 10px 0;border-bottom: 0;}
	.faq_question_block_slide_question{padding: 0; border: solid 0px red}
	.faq_question_block_slide_answer{padding: 0 20px 10px 20px;}

	/* resets */
	div.cms_form_collapsible_header{background: none; border-bottom: 0; }
	article .code_block_center.code_block_accordion_wrap {display: block; padding: 0px; gap: 0px;}
	article .code_block_box.code_block_accordion, article .code_block_box.code_block_accordion:hover {display: block; max-width:100%; padding: 0px; border: 0; outline: 0; border-radius: 0; box-shadow: none;background-color: transparent}
	article .code_block_box.code_block_accordion .code_block_indiv_image{display: none;}
	article .code_block_box.code_block_accordion .code_block_indiv_content{text-align: left}

	/* closed Q */
	div.cms_form_collapsible_header a:visited, 
	.faq_question_block_slide_question_closed a, 
	.faq_question_block_slide_question_closed a:visited, 
	div.faq_recent_block .faq_question_block_slide_question_closed a, 
	div.faq_recent_block .faq_question_block_slide_question_closed a:visited, 
	div.faq_featured_block .faq_question_block_slide_question_closed a, 
	div.faq_featured_block .faq_question_block_slide_question_closed a:visited, 
	div.faq_popular_block .faq_question_block_slide_question_closed a, 
	div.faq_popular_block .faq_question_block_slide_question_closed a:visited, 
	div.faq_question_panel .faq_question_block_slide_question_closed a, 
	div.faq_question_panel .faq_question_block_slide_question_closed a:visited, 
	.code_block_accordion div.code_block_indiv_top,
	.code_block_accordion.open .code_block_accordion div.code_block_indiv_top,
	div.cms_form_collapsible_header a, div.cms_form_collapsible_header a:visited
	{padding: 12px 60px 12px 20px;color: #071D53 !important; background-color: #FFB200; display: block;   font-size: 20px;position: relative; text-decoration: none !important;}
	div.cms_form_collapsible_header a, div.cms_form_collapsible_header a:visited{margin-top: 20px; width: 100%; text-align: left; border: 0 !important}

	
	/* hover Q */
	div.cms_form_collapsible_header a:hover, 
	div.cms_form_collapsible_header a:focus, 
	.faq_question_block_slide_question_closed a:hover, 
	.faq_question_block_slide_question_closed a:focus, 
	div.faq_recent_block .faq_question_block_slide_question_closed a:hover, 
	div.faq_recent_block .faq_question_block_slide_question_closed a:focus, 
	.code_block_accordion div.code_block_indiv_top:hover, 
	div.faq_featured_block .faq_question_block_slide_question_closed a:hover,
	div.faq_featured_block .faq_question_block_slide_question_closed a:focus, 
	div.faq_popular_block .faq_question_block_slide_question_closed a:hover, 
	div.faq_popular_block .faq_question_block_slide_question_closed a:focus,
	div.faq_question_panel .faq_question_block_slide_question_closed a:hover, 
	div.faq_question_panel .faq_question_block_slide_question_closed a:focus,
	.code_block_accordion.open .code_block_accordion div.code_block_indiv_top:hover,
	.code_block_accordion.open .code_block_accordion div.code_block_indiv_top:focus
	{background-color: #071D53; color:white !important;text-decoration: none;}

	/* open Q */
	div.cms_form_collapsible_header.open a, 
	.faq_question_block_slide_question_open a, 
	div.faq_recent_block .faq_question_block_slide_question_open a, 
	.code_block_accordion.open div.code_block_indiv_top,  
	div.faq_featured_block .faq_question_block_slide_question_open a,  
	div.faq_popular_block  .faq_question_block_slide_question_open a, 
	div.faq_question_panel  .faq_question_block_slide_question_open a, 
	.code_block_accordion.open .code_block_accordion.open div.code_block_indiv_top
	{color: #071D53 !important; background-color: #FFB200;  display: block; padding: 12px 60px 12px 20px;  text-decoration: none !important;}


	/* contents */
	article .code_block_accordion .code_block_indiv_content{padding: 0 20px;}
	.faq_question_block_slide_answer, article .code_block_accordion.open .code_block_indiv_content{padding: 20px; border-radius: 0; border: solid 3px #FFB200; margin: 0; color: black !important;}

/* CONTACT */
	.contact{padding: 80px 30px}
	.contact h2{padding-bottom: 20px; text-align: center;}
	.contact ul.content_relatedlink_list{list-style: none;}

	.contact ul{display: flex; justify-content: center; align-items: center; gap: 100px; list-style: none; margin: 0; padding: 0}
	.contact ul li{text-align: center;}
	.contact ul li:before {display: none;}

	/*.contact a{font-size: 22px; font-weight: 900; color: var(--main); text-decoration: none; line-height: 1.1}
	.contact a .RLfa{ font-size: 45px; display: block; color: var(--main); padding-bottom: 10px;}
	.contact a:hover, .contact a:focus{color: var(--second);}
*/
	.contact ul li a .RLfa{width: 110px; height: 110px; background: radial-gradient(ellipse at center, rgba(8,32,87,1) 0%,rgba(42,120,181,1) 100%); color:#FFB200; font-size: 50px; /*top: -20px;*/ -webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,.4);box-shadow: 0 0 5px 0 rgba(0,0,0,.4);display: flex; justify-content: center; align-items: center; border-radius: 50%; position: relative; margin: 0 auto 20px auto; padding-top: 3px;}
	.contact ul li a:hover .RLfa, .contact ul li a:focus .RLfa{box-shadow: 0;}
	.contact ul li .RLfa:after{content: ''; display: block; width: 0px; height: 0px;border-radius: 50%;background: #ABC5DA; position: absolute; top: 55px; right: 55px;transition: all .25s; z-index: -1}
	.contact ul li a:hover .RLfa:after, .contact ul li a:focus .RLfa:after{width: 128px; height: 128px; top: -9px; right: -9px;  }
	.contact ul li a:hover, .contact ul li a:focus{text-decoration: none;}


	/*L*/
	@media only screen and (max-width: 1199px) { 
		.contact ul{gap: 50px;}
	}

	/*M*/
	@media only screen and (max-width: 991px) {
	}

	/*S*/
	@media only screen and  (max-width: 767px) {
		.contact ul{gap: 30px;}


	}

	/*XS*/
	@media only screen and  (max-width: 575px) {
		.contact ul{gap: 20px;}
		.contact ul li a .RLfa{width: 80px; height: 80px; font-size: 36px; padding-top: 3px;}
		.contact ul li .RLfa:after{top: 40px; right: 40px;}
		.contact ul li a:hover .RLfa:after, .contact ul li a:focus .RLfa:after{width: 90px; height: 90px; top: -5px; right: -5px; }
	}

/* carousel */

/** SLICK SLIDESHOW *********************************************/
	.slick-slider {	user-select: none;  -webkit-touch-callout: none; touch-action: pan-y; -webkit-tap-highlight-color: transparent;}
	.slick-list {position: relative; display: block; overflow: hidden; margin: 0; padding: 0;}
	.slick-list:focus{outline: none;}
	.slick-list.dragging {cursor: pointer; cursor: hand;}
	.slick-slider .slick-track, .slick-slider .slick-list {-webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
	.slick-track{position: relative; top: 0; left: 0; display: block; margin: 0 auto; }
	.slick-track:before {display: table;content: '';}
	.slick-track:after{display: table;content: '';clear: both;}
	.slick-loading .slick-track {visibility: hidden;}
	.slick-slide.slick-loading img{display: none;}
	.slick-slide.dragging img{pointer-events: none;}
	.slick-initialized .slick-slide{display: block;}
	.slick-loading .slick-slide{visibility: hidden;}
	.slick-loading .slick-list{background: #fff url(/templates/COMMON_JS/images/ajax-loader.gif) center center no-repeat;}
	.slick-vertical .slick-slide{display: block; height: auto; border: 1px solid transparent;}
	.slick-arrow.slick-hidden {display: none;}

.blueslider {background: linear-gradient(to right, #071d53 0%,#1c3f95 100%); color: white; width: 100%; padding: 80px 30px; margin: 40px 0 0 0}
.blueslider h2{text-align: center; color: white;}


.banner-carousel{/*width: 100%; max-width: 1440px;*/ width: 1184px; margin: 0 auto; position: relative; border: solid 0px fuchsia}
.banner-carousel .slick-slider{padding: 0; margin: 0 auto; width: calc(100% - 80px) !important; border: solid 0px green}
.banner-carousel .slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto; display: flex;align-items: center;}

.banner-carousel .slick-slide{display:none;min-height:1px; display: flex; justify-content: center; align-items: center;border: solid 0px orange; padding: 25px 10px; width: 368px; background-color: transparent;}
.banner-carousel .slick-slide.slick-current{border: solid 0px yellow}

.popbox{ color: white; width: 100%; height: auto; border-radius: 20px; text-align: center; padding: 0 20px;transition: all .25s}
.popbox h3{color: white;transition: all .25s; }
.popbox p{font-size: 0; line-height: 0; transition: all .25s;}
.popbox span.fas{width: 80px; height: 80px; border-radius: 50%;background: radial-gradient(ellipse at center, rgba(255,255,255,1) 0%,rgba(42,120,181,1) 100%); color:#071D53; font-size: 30px; transition: all .25s; display: flex; justify-content: center; align-items: center; margin: 0 auto; position: relative; top: 0px; box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.25);}

.popbox span.fas:after{content: ''; width: 0px; height: 0px;border-radius: 50%;background: rgba(255,255,255,.25); position: absolute; top: 46px; right: 46px;transition: all .25s; z-index: -1}
.popbox:hover span.fas:after{width: 92px; height: 92px; top: -6px; right: -6px; }

.banner-carousel .slick-slide.slick-current .popbox{background-color: white; color: black; width: 100%; height: 493px; border-radius: 20px; text-align: center; padding: 0 20px;transition: all .25s}
.banner-carousel .slick-slide.slick-current .popbox h3{color:#071D53; }
.banner-carousel .slick-slide.slick-current .popbox p{font-size: 18px; line-height: 1.25;}
.banner-carousel .slick-slide.slick-current .popbox span.fas{width: 110px; height: 110px; box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.25); background: radial-gradient(ellipse at center, rgba(8,32,87,1) 0%,rgba(42,120,181,1) 100%); color:#FFB200; font-size: 50px; top: -20px; }
.banner-carousel .slick-slide.slick-current .popbox span.fas:after{display: none;}



/* arrows nav */
.banner-carousel .slick-arrow.slick-hidden{display:none}
.banner-carousel .slick-prev, .banner-carousel .slick-next{z-index: 99; color:#FFB200 !important; font-size: 30px !important;/* position: absolute; top: auto; bottom: 0; */display: block;  width: 40px; height: 100%; cursor: pointer; text-align: center; background: transparent; opacity: 1; -webkit-transition: all .25; transition: all .25s; text-align:center; border: solid 0px lime}
.banner-carousel .slick-prev{left: -40px;}
.banner-carousel .slick-next{right: -40px;}
.banner-carousel .slick-prev:hover, .banner-carousel .slick-prev:focus, .banner-carousel .slick-next:hover, .banner-carousel .slick-next:focus{opacity: 1; color: #D1472D; outline:none;}

.banner-carousel .slick-prev:after, .banner-carousel .slick-next:after{display: none;}

.banner-carousel .slick-prev:before, .banner-carousel .slick-next:before{content: '\f0a8'; font-family: 'Font Awesome 5 Pro'; font-weight: 900;color:#FFB200; font-size: 30px; position: relative;opacity: 1; transition: all .25s; }

.banner-carousel .slick-next:before{content: '\f0a9'; transition: all .25s; opacity: 1}

.banner-carousel .slick-prev:hover:before, .banner-carousel .slick-next:hover:before, .banner-carousel .slick-prev:focus:before, .banner-carousel .slick-next:focus:before{color:#d1472d;}

.banner-carousel .slick-prev:hover:before,  .banner-carousel .slick-prev:focus:before{left: -5px;}

.banner-carousel .slick-next:focus:before, .banner-carousel .slick-next:hover:before{right: -5px}






/*L*/
@media only screen and (max-width: 1200px) {
	/*.banner-carousel{width: calc(100% + 60px); left: -30px}*/
.banner-carousel{ width: 448px; }

}

/*M*/
@media only screen and (max-width: 992px) {
}

/*S*/
@media only screen and  (max-width: 768px) {

}

/*XS*/
@media only screen and  (max-width: 576px) {
	.banner-carousel .slick-slide{ width: 300px;;}
	/*.banner-carousel .slick-slider{  width: 100% !important;}*/
	.banner-carousel .slick-prev, .banner-carousel .slick-next{ width: 30px; }
	.banner-carousel{ width: 360px; }
	.banner-carousel .slick-slide.slick-current .popbox h3{ margin-top: -30px}

	/*.banner-carousel .slick-prev{left: 5px;}
	.banner-carousel .slick-next{right: 5px;}*/
	.banner-carousel .slick-prev:hover:before,  .banner-carousel .slick-prev:focus:before{left: 0;}
	.banner-carousel .slick-next:focus:before, .banner-carousel .slick-next:hover:before{right: 0}



}