

.countdown-section {
    font-family: Lato, sans-serif;
}

.is-countdown {
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
}

.countdown-rtl {
    direction: rtl;
}

.countdown-holding span {
    color: #888;
}

.countdown-row {
    clear: both;
    width: 100%;
    padding: 0px 2px;
    text-align: center;
}

.countdown-section {
    display: block;
    float: left;
    text-align: center;
    border-radius: 5px;
    margin: 0px;
    padding: 0px 10px;
}

    .countdown-section:last-child {
        padding-right: 0px;
    }

.countdown-amount {
    display: inline-block;
    text-align: center;
    font-weight: bold;
    padding: 10px;
    margin-bottom: 10px;
}

.countdown-period {
    display: block;
    text-transform: uppercase;
    font-size: 11px;
    color: rgba(0,0,0,0.4);
}

.countdown-descr {
    display: block;
}

.cdLabelBold .countdown-period {
    font-weight: bold;
}

.cdLabelWhite .countdown-period {
    color: rgba(255,255,255,0.3);
}

.wideCountdownSize1 .countdown-amount {
    font-size: 18px;
    width: 56px;
}

.wideCountdownSize1 .countdown-period {
    font-size: 9px;
}

.wideCountdownSize2 .countdown-amount {
    font-size: 27px;
    width: 69px;
}

.wideCountdownSize2 .countdown-period {
    font-size: 10px;
}

.wideCountdownSize4 .countdown-amount {
    font-size: 47px;
    width: 101px !important;
}

.wideCountdownSize4 .countdown-period {
    font-size: 14px;
}

.cdStyleTextOnly .countdown-amount {
    padding: 0px 10px;
    margin-bottom: 5px;
}

.cdBlack.cdStyleTextOnly .countdown-amount {
    color: #2e2e2e;
}

.cdWhite.cdStyleTextOnly .countdown-amount {
    color: #FFF;
}

.cdRed.cdStyleTextOnly .countdown-amount {
    color: #C41229;
}

.cdBlue.cdStyleTextOnly .countdown-amount {
    color: #26789d;
}

.cdGreen.cdStyleTextOnly .countdown-amount {
    color: #668b42;
}

.cdYellow.cdStyleTextOnly .countdown-amount {
    color: #FEE068;
}

.cdBlack.cdStyleTextOnly .countdown-amount:after {
    content: ":";
    color: #2e2e2e;
}

.cdWhite.cdStyleTextOnly .countdown-amount:after {
    content: ":";
    color: #FFF;
}

.cdRed.cdStyleTextOnly .countdown-amount:after {
    content: ":";
    color: #C41229;
}

.cdBlue.cdStyleTextOnly .countdown-amount:after {
    content: ":";
    color: #26789d;
}

.cdGreen.cdStyleTextOnly .countdown-amount:after {
    content: ":";
    color: #668b42;
}

.cdYellow.cdStyleTextOnly .countdown-amount:after {
    content: ":";
    color: #FEE068;
}

.wideCountdownSize1.cdStyleTextOnly .countdown-amount:after {
    position: absolute;
    margin-left: 20px;
    margin-top: -1px;
}

.wideCountdownSize2.cdStyleTextOnly .countdown-amount:after {
    position: absolute;
    margin-left: 20px;
    margin-top: -2px;
}

.wideCountdownSize4.cdStyleTextOnly .countdown-amount:after {
    position: absolute;
    margin-left: 25px;
    margin-top: -3px;
}

.countdown-show3 .countdown-section:nth-child(3) .countdown-amount:after {
    content: "";
}

.countdown-show4 .countdown-section:nth-child(4) .countdown-amount:after {
    content: "";
}

.countdown-show5 .countdown-section:nth-child(5) .countdown-amount:after {
    content: "";
}

.cdStyleCircleLine .countdown-amount {
    padding: 10px;
    margin-bottom: 10px;
    text-align: center;
}

.cdBlack.cdStyleCircleLine .countdown-amount {
    color: #2e2e2e;
    border: 4px solid #2e2e2e;
}

.cdWhite.cdStyleCircleLine .countdown-amount {
    color: #FFF;
    border: 4px solid #FFF;
}

