
#timer {
    padding-top: 50px;
    font-family: "Poppins", sans-serif;
}

    #timer > div {
        text-transform: uppercase;
        font-weight: 900;
        font-size: 70px;
        line-height: 70px;
        float: left;
        margin-right: 20px;
    }

        #timer > div > span {
            color: #fff;
            font-weight: 500;
            font-size: 16px;
            transform: rotate(90deg);
            position: relative;
            display: inline-block;
            top: -17px;
            left: 0px;
        }

.color-red {
    color: #056839;
}

.color-yellow {
    color: #0c7945;
}

.color-green {
    color: rgb(25, 140, 85);
}

.color-blue {
    color: #2d8e60;
}

.tp-parallax-wrap {
    width: 100%;
    left: 0 !important;
    right: 0 !important;
}

.tp-loop-wrap {
    width: 100%;
}

.tp-mask-wrap {
    width: 100%;
}



/*
======================================== 
  03 - Sponsor Style
========================================
*/

#sponsor-section {
    position: relative;
    padding: 0;
    display: block;
}

    #sponsor-section .sponsor-wrap {
       /* padding: 0px 70px;*/
	    padding: 0px 0px;
        margin-top: -85px;
        background: #ffffff url(../img/text1.png) no-repeat 100% 0;
        background-size: contain;
        border-radius: 8px;
        position: relative;
        z-index: 1;
        box-shadow: 0 2px 5px rgba(0,0,0,.1);
        overflow: hidden;
    }
    #sponsor-section .sponsor-wrap:before {
position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    background: rgba(255, 255, 255, 0) url(../img/text1.png) no-repeat 100% 0;
    content: '';
    height: 100%;
    background-size: contain;
    transform: rotate(180deg);

    }
    #sponsor-section #timer {
        padding: 20px 60px 0;
    }

        #sponsor-section #timer > div > span {
            color: #3c4859;
            font-weight: 600;
        }

    #sponsor-section .sponsor-wrap img {
        transition: all .4s ease-in-out;
        cursor: pointer;
    }

        #sponsor-section .sponsor-wrap img:hover {
            filter: grayscale(1);
        }

/*
======================================== 
  04 - About Style
========================================
*/


/*
======================================== 
  05 - Counter Style
========================================
*/

#counter-section {
    padding: 40px 0 100px;
}

    #counter-section .count-wrap {
        padding: 70px 40px;
        border-radius: 8px;
        position: relative;
        overflow: hidden;
    }

        #counter-section .count-wrap .icon i {
            font-size: 80px;
            margin-bottom: 20px;
        }

        #counter-section .count-wrap:after {
            content: '';
            position: absolute;
            width: 200px;
            height: 200px;
            border-radius: 50%;
            background: rgba(13, 228, 157, 0.04);
            z-index: -2;
            top: -90px;
            right: -90px;
            opacity: 0;
            transform: scale(0);
            transition: all 0.4s ease;
        }

        #counter-section .count-wrap:before {
            content: '';
            position: absolute;
            width: 200px;
            height: 200px;
            border-radius: 50%;
            background: rgba(13, 228, 157, 0.08);
            z-index: -1;
            top: -110px;
            right: -110px;
            opacity: 0;
            transform: scale(0);
            transition: all 0.4s 0.1s ease;
        }

        #counter-section .count-wrap img {
            width: 80px;
            margin-bottom: 20px;
        }

        #counter-section .count-wrap h6 {
            color: #8e9aab;
        }

        #counter-section .count-wrap:hover:before,
        #counter-section .count-wrap:hover:after {
            opacity: 1;
            transform: scale(1);
        }

@media screen and (max-width: 1199px) {

    #sponsor-section #timer {
        padding: 0;
    }
}

@media screen and (max-width: 991px) {

    #sponsor-section .sponsor-wrap img.img-fluid {
        width: 127px;
        padding: 0 8px;
    }

    #sponsor-section .sponsor-wrap {
        padding: 40px 30px;
    }




        #sponsor-section .sponsor-wrap.time-wrap {
             padding: 15px;
        }

    #timer > div {
        font-size: 65px;
    }

        #timer > div > span {
            font-size: 15px;
        }
}




@media screen and (max-width: 479px) {


    #timer > div {
        font-size: 50px;
        margin-right: 6%;
        width: 44%;

    }

        #timer > div span {
            font-size: 12px;
        }
}
