@charset "UTF-8";

/*--------------------------------------------------------------
# Start Global Page
--------------------------------------------------------------*/

@font-face {
    font-family: Roboto;
    src: url(../fonts/Roboto-Regular.ttf);
}

body {
    direction: ltr;
    font-family: Roboto;
}

label {
    margin-left: 2px;
}


/*--------------------------------------------------------------
# End Global Page
--------------------------------------------------------------*/


/*--------------------------------------------------------------
# Start nav-menu
--------------------------------------------------------------*/

.nav-top .login-btns .main-btn i {
    margin-right: 7px;
    margin-left: 0;
}

.nav-top .lang i {
    margin-right: 5px;
    margin-left: 0;
}

.nav-top .lang {
    margin-right: 20px;
    margin-left: 0;
}

.hero-section .info .video-group {
    margin-left: 25px;
    margin-right: 0;
}

.hero-section .info .video-group span {
    margin-left: 15px;
    margin-right: 0;
}

.welcome-section .boxes .box .num {
    right: 18px;
    left: unset;
}

.courses-section .content .courses-content .box .info .course-meta .teacher>div:first-of-type img {
    margin-right: 12px;
    margin-left: 0;
}

.courses-section .content .courses-content .box .info .details i {
    margin-right: 5px;
    margin-left: 0;
}

.media-center .content-tabs .more-btn i {
    margin-left: 10px;
    margin-right: 0;
}

.media-center .content-tabs .box-content.news-content .news-archives .item img {
    margin-right: 20px;
    margin-left: 0;
}

.media-center .content-tabs .box-content.news-content .news-archives .head h6:after {
    left: 0;
    right: unset;
}

.footer .content .head:before {
    left: 0;
    right: unset;
}

.footer .content .box.numbers .items .item i {
    margin-right: 10px;
    margin-left: 0;
}

.footer .content .form-control {
    background-position: 3% 50%;
}

.footer-bottom .link .box i {
    margin-right: 10px;
    margin-left: 0;
}

.box-form .select {
    padding-left: 0;
    padding-right: 15px;
}

.box-form .input {
    padding-right: 0;
    padding-left: 15px;
}

.box-form .input .form-control {
    border-right: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-left: 1px solid #ced4da;
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
}

.box-form .select .form-control {
    border-left: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-right: 1px solid #ced4da;
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
}

.box-form .form-control {
    background-position: 3% 50%;
}

.single-training-page .lessons-card .content .item .name i {
    right: 0;
    left: unset;
}

.form-group .icon-input {
    left: 0;
    right: unset;
}

.form-group .toggle-password {
    right: 0;
    left: unset;
}

.menu_toggle {
    right: 0;
    left: unset;
    border-bottom-left-radius: 100%;
    border-bottom-right-radius: 0%;
}

.menu_toggle .menu_open,
.menu_toggle .menu_close {
    margin-right: -12px;
    margin-left: 0;
}

.menu_toggle .menu_close {
    transform: rotate( 20deg);
    transform-origin: 100px 160px;
}

.shazam .page-content {
    transform: scaleX(-1);
}

.shazam .menu_close {
    transform: rotate(0) !important;
}

.box-training {
    direction: ltr;
}

.media-center .content-tabs .more-btn i {
    transform: scaleX(-1);
}

.name_ques .fa-chevron-down {
    left: auto;
    right: 15px;
}

.box-form .postion-d .form-group .btn-po {
    left: auto;
    right: 0;
}

.box-training {
    direction: ltr;
}

.sidebar {
    left: 0;
    right: auto;
    transform: translateX(-100%);
}

.side-parts li:before {
    left: 5px;
    right: auto;
    border-left: 12px solid #FEBC34;
    border-right: 0;
    transform: translateY(-50%) translateX(-20px);
}

.side-parts li:hover {
    background: linear-gradient( 270deg, white 0%, #ffdc94 100%);
}

.footer_sochial {
    right: 0;
    left: auto;
}

.nav-top .search-input .icon {
    left: auto;
    right: 4px;
}

.up {
    left: 30px;
    right: auto;
}

.login-in .form-group .toggle-password {
    left: auto;
    right: 0;
}

.single-training-page .lessons-card .content .lesson-content .lesson-item .status {
    right: 8px;
    left: auto;
}