.cdRed.cdStyleCircleLine .countdown-amount {
    color: #C41229;
    border: 4px solid #C41229;
}

.cdBlue.cdStyleCircleLine .countdown-amount {
    color: #26789d;
    border: 4px solid #26789d;
}

.cdGreen.cdStyleCircleLine .countdown-amount {
    color: #668b42;
    border: 4px solid #668b42;
}

.cdYellow.cdStyleCircleLine .countdown-amount {
    color: #FEE068;
    border: 4px solid #FEE068;
}

.wideCountdownSize1.cdStyleCircleLine .countdown-amount {
    border-radius: 100px;
    width: 55px;
}

.wideCountdownSize2.cdStyleCircleLine .countdown-amount {
    border-radius: 100px;
    width: 67px;
    width: 67px;
}

.wideCountdownSize4.cdStyleCircleLine .countdown-amount {
    border-radius: 100px;
}

.cdStyleCircleFill .countdown-amount {
    padding: 10px;
    margin-bottom: 10px;
    text-align: center;
    color: #FFF;
    text-shadow: 1px 1px 0px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.1),inset 0 1px 0 rgba(255,255,255,0.2);
    -moz-box-shadow: 0 1px 5px rgba(0,0,0,0.1),inset 0 1px 0 rgba(255,255,255,0.2);
    box-shadow: 0 1px 5px rgba(0,0,0,0.1),inset 0 1px 0 rgba(255,255,255,0.2);
}

