/*********************** genral style ************************/

@font-face {
    font-family: 'Overpass';
    src: url('../fonts/Overpass-Regular.woff2') format('woff2'),
        url('../fonts/Overpass-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}




*:not(i){
    font-family: 'Overpass' !important ;
    font-weight: normal;
}




/*********************** header ************************/


.main-header .logo{
    float: left;
}


.main-header .navbar-custom-menu, .main-header .navbar-right {
    float: right;
}


.navbar-custom-menu>.navbar-nav>li>.dropdown-menu {
    position: absolute;
    right: 0;
    left: auto;
}

















/**************/




.c-section-caursol h2.section-title:after {
    background: url(../images/Untitled-2.png) no-repeat;
    content: "";
    position: absolute;
    display: block;
    width: 135px;
    height: 30px;
    left: 20px;
    top: 135%;
}





.who_us_121 {
    background: url(../images/Untitled-2.png) no-repeat bottom left !important;
    background-position-y: 45px;
    padding-bottom: 20px;
}




.how_to_join_titel12 {
    background: url(../images/Untitled-2.png) no-repeat bottom left !important;
    padding-top: 25px;
    padding-bottom: 20px;
}


#previous {
    float: right !important;
}

#next {
    float: left !important;
}


.c-section-caursol .carousel-control.right {
    right: auto !important;
    left: 30px !important;
}


.c-section-caursol .carousel-control.left {
    left: 0 !important;
    right: auto !important;
}



/* .c-spinnerpp table td.the_wheel:before {
    content: " ";
    position: absolute;
    top: 51px;
    display: block;
    right: 246.8px !important;
    left: auto;
    margin-left: -6px;
    border: 15px solid transparent;
    border-top-color: #2DA6AF;
    border-top: 50px solid #2DA6AF;
} */










.c-spinnerpp table {
    float: left;
}


.c-spinnerpp .ctest:before {
    right: 242px;
    left: auto;
}




.menu-midd-mob ul li{
    float: left;
}


.titles {
    background: #fff;
    /* position: absolute; */
    top: 200px;
    right: 119px !important;
    padding: 20px 30px;
    display: inline-block;
    border: 0px solid #fff;
    left: auto !important;
}



.titles li {
    font-size: 17px;
    list-style: none;
    padding-left: 71px;
    padding-right: 0 !important;
    padding-top: 15px;
    padding-bottom: 9px;
}
.login_123 {
    background: url(../images/user1.png) left no-repeat !important;
}

.over1 {
    background: url(../images/calendar_1.png) left no-repeat !important;
}




/* QUSAI */
/* START championship-details page &&  event-details*/
.c-titles-r li {
    font-size: 17px;
    list-style: none;
    padding: 0px 0px 13px 50px !important;
}


.c-titles-r .over-new.date-event {

	background:url(../images/calendar_1.png) left no-repeat !important;

}

.c-titles-r .over-new.day-hour-competition {

	background:url(../images/clock.png) left no-repeat !important;

}
.c-titles-r .over-new.prize {

	background:url(../images/coins2223.png) left no-repeat !important;

}


.c-titles-r .over-new.price-registration {

	background:url(../images/price-tag.png) left no-repeat !important;

}
/* QUSAI */
/* END championship-details page &&  event-details*/




.table_menu ul li {
    float: left !important;
    padding-right: 20px;
    padding-left: 0px !important;

}





.advert_title {
    position: absolute;
    text-align: center;
    display: inline-block;
    top: 1px;
    left: 10px;
}




.who_us_image {
    float: right !important;
}



.who_us_12 {
    float: left !important;
}


.how_to_join_image {
    float: right !important;
}



.how_to_join_1 {
    float: left !important;
}











.form_123 label,
.form_1234 label,
.form-group.form-check {
    text-align: left !important;
}


.login_creat_twich{
    margin-left: 0;
    margin-right: -32px;
}


.login_creat_insa{
    margin-right: auto;
    margin-left: -28px;
}




.titles li.cl-devidces {
    padding-left: 1px;
}



.titles li.cl-devidces span {
    padding-right: 0;
    padding-left: 45px !important;
}




.bottom-footer .footer-copright p{
    text-align: right !important;
}




.iti--allow-dropdown .iti__flag-container, .iti--separate-dial-code .iti__flag-container {
    right: auto !important;
    left: 0 !important;
}



.iti--allow-dropdown input, .iti--allow-dropdown input[type=text], .iti--allow-dropdown input[type=tel], .iti--separate-dial-code input, .iti--separate-dial-code input[type=text], .iti--separate-dial-code input[type=tel] {
    padding-right: 6px !important;
    padding-left: 56px !important;
    width: 100% !important;
    margin-left: 0;

}


.iti__country-list {
    text-align: left !important;
}





.login1 .login_for .form-check input {
    float: left;
}

.login1 .login_for .form-group.form-check button {
    float: right !important;
}


.login1 .login_for .form-check label.form-check-label {
    margin-top: 13px;
    margin-right: 0;
    margin-left: 5px;
}



.faq .faq_title a[aria-expanded="false"]{
    background: url(../images/pluss.png) no-repeat left !important ;
}



.faq .faq_title a[aria-expanded="true"] {
    background: url(../images/mineass.png) no-repeat left !important;
}



.faq .faq_title a {
    padding-left: 35px;
}








