.promo-template .cs-blue{
	color: #28C2FE;
}
.promo-template .header1 .button.white{
	color: #23BAFE;
	margin-left: 5px;
}
.promo-template .header1 .button.white:HOVER{
    color: #fff;
    background: #23BAFE;
}
.promo-template .header1 sup{
	font-size: 20px;
}
.promo-template .button{
    padding: 10px;
    border-radius: 40px;
    border: 1px solid #BD1E24;
    margin: 5px auto;
    width: 235px;
	background: #BD1E24;
}
.promo-template .header1 .button:hover{
	color: #BD1E24;
}
.promo-template .flex{
	display: flex;
	flex-direction: row;
	justify-content: center;
	margin-bottom: 20px;
}
@media(max-width: 750px){
	.promo-template .flex{
	   flex-direction: column;
	   align-items: center;
	}
	.promo-template .flex.mob-hide{
       display: none;
    }
	.promo-template .flex .button{
	   margin: 10px 0 0 0;
	}
	.promo-template .topnote .description{
	   font-size: 14px;
	}
}
.promo-template .more-info .button.white{
	margin-left: 5px;
}
.promo-template .more-info .button{
    margin: 0 auto 3%;
    display: block;
    background: #fff;
    color: #BD1E24;
}
.promo-template .more-info .button:HOVER{
    background: #BD1E24;
    color: #fff;
}
.promo-template .more-info .container-wrapper,
.promo-template .how-it-works .container {
    border-bottom: 1px solid #ececec;
}
.promo-template .more-info .container-wrapper{
    border-bottom: none;
}
.promo-template .how-it-works .container{
	padding-bottom: 5%;
}
.promo-template .how-it-works .container-wrapper{
	border-bottom: 1px solid transparent;
}
.promo-template .how-it-works .col-wrapper > div {
    text-align: center;
}
.promo-template .how-it-works .col-wrapper{
	margin: 2% 15% 3%;
}
.promo-template .faqs .question{
	position: relative; 
	background-color: rgb(247, 247, 247); 
	background-size: 21px 21px; 
	cursor: pointer; 
	padding: 15px 15px 15px 40px; 
	font-size: 20px; 
	transition: all 0.5s ease 0s; 
	box-shadow: none;
}
.promo-template .faqs .question::before {
    content: '+';
    padding: 0 15px;
    position: absolute;
    left: 0;
}
.promo-template .faqs .question.expanded::before{
	content:'-';
}

/******************************************************Countdown Styling*****************************************************************/
.container-countdown {
  background-color: #16C1F3;
}
@media( max-width: 767px ){
    .mobile{ 
    	display: block; 
    }
    .desktop { 
    	display: none; 
    }
    .promo-template .header1 .text-wrapper {
	    text-align: center;
	}
    
  }

@media( min-width: 768px ){
    .mobile{ 
    	display: none; 
    }
    .desktop { 
    	display: block; 
    	float: left; 
    	width: 75%;
    }
	.promo-template .button {
	    margin-right: auto;
	}
}
#countdown-clock {

      float: right;
      font-family: "Montserrat", Arial, sans-serif;
      font-weight: 100;
}


#ccl{
    font-family: sans-serif;
    color: #28c2fe;
    display: flex;
    justify-content: center;
    font-weight: 100;
    text-align: center;
    font-size: 28px;
}

#ccl > div{
    border-radius: 3px;
    background: none;
    display: inline-block;
    min-width: 70px;
    padding: 0 10px;
}

#ccl div > span{
    border-radius: 3px;
    display: block;
}

.smalltext{
    padding-top: 5px;
    font-size: 12px;
}

#finish {
  text-align: center;
  display: none;
  color: white;
  font-weight: 100;
  font-size: 40px;

}
.colon {vertical-align: text-top !important;}

.finish-div{
  padding: 30px;
    border-radius: 3px;
    /*background: #02c7f5;*/
  display: inline-block;
}
@media ( max-width : 750px) {
  #countdown-clock {
    text-align: center;
    /*background: url("http://www.cspire.com/resources/images/promos/topnote-online-50off-mobile.png");*/
  }

}

/******************************************************Page Styling*****************************************************************/

/***************Top Note*******************/

