@font-face {
    font-family: CooperHewitt-Light;
    src: url('../fonts/cooper/CooperHewitt-Light.otf');
}


body {
    padding-right: 0px !important;
}
.container {
    max-width: 1200px;
}

.bg-blue{
    background-color: #17418a;
}

.cl0 {
    color: #fff;
}
.social-icons {
    margin: 0;
    padding: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    list-style: none;
}
.social-icons li {
    margin: 2px 6px;
    padding: 0;
    overflow: visible;
}
.social-icons li a {
    display: block;
    height: 26px;
    line-height: 26px;
    width: 26px;
    font-size: 24px;
    text-align: center;
    color: #ffffff;
    text-decoration: none;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.social-icons li i {
    line-height: inherit;
}
.social-icons.social-icons-sm li {
    margin: 2px 4px;
}
.social-icons.social-icons-sm li a {
    font-size: 20px;
}
.social-icons.social-icons-lg li a {
    width: 34px;
    height: 34px;
    line-height: 30px;
    font-size: 30px;
}
.social-icons.social-icons-light li a {
    color: #eee;
}
.social-icons.social-icons-muted li a {
    color: #aab1b8;
}
.social-icons li:hover a {
    color: #999;
}
.social-icons li:hover.social-icons-twitter a, .social-icons.social-icons-colored li.social-icons-twitter a {
    color: #00ACEE;
}
.social-icons li:hover.social-icons-facebook a, .social-icons.social-icons-colored li.social-icons-facebook a {
    color: #3B5998;
}
.social-icons li:hover.social-icons-youtube a, .social-icons.social-icons-colored li.social-icons-youtube a {
    color: #C4302B;
}



/*//////////////////////////////////////////////////////////////////
[ S-Text 0 - 15 ]*/
.s1-txt1 {
    font-family: CooperHewitt-Light;
    font-size: 12px;
    color: #fff;
    line-height: 1;
    text-transform: uppercase;
}

.s1-txt2 {
    font-family: CooperHewitt-Bold;
    font-size: 18px;
    color: #fff;
    line-height: 1.2;
}

.s1-txt3 {
    font-family: CooperHewitt-Light;
    font-size: 12px;
    color: #ffffff;
    line-height: 1.4;
}

.s1-txt4,.s1-txt4 a {
    font-family: Montserrat-Light;
    font-size: 18px;
    color: rgb(255, 248, 248);
    line-height: 1.2;
    font-weight: bold;
    animation-name: offre;
    animation-duration: 10s;
}

.s1-txt4 a:hover {
    color: #fff24b;
}

.s1-txt5 {
    font-family: CooperHewitt-Light;
    font-size: 12px;
    color: rgb(255, 253, 253);
    line-height: 1.6666667;
}

#logo {
    width: 50%;
}

/*//////////////////////////////////////////////////////////////////
[ M-Text 16 - 25 ]*/
.m1-txt1 {
    font-family: CooperHewitt-Light;
    font-size: 24px;
    color: #333;
    line-height: 1.2;
    text-transform: uppercase;
}

.m1-txt2 {
    font-family: CooperHewitt-Light;
    font-size: 18px;
    color: #555;
    line-height: 1.4;
    text-transform: uppercase;
}

/*//////////////////////////////////////////////////////////////////
[ L-Text >= 26 ]*/
.l1-txt1 {
    font-family: CooperHewitt-Light;
    font-size: 50px;
    color: #fff;
    line-height: 1.2;
    text-transform: uppercase;
}

.l1-txt2 {
    font-family: Montserrat-Light;
    font-size: 30px;
    color: rgb(15, 15, 15);
    line-height: 1.2;
}

.l1-txt3 {
    font-family: CooperHewitt-Light;
    font-size: 36px;
    color: #ffffff;
    line-height: 1;
}


/*==================================================================
   SHAPE SHAPE SHAPE SHAPE SHAPE SHAPE SHAPE SHAPE SHAPE SHAPE SHAPE
==================================================================*/
/*//////////////////////////////////////////////////////////////////
[ Size ]*/
.size1 {
    width: 100%;
    min-height: 100vh;
}

.size2 {
    width: 90px;
    height: 90px;
}

.size3 {
    min-width: 80px;
    max-width: 100%;
    min-height: 30px;
}

.size4 {
    width: 686px;
    max-width: 100%;
}

.size5 {
    width: 100%;
    height: 50px;
}

/*//////////////////////////////////////////////////////////////////
[ Width ]*/
.wsize1 {
    max-width: 390px;
}