.cdBlack.cdStyleCircleFill .countdown-amount {
    background-color: #2e2e2e;
    background: -moz-linear-gradient(top, #444 0%, #2e2e2e 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #444), color-stop(100%, #2e2e2e));
    background: -webkit-linear-gradient(top, #444 0%, #2e2e2e 100%);
    background: -o-linear-gradient(top, #444 0%, #2e2e2e 100%);
    background: -ms-linear-gradient(top, #444 0%, #2e2e2e 100%);
    background: linear-gradient(to bottom, #444 0%, #2e2e2e 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#444444', endColorstr='#2e2e2e',GradientType=0 );
    border: 4px solid #2e2e2e;
}

.cdWhite.cdStyleCircleFill .countdown-amount {
    background: #ffffff;
    background: -moz-linear-gradient(top, #fff 0%, #eaeaea 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #eaeaea));
    background: -webkit-linear-gradient(top, #fff 0%, #eaeaea 100%);
    background: -o-linear-gradient(top, #fff 0%, #eaeaea 100%);
    background: -ms-linear-gradient(top, #fff 0%, #eaeaea 100%);
    background: linear-gradient(to bottom, #fff 0%, #eaeaea 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eaeaea',GradientType=0 );
    color: #232323;
    border: 4px solid #afafaf;
    text-shadow: 1px 1px 0px rgba(255,255,255,0.3);
}

.cdRed.cdStyleCircleFill .countdown-amount {
    background: #e5162f;
    background: -moz-linear-gradient(top, #e5162f 0%, #c41229 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e5162f), color-stop(100%, #c41229));
    background: -webkit-linear-gradient(top, #e5162f 0%, #c41229 100%);
    background: -o-linear-gradient(top, #e5162f 0%, #c41229 100%);
    background: -ms-linear-gradient(top, #e5162f 0%, #c41229 100%);
    background: linear-gradient(to bottom, #e5162f 0%, #c41229 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5162f', endColorstr='#c41229',GradientType=0 );
    border: 4px solid #c41229;
    text-shadow: 1px 1px 0px rgba(255,255,255,0.2);
    color: #43010f;
}

.cdBlue.cdStyleCircleFill .countdown-amount {
    background: #49a4cc;
    background: -moz-linear-gradient(top, #49a4cc 0%, #26789d 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #49a4cc), color-stop(100%, #26789d));
    background: -webkit-linear-gradient(top, #49a4cc 0%, #26789d 100%);
    background: -o-linear-gradient(top, #49a4cc 0%, #26789d 100%);
    background: -ms-linear-gradient(top, #49a4cc 0%, #26789d 100%);
    background: linear-gradient(to bottom, #49a4cc 0%, #26789d 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#49a4cc', endColorstr='#26789d',GradientType=0 );
    border: 4px solid #26789d;
    text-shadow: 1px 1px 0px rgba(255,255,255,0.2);
    color: #154058;
}

.cdGreen.cdStyleCircleFill .countdown-amount {
    background: #77ba34;
    background: -moz-linear-gradient(top, #77ba34 0%, #668b42 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #77ba34), color-stop(100%, #668b42));
    background: -webkit-linear-gradient(top, #77ba34 0%, #668b42 100%);
    background: -o-linear-gradient(top, #77ba34 0%, #668b42 100%);
    background: -ms-linear-gradient(top, #77ba34 0%, #668b42 100%);
    background: linear-gradient(to bottom, #77ba34 0%, #668b42 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#77ba34', endColorstr='#668b42',GradientType=0 );
    border: 4px solid #668b42;
    text-shadow: 1px 1px 0px rgba(255,255,255,0.2);
    color: #2a4315;
}

.cdYellow.cdStyleCircleFill .countdown-amount {
    background: #feea69;
    background: -moz-linear-gradient(top, #feea69 0%, #e29323 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #feea69), color-stop(100%, #e29323));
    background: -webkit-linear-gradient(top, #feea69 0%, #e29323 100%);
    background: -o-linear-gradient(top, #feea69 0%, #e29323 100%);
    background: -ms-linear-gradient(top, #feea69 0%, #e29323 100%);
    background: linear-gradient(to bottom, #feea69 0%, #e29323 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feea69', endColorstr='#e29323',GradientType=0 );
    color: #42251f;
    border: 4px solid #e29323;
    text-shadow: 1px 1px 0px rgba(255,255,255,0.3);
}

.wideCountdownSize1.cdStyleCircleFill .countdown-amount {
    border-radius: 100px;
    width: 55px;
}

.wideCountdownSize2.cdStyleCircleFill .countdown-amount {
    border-radius: 100px;
    width: 67px;
}

.wideCountdownSize4.cdStyleCircleFill .countdown-amount {
    border-radius: 100px;
}

.cdStyleFlat .countdown-amount {
    padding: 10px;
    margin-bottom: 10px;
    text-align: center;
    color: #FFF;
    border-radius: 5px;
    border: 2px solid rgba(0,0,0,0.2);
}

.cdBlack.cdStyleFlat .countdown-amount {
    background-color: #2e2e2e;
}

.cdWhite.cdStyleFlat .countdown-amount {
    background-color: #FFF;
    color: #232323;
    border: none;
}

.cdRed.cdStyleFlat .countdown-amount {
    background-color: #C41229;
}

.cdBlue.cdStyleFlat .countdown-amount {
    background-color: #26789d;
}

.cdGreen.cdStyleFlat .countdown-amount {
    background-color: #668b42;
}

.cdYellow.cdStyleFlat .countdown-amount {
    background-color: #FEE068;
    color: #42251f;
}

.cdStyleGradient .countdown-amount {
    padding: 10px;
    margin-bottom: 10px;
    text-align: center;
    color: #FFF;
    border-radius: 5px;
    text-shadow: 1px 1px 0px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.1),inset 0 1px 0 rgba(255,255,255,0.2);
    -moz-box-shadow: 0 1px 5px rgba(0,0,0,0.1),inset 0 1px 0 rgba(255,255,255,0.2);
    box-shadow: 0 1px 5px rgba(0,0,0,0.1),inset 0 1px 0 rgba(255,255,255,0.2);
}

.cdBlack.cdStyleGradient .countdown-amount {
    background-color: #2e2e2e;
    background: -moz-linear-gradient(top, #444 0%, #2e2e2e 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #444), color-stop(100%, #2e2e2e));
    background: -webkit-linear-gradient(top, #444 0%, #2e2e2e 100%);
    background: -o-linear-gradient(top, #444 0%, #2e2e2e 100%);
    background: -ms-linear-gradient(top, #444 0%, #2e2e2e 100%);
    background: linear-gradient(to bottom, #444 0%, #2e2e2e 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#444444', endColorstr='#2e2e2e',GradientType=0 );
    border: 2px solid #2e2e2e;
}

.cdWhite.cdStyleGradient .countdown-amount {
    background: #ffffff;
    background: -moz-linear-gradient(top, #fff 0%, #eaeaea 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #eaeaea));
    background: -webkit-linear-gradient(top, #fff 0%, #eaeaea 100%);
    background: -o-linear-gradient(top, #fff 0%, #eaeaea 100%);
    background: -ms-linear-gradient(top, #fff 0%, #eaeaea 100%);
    background: linear-gradient(to bottom, #fff 0%, #eaeaea 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eaeaea',GradientType=0 );
    color: #232323;
    border: 2px solid #afafaf;
    text-shadow: 1px 1px 0px rgba(255,255,255,0.3);
}

.cdRed.cdStyleGradient .countdown-amount {
    background: #e5162f;
    background: -moz-linear-gradient(top, #e5162f 0%, #c41229 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e5162f), color-stop(100%, #c41229));
    background: -webkit-linear-gradient(top, #e5162f 0%, #c41229 100%);
    background: -o-linear-gradient(top, #e5162f 0%, #c41229 100%);
    background: -ms-linear-gradient(top, #e5162f 0%, #c41229 100%);
    background: linear-gradient(to bottom, #e5162f 0%, #c41229 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5162f', endColorstr='#c41229',GradientType=0 );
    border: 2px solid #c41229;
    text-shadow: 1px 1px 0px rgba(255,255,255,0.2);
    color: #43010f;
}

.cdBlue.cdStyleGradient .countdown-amount {
    background: #49a4cc;
    background: -moz-linear-gradient(top, #49a4cc 0%, #26789d 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #49a4cc), color-stop(100%, #26789d));
    background: -webkit-linear-gradient(top, #49a4cc 0%, #26789d 100%);
    background: -o-linear-gradient(top, #49a4cc 0%, #26789d 100%);
    background: -ms-linear-gradient(top, #49a4cc 0%, #26789d 100%);
    background: linear-gradient(to bottom, #49a4cc 0%, #26789d 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#49a4cc', endColorstr='#26789d',GradientType=0 );
    border: 2px solid #26789d;
    text-shadow: 1px 1px 0px rgba(255,255,255,0.2);
    color: #154058;
}

.cdGreen.cdStyleGradient .countdown-amount {
    background: #77ba34;
    background: -moz-linear-gradient(top, #77ba34 0%, #668b42 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #77ba34), color-stop(100%, #668b42));
    background: -webkit-linear-gradient(top, #77ba34 0%, #668b42 100%);
    background: -o-linear-gradient(top, #77ba34 0%, #668b42 100%);
    background: -ms-linear-gradient(top, #77ba34 0%, #668b42 100%);
    background: linear-gradient(to bottom, #77ba34 0%, #668b42 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#77ba34', endColorstr='#668b42',GradientType=0 );
    border: 2px solid #668b42;
    text-shadow: 1px 1px 0px rgba(255,255,255,0.2);
    color: #2a4315;
}

.cdYellow.cdStyleGradient .countdown-amount {
    background: #feea69;
    background: -moz-linear-gradient(top, #feea69 0%, #e29323 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #feea69), color-stop(100%, #e29323));
    background: -webkit-linear-gradient(top, #feea69 0%, #e29323 100%);
    background: -o-linear-gradient(top, #feea69 0%, #e29323 100%);
    background: -ms-linear-gradient(top, #feea69 0%, #e29323 100%);
    background: linear-gradient(to bottom, #feea69 0%, #e29323 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feea69', endColorstr='#e29323',GradientType=0 );
    color: #42251f;
    border: 2px solid #e29323;
    text-shadow: 1px 1px 0px rgba(255,255,255,0.3);
}


@media (max-width: 768px) {

    .wideCountdownSize4 .countdown-amount {
        font-size: 18px;
        width: 56px !important;
    }

    .wideCountdownSize4 .countdown-period {
        font-size: 9px !important;
    }

    .wideCountdownSize4.cdStyleCircleLine .countdown-amount {
        border-radius: 100px;
        width: 55px !important;
    }

    .wideCountdownSize4.cdStyleCircleFill .countdown-amount {
        border-radius: 100px;
        width: 55px !important;
    }

    .wideCountdownSize4.cdStyleTextOnly .countdown-amount:after {
        position: absolute;
        margin-left: 20px;
        margin-top: -1px;
    }
}