.promo-template .topnote{
    background: #28c2fe url(/resources/images/background/snowflakes_White.png);
    background-size: cover;
    color: #fff;
    font-size: 5rem;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    border-top: 0.5rem solid #BD1E24;
    padding: 2%;
}
#home-services-clock.promo-template .topnote {
    background-size: cover;
    color: #28c2fe;
    font-size: 3rem;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    border-top: none;
    padding: 1%;
	background: #fff;
    margin-bottom: 2%;
    margin-top: 2%;
    border-radius: 6px;
}
#home-services.promo-template 
.promo-template .topnote .description{
	padding-right: 10px;
}
.promo-template .clr-red{
	color: #BD1E24;
}
/****************Header********************/
.promo-template .banner-informational .wrapper{
	background: #a91a21;
    padding: 10px;
    color: #fff;
    text-align: center;
}
.promo-template .banner-informational .wrapper span{
	font-weight: 500;
}
.promo-template .header1{
    background-size: cover;
    background-color: #fff;
    color: #666666;
}
.promo-template .header1 .image-wrapper img{
	vertical-align: bottom;
}
.promo-template .header1 .container-wrapper .image {
    margin-bottom: 0;
}
.promo-template .header1 .sub-heading {
    font-size: 3rem;
}
.promo-template .header1 .container-wrapper {
    background: #F4F4F4 url(/resources/images/background/snowflakes_Blue.png);
}
.promo-template .header1 .heading1 {
    font-size: 5rem;
}
.promo-template .header1 .container-wrapper .text{
    margin-top: 0px;
    display: flex;
    text-align: left;
}
.promo-template .header1 .informational {
    font-size: 2rem;
    padding: 3% 0;
    font-weight: 100;
    line-height: 1.3;
}
.promo-template .more-info .description{
    line-height: 1.7;
    font-size: 2rem;
    max-width: 1000px;
    margin: auto;
    width: 100%;
    text-align: center;
    padding: 3%;
    font-weight: 100;
}
.promo-template .more-info .sub-title{
	text-align: center;
	margin-bottom: 10px;
}
.promo-template .header1 .text-wrapper {
    max-width: 550px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

/***************Carousel****************/

/** @media (max-width: 750px) {} **/
.promo-template .carousel2 .item .promo-image{
    flex:1;
    width: auto;
    padding: 5px 0 0;
    height: 200px;
}
.promo-template .item .promo-image img {
    max-height: 100%;
    width: auto;
    margin: 0 auto;
}
.promo-template .carousel2 .item {
height: 440px;
width: 100%;
align-items: center;
border-radius: 8px;
background-color: #F3F3F3;
/* width: 500px; */
/* height: 252px; */
 display: block;
 padding: 10px;
}

.promo-template .carousel2 .item .promo-details .promo-title {
font-size: 150%;
font-weight: 300;
text-align: center;
height: 50px;
}

.promo-template .carousel2 .item .promo-details {
/* flex: 1; */
width: 100%;
padding: 10px 0px 10px;
color: #444;
text-align: center;
/* margin: 20px 0; */
}

.promo-template .carousel2 .blue {
color: #28C2FE;
padding: 0 0 3px;
text-transform: uppercase;
}



.promo-template .carousel2 .item .promo-image.whole-slide {
height: 81%;
/*height: 100%;*/
}

.promo-template .carousel2 .item.fifty-off .promo-image {
padding: 5px 0 0;
}

.promo-template .carousel2 .item .promo-details .promo-title span {
font-size: 16px;
display: block;
margin: 0px; }

.promo-template .carousel2 .item .promo-details .button {
margin: 15px auto;
position: relative;
max-width: 250px;
padding: 8px;
font-size: 12px;
bottom: 0px;
}

.promo-template .carousel2 .button {
text-transform: uppercase;
text-align: center;
display: inline-block;
padding: 8px;
color: #fff;
background-color: #28C2FE;
border-radius: 50px;
cursor: pointer;
font-weight: 500;
transition: all .6s linear;
border: 1px solid;
margin: 15px 0;
font-size: 14px;
width: 100%;
max-width: 250px;
}
.promo-template .carousel2 .button:HOVER{
    color: #28C2FE;
}
/*}*/
@media (min-width: 751px) {
.promo-template .promos {
    height: 550px !important;
}
}
@media (max-width: 750px) {
.promo-template .carousel2 .item {
height: 440px;
width: 300px;
align-items: center;
border-radius: 8px;
}
}