.navbar-nav>.user-menu .user-image {
    float: right;
    margin-left: 10px;
    margin-right: auto;
}











/*******************************************************************/



.c-menu-secondd {
    float: right !important;
}



.main-header .logo .logo-lg {
    float: left;
}






.c-menu-secondd .c-user-login a {
    border-radius: 15px 0 0 15px;
}



.c-menu-secondd .c-user-register {
    margin-left: -15px;
    margin-right: 10px;
}



.main-header .c-sidemenu-header{
    margin-left: 10px;
    margin-top: 5px;
}






.main-header .navbar-nav .cc-coinsss a#userCoins {
    padding-right: 5px;
}




.main-header .navbar-nav .cc-coinsss a#userDollars {
    padding-left: 10px;
    border-left: 1px solid #00bcd4;
    border-right: 0px solid #00bcd4;
}








.clm-search .card {
    margin: 10px 10px 10px 285px;
}




.clm-search form  button{
    width: 34%;
    margin-right: auto;
    margin-left: 33%;
}



.c-button-spicial button{
    width: 20%;
    margin-right: auto;
    margin-left: 40%

}



















@keyframes vaporize {
    from {
        top: 42%;
        left: 44%;
        right: auto !important;
        opacity: 1;
        transform: scale(0);
    }

    5% {
        transform: rotate3d(0, 1, 0, 180deg);

    }

    15% {
        transform: rotate3d(0, 1, 0, 360deg);
        transform: scale(30);
    }

    25% {
        transform: rotate3d(0, 1, 0, 180deg);
    }

    35% {
        transform: rotate3d(0, 1, 0, 360deg);
    }

    45% {
        transform: rotate3d(0, 1, 0, 180deg);
    }

    55% {
        transform: rotate3d(0, 1, 0, 360deg);
    }

    65% {
        transform: rotate3d(0, 1, 0, 180deg);
    }

    to {
        top: 0px;
        left: 55%;
        transform: scale(0);
        opacity: .5;
        right: auto !important;
    }
}






#coin {
    position: fixed;
    top: 42%;
    left: 58%;
    right: auto !important;
}














/* OSAMA */
/*START championship-details page &&  event-details*/

.c-eventbox .titles {
    float: right;
    width: 35%;
}





.c-eventbox .c-titles-r {
    float: left;
    width: 35%;
}




.c-eventbox .c-titles-r li.cl-devidces {
    background: url(../images/adaptive.png) left no-repeat;
}





/************************************************ 26 -11 -2020 *******************************/


.personal .personal123 form .form-group button i {
    margin-right: 5px;
}




/************************** responsive ****************************/


@media only screen and (max-width: 1100px) {







    #cssmenu > ul > li.has-sub > a {
        padding-left: 17px;
    }


    #cssmenu .submenu-button {
        position: absolute;
        z-index: 99;
        right: 0;

        left: auto;
        border-right: 0px solid #444;
        border-left: 1px solid #444;
    }

    .navbar-custom-menu .navbar-nav>li {
        float: right;
    }




    .cc-button:after, .cc-button:before {
        right: auto;
        left: 30px;
    }








    /* .c-tpo-menu-mobile ul.nav.navbar-nav {
        float: left;
    }


    .c-tpo-menu-mobile ul li {
        float: left !important;
    }


    .c-tpo-menu-mobile ul li img.user-image {
        float: left !important;
        margin-right: 10px !important;
        margin-left: auto !important;
    } */



    .navbar-custom-menu>.navbar-nav>li>.dropdown-menu {
        left: 2% ;
        right: auto !important;
    }


    .c-tpo-menu-mobile ul.nav.navbar-nav > li {
        float: left;
    }
    .c-tpo-menu-mobile ul.nav.navbar-nav {
        float: left;
    }

    .c-tpo-menu-mobile ul.nav.navbar-nav > li img.user-image {
        float: left;
        margin-left: auto;
        margin-right: 10px;
    }


}





@media only screen and (max-width: 700px) {


    .faq .faq_title a {
        padding-left: 0 !important;
        padding-right: 0!important;
    }

    .navbar-custom-menu>.navbar-nav>li>.dropdown-menu {
        left: auto;
    }



.navbar-custom-menu>.navbar-nav>li>.dropdown-menu {
    left: 5%;
}


.navbar-custom-menu>.navbar-nav>li.c-langiage>.dropdown-menu {
    left: auto !important;
    right: 20px !important;
}


.c-eventbox .c-titles-r {
    width: 100%;
    float: none;
}


.c-eventbox .titles {
    float: none;
    width: 100%;
    margin-top: 20px;
    right: 0 !important;
}




}



.hamburger-menu {
    width: 30px;
    height: 28px;
    position: absolute;
    right: 10px;
    left: auto;
    top: 10px;
    cursor: pointer;
    z-index: 1;
}


#cssmenu .cc-menu {
    width: 100%;
    padding: 0 20px;
}












/*******************************/



.c_img_noti img {
    margin: 0 !important;
}

.c_img_noti {
    height: 55px;
    padding: 0;
}


.c_ttitle_noti small {
    left: auto !important;
    right: 0 !important;
}

.c-bdy_noti {
    text-align: left;
}

.c_ttitle_noti small {
    left: auto !important;
    right: 0px !important;
    top: -14px !important;
}