.counterWrapper{width:100%; font-family:"Open Sans", Helvetica, Arial, sans-serif}
.buttonWrapper label{color:#333; font-weight:normal;}
.countdown { width: 100%; padding: 20px 0; overflow: hidden; }
.countdown-time {display: block; text-align:center;}
.countdown-time ul { display: inline-block; list-style:none; margin:0; padding:0; }
.homeCountDown .countdown-time ul { text-align:center;}
.countdown-time li { float: left; text-align: center;}
.countdown-time li.blank {line-height: 90px;width: 15px; color: #ff671f; font-size: 50px;}
.countdown-time li.item { width: 110px; }
.countdown-time li.item i { 
	display: block; 
	margin: auto;
	font-size: 5.0rem;
    font-weight: 300;
    color: #345D81;
    line-height: 3.5rem;
	font-style: normal;
	}
.homeCountDown .countdown-time li.item {width: 24%!important;
    margin: 0 0.5%;   }
.countDownLp ul{width:80%;}
.countDownLp .countdown-time li.item {width: 16%!important;   }
.counter-wrapper ul li.item {
    border: 1px solid #D3E2DF;
    background: #fff;
    padding: 20px 20px 10px 10px;
}
.countdown-time span { 
	display: block; 
    color: #D77243;
    font-size: 1.6rem;
    font-weight: 300;
    line-height: 3.5rem;
}
.countdown-button{text-align:center; margin-top:15px;}
.loader_content { width: 100%; height: 100%;  position: absolute; top: 0; left: 0; opacity: 0.9; display:none; }
.counter-loading {  -webkit-transition: visibility .3s ease-out, opacity .3s ease-out; transition: visibility .3s ease-out, opacity .3s ease-out; position: absolute; top: 50%; left: 50%;  -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 50px; height: 50px; }
.counter-loading::before{ content: ''; width: 100%; height: 100%; display: block; border: 2px solid rgba(0,0,0,0.05); border-top-color: rgba(0, 0, 0, 0.05); border-top-color: rgba(0,0,0,0.15); border-radius: 50%; -webkit-animation: spin .5s linear infinite; animation: spin .5s linear infinite; }
.buttonWrapper .cform-row{float:left}
.widget-area .countdown_widget{background:#53b1d0; padding:10px;}
.widget-area .countdown_widget .countdown-time li.item i{font-size:22px; line-height:32px;}
.widget-area .countdown_widget .countdown-time span{font-size:11px; color:#fff;}
.widget-area .countdown_widget h2.vc_custom_heading{font-size:2.1rem;}
.widget-area .countdown_widget p.vc_custom_heading{color:#fff; margin-bottom:0;}
.widget-area .countdown_widget .countdown-time li {
    padding: 7px 5px!important;
    background: rgba(255,255,255,0.3);
    margin-left: 5px;
    border-radius: 5px;
    border: 3px rgba(255,255,255,0.15) solid;
	width:22%!important;
}
.widget-area .countdown_widget .countdown-time li i{color:#16659d;!important;}
.widget-area .countdown_widget a.tertiary-btn{color:#fff!important;}


@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

@media (max-width: 767px){
	.homeCountDown .countdown-time ul , .countDownLp .countdown-time ul{width:100%;}
	.countdown-time span {font-size:12px;}
	.countDownLp .countdown-time span {font-size:12px;}
	.buttonWrapper .cform-row{width:100%;}
	.countdown-time ul{width:100%; padding:0 10px;}
	.countdown-time li.item{ width: 20%; }
	#js-countDown i { display: block; width: 40px; height: 40px; line-height: 46px; font-size: 40px; font-weight: bold; margin: auto; color: #ff671f; font-style:normal; }
	.counterWrapper h2{font-size:32px; color:#135190; font-weight:400; line-height:42px; margin:0;}
	.counterWrapper h2 span{font-weight:800;}
	.counterWrapper h2 small{font-size:26px; line-height:36px; color:#135190;}
	.counterWrapper h3{margin:20px 0 12px 0; font-size:18px; color:#545454; line-height:28px; }
	.counterWrapper h3.org_setting{font-size:20px; color:#135190; line-height:30px; }
	
}

@media (max-width: 512px){
	.counterTypeHardware{margin-bottom:30px;}
	.homeCountDown .countdown-time li.item i, .countDownLp .countdown-time li.item i{font-size:42px!important; line-height:42px!important;}
	.homeCountDown #second-countDown .countdown-time li.item i{font-size:30px!important; line-height:30px!important;}
	.homeCountDown #third-countDown .countdown-time li.item i{font-size:30px!important; line-height:30px!important;}
}

@media (min-width: 640px) and (max-width: 992px){
	.homeCountDown .countdown-time li.item i, .countDownLp .countdown-time li.item i{font-size:60px!important; line-height:60px!important;}
}
@media (min-width: 512px) and (max-width: 640px){
	.homeCountDown .countdown-time li.item i, .countDownLp .countdown-time li.item i{font-size:52px!important; line-height:52px!important;}
}
@media (min-width: 500px) and  (max-width: 660px){
	.homeCounterButton{width:100%; padding:7px 10px!important; margin-bottom:20px; }
	#thirdCounter.homeCounterButton{margin-left:0px!important;}
}
@media (max-width: 400px){
	.homeCounterButton{width:100%; padding:7px 10px!important; margin-bottom:20px;}
	.countdown-time span {font-size:9px;}
	#thirdCounter.homeCounterButton{margin-left:0px!important;}
}