.wsize2 {
    max-width: 285px;
}


/*//////////////////////////////////////////////////////////////////
[ Height ]*/




/*//////////////////////////////////////////////////////////////////
[ Background ]*/
.bg0 {
    background-color: #fff;
}

/*---------------------------------------------*/
.bg-g1 {
    background: #0095c9;
    background: -webkit-linear-gradient(-360deg, #17418a, #ffffff, #ffffff);
    background: -o-linear-gradient(-360deg, #17418a, #ffffff, #ffffff);
    background: -moz-linear-gradient(-360deg, #17418a, #ffffff, #ffffff);
    background: linear-gradient(-360deg, #17418a, #ffffff, #ffffff);
}





/*//////////////////////////////////////////////////////////////////
[ Border ]*/
.bor1 {
    border-bottom: 3px solid #0095c9;
}

.bor2 {
    border-radius: 5px;
}


/*==================================================================
   WHERE WHERE WHERE WHERE WHERE WHERE WHERE WHERE WHERE WHERE WHERE  
==================================================================*/
.where1-parent {
    position: relative;
}

.where1 {
    position: absolute;
    top: -40px;
    right: 5px;
}

/*---------------------------------------------*/
.how-countdown {
    border-radius: 18px;
    margin: 0px 18px 25px 18px;
}


.how-btn {
    background-color:#db3832;
    border-radius:25px;
    padding:0 20px
}

.hov-cl0:hover {
    color: #fff;
}

.hov-bg0:hover {
    background-color: #fff;
}


/*==================================================================
  RESPONSIVE RESPONSIVE RESPONSIVE RESPONSIVE RESPONSIVE RESPONSIVE
==================================================================*/


/*//////////////////////////////////////////////////////////////////
[ XL ]*/
@media (max-width: 1200px) {
    .m-0-xl {
        margin: 0;
    }
    .m-lr-0-xl {
        margin-left: 0;
        margin-right: 0;
    }

    .m-lr-15-xl {
        margin-left: 15px;
        margin-right: 15px;
    }

    .m-l-0-xl {
        margin-left: 0;
    }

    .m-r-0-xl {
        margin-right: 0;
    }

    .m-l-15-xl {
        margin-left: 15px;
    }

    .m-r-15-xl {
        margin-right: 15px;
    }

    .p-0-xl {
        padding: 0;
    }

    .p-lr-0-xl {
        padding-left: 0;
        padding-right: 0;
    }

    .p-lr-15-xl {
        padding-left: 15px;
        padding-right: 15px;
    }

    .p-l-0-xl {
        padding-left: 0;
    }

    .p-r-0-xl {
        padding-right: 0;
    }

    .p-l-15-xl {
        padding-left: 15px;
    }

    .p-r-15-xl {
        padding-right: 15px;
    }

    .w-full-xl {
        width: 100%;
    }

    /*---------------------------------------------*/

}


/*//////////////////////////////////////////////////////////////////
[ LG ]*/
@media (max-width: 992px) {
    .m-0-lg {
        margin: 0;
    }

    .m-lr-0-lg {
        margin-left: 0;
        margin-right: 0;
    }

    .m-lr-15-lg {
        margin-left: 15px;
        margin-right: 15px;
    }

    .m-l-0-lg {
        margin-left: 0;
    }

    .m-r-0-lg {
        margin-right: 0;
    }

    .m-l-15-lg {
        margin-left: 15px;
    }

    .m-r-15-lg {
        margin-right: 15px;
    }

    .p-0-lg {
        padding: 0;
    }

    .p-lr-0-lg {
        padding-left: 0;
        padding-right: 0;
    }

    .p-lr-15-lg {
        padding-left: 15px;
        padding-right: 15px;
    }

    .p-l-0-lg {
        padding-left: 0;
    }

    .p-r-0-lg {
        padding-right: 0;
    }

    .p-l-15-lg {
        padding-left: 15px;
    }

    .p-r-15-lg {
        padding-right: 15px;
    }

    .w-full-lg {
        width: 100%;
    }

    /*---------------------------------------------*/


}


/*//////////////////////////////////////////////////////////////////
[ MD ]*/
@media (max-width: 768px) {
    .m-0-md {
        margin: 0;
    }
    #logo {
        width: 100%;
    }
    .m-lr-0-md {
        margin-left: 0;
        margin-right: 0;
    }

    .m-lr-15-md {
        margin-left: 15px;
        margin-right: 15px;
    }

    .m-l-0-md {
        margin-left: 0;
    }

    .m-r-0-md {
        margin-right: 0;
    }

    .m-l-15-md {
        margin-left: 15px;
    }

    .m-r-15-md {
        margin-right: 15px;
    }

    .p-0-md {
        padding: 0;
    }

    .p-lr-0-md {
        padding-left: 0;
        padding-right: 0;
    }

    .p-lr-15-md {
        padding-left: 15px;
        padding-right: 15px;
    }

    .p-l-0-md {
        padding-left: 0;
    }

    .p-r-0-md {
        padding-right: 0;
    }

    .p-l-15-md {
        padding-left: 15px;
    }

    .p-r-15-md {
        padding-right: 15px;
    }

    .w-full-md {
        width: 100%;
    }

    /*---------------------------------------------*/

}


/*//////////////////////////////////////////////////////////////////
[ SM ]*/
@media (max-width: 576px) {
    .m-0-sm {
        margin: 0;
    }
    #logo {
        width: 100%;
    }
    .m-lr-0-sm {
        margin-left: 0;
        margin-right: 0;
    }

    .m-lr-15-sm {
        margin-left: 15px;
        margin-right: 15px;
    }

    .m-l-0-sm {
        margin-left: 0;
    }

    .m-r-0-sm {
        margin-right: 0;
    }

    .m-l-15-sm {
        margin-left: 15px;
    }

    .m-r-15-sm {
        margin-right: 15px;
    }

    .p-0-sm {
        padding: 0;
    }

    .p-lr-0-sm {
        padding-left: 0;
        padding-right: 0;
    }

    .p-lr-15-sm {
        padding-left: 15px;
        padding-right: 15px;
    }

    .p-l-0-sm {
        padding-left: 0;
    }

    .p-r-0-sm {
        padding-right: 0;
    }

    .p-l-15-sm {
        padding-left: 15px;
    }

    .p-r-15-sm {
        padding-right: 15px;
    }

    .w-full-sm {
        width: 100%;
    }

    /*---------------------------------------------*/
    .respon1 {
        padding-top: 35px;
    }

}


/*//////////////////////////////////////////////////////////////////
[ SSM ]*/
@media (max-width: 480px) {
    .m-0-ssm {
        margin: 0;
    }
    #logo {
        width: 100%;
    }
    .m-lr-0-ssm {
        margin-left: 0;
        margin-right: 0;
    }

    .m-lr-15-ssm {
        margin-left: 15px;
        margin-right: 15px;
    }

    .m-l-0-ssm {
        margin-left: 0;
    }

    .m-r-0-ssm {
        margin-right: 0;
    }

    .m-l-15-ssm {
        margin-left: 15px;
    }

    .m-r-15-ssm {
        margin-right: 15px;
    }

    .p-0-ssm {
        padding: 0;
    }

    .p-lr-0-ssm {
        padding-left: 0;
        padding-right: 0;
    }

    .p-lr-15-ssm {
        padding-left: 15px;
        padding-right: 15px;
    }

    .p-l-0-ssm {
        padding-left: 0;
    }

    .p-r-0-ssm {
        padding-right: 0;
    }

    .p-l-15-ssm {
        padding-left: 15px;
    }

    .p-r-15-ssm {
        padding-right: 15px;
    }

    .w-full-ssm {
        width: 100%;
    }

    /*---------------------------------------------*/

}

.loader {
    position: relative;
    /*  top: calc(8% - 40px);
      left: calc(50% - 32px);*/
    width: 70px;
    height: 70px;
    border-radius: 50%;
    perspective: 800px;
}

.inner {
    position: absolute;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    border-radius: 50%;
}

.inner.one {
    left: 0%;
    top: 0%;
    animation: rotate-one 1s linear infinite;
    border-bottom: 3px solid #0095c9;
}

.inner.two {
    right: 0%;
    top: 0%;
    animation: rotate-two 1s linear infinite;
    border-right: 3px solid #fff24b;
}

.inner.three {
    right: 0%;
    bottom: 0%;
    animation: rotate-three 1s linear infinite;
    border-top: 3px solid #db3832;
}

@keyframes rotate-one {
    0% {
        transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);
    }

    100% {
        transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);
    }
}

@keyframes rotate-two {
    0% {
        transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg);
    }

    100% {
        transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg);
    }
}

@keyframes rotate-three {
    0% {
        transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg);
    }

    100% {
        transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg);
    }
}