/*********************************************************
    // Start Top Nav
**********************************************************/

@font-face {
    font-family: 'GESSTwoLight_28';
    src: url('../fonts/Raleway-Regular.ttf');
}
@font-face {
    font-family: 'GESSTwoLight_28';
    src: url('../fonts/Raleway-Regular.ttf');
}

@font-face {
    font-family: 'GE_SS_Two_Medium';
    src: url('../fonts/Raleway-Medium.ttf');
}

@font-face {
    font-family: 'GE_SS_Text_Medium';
    src: url('../fonts/Raleway-Medium.ttf');
}

@font-face {
    font-family: 'AraESNawarRegular';
    src: url('../fonts/Raleway-Regular.ttf');
}
.help-block
{
    right: 0;
}
.top-nav .bell {
    margin-right: 20px;
}

.top-nav .bell i span {
    left: -5px;
}

.noti .not .info {
    margin-left: 10px;
}

.top-nav .search form input[type="text"] {
    padding: 0 10px 0 35px;
}

.top-nav .search form button {
    left: 0;
}
.currency
{
    margin-right: 15px;
}
@media (max-width: 767px) {
    .top-nav .bell {
        float: left !important;
    }

    .top-nav .login {
        right: 15px;
    }

    .top-nav .search form {
        margin: 0 0 0 10px;
    }

    .top-nav .search form input[type="text"] {
        padding: 0 0 0 35px;
    }
}

/*********************************************************
    // Start Bottom Nav
**********************************************************/

.bot-nav .menu-toggle {
    right: 15px;
    text-align: right;
}

.bot-nav .menu-holder {
    right: 0;
}

.bot-nav .menu-holder .close-menu i {
    right: 10px;
}

.bot-nav .menu > li:not(:first-child) {
    margin-left: -4px
}

.bot-nav .menu > li:not(:nth-child(2)) > a:before {
    left: 0;
}

@media (max-width: 991px) {
    .bot-nav .menu-holder {
        left: -250px;
        right: auto;
    }

    .bot-nav .menu > li > a {
        padding: 17px 10px 17px 30px;
    }
}

/*********************************************************
    // Start Advanced search
**********************************************************/

.advanced-search .input-holder .placeholder {
    padding: 0 0 0 25px !important;
}

/*********************************************************
    // Start add-users
**********************************************************/

.add-users .extra .add-delete {
    right: 8px;
    left: auto;
}

/*********************************************************
    // Start Testimonials
**********************************************************/

.test .person .image-holder {
    margin: 0 auto 0 0;
}

.test .person .para {
    right: 0;
    text-align: left;
}

.test .details {
    text-align: left;
    direction: ltr;
}

.test .details span {
    margin-right: 10px
}

.test .details span.name i {
    margin-right: 5px
}

/*********************************************************
    // Start Footer
**********************************************************/

footer .minor-heading {
    text-align: left;
}

footer .minor-heading i {
    margin-right: 5px;
    transform: rotate(180deg);
}

footer .list.main li:nth-child(2n + 2) {
    margin-left: -4px;
}

footer .list li a {
    padding: 15px 10px 15px 30px;
}

footer .list li a:hover {
    padding: 15px 10px 15px 50px;
}

footer .list li a i {
    left: 5px;
    transform: translateY(-50%)
}

footer .list.main li a i {
    transform: translateY(-50%) rotate(180deg);
}

footer .list li a:hover i {
    left: 25px;
}

footer .list.icon li a {
    padding: 15px 10px 15px 45px;
}

footer .list.icon li a:hover {
    padding: 15px 10px 15px 65px
}

/*********************************************************
    // Start Course Details
**********************************************************/

.main-details .main-details .teacher .teacher-info {
    left: 95px;
}

.center-profile .edit-center .more-button {
    right: 0;
    left: auto;
}

.filter-form .btn {
    right: 10px;
}

.main-form textarea {
    padding: 10px 20px 10px 50px !important;
}

.main-details .course-info > div:not(.buttons) {
    text-align: left;
}

.icons .icon {
    float: left;
}

.extra .add-delete {
    right: 15px;
    text-align: right;
}

/*********************************************************
    // Start Global
**********************************************************/

body {
    direction: ltr;
}

.menu-content-holder.menu-open {
    transform: translateX(250px);
}

.pull-left {
    float: right !important;
}
.pull-right {
    float: left !important;
}

.text-left {
    text-align: right !important;
}

.text-right {
    text-align: left !important;
}

.section-heading i {
    margin-right: 10px;
}

.main-form .input-holder .main-input {
    padding: 0 20px 0 50px;
    border-left: 10px solid #1d6e6e;
}

.main-form .input-holder i {
    left: 10px;
}

.main-form .input-holder i:nth-of-type(2) {
    right: 5px;
    left: auto;
}

.main-form .input-holder .placeholder,
.main-form .input-holder .ageplaceholder {
    text-align: left;
    padding-left: 60px;
}

.main-form .input-holder .placeholder.active,
.main-form .input-holder .ageplaceholder.active {
    padding-left: 10px;
}

.main-form .input-holder .count-down-n {
    right: 10px;
}

.more-button {
    right: 15px;
}

.more-button i {
    margin-left: 5px;
    transform: rotate(180deg);
}

.alert .close-modal {
    right: 20px;
    left: auto;
}

.main-checkbox {
    padding-left: 35px;
    text-align: left;
}

.main-checkbox .check-mark {
    left: 3px;
}

.main-radio {
    text-align: left;
    padding-left: 33px;
}

.main-radio .check-mark {
    left: 0;
}

.map-button-holder {
    padding: 8px 50px 8px 10px !important;
}

.map-button-holder .map-button {
    right: 0;
}

/* modal bootstrap */

.close-modal {
    right: 25px;
}

.my-modal-content {
    text-align: left;
}

/*********************************************************
    // Start main select for the select plugin
**********************************************************/

.select2-container {
    border-left: 10px solid #1d6e6e;
    padding: 0 20px 0 50px;
}

.select2-selection__arrow {
    right: 7px !important;
}

.select2-results__options {
    text-align: left;
}

.select2-selection__rendered {
    text-align: left;
}

/***************************modifications*****************************/
.login-img {
    float: right;
}