/* common css */
.countdown {
    text-align: center;
}
.countdown-cont {
    display: inline-block;
}
.countdown-block {
    display: inline-block;
    margin: 0 10px;
    padding: 10px;
    /*position: relative;*/
}
.countdown-digit {
    font-size: 5rem;
}
.countdown-endtext {
    font-size: 5rem;
}
/* common css */
/* Countdown 1 */
.countdown1 .countdown-digit {
  width:130px;
  height:130px;
  z-index: 15;
  color:#ffffff;
  /*position: absolute;*/
  /*top: 10px;*/
  /*left: 10px;*/
  /*right: 0;*/
  /*margin: 6px;*/
}
.countdown1 .header_section .heading h2 {
  color: #326d83;
}
.countdown1 .header_section .subheading h2{
  font-weight: 400;
  color: #326d83;
}
.countdown1 .countdown-label {
  text-transform: uppercase;
  color: #4c89a0;
  font-weight: 600;
  padding: 15px 10px;
}
.countdown1 {
/*  background-image: url('/banaa/assets/elements_professional/bundles/countdown-1-bg.jpg'); 
  background-position: center center; 
  background-repeat: no-repeat; 
  background-size: cover;*/
}
.countdown1 .countdown-block svg rect {
  stroke-dashoffset: 0;
  transition: stroke-dashoffset 1s linear;
  stroke: #666;
  stroke-width: 4px;
}
.countdown1 .countdown-block svg .bar {
  stroke: #d9e7ef;
  /*stroke-width: 4px;*/
}
.countdown1 .countdown-block .cont {
  display: block;
  height: 150px;
  width: 150px;
  margin: 2em auto;
  border-radius: 20%;
  position: relative;
}
.countdown1 .countdown-block svg {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}
.countdown1 .countdown-digit {
    width:150px;
    height:150px;
    border-radius: 20px;
    z-index: 15;
}
/* Countdown 2 */
.countdown2 .heading.text-uppercase h2 {
  /*color: #f87315;*/
}
.countdown2 .countdown-label {
/*  text-transform: uppercase;
  color: #f87315;*/
}
/**/
.countdown2 .countdown-block svg circle {
  stroke-dashoffset: 0;
  transition: stroke-dashoffset 1s linear;
  stroke: #666666;
  stroke-width: 4px;
}
.countdown2 .countdown-block svg .bar {
  stroke: #FF9F1E;
}
.countdown2 .countdown-block .cont {
  display: block;
  height: 150px;
  width: 150px;
  margin: 2em auto;
  border-radius: 100%;
  position: relative;
}
.countdown2 .countdown-block svg {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}
.countdown2 .countdown-digit {
    width:150px;
    height:150px;
    border-radius: 100%;
    z-index: 15;
}
/* Countdown 3 */
.countdown3 .header_section h2{
  color: #ffffff;
}
.countdown3 .countdown-digit {
    width:130px;
    height:130px;
    border: 4px solid #ffffff;
    border-radius: 10px 10px 0 0;
    z-index: 15;
    color: #ffa23a;
}
.countdown3 .header_section .heading h2 {
    color: #ffffff;
}
.countdown3 .countdown-label {
    text-transform: uppercase;
    color: #ffa23a;
    font-weight: 600;
    padding: 15px 10px;
    border-radius:  0 0 10px 10px;
}
/* Countdown 4 */
.countdown4 .section_heading {
    padding: 70px 20px;
}
.countdown4 .section_heading h2 {
    color: #ffffff;
}
.countdown4 .countdown-digit {
  width: 75px;
  border: 2px solid #800f12;
  border-radius: 5px;
  z-index: 5;
  color: #800f12;
  font-size: 30px;
  line-height: 32px;
  padding: 10px 15px;
}
.countdown4 .countdown-label {
    text-transform:capitalize;
    color: #800f12;
    font-weight: 600;
    padding: 10px;
}
/* Countdown 5 */
.countdown5 .countdown-digit {
  width: 75px;
  border: 2px solid #ffcc00;
  border-radius: 5px;
  z-index: 5;
  color: #333333;
  font-size: 30px;
  line-height: 32px;
  padding: 10px 15px;
}
.countdown5 .countdown-label {
    text-transform:capitalize;
    color: #ffffff;
    font-weight: 400;
    padding: 10px;
}
.countdown5 .left_sec h2 {
    font-style: italic;
    color: #ffcc00;
}
.countdown5 .left_sec h5 {
    font-style: italic;
    color: #ffffff;
}
.countdown5 .right_sec h5 {
    color: #ffffff;
    font-style: italic;
}
.countdown5 .right_sec h5 span{
    color: #ffcc00;
}
.countdown5 .left_sec .section_heading {
    padding-left: 30px;
}
.countdown5 .countdown-block {
    padding: 0;
}
/* Countdown End */
/**/
@media (max-width:992px) and (min-width: 768px){
}
@media (min-width: 993px){
}
@media (max-width: 992px){
	.col-sm-12 {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
		margin-left: 0%;
	}
	.countdown3 .countdown-digit {
		width: 100px;
    height: 100px;
    font-size: 60px;
    line-height: 100px;
	}
	.countdown3 .countdown-block {
	    padding: 0;
	}
	.countdown5 .left_sec .section_heading {
	    padding:  0 15px;
	}
	.countdown5 .left_sec .section_heading h2,
	.countdown5 .left_sec .section_heading h5,
	.countdown5 .right_sec h5 {
	    text-align: center;
	}
    .countdown5 .left_sec, .countdown5 .middle_sec, .countdown5 .right_sec {
        padding-top: 15px;
        padding-bottom: 15px;
    }
}
@media (min-width: 768px) and (max-width:992px){

}
@media (max-width:767px){
	.countdown4 .countdown-digit {
	    width: 100%;
	}
	.countdown4 .countdown-block {
	    width: 120px;
	    text-align: center;
	}
}