body {
    font-family: myfont !important;
    /*-webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;*/
}

h1, h2, h3, h4, h5, h6 {
    font-family: myfont !important;
}

a {
    font: 100% myfont !important;
    color: #00A59F;
}

a {
    color: #03726e;
}

.dirl{
    direction: ltr;
}
.dirr{
    direction: rtl;
}

.floatleft_important {
    float: left !important;
}

.code, .code2, .code3, .code4 {
    color: #ff6348;
    font-size: 65px;
    font-weight: bold;
    margin-top: 0px;
    line-height: 1;
}

.Teach {
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

    .Teach:hover {
        -webkit-transition: all 0.3s linear;
        transition: all 0.3s linear;
    }

.floatleft {
    float: Left;
}

._article {
    margin-bottom: 50px;
    float: Left;
}

    ._article div h3 a {
        color: #5d5d5d;
    }

    ._article div span {
        float: Left;
        font-size: 12px;
        margin-top: 1px;
        margin-top: -7px;
    }

    ._article div h3 {
        font-size: 16px;
        float: Right;
        direction: rtl;
        text-align: justify;
        margin-top: -10px;
    }

    ._article div img {
        width: 100%;
        height: 190px;
        -o-object-fit: cover;
        object-fit: cover;
    }

._article2:hover {
    opacity: 0.8;
}

._article2 {
    margin-top: 45px;
}

.newsimg_box {
    border-radius: 8px;
    height: 200px;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-items: center;
    vertical-align: middle;
    margin-bottom: 10px;
    width: 100%;
}

._article2 .newsimg_box img {
    -webkit-transition: all 0.4s linear;
    transition: all 0.4s linear;
}

._article2:hover .newsimg_box img {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
    -webkit-transition: all 0.4s linear;
    transition: all 0.4s linear;
}

.text-align-center {
    text-align: center;
}

.content_02 h6 {
    color: #a4a4a4;
    font-size: 20px;
    text-align: center;
    line-height: 2;
    margin-top: 25px;
    direction: rtl;
}

.content_02 h5 {
    color: #5d5d5d;
    font-size: 30px;
    text-align: center;
    line-height: 2;
    direction: rtl;
}

.content_02 h4 {
    color: #ff6348;
    font-size: 50px;
    text-align: center;
    font-weight: bold;
    line-height: 2;
    direction: rtl;
}

.bgg4 {
    height: 1px;
    background-image: url("/themes/farayad/assets/img/bg2.png");
    background-position: center bottom;
    background-repeat: repeat-x;
    float: right;
}

.bgg3 {
    background-color: #fafafa;
    height: 190px;
    padding-top: 45px;
    margin-bottom: 20px;
    background-image: url("/themes/farayad/assets/img/bg2.png");
    background-position: center bottom;
    background-repeat: repeat-x;
    float: right;
}

@media (max-width: 991px) {
    .bgg3 {
        height: 300px !important;
    }
}

@media (max-width: 767px) {
    .bgg3 {
        height: 550px !important;
    }

    .DIR_ch {
        direction: rtl !important;
        float: right !important;
    }
}

.bgg5 .DIR_ch {
    margin: 0px;
    padding: 0px;
    width: 100%;
}

.DIR_ch {
    direction: rtl !important;
    float: right !important;
}

    .DIR_ch .list-group {
        text-align: right;
        direction: rtl;
        list-style: none;
        width: 90%;
        float: right;
        padding: 0px;
        margin: 2px 5%;
    }

.list-group .list-group-item {
    padding: 9px !important;
    width: 100%;
}

.items-activity-title {
    margin-bottom: 10px;
    padding-bottom: 0px;
}

.bgg1 {
    background-image: url("/themes/farayad/assets/assets/img/bg1.jpg");
    background-position: center center;
    background-size: cover;
    margin-bottom: 30px;
    background-repeat: no-repeat;
    height: 390px;
}

.owl-2 {
    background-color: #f6f6f6;
    margin-top: 100px;
}

@media (max-width: 1200px) {
    .bgg1 {
        margin-bottom: 30px;
        height: 600px;
    }
}

@media (max-width: 991px) {
    .bgg1 {
        margin-bottom: 30px;
        height: 800px;
    }
}

@media (max-width: 424px) {
    .bgg1 {
        height: 700px;
    }

    .content_02 h5 {
        font-size: 17px;
    }

    .content_02 h4 {
        font-size: 20px;
    }
}

.content_01 {
    text-align: justify;
    direction: rtl;
    min-height: 400px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.CLR {
    clear: both;
}

.Timer01 {
    background-color: #FFF;
    border-radius: 50px;
    padding: 0;
    width: 300px;
    text-align: center;
    direction: rtl;
    margin: 5px auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.TopMenu {
    background-color: #00a59f;
    height: 35px;
    margin-top: -9px;
}

.bl1 {
    float: Right;
}

.bl2 {
    float: Left;
}

.text-align-right {
    text-align: Right;
}

.NoPadd {
    padding: 0px !important;
}

.FullWidth {
    width: 100%;
    float: Right;
}

.TopLine {
    height: 8px;
    float: Right;
    width: 100%;
    background-color: #00a59f;
}

.blMenu ul li {
    float: Right;
    font-size: 13px;
    list-style: none;
    margin: 3px 9px;
}

    .blMenu ul li a {
        font-family: myfont;
        color: #FFF;
    }

        .blMenu ul li a:hover {
            font-family: myfont;
            color: #ebebeb;
            text-decoration: none;
        }

        .blMenu ul li a:active {
            text-decoration: none;
        }

        .blMenu ul li a:visited {
            text-decoration: none;
        }

._UnCon15 {
    margin-bottom: 15px;
}

@media (max-width: 482px) {
    .TopMenu {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-right: 0px;
    }

    ._UnCon15 {
        padding: 0px;
    }

    .blMenu ul li a {
        border-bottom: 1px solid #ebebeb;
    }

    .blMenu ul li {
        font-size: 11px;
        margin: 3px 6px;
    }

    .bl1 {
        display: none;
    }

    .bl2 {
        display: none;
    }
}

@media (max-width: 351px) {
    ._home {
        display: none;
    }
}

.bg-light {
    background-color: #FFF !important;
}

.LogoBox {
    float: Right;
    margin-top: 5px;
    text-align: Right;
}

.searchBox {
    background-color: #ebebeb;
    height: 50px;
    border-radius: 10px !important;
    margin-top: 15px;
}

.s_box {
    float: Right;
    margin-top: 10px;
    margin-right: 5px;
    background-color: transparent;
    border: 0px;
    outline: none;
    text-align: Right;
    direction: rtl;
    font-size: 14px;
    padding: 5px;
    width: 70%;
}

.s_btn {
    width: 20%;
    margin-top: 8px;
    padding-top: 7px;
    padding-bottom: 7px;
    margin-left: 5px;
    background-color: #5d5d5d;
    border: 0px;
    color: #ebebeb;
    cursor: pointer;
    border-radius: 10px !important;
}

.floatright {
    float: Right;
}

.floatleft {
    float: Left;
}

.userbox {
    font-size: 14px;
    direction: rtl;
    text-align: right !important;
    font-weight: 700;
    margin-top: 16px;
    text-align: Left;
    color: #5d5d5d;
}

    .userbox a {
        color: #00a59f;
        font-size: 19px !important;
        font-weight: 600 !important;
    }

    .userbox i {
        float: Left;
        font-size: 45px;
        color: #00a59f;
        margin-right: 10px;
        margin-top: 10px;
    }

.phone_ {
    text-align: Left;
    margin-top: 15px;
    float: left
}

    .phone_ i {
        color: #ff6348;
        margin-top: 15px !important;
    }

.brd_top1 {
    border-top: 1px solid #ebebeb;
    margin-top: 10px;
    float: Right;
}

.phone_ span {
    color: #ff6348;
    font-size: 19px;
    text-align: Left;
    margin-top: -3px;
    float: right;
}

.phone_ .fa-phone {
    margin-top: -5px;
}

@media (max-width: 375px) {
    .s_btn {
        font-size: 13px;
        padding-top: 10px;
        padding-bottom: 10px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .userbox i {
        font-size: 30px;
    }

    .userbox {
        font-size: 12px;
    }

        .userbox a {
            font-size: 14px !important;
        }
}

@media (max-width: 767px) {
    .userbox {
        text-align: Right;
    }
}

.bg-light {
    float: Right;
    direction: rtl;
    margin-right: 0px !important;
    padding-right: 0px !important;
    width: 100%;
    background-color: transparent !important;
}

.dropdown-toggle::after {
    margin-top: 10px;
    float: Right;
}

.nav-item {
    background-image: url("/themes/farayad/assets/img/l1.png");
    background-position: center Left;
    background-repeat: no-repeat;
    padding: 10px 15px 0px 25px;
}

    .nav-item a {
        border-bottom: 3px solid #f7f7f7;
        -webkit-transition: all 0.3s linear;
        transition: all 0.3s linear;
        padding-bottom: 11px;
    }

        .nav-item a:hover {
            color: #00a59f !important;
            -webkit-transition: all 0.3s linear;
            transition: all 0.3s linear;
            border-bottom: 3px solid #00a59f;
            padding-bottom: 5px;
        }

    .nav-item:last-child {
        background-image: none;
    }

.navbar-nav {
    margin-right: 0px !important;
    padding-right: 0px !important;
}

.nav-item:first-child {
    margin-right: 0px !important;
    padding-right: 0px !important;
}

.MyBasket_ {
    float: Left;
    position: absolute;
    left: 0;
    border: 1px solid #c1c1c1 !important;
    color: #5d5d5d;
    padding: 13px 12px 10px 12px;
    top: 10px !important;
    border-radius: 5px !important;
    opacity: .9;
}

    .MyBasket_:hover {
        opacity: 1;
    }

    .MyBasket_ i {
        font-size: 25px;
        color: #5d5d5d;
        margin-right: 10px;
    }

.MyBasket_No {
    background-color: #ff6348;
    color: #ebebeb;
    border-radius: 100px !important;
    top: 5px;
    left: 35px;
    font-size: 9px;
    width: 15px;
    height: 15px;
    position: absolute;
    padding-top: 1px;
}

.img-res {
    width: 100%;
}

.slidebox {
    margin-top: -14px;
}

@media (max-width: 991px) {
    .navbar-nav {
        margin-left: 0px !important;
        padding-left: 0px !important;
    }

    .navbar-light {
        margin-bottom: 15px;
    }

    .bg-light {
        width: 100%;
        margin-left: 0px !important;
        padding-left: 0px !important;
    }

    .nav-item {
        background-color: #ebebeb;
        width: 100%;
        text-align: Right;
        margin-top: 5px;
        background-image: none;
    }

        .nav-item:first-child {
            padding: 5px 15px !important;
        }

    .MyBasket_ {
        float: Right;
        margin-left: 0px;
        top: unset;
        background-color: #FFF;
    }

    .nav-item a {
        border: none;
    }
}

.titlelogo {
    width: 100%;
    background-image: url("/themes/farayad/assets/img/titlelogo.png");
    background-position: center center;
    background-repeat: no-repeat;
    height: 80px;
    margin-top: 60px;
}

    .titlelogo h6 {
        text-align: center;
        padding-top: 55px;
        color: #ff6348;
        font-size: 1rem !important;
        font-weight: bold;
        float: right;
        width: 100%;
        margin-top: 20px;
    }

.Dabir h6 {
    margin: 70px auto;
    padding-bottom: 50px;
}



.whitebg {
    background-color: #F6F6F6;
    min-height: 400px;
    padding: 0px;
}

.bgg2 {
    width: 100%;
    background-image: url("/themes/farayad/assets/img/bg2.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 200px;
    text-align: center;
    color: #ebebeb;
    padding-top: 6%;
    margin-bottom: 5px;
}

._abotus h6 {
    border-bottom: 1px solid gray;
    padding-bottom: 10px;
    margin-bottom: 10px;
    text-align: Right;
    font-size: 20px;
    font-weight: bold;
}

._abotus a i {
    color: #5d5d5d;
    font-size: 26px;
    margin: 10px 2px !important;
    padding-top: 5px !important;
}

._abotus i:hover {
    color: #ff6348;
}

.fotercon {
    width: 100%;
    direction: rtl;
    font-size: 13px;
    text-align: justify;
}

.fotercon2, .fotercon {
    padding-bottom: 10px;
}

.mrgtop30 {
    margin-top: 30px;
}

.bnr1 {
    margin: 5px;
    width: unset !important;
    -o-object-fit: unset !important;
    object-fit: unset !important;
    height: unset !important;
}

.FooterUL {
    width: 100%;
    float: Right;
}

    .FooterUL li {
        font-size: 13px;
        float: Right;
        list-style: none;
        margin: 10px 2px;
        padding: 10px 3px;
    }

        .FooterUL li a {
            padding: 10px 3px;
            text-decoration: none !important;
        }

        .FooterUL li:hover {
            background-color: #FFF;
            padding: 10px 3px;
            border-radius: 5px !important;
            text-decoration: none !important;
        }

            .FooterUL li:hover a {
                color: gray;
            }

        .FooterUL li a {
            color: #ffffff;
        }

._slivebox {
    background-color: #f6f6f6;
    border-radius: 5px;
    float: Right;
    text-align: center;
}

._abotus2 h6 {
    border-bottom: 1px solid #FFF;
    padding-bottom: 10px;
    margin-bottom: 10px;
    text-align: Right;
    color: #FFF;
    margin-top: 20px;
}

.fotercon2 {
    width: 100%;
    direction: rtl;
    font-size: 13px;
    text-align: justify;
    color: #FFF;
}

    .fotercon2 span {
        line-height: 2;
        margin: 10px 0px 10px 25px;
    }

@media (max-width: 500px) {
    .FooterUL li {
        display: none;
    }
}

@media (max-width: 400px) {
    .Timer01 {
        width: unset;
    }
}

.TheLogo {
    max-width: 100%;
    margin-top: 15px;
}

._nobrd {
    border: 0px;
    top: -5px;
    float: Left !important;
}

._Search {
    left: 50px;
    top: -7px !important;
    border: 0px;
}

._faq2 {
    background-color: #f8f8f8;
    margin-top: -10px;
}

._faq1 {
    height: 320px;
    background: url("/themes/farayad/assets/img/faq.png") no-repeat;
    background-position: left center;
}

    ._faq1 h1 {
        text-align: Right;
        direction: rtl;
        padding-top: 8%;
    }

    ._faq1 h2 {
        text-align: Right;
        direction: rtl;
        font-size: 14px;
    }

._faq3:first-child {
    margin-top: 40px;
}

._faq3 {
    cursor: pointer;
    background-color: #f6f6f6;
    width: 100%;
    text-align: Right;
    border: 0px;
    font-size: 13px;
    border-bottom: 1px solid #d7d7d7;
    padding: 15px 10px;
    color: #5d5d5d;
}

    ._faq3:focus {
        outline: none;
    }

    ._faq3 i {
        float: Right;
        color: #ff6348;
        margin: 0px 10px;
        font-size: 20px;
    }

._faq4 {
    text-align: justify;
    direction: rtl;
    font-size: 14px;
    padding: 10px 0px;
}

@media (max-width: 767px) {
    ._faq1 {
        background-image: url("/themes/farayad/assets/assets/img/faq.png");
        background-position: Left bottom;
        background-size: 140px;
        background-repeat: no-repeat;
    }

        ._faq1 h1 {
            text-align: Right;
            direction: rtl;
            padding-top: 8%;
            font-size: 17px;
        }

        ._faq1 h2 {
            text-align: Right;
            direction: rtl;
            font-size: 14px;
        }
}

.panel-title {
    text-align: right;
    direction: rtl;
}

.pull-left {
    float: left;
}

.fa-minus, .fa-angle-up {
    display: none !important;
}

[aria-expanded="false"] .fa-minus {
    display: none !important;
}

[aria-expanded="true"] .fa-minus {
    display: block !important;
}

[aria-expanded="true"] {
    color: #FF6348;
}

    [aria-expanded="true"] i {
        color: #000a42 !important;
    }

    [aria-expanded="true"] .fa-plus {
        display: none !important;
    }

[aria-expanded="false"] .fa-plus {
    display: block !important;
}

.GMap {
    width: 100%;
    height: 400px;
    border: 0px;
    margin-top: -47px;
}

.googleDiv {
    overflow: hidden;
    width: 100%;
    height: 400px;
}

._contus1 {
    height: 320px;
    background: url("/themes/farayad/assets/img/contactpic.png") no-repeat;
    background-position: Left center;
}

._aboutus {
    height: 300px;
    background: url("/themes/farayad/assets/img/all2.jpg");
    background-position: center center;
    margin-bottom: 30px;
}

    ._aboutus h1 {
        background-color: rgba(232, 232, 232, 0.95);
        padding: 10px 30px;
        text-align: center;
        margin-top: 15%;
        font-size: 22px;
        font-weight: bold;
        border-radius: 10px !important;
    }

    ._aboutus h2 {
        background-color: rgba(232, 232, 232, 0.80);
        padding: 8px 30px;
        font-size: 17px;
        font-weight: bold;
        text-align: center;
        margin-top: 2%;
        border-radius: 10px !important;
    }

.brd_top1 {
    border-top: 1px solid #ededed;
    width: 100%;
    margin: 5px 0;
    float: right;
}

.myCirlce {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.brd_top1 h6 {
    text-align: center;
    direction: rtl;
    margin-top: 15px;
    font-size: 15px;
}

.myCirlce i {
    font-size: 40px;
    margin-top: -50px;
    border: 1px solid #ededed;
    border-radius: 500px;
    /* padding: 30px; */
    background-color: #FFF;
    color: #ff6348;
    height: 95px;
    width: 95px;
    padding-top: 40px;
    text-align: center;
}

.Contant_pl {
    color: #ff6348;
}

.form-control {
    text-align: Right;
}

._mrgcenter {
    margin: 10px auto;
}

.pad_inpt input {
    padding: 10px;
    margin-top: 40px;
}

._course1 h1 {
    font-size: 20px;
    text-align: center;
    direction: rtl;
    line-height: 1.8;
}

._course1 h2 {
    font-size: 13px;
    text-align: center;
    direction: rtl;
}

._course1 {
    background-color: transparent;
    padding: 15px 0;
    color: #5d5d5d;
    margin-top: -9px;
    border-top: 1px solid #e3e3e3;
    border-bottom: 1px solid rgba(93, 93, 93, 0.078);
    margin-bottom: 15px;
}

.bgg5 {
    background-color: #F8F8F8;
    padding: 15px 0px !important;
    color: #d5d5d5;
    margin-top: 5px;
    border-radius: 10px;
    /*border: 1px solid #eeeeee;*/
}

    .bgg5 h6 {
        text-align: Right;
        background-color: #ffffff;
        border-radius: 5px;
        margin: 12px 14px;
        padding: 14px;
        font-size: 16px;
        color: #989898;
    }

        .bgg5 h6 span {
            left: 0;
            /* position: static; */
            direction: rtl;
            color: #ff6348;
            /* float: left; */
            /* height: 29px; */
            text-align: left;
            /* width: 100%; */
            display: block;
            /* top: 32px; */
            margin-top: -20px;
            margin-right: 27px;
        }


._course2 {
    border: 1px solid #ededed;
    border-radius: 10px;
    overflow: hidden;
    margin-top: 5px;
    margin-bottom: 10px;
}

    ._course2 img {
        width: auto !important;
        max-height: 470px;
    }

.bgg6 {
    background-color: #ffffff;
    border-radius: 5px;
    margin: 12px;
    padding: 20px 0px 0px 0px;
    font-size: 16px;
    color: #989898;
    height: 150px;
}

.h_auto {
    height: auto !important;
}

.bgg6 h4 {
    font-size: 25px;
    font-weight: bold;
    text-align: center;
    width: 100%;
    direction: rtl;
    margin-top: 12px;
    float: Right;
}

.dspflex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    justify-items: center;
}

.core14-cost {
    width: 100%;
    float: right;
    top: -80px;
    margin-top: -80px;
    text-align: center;
    direction: rtl;
    font-size: 18px;
    font-weight: bold;
}

.core14-discounted-cost, .core14-discounted-without-cost {
    text-decoration: none;
    position: relative;
    display: inline-block;
    text-align: center;
    font-size: 14px;
    top: -80px;
    left: 75px;
    margin-top: 85px;
    width: 50%;
    direction: rtl;
}


    .core14-discounted-cost:after, .core14-discounted-cost:after {
        content: "";
        position: absolute;
        bottom: 0px;
        left: 0;
        border-top: 2px solid red;
        height: 85%;
        height: calc(35% + 4px);
        width: 90%;
        -webkit-transform: rotateZ(-4deg);
        transform: rotateZ(-4deg);
    }

.btn-success2 {
    color: #FFF;
    background-color: #00A69F;
    border-color: #00A69F;
    border-radius: 20px;
    margin: 0 auto;
}

    .btn-success2:hover {
        color: #00A69F;
        background-color: #FFF;
        border-color: #00A69F;
    }

    .btn-success2.focus, .btn-success2:focus {
        -webkit-box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
        box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
    }

    .btn-success2.disabled, .btn-success2:disabled {
        color: #00A69F;
        background-color: #97a099;
        border-color: #808080;
    }

    .btn-success2:not(:disabled):not(.disabled).active, .btn-success2:not(:disabled):not(.disabled):active, .show > .btn-success2.dropdown-toggle {
        color: #00A69F;
        background-color: #FFF;
        border-color: #00A69F;
    }

        .btn-success2:not(:disabled):not(.disabled).active:focus, .btn-success2:not(:disabled):not(.disabled):active:focus, .show > .btn-success2.dropdown-toggle:focus {
            -webkit-box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
            box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
        }

.btn-place {
    margin-top: -90px;
    height: 40px;
}

._shareMedia {
    width: 100%;
    float: Right;
    text-align: center;
}

    ._shareMedia a i {
        border: 2px solid #dddddd;
        background-color: #FFF;
        color: #dddddd;
        border-radius: 200px;
        width: 40px;
        height: 40px;
        font-size: 20px;
        padding-top: 11px;
        -webkit-transition: all 0.3s linear;
        transition: all 0.3s linear;
    }

        ._shareMedia a i:hover {
            color: #FF6448;
            -webkit-transition: all 0.3s linear;
            transition: all 0.3s linear;
            border-color: #FF6448;
        }

.box_a_course {
    border: 1px solid #ededed;
    height: 110px;
    margin: 00px 0;
    border-radius: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    justify-items: center;
}

.inside_boxer {
    width: 90px;
    height: 90px;
    margin: 20px -3px 0px -3px;
    text-align: center;
    float: right;
}

    .inside_boxer a {
        display: block;
        color: #5D5D5D;
        -webkit-transition: all 0.3s linear;
        transition: all 0.3s linear;
    }

        .inside_boxer a:hover {
            text-decoration: none;
        }

    .inside_boxer:hover * {
        color: #ff6348;
        border-color: #ff6348;
        -webkit-transition: all 0.3s linear;
        transition: all 0.3s linear;
    }

    .inside_boxer:hover a i {
        color: #ff6348;
    }

    .inside_boxer h5 {
        font-size: 13px;
        text-align: center;
        margin-top: 5px;
    }

    .inside_boxer a i {
        border: 2px solid #F6F6F6;
        background-color: #FFF;
        color: #5D5D5D;
        border-radius: 200px;
        width: 45px;
        height: 45px;
        padding-top: 14px;
        font-size: 20px;
    }

.box_course2 {
    border: 1px solid #ededed;
    margin: 5px 0;
    border-radius: 5px;
    background-color: #F6F6F6;
    height: 70px;
}

.box_course10 {
    border: 1px solid #ededed;
    margin: 5px 0;
    border-radius: 5px;
    border-bottom: 0;
    height: 55px;
}

.Relation_css h5 a {
    color: #6C6C6C !important;
}

.Relation_css:hover {
    -webkit-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.44);
    -moz-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.44);
    box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.44);
}

.Relation_css img {
    -webkit-transition: -webkit-transform .5s ease-in-out;
    transition: transform .5s ease-in-out;
}

.Relation_css .Relation_css_text {
    padding: 0px 0px 0px 10px;
}

.Relation_css a {
    display: block;
    color: #5c5c5c;
    font-size: 12px !important;
    -webkit-transition: -webkit-transform .5s ease-in-out;
    transition: transform .5s ease-in-out;
}

    .Relation_css a:hover {
        color: #00A59F !important;
    }

br {
    clear: both !important;
}

.box_course3 {
    float: Right;
    margin-top: 10px;
}

.box_course34 ._dislike i, .box_course34 ._like i {
    padding-left: 10px;
}

.box_course3 i {
    border: 2px solid #E6E6E6;
    background-color: #FFF;
    color: #5D5D5D;
    border-radius: 200px;
    width: 45px !important;
    height: 45px !important;
    margin-left: 7px;
    padding-top: 14px;
    font-size: 20px;
    float: right;
}

._ansW2 .box_course3 i {
    padding-left: 20px !important;
    width: 20px !important;
    height: 30px !important;
    font-size: 12px;
    padding-top: 7px !important;
    padding-right: 6px !important;
    margin-left: 10px !important;
}

.box_course36 {
    margin-left: 10px !important;
    padding-left: 10px;
}

.box_course34 {
    float: left;
}

.bc_file:before {
    margin-left: 13px;
}

.bc_file1:before {
    margin-left: 10px;
}

.bc_file2:before {
    margin-left: 12px;
}

.box_course3 h6 {
    float: right;
    color: #5c5c5c;
    margin-top: 15px;
}

.box_course3 i:hover {
    background-color: #efefef;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.BgWithe {
    background-color: #ffffff;
    height: auto;
    width: 100%;
    float: Right;
}

.box_course4 {
    direction: rtl;
    text-align: justify;
    font-size: 13px;
    border-top: 0px;
    padding: 0px;
    width: 100%;
    margin-bottom: 20px;
}

ul#list_question {
    padding: 0;
    margin: 0;
}

.box_course4 img {
    max-width: 100%;
    height: unset !important;
}

.box_course4 a img {
    max-width: 100% !important;
    height: 80px !important;
    margin: 3px;
}

.box_course41 {
    padding: 0px 5px !important;
}

._coach_avatar {
    width: 70px;
    height: 70px;
    border-radius: 200px !important;
    float: Right;
    margin-left: 15px;
    margin-top: 30px;
    border: 1px solid gray;
}

.box_course5 h3 {
    float: Right;
    font-size: 18px;
    margin-top: 35px;
    margin-right: 15px;
}

.box_course5 h6 {
    float: Right;
    margin-top: 65px;
    margin-right: -115px;
    font-size: 13px;
    color: #ff6348;
}

.palcle2 {
    text-align: Left;
    margin-top: 30px;
}

.box_course6 {
    padding: 20px 5px;
    border-bottom: 1px solid #ededed;
    margin-bottom: 15px;
}

    .box_course6:last-child {
        border-bottom: 0px;
        margin-bottom: 5px;
    }

.nav-link {
    color: gray;
    font-size: 13px;
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    color: #00a59f !important;
    background-color: transparent;
}

.nav-pills .nav-link:hover {
    /*border-radius: !important;*/
}

.btnL_newQues {
    float: Left;
    margin-left: 10px;
    margin-bottom: 15px;
    font-size: 13px;
    color: #00a59f;
}

._colorW {
    color: #FFF;
    margin-top: 17px;
}

._ansW1 {
    background-color: #F6F6F6;
    width: 100%;
    padding: 0px;
    margin: unset !important;
    min-height: 200px;
    float: right;
    border-bottom: 1px solid #E8E6E6;
}

.avatar_user {
    width: 70px;
    height: 70px;
    border-radius: 200px;
    margin: 10px;
}

._nameBox {
    width: 100%;
    float: Right;
    text-align: center;
}

@media (max-width: 1199px) {
    .btnL_newQues {
        float: Right;
        width: 98% !important;
        margin-left: auto;
    }

    ._ansW1 {
        width: 100%;
        padding: 0px;
        padding-bottom: 20px;
    }
}

@media (max-width: 1199px) {
    ul.nav.nav-pills {
        padding: 15px;
    }
}

._ansW2 h6 {
    color: #ff6348;
    margin-top: 15px;
}

.noBg {
    background-color: transparent;
}

.box_course7 {
    float: Left;
    margin-left: -56px;
}

._ansW2 p {
    text-align: justify !important;
    direction: rtl !important;
}

.bc_file3:before {
    color: #ff6348;
    margin-top: -22px;
}

.bc_file4:before {
    color: #ff6348;
    margin-top: -22px;
}

._ansW2 {
    /*padding: 30px 20px;*/
    color: #333333;
    padding-bottom: 15px !important;
}

._ansW4 {
    color: #00a59f;
    width: 100%;
    background-color: #ededed;
    padding: 5px 8px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

    ._ansW4 i {
        margin-right: 10px;
    }

.bgW {
    background-color: #FFF !important;
}

.bc_file4 {
    color: #ff6348 !important;
    border: 1px solid #ff6348 !important;
    padding-right: 12px !important;
}

.bc_file5 {
    color: #00a59f !important;
    border: 1px solid #00a59f !important;
    padding-right: 12px !important;
}

.bc_file15 {
    color: #00a59f !important;
    border: 1px solid #00a59f !important;
    padding-right: 12px !important;
}

    .bc_file15 i {
    }

.bc_file6 {
    color: #00a59f !important;
    border: 1px solid #00a59f !important;
    padding-right: 14px !important;
}

.owl-Four .item {
    -webkit-box-shadow: none;
    box-shadow: none;
}

    .owl-Four .item img {
        border: 1px solid #ededed;
        width: 100%;
    }

        .owl-Four .item img:hover {
            opacity: 1;
            border: 0px solid #ededed;
        }

.box_course8 i {
    font-size: 22px !important;
}

.box_course8 {
    font-size: 12px;
}

.noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.scrolling-box {
    scroll-behavior: smooth;
    display: block;
}

@media (max-width: 767px) {
    ._toper_makeDif2 {
        float: Left !important;
        -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
        order: 12;
    }
}

._toper_makeDif {
    float: Right !important;
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 1;
    order: 1;
}

#btn_box_course {
    position: relative;
    margin: 10px 0 !important;
}

.sticky2 {
    position: unset;
}

.sticky {
    background-color: #edefef;
    position: fixed !important;
    height: 80px;
    right: 0;
    left: 0;
    bottom: 0px;
    width: auto;
    margin: 0 auto;
    z-index: 50;
    width: 100% !important;
    border-top: 1px solid #ededed;
    border-radius: 0;
}

.box_course9 {
    background-color: #5d5d5d;
    padding: 25px;
    direction: rtl;
    text-align: Right;
    color: #FFF;
    font-size: 13px;
}

._faarayd_btn1 {
    border-radius: 30px;
    float: left;
    font-size: 13px;
}

    ._faarayd_btn1:hover {
        opacity: 0.95;
    }

.mrg_btn_10 {
    margin-bottom: 10px;
}

.box_course9 h6 {
    color: #ffffff;
    direction: rtl;
}

.merg_20 {
    margin-top: 30px;
}

.ShowUnder500 {
    display: none !important;
}

@media (max-width: 499px) {
    .HiddenUnder500 {
        /*display: none !important;*/
    }

    .ShowUnder500 {
        display: table !important;
        width: 100%;
    }
}

._staring1 {
    float: Right;
}

    ._staring1 h6 {
        text-align: center;
        color: #5D5D5D;
    }

    ._staring1 h5 {
        text-align: center;
        color: #5D5D5D;
        font-size: 90px;
    }

._staring2 {
    /*border: 1px solid #ededed;*/
    padding: 20px 10px 0px 10px;
}

._staring3 {
    width: 100%;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    justify-items: center;
}

    ._staring3 i {
        font-size: 25px;
        color: gold;
    }

._staring4 {
    font-size: 14px;
    text-align: center;
    width: 100%;
    float: right;
    margin-top: 15px;
    color: #5D5D5D;
}

._staring5 {
    direction: rtl;
    color: #DBDBDB;
}

._staring6 {
    height: 9px;
    border-radius: 5px;
    background-color: #DBDBDB;
    float: right;
    width: 100%;
    margin-top: 5px;
}

._staring8 {
    background-color: gold !important;
}

._staring7 {
    width: 350px;
}

._staring5 tbody tr td {
    border: 0px !important;
}

._staring14 {
    border-bottom: 1px solid #ededed;
    margin-bottom: 25px;
}

._staring11 h6 {
    margin-top: 35px;
    float: right;
}

._staring12 {
    float: left;
    font-size: 20px;
    color: gold;
    margin-top: 35px;
}

.ava2 {
    border: 2px solid #5D5D5D !important;
}

@media (max-width: 991px) {
    .ava2 {
        width: 40px;
        height: 40px;
        margin-top: 25px;
    }
}

@media (max-width: 499px) {
    ._staring11 h6 {
        width: 100%;
        margin-top: 1px;
    }

    ._staring11 * {
        text-align: center;
    }

    ._staring12 {
        width: 100%;
        text-align: center;
        margin-top: 1px;
    }

    .ava2 {
        width: 70px;
        height: 70px;
        margin-top: 5px;
    }
}

._staring13 {
    float: right;
    width: 100%;
    margin: 15px 0;
}

._H6_str1 h6 {
    margin: 30px 0 !important;
}

.btn-place3 {
    float: left;
    margin-top: -96px;
}

.price_tag1 {
    margin-top: 15px;
}

.LeftPrice_ {
    left: 57%;
    top: -85px;
}

.sticky .LeftPrice_ {
    left: 0px;
    width: 100px;
}

.sticky .core14-discounted-cost {
    top: 00px !important;
    left: 20px !important;
}

.sticky .price_tag1 {
    font-size: 15px;
    margin-top: 35px;
    margin-left: 10px;
}

.sticky .btn-place3 {
    margin-top: 20px !important;
}

@media (max-width: 499px) {
    .H_mobile {
        display: none !important;
    }

    .sticky .btn-place3 {
        margin-top: 20px !important;
    }

    .sticky .core14-discounted-cost {
        top: -60px !important;
        left: 35px !important;
    }

    .sticky .price_tag1 {
        margin-top: 30px !important;
    }
}

@media (max-width: 345px) {
    .sticky .btn-place3 {
        width: 100%;
        margin-top: -156px !important;
    }
}

@media (max-width: 991px) {
    .inside_boxer h5 {
        display: none;
    }

    .inside_boxer {
        margin: -20px -30px 0px -30px;
    }
}

@media (max-width: 1199px) {
    .inside_boxer h5 {
        display: none;
    }

    .inside_boxer {
        margin: 30px -24px 0px -23px;
    }

    .btn-place3 {
        margin-top: -96px !important;
    }

    .price_tag1 {
        margin-top: 27px;
        font-size: 15px;
        direction: rtl;
    }
}

@media (max-width: 991px) and (min-width: 768px) {
    .inside_boxer {
        margin: 30px -28px 0px -30px;
    }

        .inside_boxer a i {
            width: 35px;
            height: 35px;
            padding-top: 11px;
            font-size: 15px;
            padding-top: 10px;
        }

        .inside_boxer h5 {
            display: none;
        }

    .LeftPrice_ {
        display: none;
    }

    .btn-place3 {
        margin-top: 10px !important;
    }

    .price_tag1 {
        display: none;
    }

    .sticky .price_tag1, .sticky .LeftPrice_ {
        display: inline-block;
    }

    .sticky .LeftPrice_ {
        margin-right: -8px;
    }
}

.btn-place3 {
    width: 120px;
}

@media (min-width: 1150px) {
    .sticky .price_tag1 {
        margin-right: 30%;
    }
}

._shop_basket2 {
    text-align: right;
    font-size: 18px;
    margin-top: 35px;
}

.Basket_tbl1 {
    width: 100%;
    margin-top: 40px;
    direction: rtl;
    text-align: center;
}

    .Basket_tbl1 tbody tr {
        background-color: #F6F6F6;
        border-color: #ffffff;
    }

.color6 {
    color: #ff6348;
}

.Basket_tbl1 tbody i {
    color: #5d5d5d !important;
}

@media (max-width: 767px) {
    ._shop_basket63 {
        overflow-x: scroll;
    }

        ._shop_basket63 table {
            min-width: 600px;
        }
}

._shop_basket31 {
    background-color: #FFF;
    padding-top: 20px;
    margin-top: 20px;
}

.bg_1 {
    background-color: #F6F6F6;
}

._shop_basket3 {
    font-size: 12px;
    float: left;
    margin-top: 35px;
    text-align: left;
}

    ._shop_basket3 input {
        float: right;
    }

.txt-controler {
    width: 250px;
    float: right;
    margin-left: 5px;
    background-color: #F2F2F2;
    font-size: 12px;
}

._btn7 {
    font-size: 14px;
    float: left;
    background-color: #ff6348;
    color: #FFF;
}

._shop_basket4 h5 {
    font-size: 18px;
    border-radius: 5px;
    border: 1px solid #ededed;
    background-color: #ff6348;
    padding: 10px;
    color: #FFF;
}

._shop_basket4 {
    width: 100%;
    color: red;
    text-align: left;
    margin: 10px auto;
}

.UnderTableLinks_ {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    justify-items: center;
    width: 100%;
    float: right;
}

@media(max-width:509px) {
    .txt-controler {
        width: unset;
    }
}

@media(max-width:424px) {
    .txt-controler {
        width: 100%;
        margin-top: 5px;
        margin-left: -1px;
    }
}

@media(max-width:540px) {
    .btn1 {
        float: right;
        width: 100%;
        display: block;
    }

    .UnderTableLinks_ {
        display: block !important;
        width: 97% !important;
    }
}

.btn2, .btn3 {
    float: right;
    width: 90%;
}

.btn1 {
    background-color: #5d5d5d;
    color: #FFF;
    padding: 10px 10px;
    text-align: right;
    font-size: 11px;
    width: 240px;
    margin: 10px;
    font-size: 12px;
}

@media(max-width:800px) {
    .btn1 {
        float: right;
        width: 100%;
    }
}

.btn4 {
    font-size: 30px;
    float: left;
    padding-top: 0px;
}

@media(max-width:540px) {
    .btn1 {
        float: right;
        width: 100%;
        display: block;
    }
}

.Fsize18 {
    font-size: 17px;
    color: #FFF;
    margin-top: -5px;
}

    .Fsize18 i {
        font-size: 20px;
    }

.userPopimg {
    width: 40px;
    height: 40px;
    float: right;
}



.span_name_login_user {
    margin-top: 10px;
    margin-right: 10px;
    float: right;
    color: #00a59f;
}

.dropbtn {
    background-color: transparent;
    border: 0px;
    color: white;
    margin-top: 0px;
    padding: 4px 6px;
    border-radius: 10px !important;
    border: 1px solid #ededed;
    font-size: 13px;
}

.dropdown {
    position: relative;
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: rgba(255, 255, 255, 0.95);
    min-width: 250px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
    right: 0;
    border-radius: 10px !important;
    border: 1px solid #ededed;
}

.dropbtn i {
    float: left;
    font-size: 20px;
    margin-top: 7px;
}

.dropdown-content i {
    font-size: 15px !important;
    margin-top: 5px;
}

.dropdown-content a {
    color: black;
    padding: 8px 16px;
    text-decoration: none;
    display: block;
    border: 1px solid #f6f6f6;
    margin-bottom: 3px;
    border-radius: 10px !important;
    font-size: 14px !important;
}

    .dropdown-content a:hover {
        background-color: #ddd;
        border-radius: 10px !important;
        border: 1px solid #ededed;
    }

.dropdown:hover .dropdown-content {
    display: block;
}

.dropdown:hover .dropbtn {
    background-color: #ededed;
}

._phone2 {
    margin-top: 0 !important;
}

._phone4 {
    top: -5px !important;
}

._user span {
    text-align: right;
    color: #5d5d5d;
}

._user span {
    font-size: 14px !important;
}

._txt_0_3 {
    font-size: 18px;
    color: #ff6348;
}

.small_search {
    left: 30px !important;
    top: 90px !important;
    border: 0px !important;
}



@media (min-width:768px) AND (max-width:991px) {
    ._txt_0_1, ._txt_0_4 {
        text-align: right;
    }

    ._Over_2 i {
        margin-left: 30%;
    }

    .s_btn {
        font-size: 13px;
        padding-top: 7px !important;
        padding-bottom: 9px !important;
    }
}

@media (max-width:767px) {


    .MyBasket_ {
        float: Left;
        position: absolute;
        left: 0;
        border: 1px solid #ebebeb !important;
        color: #5d5d5d;
        padding: 0px 12px;
        margin-left: 20px !important;
        margin-top: 15px !important;
        border-radius: 5px !important;
        opacity: .9;
    }

    .a_plc_30 {
        margin-top: 20px !important;
    }


    .s_box {
        padding: 9px 0;
        margin-top: 1px !important;
    }

    .s_btn {
        padding: 5px 0;
        background-color: transparent;
    }
}

@media (max-width:560px) {
    .btn:not(.btn-sm):not(.btn-lg) {
        left: 5%;
    }
}

@media (max-width:470px) {
    .btn:not(.btn-sm):not(.btn-lg) {
        top: 110px !important;
        left: 7% !important;
    }
}

@media (max-width:382px) {
    .btn:not(.btn-sm):not(.btn-lg) {
        top: 107px !important
    }
}

@media (max-width:360px) {
    .btn:not(.btn-sm):not(.btn-lg) {
        top: 100px !important
    }
}


.a_plc_30 {
    margin-top: -50px;
    border: 0px !important;
}

._mbole1 {
    padding-top: 8px !important;
    margin-top: -15px;
}

@media (max-width:767px) {
    ._mbole1 {
        padding-top: 2px !important;
    }
}

.form-control {
    border: 1px solid #ededed !important;
    width: 100% !important;
    padding: 5px !important;
}

.core14-btn {
    border-radius: 5px !important;
    padding-top: 10px;
    float: right;
    width: 80%;
    margin: 10px 10%;
    margin-top: -50px;
    direction: rtl;
}

    .core14-btn span {
        font-size: 14px;
        border-radius: 5px !important;
        margin-top: -10px;
    }

#accordion .card {
    text-align: right !important;
    direction: rtl !important;
}



/*  -------------------------------------------------  31 SHARIVAR 97 -------------------------------------------------  */


.dash6 {
    background-color: #FFF;
    margin: 20px 0px;
    float: right;
    background-image: url('/themes/farayad/assets/img/bg-dash1.jpg');
    background-position: top center;
    background-repeat: no-repeat;
    padding-bottom: 30px;
}

.dash1 {
    background-color: #FFF;
    margin: 20px 0px;
    float: right;
}

.dash5:hover {
}

.dash2 {
    background-color: #FFF;
    margin-top: 20px;
    float: right;
    border-bottom: 5px solid #F6f6f6;
}

    .dash2:hover {
    }

.dash3 {
    text-align: center;
}

    .dash3 img {
        border-radius: 200px !important;
        height: 70px;
        width: 70px;
        margin: 20px 0px;
        border: 1px solid gray;
    }

    .dash3 h1 {
        text-align: center;
        font-size: 16px;
        font-weight: 700;
    }

.dash4 {
    background-color: #FFF;
    width: 100%;
}

    .dash4 i {
        font-size: 30px;
        margin-left: 10px;
    }

    .dash4 .fa-credit-card {
        font-size: 19px !important;
    }

    .dash4 .fa-shopping-cart {
        font-size: 20px !important;
    }

    .dash4 ul {
        width: 100%;
        float: right;
        padding: 0px !important;
        margin: 0 !important;
        direction: rtl;
        text-align: right;
    }

        .dash4 ul li {
            list-style: none;
            border-bottom: 5px solid #F6f6f6;
        }

            .dash4 ul li a {
                color: #5d5d5d;
                display: block;
                padding: 5px;
            }

                .dash4 ul li a:hover {
                    color: #FFF;
                    text-decoration: none;
                    background-color: #ff6348;
                }

            .dash4 ul li i {
                font-size: 20px;
                margin-top: 10px;
            }

.dash7 {
    width: 100%;
    text-align: center;
    margin: 10px 0;
}

    .dash7 img {
        border: 2px solid gray;
        width: 150px;
        border-radius: 200px;
        margin: 10px auto;
    }

.dash8 {
    width: 400px;
    margin: 0 auto;
}




.dash9 {
    width: 100%;
    display: flex;
    justify-content: center;
}

.span_name {
    background-color: #5d5d5d;
    color: #FFF;
    padding: 11px 10px;
    border-bottom-right-radius: 20px;
    border-top-right-radius: 20px;
    width: 30%;
    float: right;
    border: 1px solid #e8e8e8;
    margin-bottom: 10px;
    text-align: center;
    direction: rtl;
    margin-top: 1px;
    font-size: 11px;
}

.span_txt input {
    border: 0px;
    border-bottom-left-radius: 20px;
    border-top-left-radius: 20px;
    width: 65%;
    margin-top: 1px;
    padding: 8px 3px;
    border: 1px solid #e8e8e8;
    direction: rtl;
}

.span_txtBOX {
    border: 0px;
    border-bottom-left-radius: 20px;
    border-top-left-radius: 20px;
    width: 65%;
    margin-top: 1px;
    padding: 8px 3px;
    border: 1px solid #e8e8e8;
    direction: rtl;
    float: right;
}

    .span_txtBOX select {
        font-size: 12px;
        padding: 0px 6px;
        width: 90%;
        border-color: #FFF;
        margin: 0px 5%;
    }

        .span_txtBOX select:focus {
            outline: none !important;
        }

.dash7 h2 {
    font-size: 16px;
    border-right: 5px solid #ff6348;
    text-align: right;
    padding: 10px 15px;
    margin-right: -15px;
    direction: rtl;
}

._file_dash {
    font-size: 12px;
}

.noBg {
    background-image: none !important;
}





.btn_farayad1 {
    background-color: #ff6448;
    color: #FFF;
    font-size: 15px;
    padding: 10px 15px;
    border-radius: 10px;
    text-align: center;
}

    .btn_farayad1:hover, .btn_farayad1:visited .btn_farayad1:active {
        background-color: #f7563a;
        color: #f2fbfa;
    }

.btn_farayad2 {
    background-color: #FFF;
    border: 1px solid #dadada;
    font-size: 15px;
    padding: 10px 15px;
    border-radius: 10px;
}

    .btn_farayad2:hover, .btn_farayad2:visited .btn_farayad2:active {
        background-color: #f4f1f1;
        color: gray;
    }


.dash10 {
    width: 100%;
    float: right;
    text-align: center;
    margin: 10px 0;
}

@media (max-width: 470px) {
    ._F1 {
        height: 50px;
        margin: 3px;
        padding: 5px 6px !important;
        font-size: 14px;
        float: right !important;
    }
}


.simple1 {
    background-image: url('/themes/farayad/assets/img/bgtower.png');
    background-color: #FFF;
    height: 130px;
    background-position: bottom center;
    background-repeat: repeat-x;
}

.simple2 {
    text-align: center;
}

    .simple2 img {
        margin-top: 30px
    }

.simple3 {
    direction: rtl;
    text-align: center;
}


.btn_farayad3 {
    background-color: #FFF;
    border: 1px solid #00A69F;
    font-size: 15px;
    padding: 8px 15px;
    margin-top: 10px;
    border-radius: 10px;
    color: #00A69F;
}

    .btn_farayad3:hover, .btn_farayad3:visited .btn_farayad3:active {
        background-color: #00A69F;
        color: #FFF;
    }

.btn_farayad4 {
    background-color: #00A69F;
    border: 1px solid #FFF;
    color: #FFF;
    font-size: 15px;
    padding: 8px 15px;
    margin-top: 10px;
    border-radius: 10px;
}

    .btn_farayad4:hover, .btn_farayad4:visited .btn_farayad4:active {
        background-color: #02827d;
        color: #FFF;
    }

.simple5 {
    margin-top: -9px;
    font-size: 13px;
}

    .simple5 .nav-item {
        padding: 5px 15px 0px 15px;
    }

.simple6 {
    background-color: #f6f6f6;
    margin-top: -10px;
    min-height: 600px;
}

.simple7 {
    /*background-image: url('/themes/farayad/assets/img/bgtower2.png');*/
    background-color: #FFF;
    min-height: 600px;
    padding-top: 20px;
    direction: rtl;
    background-position: top center;
    background-repeat: no-repeat;
    text-align: justify;
}

.Footersimple {
    background-color: #626262 !important;
    color: #FFF;
}

.footerbg {
    direction: rtl;
    text-align: right;
    margin-top: 20px;
}

    .footerbg h3 {
        font-size: 17px;
        border-bottom: 1px solid #ededed;
        padding-bottom: 15px;
    }

        .footerbg h3 span {
            border-bottom: 4px solid #ededed;
            padding-bottom: 9px;
        }

    .footerbg a {
        color: #00A69F;
        font-weight: bold !important;
    }

    .footerbg :hover {
        color: gray;
        text-decoration: none;
    }

.img_footer {
    width: 100%;
}

.nobgColor {
    background-color: transparent !important;
}

.footerbg ul {
    margin: 0;
    padding: 0;
    direction: rtl;
    text-align: right;
}

    .footerbg ul li {
        list-style: none;
    }

        .footerbg ul li a {
            color: #FFF;
        }

            .footerbg ul li a:hover {
                color: #dddddd;
            }

.btn_farayad4, .btn_farayad3 {
    height: 40px;
    padding: 8px 15px !important;
}


.simple5 .navbar-expand-lg .navbar-nav .nav-link {
    padding: 10px 6px;
}

._powered {
    text-align: center;
    width: 100%;
    float: right;
    border-top: 1px solid #525252;
    padding-top: 20px;
    margin-top: 40px;
}


._powered_nobord {
    border-top: 0px !important;
    background-color: #ff6348;
    color: #FFF;
    width: 106.5%;
    margin: 0px 0px 0px -15px !important;
    padding: 15px 15px !important;
}

    ._powered_nobord a {
        color: #dddddd;
    }

._powered a:hover {
    color: #e1371a;
}

.simple3 {
    text-align: left;
}

@media (max-width:991px) {
    .simple5 {
        margin-top: 2px;
        z-index: 10;
    }

    .simple3 {
        position: absolute;
    }

    .simple2 {
        margin-top: 10px;
    }
}

@media (max-width:767px) {
    .simple2 img {
        margin-top: 8px
    }

    .simple3 {
        position: absolute;
        width: 150px;
        top: 00px;
    }

    .simple1 {
        background-position: left bottom;
        height: 130px;
    }

    .simple5 .navbar-light .navbar-nav .nav-link {
        color: #00a59f;
    }
}

@media (max-width:991px) {

    .simple5 ul {
        margin: 0;
        float: right;
        width: 100%;
    }
}

@media (max-width:767px) {
    .simple2 {
        background-color: #f6f6f6;
        margin-top: 0px;
        margin: 0px 3%;
        width: 94%;
    }

    .simple3 {
        position: absolute;
        top: 00px;
        left: 0;
    }
}

.FooterIcon {
    width: 20px;
}

._powered * {
    font-size: 14px;
}

._powered {
    margin-bottom: 20px;
}


/*  -------------------------------------------------  1 MEHR 97 -------------------------------------------------  */
.fullH {
    overflow: hidden;
    height: 100vh;
}

.RedBG {
    background-color: #fc5130;
    height: 100vh;
    float: left;
    display: flex !important;
    justify-content: center;
    align-content: center;
    align-items: center;
}

    .RedBG img {
        max-width: 100%;
    }

.Wbg1 {
    float: right;
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    direction: rtl;
    height: 90vh;
    text-align: right;
}

.PageModalBox .RedBG {
    visibility: hidden !important;
}

.PageModalBox .Wbg1 {
    height: 380px !important;
    overflow: hidden;
}

.PageModalBox .col-xl-6 {
    height: 1px;
    max-width: 100%;
}

.DisplayNone {
    display: none;
}

.txtSize13 {
    font-size: 13px;
}

.Login_logo {
    margin: 10px auto;
}

.NRdR {
    border-bottom-right-radius: 00px !important;
    border-top-right-radius: 00px !important;
}

.Body_scroll {
    overflow: hidden;
}

.brd_rad {
    border-radius: 5px !important;
    text-align: center !important;
}

.modal-title {
    text-align: center;
    font-size: 24px;
    font-weight: bold;
    color: #6e6e6e
}

._linkup a {
    margin: 5px;
    text-align: center;
    line-height: 2
}

._linkup {
    line-height: 2;
}

.btn:not(.btn-sm):not(.btn-lg) {
    line-height: 1.44 !important;
}

.bg_blc {
    background-color: rgba(20, 20, 20, 0.7);
}

form#signup {
    width: 250px;
}

._gray2 {
    font-size: 13px;
    color: gray;
}

    ._gray2 i {
        font-size: 11px !important;
    }

.ShowUnder500 .core14-btn {
    width: 100%;
    margin-top: 10px;
}

.HiddenUnder500 .core14-btn {
    width: unset !important;
    float: left;
    margin: 0 !important;
    background-color: transparent;
    border: 0;
    color: #28a745 !important;
    padding: 0px !important;
}

    .HiddenUnder500 .core14-btn i {
        padding: 2px !important;
    }

    .HiddenUnder500 .core14-btn span {
        display: none;
    }


.alert {
    /* position: relative; */
    padding: .75rem 1.25rem;
    border: 1px solid transparent;
    border-radius: .25rem;
    float: right;
    width: 100%;
    direction: rtl;
    text-align: right;
    width: 100%;
    margin: 10px 0;
}

.close {
    float: left;
}

.dash9 .form-horizontal {
    width: 100%;
    float: right;
}

    .dash9 .form-horizontal .form-body {
        width: 100%;
        float: right;
        float: right;
    }

        .dash9 .form-horizontal .form-body .form-group {
            direction: rtl;
            text-align: right;
            float: right;
            width: 90%;
            margin: 2px 5%;
        }

        .dash9 .form-horizontal .form-body .control-label {
            float: right;
            background-color: #5d5d5d;
            color: #FFF;
            padding: 11px 10px;
            border-bottom-right-radius: 20px !important;
            border-top-right-radius: 20px !important;
            width: 30%;
            border: 1px solid #e8e8e8;
            text-align: center;
            direction: rtl;
            margin-top: 1px;
            font-size: 11px;
        }

        .dash9 .form-horizontal .form-body .form-control {
            float: right;
            width: 320px !important;
            padding: 8px !important;
            margin-top: 2px !important;
            border-bottom-left-radius: 20px !important;
            border-top-left-radius: 20px !important;
        }

        .dash9 .form-horizontal .form-body .help-block {
            display: inline-block;
            width: 30%;
            font-size: 11px !important;
            margin-right: 10px;
            margin-top: 15px;
        }



input.btn.btn.green._save {
    margin:   5px !important;
}

.grid-box {
    direction: rtl;
    text-align: center;
}




.form-group .avatar img {
    border-radius: 50% !important;
    float: left;
    width: 52px;
    position: absolute;
    left: 40px;
    border: 1px solid #ededed;
}

#course_categories_list ul {
    text-align: right !important;
    direction: rtl;
}

    #course_categories_list ul li {
        list-style: none;
    }

/*  -------------------------------------------------  2 MEHR 97 -------------------------------------------------  */

._30pix {
    width: 30px !important;
    text-align: center;
}

._140pix {
    width: 140px !important;
    text-align: center;
}


.center-me-1 {
    text-align: center !important;
}

.center-me-2 {
    text-align: left !important;
}

@media (max-width:1024px) {

    .table_Respons {
        overflow-x: scroll;
    }

    .padd_tbl1 {
        padding: 7px 3px;
        border-bottom: 1px solid rgba(202, 202, 202, 0.30);
    }

    .center-me-2 {
        text-align: center !important;
    }
}

@media (max-width:1199px) {
    .box_a_course {
        margin-top: 20px;
    }

    .newbox14 .add-cart-box .form-body .core14-btn span {
        display: none;
    }
}

@media (max-width:425px) {
    .box_a_course {
        margin-top: 10px;
    }
}

.date-month {
    border-bottom-left-radius: 0 !important;
}

@media (max-width:1199px) {
    .dash9 .form-horizontal .form-body .form-control {
        width: 100% !important;
        border-radius: 2px !important;
    }

    .dash9 .form-horizontal .form-body .control-label {
        width: 100% !important;
        border-radius: 4px !important;
        padding-left: 5px;
        padding-right: 5px;
    }

    .form-md-line-input .col-md-8 {
        float: right;
    }

    .help-block {
        display: block;
        width: 100%;
        float: right;
    }
}

@media (max-width:767px) {
    .dash9 .form-horizontal .form-body .form-control {
        width: 100% !important;
        border-radius: 2px !important;
    }

    .dash9 .form-horizontal .form-body .control-label {
        width: 100% !important;
        border-radius: 2px !important;
        padding-left: 0px;
        padding-right: 0px;
    }

    .form-md-line-input .col-md-8 {
        float: right;
    }

    .dash9 .form-horizontal .form-body .help-block {
        display: block;
        font-size: 11px !important;
        right: 0;
        margin-top: -20px;
        float: left;
        background-color: #FFF;
        border-radius: 3px;
        border: 1px solid #edefef;
        padding-left: 5px;
        padding-right: 5px;
        width: 100%;
    }

    .a_plc_30 {
        margin-top: -30px !important;
    }
}

@media (min-width:1200px) {

    .dash9 .form-horizontal .form-body .cls-birthday select {
        float: right !important;
        width: 31.2% !important;
        margin: auto 1%;
    }

    ._shop_basket2 {
        margin-bottom: 15px;
    }
}

@media (max-width:991px) {
    ._shop_basket4 {
        width: 90%;
        color: red;
        text-align: center !important;
        margin: 10px auto;
    }

        ._shop_basket4 h5 {
            font-size: 13px;
        }
}



@media (max-width:430px) {

    ._Search {
        width: 200px;
    }

    form.MyBasket_.btn._Search._nobrd {
        width: 220px;
    }

        form.MyBasket_.btn._Search._nobrd input {
            font-size: 12px;
        }
}

@media (max-width:340px) and (min-width:320px) {

    form.MyBasket_.btn._Search._nobrd {
        width: 220px;
        margin-top: 5px !important;
    }
}

@media (max-width:360px) and (min-width:341px) {

    form.MyBasket_.btn._Search._nobrd {
        width: 220px;
        margin-top: 8px !important;
    }
}

@media (max-width:400px) and (min-width:361px) {

    form.MyBasket_.btn._Search._nobrd {
        width: 220px;
        margin-top: 5px !important;
    }
}

@media (max-width:420px) and (min-width:401px) {

    form.MyBasket_.btn._Search._nobrd {
        width: 220px;
        margin-top: 5px !important;
    }
}

@media (max-width:470px) and (min-width:421px) {

    form.MyBasket_.btn._Search._nobrd {
        width: 220px;
        margin-top: 10px !important;
    }
}

@media (max-width:800px) {

    .MyBasket_ {
        margin-top: 6px;
    }
}

@media (max-width:1204px) AND (min-width:992px) {

    .dropbtn i {
        margin-top: -21px;
    }
}

.empty_btn {
    background-color: transparent;
    border: 0px;
}

.panel-default {
    border-color: #ddd;
}

    .panel-default > .panel-heading {
        color: #333;
        background-color: #f5f5f5;
        border-color: #ddd;
    }

        .panel-default > .panel-heading + .panel-collapse > .panel-body {
            border-top-color: #ddd;
        }

        .panel-default > .panel-heading .badge {
            color: #f5f5f5;
            background-color: #333;
        }

    .panel-default > .panel-footer + .panel-collapse > .panel-body {
        border-bottom-color: #ddd;
    }

.panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 16px;
    color: inherit;
}

    .panel-title > a,
    .panel-title > small,
    .panel-title > .small,
    .panel-title > small > a,
    .panel-title > .small > a {
        color: inherit;
    }

    .panel-title a {
        display: block !important;
    }

.Online_1 a img {
    max-width: 100%;
}


.Online_1 {
    background-color: #FFF;
    padding: 10px 0;
    display: flex;
    justify-content: center;
    border: 1px solid #efefef;
}

    .Online_1 a img {
        border: 1px solid #ededed;
        margin: 2px;
    }

        .Online_1 a img:hover {
            background-color: #C2FBD8;
        }

.panel-title a {
    display: block;
}

.Online_1 a img {
    max-width: 100%;
}

.panel-heading {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

    .panel-heading > .dropdown .dropdown-toggle {
        color: inherit;
    }


.Online_1 a img {
    max-width: 100%;
}

.Online_1 a img {
    border: 1px solid #ededed;
    margin: 2px;
}

.mrg_btn_20 {
    margin-bottom: 20px !important;
}

.payment {
    list-style: none;
}

.pagination {
    width: 100% !important;
    padding-right: 0px !important;
    direction: rtl !important;
}

    .pagination li {
        width: unset !important;
    }

        .pagination li .form-inline {
            width: 100% !important;
        }

            .pagination li .form-inline strong {
                margin: 5px;
                color: #ff6348;
            }

            .pagination li .form-inline span {
                margin: 5px;
                text-align: right;
            }

            .pagination li .form-inline .per_pager {
                float: left;
                width: 30% !important;
                margin-right: 5%;
            }

@media (max-width:991px) {

    .pagination li .form-inline .per_pager {
        float: left;
        width: unset !important;
        margin-right: 0px !important;
    }

    .pagination li .form-inline strong {
        margin: 0px;
    }
}

.pagination a {
    color: gray !important;
}

.dropbtn:focus {
    outline: none;
}


.NoRadius {
    border-radius: 0 !important;
    width: 100%;
    margin: 0;
    padding: 0;
}

.UnBoxItem {
    padding: 0;
}

.with100 {
    margin: 0px !important;
    width: 100% !important;
    border: 0px !important;
}

.row .dash7 h2 {
    margin-right: 0;
}

.dash6 .dash7 ._shop_basket63 .item {
    margin-left: -15px;
    margin-right: -15px;
    padding-left: 0px !important;
    padding-right: 0px !important;
    margin-bottom: 15px;
}

.strat_date {
    font-size: 11px;
    margin-left: 5px;
    color: #ff6348;
    font-weight: bold;
    text-align: center;
}

    .strat_date span {
        color: #454545;
        text-align: center;
    }

._box001 {
    float: right;
    text-align: center;
    width: 50%;
}

._box002 {
    float: right;
    width: 50%;
    text-align: center;
}

.btn_home_052 {
    font-size: 12px;
}

    .btn_home_052 a {
        text-align: center;
        background-color: #FAFAFA;
        width: 100%;
        padding: 10px 0;
        float: right;
        color: #757575;
        font-weight: bold !important;
        font-size: 14px !important;
    }
/*  -------------------------------------------------  4 MEHR 97 -------------------------------------------------  */
.clearfix hr {
    display: none;
}

.form_rate .form-body .rate {
    font-size: 23px;
    margin-top: 5px;
    direction: rtl;
    text-align: right;
    font-weight: bold;
}

.green_me {
    color: green;
}

.box_course5 i {
    display: none !important;
}

.bgg5 h6 span {
    font-size: 12px !important;
}

.box_course5 .box_course5 {
    border-bottom: 1px solid #ededed;
    padding-bottom: 10px;
    margin: 0;
}

.UnderTableLinks_ .btn1 {
    height: 60px;
}

.UnderTableLinks_ a .btn1 {
    margin-top: 11px;
}

.UnderTableLinks_ .btn4 {
    position: absolute;
}

.btn1 .btn4 {
    padding-top: 15px;
}

._filter {
    direction: rtl;
    text-align: right;
}

    ._filter label {
        color: gray;
        background-color: #FFF;
        width: 100%;
        padding: 10px;
    }

    ._filter ul li {
        list-style: none;
    }

    ._filter a {
        padding: 5px 0;
        display: block;
    }

    ._filter ul li li:last-child {
        border-bottom: 0px;
    }

#sort_section {
    background-color: #FFF;
    border: 1px solid #CBC7C8;
    border-radius: 5px !important;
    height: 80px;
}

    #sort_section ul {
        margin-top: 0px !important;
    }

        #sort_section ul li {
            float: right;
            margin: 5px 10px;
        }

            #sort_section ul li a {
                color: #5E5E5E;
                border: 0 !important;
            }

    #sort_section label {
        float: right;
        margin-top: -30px !important;
        background-color: transparent;
        margin-left: 25px !important;
        margin-bottom: 15px;
        margin-right: -25px;
    }

    #sort_section ul li ._item_sort {
        margin-top: -25px;
        padding: 5px 10px;
        z-index: 5;
    }
#sort_section  ._item_sort_dir {
    display: inline-block;
    float: left;
    margin-top: -16px;
    margin-left: 15px;
}




        #sort_section ul li ._item_sort:hover, #sort_section ul li .item_active {
            background-color: #00a59f;
            margin-top: -25px;
            z-index: 5;
            color: #FFF;
            border-radius: 5px !important;
        }

#sort_section {
    padding: 30px 0px 0px 0 !important;
    height: 55px !important;
}

._crsList {
    padding: 15px 0;
}

.pad_ini1 {
    /* padding: 20px 0px 0px 0px!important; */
}

._Full100precent2 {
    width: 100%;
    height: auto;
}

.NoOverflow {
    overflow: hidden !important;
}

.pad_top2 {
    padding-top: 15px;
    padding-left: 0px;
    padding-right: 0px;
}

.mrg10_1 {
    margin-bottom: 30px;
}



#course_categories_list ul, #course_enrollment_list ul {
    padding-right: 0px;
}

#course_categories_list, #course_enrollment_list {
    border-radius: 10px !important;
    margin-top: 10px;
    padding: 10px;
    background-color: #F6F6F6;
    -webkit-box-shadow: 2px 2px 3px -1px rgba(217,217,217,1);
    -moz-box-shadow: 2px 2px 3px -1px rgba(217,217,217,1);
    box-shadow: 2px 2px 3px -1px rgba(217,217,217,1);
    margin-bottom: 20px;
}

.blog4 #course_categories_list, #course_enrollment_list {
    margin-top: 0 !important;
}

    #course_categories_list ul li a, #course_enrollment_list ul li a {
        border: 0px;
        font-weight: bold;
    }

    #course_categories_list ul li li a, #course_enrollment_list ul li li a {
        margin-right: 10px;
        border: 0px;
        color: #5d5d5d;
    }

    #course_categories_list ul li a:hover, #course_enrollment_list ul li a:hover {
        color: #ff6348;
    }

    #course_categories_list ul li a, #course_enrollment_list ul li a {
        margin-right: 20px;
    }

    #course_categories_list label, #course_enrollment_list label {
        background-color: #F6F6F6;
        border-bottom: 2px solid #ededed;
        color: gray;
        font-size: 16px;
        padding-right: 65px;
        padding-bottom: 20px;
    }

._tem_me1 {
    background-color: #F6f6f6;
    padding: 10px 4px;
}

._iconToper {
    position: absolute;
    right: 15px;
    font-size: 15px;
    border: 1px solid #cbcbcb;
    background-color: white;
    padding: 15px;
    border-radius: 100%;
}

._faq4 {
    padding: 20px 15px;
    padding-bottom: 0px;
}

    ._faq4 span {
        text-align: left;
        float: left;
        direction: ltr;
        padding-left: 10px;
    }

        ._faq4 span a {
            color: #ff6348;
        }

            ._faq4 span a:hover {
                color: #d83216;
                text-decoration: none;
            }

@media (max-width:991px) {

    .brd_top1 h6 {
        font-size: 12px !important;
    }

    .myCirlce i {
        font-size: 25px;
        margin-top: -30px;
        border: 1px solid #ededed;
        border-radius: 500px;
        /* padding: 30px; */
        background-color: #FFF;
        color: #ff6348;
        height: 50px;
        width: 50px;
        padding-top: 18px;
        text-align: center;
    }
}

@media (max-width:767px) {
    .brd_top1 .myCirlce {
        display: inline-grid;
        width: 100%;
        margin: 16px auto;
        margin-bottom: 5px;
    }

    .bxn1 h6 {
        padding-top: 0px;
    }


    #sort_section ul li ._item_sort {
        margin-top: -25px;
        padding: 5px 3px;
        z-index: 5;
    }
}


._aboutus_logi {
    margin: 5px;
    border: 1px solid #efeffe;
    border-radius: 5px !important;
    opacity: .8;
    padding: 5px;
}

    ._aboutus_logi:hover {
        opacity: 1;
        border: 1px solid #dedee0;
        border-radius: 5px !important;
    }

.img_resp {
    width: 50% !important;
    margin: 10px 25%;
}

@media (max-width:767px) {
    .img_resp {
        width: 90% !important;
        margin: 10px 5%;
    }
}

/*  -------------------------------------------------  7 MEHR 97 -------------------------------------------------  */

.cat_mainLink {
    text-align: center;
    background-color: #00a59f;
    color: #FFF;
    width: 100%;
    margin: 0px !important;
    padding: 0px;
    border-radius: 5px !important;
}

    .cat_mainLink:hover {
        color: #dddddd !important;
    }

._item_category_dept_1 {
    padding-right: 0 !important;
    width: 100%;
}

    ._item_category_dept_1 a {
        margin: 5px;
        padding: 0;
        border-bottom: 1px solid #fefefe !important;
        padding-bottom: 5px;
    }

        ._item_category_dept_1 a i {
            margin: 5px 0px 0px 5px;
            float: right;
        }

._item_category_dept_2 a i {
    margin: 5px 25px 0px 5px;
    float: right;
}

.swal2-icon.swal2-error {
    border-color: #f27474 !important;
    border-radius: 200px !important;
}

.swal2-icon.swal2-success .swal2-success-ring {
    border-radius: 200px !important;
}

.swal2-icon.swal2-success {
    border: unset !important;
}

.carousel-item img {
    width: 100%;
}

.carousel-control-next, .carousel-control-prev {
    font-size: 35px !important;
}



#COUNTER_1, #COUNTER_2, #COUNTER_3, #COUNTER_4 {
    color: #ff6348;
    font-size: 65px;
    font-weight: bold;
    margin-top: 0px;
    line-height: 1;
}


.owl-Four .owl-item.active {
    text-align: center;
    display: flex;
    justify-content: center;
}

@media (max-width: 1260px) {
    .owl-carousel .owl-nav button.owl-prev {
        right: -20px !important;
    }

    .owl-carousel .owl-nav button.owl-next {
        left: -20px !important;
    }
}

#date-month, #date-year {
    border-radius: 0 !important;
}



/*  -------------------------------------------------  8 MEHR 97 -------------------------------------------------  */


.teacher101 {
    direction: rtl !important;
    text-align: justify !important;
    line-height: 2;
    padding-bottom: 15px;
    margin-bottom: 20px;
}

.teacher100 {
    background-color: #FFF;
}

._Full100precent2 {
    width: 100%;
    height: auto !important;
}

.teacher102 {
    background-color: #FFF;
    float: right;
    margin-bottom: 15px;
}

    .teacher102 .item {
        float: right;
    }

        .teacher102 .item img {
            width: 100%;
        }

.btn_home_01 a {
    text-align: right;
}




.teacher103 h3 {
    direction: rtl;
    text-align: right;
    margin-bottom: 30px;
}

.teacher103 {
    width: 100%;
}

.teacher102 .item h3 {
    text-align: center;
}

.teacher104 {
    float: right;
    margin-top: 20px;
}

.teacher105 {
    float: right;
    width: 100%;
}

.teacher104 span {
    border-bottom: 1px solid #efefef;
    height: 10px;
    float: right;
    padding-bottom: 30px;
    min-width: 300px;
    margin-bottom: 10px;
    border-right: 5px solid #ff6348;
    padding-right: 15px;
}

.Avatar_teacher {
    float: right;
    margin: 15px;
    border: 1px solid gray;
    border-radius: 5px !important;
    margin-right: 0 !important;
    max-height: 160px !important;
}

.teacher107 {
    margin: 15px 0;
}

    .teacher107 h4 {
        text-align: center;
        direction: rtl;
    }

@media (max-width: 767px) {
    .Avatar_teacher {
        max-width: 200px;
    }

    #COUNTER_1, #COUNTER_2, #COUNTER_3, #COUNTER_4 {
        padding-bottom: 15px;
        float: right !important;
        width: 100% !important;
        text-align: center;
        margin-bottom: 15px;
        border-bottom: 1px solid #ededed;
    }
}

@media (max-width: 500px) {
    .Avatar_teacher {
        max-width: 90%;
    }
}

.img_blog_main {
    width: 100%;
}

.blog1 {
    padding: 10px 0;
    direction: rtl;
    text-align: center;
    color: #5c5c5c;
    background-color: #F6F6F6;
}

    .blog1 h1 {
        font-size: 18px;
        text-align: right;
        direction: rtl;
        padding-top: 15px;
        padding-right: 80px;
        font-weight: bold;
        color: #5c5c5c;
    }

    .blog1 h5 {
        font-size: 18px;
        text-align: right;
        direction: rtl;
        padding-top: 15px;
        padding-right: 80px;
        font-weight: bold;
        color: #5c5c5c;
    }

.blog2 .Blogcontent {
    direction: rtl;
    text-align: justify;
    line-height: 1.7;
}

.blog2 {
    padding: 15px;
    border-left: 1px solid #F6F6F6;
    border-right: 1px solid #F6F6F6;
    border-bottom: 1px solid #F6F6F6;
}

.BlogListCat {
    margin-top: 20px;
    padding: 10px;
}

.blog1 h4 {
    margin-top: 14px;
    font-weight: bold;
}

.BlogListCat li {
    list-style: none;
    margin: 10px 0;
    background-color: #FFF;
    text-align: right;
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
}

.BlogListCat a {
    display: block;
    padding: 10px !important;
    border-right: 5px solid #ff6348;
}

.BlogListCat li :hover {
    background-color: #ff6348;
    color: #FFF;
    border-right: 5px solid #b12d16;
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
}

@media (max-width:470px) AND (min-width:400px) {

    .MyBasket_ {
        margin-top: 25px !important;
    }

    .a_plc_30 {
        margin-top: -20px !important;
    }
}

@media (max-width:767px) AND (min-width:471px) {

    .MyBasket_ {
        margin-top: 130px !important;
    }

    .a_plc_30 {
        margin-top: 70px !important;
    }
}

form.MyBasket_.btn._Search._nobrd {
    z-index: 2;
}

nav.navbar.navbar-expand-lg.navbar-light.bg-light {
    z-index: 1;
}

.blogList_ {
    border-radius: 10px !important;
    z-index: 5;
    padding-bottom: 0 !important;
}

    .blogList_ img {
        border-radius: 10px 10px 0px 0px !important;
    }

    .blogList_ a h4 {
        margin: 10px auto;
        font-weight: bold;
        font-size: 14px;
        text-align: center;
    }

    .blogList_ p {
        text-align: justify;
        direction: rtl;
        padding: 10px;
    }

.row-flex {
    display: flex !important;
    flex-wrap: wrap !important;
}

.blogList_2 {
    text-align: center;
    border-radius: 0px 0px 10px 10px !important;
    display: flex;
    justify-content: center;
    padding: 3px 0;
}

    .blogList_2 a {
        font-size: 18px !important;
        border-radius: 0px 0px 10px 10px !important;
        font-size: 13px !important;
    }

@media (max-width:991px) {

    ._phone4 {
        margin-left: 30%;
    }
}

.dropdown {
    z-index: 7;
}



/*loader*/
.sk-cube-grid {
    width: 40px;
    height: 40px;
    margin: 100px auto;
}

    .sk-cube-grid .sk-cube {
        width: 33%;
        height: 33%;
        background-color: #333;
        float: left;
        -webkit-animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
        animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
    }

    .sk-cube-grid .sk-cube1 {
        -webkit-animation-delay: 0.2s;
        animation-delay: 0.2s;
    }

    .sk-cube-grid .sk-cube2 {
        -webkit-animation-delay: 0.3s;
        animation-delay: 0.3s;
    }

    .sk-cube-grid .sk-cube3 {
        -webkit-animation-delay: 0.4s;
        animation-delay: 0.4s;
    }

    .sk-cube-grid .sk-cube4 {
        -webkit-animation-delay: 0.1s;
        animation-delay: 0.1s;
    }

    .sk-cube-grid .sk-cube5 {
        -webkit-animation-delay: 0.2s;
        animation-delay: 0.2s;
    }

    .sk-cube-grid .sk-cube6 {
        -webkit-animation-delay: 0.3s;
        animation-delay: 0.3s;
    }

    .sk-cube-grid .sk-cube7 {
        -webkit-animation-delay: 0s;
        animation-delay: 0s;
    }

    .sk-cube-grid .sk-cube8 {
        -webkit-animation-delay: 0.1s;
        animation-delay: 0.1s;
    }

    .sk-cube-grid .sk-cube9 {
        -webkit-animation-delay: 0.2s;
        animation-delay: 0.2s;
    }

@-webkit-keyframes sk-cubeGridScaleDelay {
    0%, 70%, 100% {
        -webkit-transform: scale3D(1, 1, 1);
        transform: scale3D(1, 1, 1);
    }

    35% {
        -webkit-transform: scale3D(0, 0, 1);
        transform: scale3D(0, 0, 1);
    }
}

@keyframes sk-cubeGridScaleDelay {
    0%, 70%, 100% {
        -webkit-transform: scale3D(1, 1, 1);
        transform: scale3D(1, 1, 1);
    }

    35% {
        -webkit-transform: scale3D(0, 0, 1);
        transform: scale3D(0, 0, 1);
    }
}
/*  -------------------------------------------------  10 MEHR 97 -------------------------------------------------  */

.mybtn_intearch {
    border-radius: 3px !important;
    float: left;
    margin-top: 5%;
}

@media(max-width:351px) {
    .mybtn_intearch {
        width: 100%;
    }
}

/*.carousel-control-prev, .carousel-control-next {
    background-image: url("/themes/farayad/assets/img/slidbg1.png");
    background-position: center bottom;
    background-repeat: repeat-y;
    opacity: .3;
}*/

.conferm_ {
    min-width: 300px;
}

.marg40_top {
    margin-top: 40px;
}

.blogList_ h4 {
    line-height: 1.8;
    margin: 0px 5px;
}

.blogList_ p {
    margin: 5px;
}



.jobOffer {
    height: 320px;
    background: url("/themes/farayad/assets/img/jobs.png") no-repeat;
    background-position: left center;
}

    .jobOffer h1 {
        text-align: Right;
        direction: rtl;
        padding-top: 8%;
    }

    .jobOffer h2 {
        text-align: Right;
        direction: rtl;
        font-size: 14px;
    }


.change_flottoright {
    float: right !important;
}

.change_flottoleft {
    float: left !important;
}

.data_palce {
    text-align: center;
    background-color: red;
    direction: rtl;
}

@media(max-width:767px) {
    .data_palce {
        text-align: right;
        margin-top: 15px;
    }
}


.shareBox {
    font-size: 30px;
    direction: rtl;
}

    .shareBox span {
        font-size: 14px;
        font-weight: 600;
        text-align: right;
        width: 100%;
        float: right;
        border-top: 1px solid #efefef;
        padding-top: 15px;
        margin-top: 15px;
    }

    .shareBox a {
        color: #5d5d5d;
        float: left;
        margin: 2px 5px;
    }

        .shareBox a:hover {
            color: #ff6348;
        }

    .shareBox span.rate {
        display: none !important;
    }

.blog2 {
    text-align: right;
    direction: rtl;
}

    .blog2 form .form-body .fltr {
        float: right;
    }

.fltr {
    float: right !important;
}

@media(min-width:460px) AND (max-width:991px) {
    .blog1 h4 {
        margin-right: 40px;
    }
}

@media(min-width:710px) AND (max-width:991px) {
    form.MyBasket_.btn._Search._nobrd {
        margin-left: 130px !important;
    }

    a.MyBasket_.btn.a_plc_30._nobrd {
        margin-left: 130px !important;
    }
}

@media(min-width:561px) AND (max-width:709px) {
    form.MyBasket_.btn._Search._nobrd {
        margin-left: 100px !important;
    }

    a.MyBasket_.btn.a_plc_30._nobrd {
        margin-left: 100px !important;
    }
}

@media (max-width:560px) {
    form.MyBasket_.btn._Search._nobrd {
        margin-left: 0px !important;
    }

    a.MyBasket_.btn.a_plc_30._nobrd {
        margin-left: 0px !important;
    }
}

.box_a_course2 span {
    font-size: 11px;
}

.box_a_course2 {
    height: unset !important;
    width: 100%;
    border: 0;
    margin: 10px 0 20px 0;
}

.leftbx1 {
    float: left;
    border-radius: 5px !important;
}

.leftbx2 {
    float: right;
    border-radius: 5px !important;
}

.floatright_important {
    float: right !important;
}

@media (max-width:767px) {
    .leftbx2, .leftbx1 {
        width: 100%;
        margin: 5px 0;
    }
}

.box_a_course2 i {
    font-size: 59px;
    float: right;
    color: #FFC107;
    margin-right: -31px;
    margin-top: 5px;
}

.box_a_course3 i {
    font-size: 59px;
    color: #28A745;
    float: left;
    margin-left: -31px;
    margin-top: 5px;
}

.slider_sircel {
    background-color: rgba(93, 93, 93, 0.9);
    border-radius: 100px !important;
    width: 50px;
    height: 50px;
    padding-top: 19px;
    text-align: center;
}

/*.course_actions_btns button{*/
/*min-width: 150px !important;*/
/*max-width: 150px !important;*/
/*overflow: hidden;*/
/*box-sizing: border-box;*/
/*white-space: nowrap;*/
/*}*/

/*.course_actions_btns button span{*/
/*max-width: 100px;*/
/*overflow: hidden;*/
/*display: inline-block;*/
/*padding-left: 100%;  !* show the marquee just outside the paragraph *!*/
/*animation: marquee 1s linear infinite;*/
/*animation-play-state: paused;*/
/*margin: 0 auto;*/
/*}*/

/*.course_actions_btns button:hover span {*/
/*animation-play-state: running;*/
/*}*/

/*!* Make it move *!*/
/*@keyframes marquee {*/
/*0%   { transform: translate(0, 0); }*/
/*100% { transform: translate(-100%,0); }*/
/*}*/

@media (max-width:767px) {
    #sort_section {
        height: 220px !important;
    }

        #sort_section li {
            width: 85%;
            float: right !important;
            margin: 10px 0 !important;
        }
}

@media (max-width:431px) {
    #sort_section li {
        width: 85%;
        float: right !important;
        margin: 10px 0 !important;
    }

    #sort_section {
        height: 220px !important;
    }
}

@media (max-width:992px)AND (min-width:767px) {
    .MyBasket_ {
        margin-top: -7px;
    }
}



.teacher103 .form_rate {
    display: none !important;
}


.bl1, .bl2 {
    display: none;
}

.TopMenu {
    -moz-border-radius-bottomright: 25px 50px !important;
    border-bottom-right-radius: 80px 200px !important;
    border-bottom-left-radius: 80px 200px !important;
}

.blMenu {
    margin-right: 20px;
}

.mrguserleft {
    margin-left: 180px !important;
    margin-top: 70px !important;
    border: 0px !important;
}

@media (max-width:560px) {
    .mrguserleft {
        margin-left: 80px !important;
        margin-top: 70px !important;
    }
}

@media (max-width:470px) {
    .mrguserleft {
        margin-left: 80px !important;
        margin-top: -20px !important;
    }
}

@media (max-width:430px) {
    .mrguserleft {
        margin-left: 80px !important;
        margin-top: -30px !important;
    }

    .a_plc_30 {
        margin-top: -30px !important;
    }
}

._course2 .row .col-md-12 .display-block {
    margin-top: 5px;
}




.Ourteam12 {
    background-color: #00A69F;
    padding: 15px 0;
    background-image: url("/themes/farayad/assets/img/bg6.png");
    background-position: top left;
    background-repeat: no-repeat;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}

.Ourteam1 {
    background-color: #00A69F;
    padding: 15px 0;
    background-image: url("/themes/farayad/assets/img/bg5.png");
    background-position: top right;
    background-repeat: no-repeat;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}

.Ourteam2 {
    display: flex;
    padding: 15px 0;
    justify-content: center;
    align-items: center;
}

.Ourteam3 h2 {
    color: #FFF;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
}

.Ourteam3 h3 {
    color: #FFF;
    font-size: 12px;
    border-bottom: 1px solid #FFF;
    width: 100%;
    padding-bottom: 25px;
    margin: 15px auto;
    text-align: center;
}

.Ourteam3 p {
    font-size: 12px;
    direction: rtl;
    text-align: justify;
    color: #FFF;
    margin: 15px 20px;
}

.Ourteam0 {
    margin-top: 40px;
    background-color: #F8f8F8;
}

.Ourteam5 {
    margin-top: 0px;
}

.Ourteam6 {
    text-align: center;
    width: 100%;
    margin: 10px 0;
}

    .Ourteam6 a i {
        font-size: 30px;
        color: #FFF;
        margin: 5px 5px;
    }

.Ourteam7 {
    background-color: #ff6348 !important;
}

.Ourteam9 {
    background-color: #32A4D8 !important;
}

.Ourteam10 {
    background-color: #7D7D7D !important;
}

.Ourteam5 img {
    margin-left: 5%;
    margin-right: 5%;
    max-width: 90% !important;
}



#activity_title {
    text-align: center;
    direction: rtl;
}

.course_actions_btns {
    margin-top: 30px;
}


._course16 img {
    width: 100% !important;
    margin: 10px;
}

._course16 {
    max-height: 470px !important;
    overflow: hidden;
    display: flex;
    justify-content: center;
    border: 1px solid #ededed;
}

@media (max-width: 1024px) {


    ._course16 img {
        max-height: 380px !important;
        width: 96%;
        margin: 10px 2%;
    }
}

@media (max-width: 991px) {


    ._course16 img {
        max-height: 300px !important;
    }
}

@media (max-width: 767px) {
    .course_actions_btns {
        margin-top: 5px !important;
    }

    ._course16 img {
        max-height: 300px !important;
        width: 96%;
        margin: 10px 2%;
    }
}

@media (max-width:490px) {
    ._course16 img {
        max-height: 260px !important;
    }
}

@media (max-width:420px) {
    ._course16 img {
        max-height: 200px !important;
    }
}



.s_box:focus {
    background-color: transparent;
}
/* Fixed sidenav, full height */
.sidenav {
    font-weight: normal !important;
    overflow-x: hidden;
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
}

.BoxerM {
    float: right;
    width: 100%;
    background-color: #FFF;
    margin-bottom: 3px;
    padding: 0px 4px;
    border-radius: 5px !important;
    /* padding-top: 3px; */
    min-height: 25px;
}

.BoxerM_active {
    background-color: #00A59F !important;
}

    .BoxerM_active a {
        color: #FFF !important;
    }
/* Style the sidenav links and the dropdown button */
.sidenav a, .dropdown-btn, .sub_depth_1 {
    text-decoration: none;
    font-size: 14px !important;
    color: #818181;
    border: none;
    background: none;
    text-align: right;
    cursor: pointer;
    outline: none;
    font-weight: normal !important;
    float: left;
    background-color: #00A59F;
    text-align: center;
    height: 29px;
    margin-left: -4px;
    padding-right: 0px;
    width: 29px;
    border-radius: 5px !important;
    border-bottom-right-radius: 0px !important;
    border-top-right-radius: 0px !important;
}

    .dropdown-btn i, .sub_depth_1 i {
        margin-right: 5px;
        font-size: 14px;
        color: #FFF;
    }
    /* On mouse-over */
    .sidenav a:hover, .dropdown-btn:hover, .sub_depth_1:hover {
        color: #00A69F;
    }

    .sidenav:focus, .dropdown-btn:focus, .sub_depth_1:focus {
        outline: none !important;
    }

.AClass_Link {
    display: contents !important;
    margin-top: 5px;
}
/* Main content */
.main {
    margin-left: 200px; /* Same as the width of the sidenav */
    font-size: 14px !important; /* Increased text to enable scrolling */
    padding: 0px 10px;
    font-weight: normal !important;
}

/* Add an active class to the active dropdown button */
.active {
    color: #00A69F;
}

/* Dropdown container (hidden by default). Optional: add a lighter background color and some left padding to change the design of the dropdown content */
.dropdown-container {
    display: none;
    padding-left: 0px;
    padding-top: 1px;
    font-weight: normal !important;
    border: 1px solid #00A59F !important;
    float: right;
    margin-top: 5px;
    border-radius: 5px !important;
    padding: 5px 0;
}

    .dropdown-container .BoxerM {
        float: right;
        width: 90%;
        background-color: #f6f6f6;
        margin-bottom: 4px;
        padding: 0px 5px;
        border-radius: 5px !important;
        padding-top: 0px;
        margin-right: 5%;
    }

    .dropdown-container .dropdown-container {
        border: 0px !important;
        background-color: #ededed;
    }

.dropdown-container {
    width: 100% !important;
}
/* Optional: Style the caret down icon */
.fa-caret-down {
    float: left;
    padding-left: 8px;
}

/* Some media queries for responsiveness */
@media screen and (max-height: 450px) {
    .sidenav {
        padding-top: 15px;
    }

        .sidenav a {
            font-size: 14px !important;
            font-weight: normal !important;
        }
}


.dropdown-container ._item_category {
    padding-right: 0px;
}

.sidenav > i {
    margin-right: -13px !important;
}

/*.dropdown-btn, .sub_depth_1 {
    background-color: #FFF !important;
    border-radius: 5px !important;
    width: 96% !important;
    margin: 2px 2% !important;
    padding: 5px 3px !important;
}*/

.dropdown-container a {
    margin-right: 16px !important;
}

.dropdown-container {
    border-bottom: 0px solid #e2e2e2;
    margin-bottom: 10px;
}

.sub_depth_2 {
    padding-right: 10px !important;
}

.sub_depth_3 {
    width: 90% !important;
    border-radius: 5px !important;
    padding-right: 20px !important;
    background-color: #828282;
}

.cat_mainLink {
    margin-bottom: 10px !important;
}

.dropdown-container .dropdown-btn {
    padding-left: 15px !important;
}

.dropdown-container .sub_depth_3 {
    background-color: #ededed;
}

.dropdown-container .sub_depth_2 {
    padding-right: 25px !important;
}





.teacher103 .rating {
    display: none;
}

.dash6 .item {
    margin-bottom: 10px;
}
/* IE10+ specific styles go here */
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {

    .modal-content {
        display: table-row;
    }

    ._powered_nobord {
        width: 100%;
    }

    .RedBG {
        text-align: center;
        padding-top: 10%;
        background-image: url('/themes/farayad/assets/img/img16.jpg');
        background-position: center;
        background-repeat: no-repeat;
    }

        .RedBG img {
            display: none;
        }

    .row-flex {
        display: table-row !important;
    }

    ._course16 {
        display: list-item !important;
        text-align: center !important;
    }

    .box_course8 .add-cart-box {
        float: left !important;
        margin-top: 0px !important;
    }

    .teacher104 span {
        padding-bottom: 0;
        line-height: 3;
        border: 0;
    }

    .form-group .avatar img {
        left: -30px;
    }

    .table_Respons {
        overflow-x: hidden;
    }

    .Ourteam0 img {
        width: 90%;
    }
}




/* IE10+ specific styles go here */
.pagination li span {
    background-color: transparent !important;
}

.pagination li a {
    background-color: #fafafa;
    margin: 5px;
    padding: 10px 20px;
    font-size: 16px;
    border-radius: 5px !important;
    float: right;
}

.pagination a .active {
    background-color: orangered;
    color: #FFF;
}

.pagination .disabled {
    background-color: #dddddd;
    margin: 5px;
    padding: 10px 20px;
    font-size: 16px;
    border-radius: 5px !important;
    float: right;
}

.pagination .active {
    background-color: #ff6348;
    margin: 5px;
    padding: 10px 20px;
    font-size: 16px;
    border-radius: 5px !important;
    float: right;
}

    .pagination .active:hover {
        color: #FFF;
        background-color: #db3b1f
    }


.pagination .disabled:hover {
    background-color: #dddddd;
    margin: 5px;
    padding: 10px 20px;
    font-size: 16px;
    border-radius: 5px !important;
    float: right;
}

    .pagination .disabled:hover span {
        background-color: transparent !important;
    }

.pagination {
    margin: 10px 0;
    display: flex;
    justify-content: center;
}

.mainKey1 {
    text-align: center;
    border: 1px solid #efefef;
    padding: 0 !important;
    border-radius: 5px !important;
}

@media(max-width:1199px) {
    .mainKey1 {
        text-align: center;
        border: 0px solid #efefef;
        padding: 0 !important;
        border-radius: 5px !important;
        margin-right: -5px;
    }
}

@media(max-width:767px) {
    .box_a_course {
        height: 140px;
    }

    .inside_boxer {
        margin: 50px -24px 0px -23px;
    }
}



.owl-carousel, .owl-carousel.owl-loaded {
    display: inline-block !important;
}

.UnderTableLinks_ .bgcolor4 {
    background-color: #00a59f;
    border-radius: 5px !important;
}

    .UnderTableLinks_ .bgcolor4:hover {
        background-color: #049490;
        border-radius: 5px !important;
    }


table caption {
    caption-side: top;
    text-align: center;
    font-size: 18px;
}

table thead tr th {
    font-size: 12px !important;
}

.box_course4 .row2 {
    width: 100%;
}

.core9 form {
    width: 100% !important;
    float: right;
}

.fltl {
    float: left !important;
    margin-left: 3% !important;
}

.core9 h6 {
    float: left !important;
}

.core9 {
    margin-bottom: 10px;
    border: 1px solid #efefef;
    padding: 15px;
    font-size: 16px;
    text-align: justify;
}

.core11 {
    padding: 10px 5px !important;
}

.height120 {
    height: 120px;
}

.box_course41 ._course_relations {
}

.Relation_css {
    float: right;
    background-color: #F5F5F5;
    margin: 7px 2px;
    height: 90px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}

    .Relation_css h4 {
        text-align: right;
        font-size: 13px;
        direction: rtl;
    }

.course-box {
    min-height: 320px;
}

.Foter-V2 {
    background-color: #f5f5f5;
    border-top: 1px solid #D7D7D7;
    padding: 0;
    z-index:2;
    position:relative;
}

    .Foter-V2 h6 {
        text-align: right;
        direction: rtl;
        margin: 10px 0;
        font-size: 15px;
        font-weight: bold;
        color: #121212;
    }

.bg-footerV2 {
    background-image: url("/themes/farayad/assets/img/all3.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 200px;
    padding-top: 20px;
}

.marg50 {
}

.gray_co p {
    color: #0a0a0a;
    text-align: justify;
    direction: rtl;
}

.gray_co h6 {
    text-align: right;
    direction: rtl;
    margin: 10px 0;
    font-size: 15px;
    font-weight: bold;
    color: #121212;
}

.FooterUL-V2 li {
    float: right;
    list-style: none;
    margin: 5px;
}

    .FooterUL-V2 li a {
        background-color: #FFF;
        border-radius: 5px !important;
        float: right;
        font-size: 13px !important;
        padding: 5px 7px;
    }

        .FooterUL-V2 li a:hover {
            text-decoration: none;
            background-color: #00A59F;
            color: #FFF;
        }

.blMenu2 {
    text-align: center;
    color: #FFF;
    margin-top: 15px;
}

.colorFFF {
    color: #FFF;
    font-size: 13px;
}

    .colorFFF div h5 {
        color: #FFF;
    }

    .colorFFF p {
        text-align: justify;
        direction: rtl;
    }

.bg-footerV23 {
    background-color: #414141;
    padding-bottom: 30px;
}

.FooterUL-v2-top {
    margin-bottom: 10px;
    float: right;
}

    .FooterUL-v2-top li {
        float: right;
        list-style: none;
        width: 100%;
        text-align: right;
        margin: 3px 0;
        line-height: 2;
        font-size: 13px;
        direction: rtl;
        padding-bottom: 2px;
    }

        .FooterUL-v2-top li a {
            padding: 2px;
            width: 100%;
            color: gray;
        }

            .FooterUL-v2-top li a::before {
                content: "» ";
            }

.Foter-V2 h6 {
    color: #7d7d7d;
}

.rtl {
    direction: rtl !important;
}

.bg-footerV22 i {
    font-size: 25px;
}

.bg-footerV22 {
    padding: 9px 10px;
    background-color: #7d7d7d;
    color: #FFF;
}

.Foter-V2 div div h6::before {
    content: "\f0c1";
    font-family: FontAwesome;
    font-size: 16px;
    padding-left: 6px;
}

.FooterUL-v2-top li:hover a {
    text-decoration: none;
    color: #00A59F;
}

.FooterUL-v2-top li:hover {
    text-decoration: none;
    color: #00A59F;
    background-color: #FFF;
    border-radius: 5px;
}

.App_box {
    background-color: #FFF;
    padding: 10px;
    padding-top: 20px;
    margin: 10px 0;
    text-align: center;
}

    .App_box a i {
        font-size: 30px;
        margin: 2px 9px;
    }

        .App_box a:hover, .App_box a i:hover {
            color: gray;
        }

.App_box1 {
    text-align: center;
    background-color: #FFF;
    padding: 10px;
    margin: 10px 0;
}

    .App_box1 img {
        width: 100px !important;
    }

        .App_box1 img:hover {
            opacity: .8;
        }

.bg-footerV2-Under {
    color: #FFF;
    background-color: #00A59F;
    padding: 5px 0;
    text-align: center;
    font-size: 13px !important;
}

.patop20 {
    padding: 20px 0px;
}

.app-box1 {
    background-image: url("/themes/farayad/assets/img/back.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 450px;
    padding-top: 20px;
}

    .app-box1 h1 {
        color: #FFF;
        font-size: 27px;
        text-align: right;
        float: right;
        margin: 15px;
    }

.app1 {
    text-align: center;
    margin-top: 15px;
    margin-bottom: 15px;
}

.app-box1 span {
    text-align: justify;
    direction: rtl;
    color: #FFF;
}

.app3 {
    margin-top: 55px;
    text-align: center;
    width: 100%;
}

    .app3 a {
        color: #FFF;
        margin: 20px 2%;
        border-radius: 100px;
        border: 2px solid #FFF;
        padding: 5px 15px;
        font-size: 25px !important;
    }

        .app3 a:hover {
            text-decoration: none;
            background-color: #FFF;
            color: #ff6348;
        }

.app-box2 {
    background-color: #F3F5F0;
    padding: 30px 30px 30px 30px;
    margin-top: 25px;
    margin-bottom: 25px;
    text-align: right;
    direction: rtl;
    line-height: 2;
    color: #535353 !important;
}

.app2:hover {
    opacity: .9;
}

.app4 {
    background-color: #FFF;
}

.app5 {
    background-color: #EDEDED;
}

.app-box3 a img {
    margin: 10px;
}

.app-box2 h3 {
    margin: 20px;
}

.app-box2 h4 {
    font-weight: bold;
    font-size: 22px;
}

.padright10 {
    padding-right: 10px
}

.verify-container {
    direction: rtl;
    text-align: right;
    padding: 0px !important;
}

.verify-danger {
    background: #ff6348;
}

.verify-box {
    padding: 0px 15px;
    color: #FFF;
    font-size: 16px;
}



.fontSize18 span.main_price {
    font-size: 16px !important;
}

@media (max-width:991px) {
    .app3 a {
        float: right;
        width: 100%;
        margin-top: 3px;
    }

    .app-box1 h1 {
        line-height: 1.5;
    }

    .app-box2 h3 {
        font-size: 20px;
        text-align: center;
    }

    .app-box2 {
        padding: 20px 10px 30px 10px;
    }
}

.OnlyPL5 {
    margin: 0 !important;
    padding: 0 5px 0 0 !important;
}

.box_course31 {
    background-color: #FFD75E;
    width: 230px;
    margin-right: 0px;
    text-align: center;
}

    .box_course31 h6 {
        padding-top: 10px;
        font-size: 20px;
    }

.Pre_ {
    height: 90px;
    background-color: #29A744;
    width: 40px;
    padding-top: 15px;
    color: #FFF;
    padding-left: 10px;
    margin-left: -15px;
}

.NExt_ {
    height: 90px;
    background-color: #29A744;
    width: 40px;
    padding-top: 15px;
    color: #FFF;
    padding-right: 10px;
    margin-right: -15px;
}

.arternatecolor1 {
}

.NExt_ h6 {
    font-size: 18px;
}

.Yellow {
    background-color: #FFD75E;
}

.NExt_img {
    height: unset !important;
    width: unset !important;
    max-width: unset !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
}

.imgno-2 {
    float: right;
}

.grayBg1 {
    background-color: #F5F5F5;
}

.pagination :hover {
    background-color: antiquewhite;
}

.img2 {
    margin-right: -10px;
    max-height: 90px;
}

.Relation_css_text img {
    margin-top: 5px;
}

.flex-maker {
    display: flex;
    justify-content: center;
    align-items: center;
    vertical-align: middle;
    height: 90px;
    position: relative;
}

    .flex-maker a {
        display: block;
    }

.bx-04 {
    background-color: #f7f5f5;
    border: 1px solid #FFD75E;
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
}

.bx-03 {
    background-color: #f7f5f5;
    border: 1px solid #29A744;
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
}

    .bx-03:hover {
        background-color: #e4e4e4;
        border: 1px solid #e1e1e1;
        -o-transition: .5s;
        -ms-transition: .5s;
        -moz-transition: .5s;
        -webkit-transition: .5s;
    }

.bx-04:hover {
    background-color: #e4e4e4;
    border: 1px solid #e1e1e1;
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
}

.noborarde {
    border: 0;
    margin-top: 15px;
}



.btn_home_01 span {
    float: left !important;
    margin-top: 2px !important;
    margin-left: 10px !important;
    padding-left: 0px !important;
}

.Online__ {
    text-decoration: line-through !important;
    margin-top: 2px !important;
    /* margin-right: -39px!important; */
    float: left !important;
}

.verify-box > p > a {
    float: left;
    margin-top: -8px;
}

.bx-03 a img, .bx-04 a img {
    max-height: 80px !important;
    margin-right: 10px;
}

@media(MAX-width:767px) {
    .verify-box {
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 20;
        font-size: 13px;
        text-align: center;
        background-color: rgba(255, 99, 72, 0.80);
    }

        .verify-box > p > a {
            margin: 8px auto;
            width: 100%;
        }
}

.Relation_css_text {
    padding: 0 !important;
}

.Yashr_ {
    display: flex;
    justify-content: left;
    align-items: center;
    flex-direction: row-reverse;
    margin-left: 0px !important;
}





/* yashar */
header#Header {
    padding-bottom: 2px;
    background-color: #f5f5f5;
    box-shadow: #cecece -5px -4px 9px 4px;
    margin-bottom: 20px;
}

.Coursename {
    border: solid 1px #e8e8e8;
    border-radius: 8px;
    padding: 10px 0px;
    margin-bottom: 10px;
}


.teacher107 {
    background: #f7f7f7;
    padding: 15px;
}


.Bannerss .floatright a img:hover {
    opacity: 0.9;
    transform: scale(1.04);
    transition: all .6s ease-in-out;
}

.Bannerss .floatright a img {
    transition: all .6s ease-in-out;
}



.CloseY {
    padding: 14px;
    border-radius: 5px;
    background: #fff;
    opacity: 1;
    background-position: center;
    margin-top: -15px !important;
    margin-right: 10px;
}

.dlappbox {
    margin: 0px !important;
    /*background: #fc5130d9;*/
    /*box-shadow: 3px 0 20px 0px #b3b3b3;*/
}

div#retain-frame-container {
    z-index: 19 !important;
}

._ansW2 h4 {
    float: left;
    width: 100%;
    text-align: left;
}

._answers ul li {
    list-style: none;
    margin: 0;
    padding: 0;
}



.course-box div a img {
    max-width: 98% !important;
    margin-left: auto;
    margin: auto;
    display: block;
}

.app-box1y {
    text-align: right;
    display: flex;
    flex-direction: row;
    border: solid 2px #cccccc;
    border-radius: 20px;
    justify-content: center;
    align-items: center;
}

.app3direct {
    border: solid 3px #ff5d3f;
    padding: 10px 20px;
    background: #ff5d3f;
    border-radius: 50px;
    margin: 10px;
    color: #ffffff;
    font-weight: bold !important;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -ms-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    display: inline-block;
}


    .app3direct:hover {
        background: #fff;
        color: #ff5a39;
    }

.app3googleplay {
    border: solid 3px #ff5d3f;
    padding: 10px 20px;
    background: #ff5d3f;
    border-radius: 50px;
    margin: 10px;
    color: #ffffff;
    font-weight: bold !important;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -ms-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    display: inline-block;
}


    .app3googleplay:hover {
        background: #fff;
        color: #ff5a39;
    }



@media only screen and (max-width: 768px) {
    .app-box1y {
        text-align: right;
        display: flex;
        flex-direction: column;
        border: solid 2px #cccccc;
        border-radius: 20px;
        justify-content: center;
        align-items: center;
    }

    .floatright.app3y {
        text-align: center;
        display: block;
    }
}


.w3-animate-fading {
    animation: fading 10s infinite
}

@keyframes fading {
    0% {
        opacity: 0
    }

    50% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

.w3-animate-opacity {
    animation: opac 0.8s
}

@keyframes opac {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.w3-animate-top {
    position: relative;
    animation: animatetop 0.4s
}

@keyframes animatetop {
    from {
        top: -300px;
        opacity: 0
    }

    to {
        top: 0;
        opacity: 1
    }
}

.w3-animate-left {
    position: relative;
    animation: animateleft 0.4s
}

@keyframes animateleft {
    from {
        left: -300px;
        opacity: 0
    }

    to {
        left: 0;
        opacity: 1
    }
}

.w3-animate-right {
    position: relative;
    animation: animateright 0.4s
}

@keyframes animateright {
    from {
        right: -300px;
        opacity: 0
    }

    to {
        right: 0;
        opacity: 1
    }
}

.w3-animate-bottom {
    position: relative;
    animation: animatebottom 0.4s
}

@keyframes animatebottom {
    from {
        bottom: -300px;
        opacity: 0
    }

    to {
        bottom: 0;
        opacity: 1
    }
}

.w3-animate-zoom {
    animation: animatezoom 0.6s
}

@keyframes animatezoom {
    from {
        transform: scale(0)
    }

    to {
        transform: scale(1)
    }
}


#activity_title i {
    display: none;
}

/* yashar */
















._answers {
    background-color: #FFF;
    margin-top: 50px;
}

.qta_01 h6 {
    color: #585858;
}







#list_question li {
    list-style: none;
}

.martg10 {
    float: right;
    width: 100%;
    margin-top: 20px;
}

.mrgbtn10 {
    margin-bottom: 15px;
    padding-bottom: 15px;
}

    .mrgbtn10 .form-control {
        background-color: #FFF !important;
    }


._ansW2 .form-group.form-md-line-input {
    float: right;
    width: 90%;
    margin-top: 40px;
    margin: 2px 5%;
    border-radius: 5px;
}

._answer_user_form {
    width: 100%;
    float: right;
}

.answer, .question_id {
    width: 500px;
    text-align: justify;
    direction: rtl
}


.martg10 .form-body .control-label {
    color: #FFF !important;
}

._row_answer {
    border-bottom: 1px solid #ededed;
    padding-bottom: 15px;
    background-color: #FFF;
}

    ._row_answer:last-child {
        border-bottom: 0px;
    }





#Qtoa_system div a {
    margin-top: 20px;
}




.qta_01 h6 {
    text-align: justify;
    direction: rtl;
    line-height: 2;
}


@media (max-width:1199px) {
    ._ansW2 .box_course3 {
        display: none;
    }

    ._answers {
        margin-top: 100px;
    }

    .martg10 {
        width: unset !important;
    }

    ul#list_question {
        padding: 5px;
    }

    a.MyBasket_.btn._nobrd.mrguserleft {
        margin-top: -48px !important;

        margin-left: 63px !important;

        padding: 10px;
        border-radius: 5px;
    }

    a.MyBasket_.btn.a_plc_30._nobrd {
        margin-top: -46px !important;
        top: 2px;
        position: absolute;
        padding: 13px 1px 2px 10px;
    }
}

.btn-record-play i, .btn-record i {
    color: #FFF;
}

.onRecord i, .onRecord {
    color: #FFF !important;
}

i.fas.fa-comment.bc_file4.box_course36 {
    padding-left: 32px;
}

.quran-info-base {
    margin-bottom: 10px;
    background-color: #FFF;
    padding: 10px;
}

    .quran-info-base
    .info-overlay {
        float: left;
        margin-top: -35px;
    }


@media (max-width:767px) {
    .quran-info-base {
        padding-bottom: 50px;
    }

        .quran-info-base .info-overlay {
            margin-top: 0px;
        }

    #Qtoa_system div a span {
        display: none;
    }
}


.pagination li:hover {
    background-color: transparent;
    color: #FFF;
}

    .pagination li a:hover, .pagination li:hover span {
        background-color: #ff6348;
        color: #FFF !important;
    }

#form_qtoa {
    color: #FFF;
    border-radius: 5px;
    padding: 2px 15px;
}

    #form_qtoa .control-label {
        color: #FFF;
    }

    #form_qtoa #question {
        background-color: #FFF;
        border-radius: 5px;
    }

    #form_qtoa .form-group {
        background-color: #5C5C5C !important;
        padding-bottom: 15px;
    }


.box_course27 {
    width: 100%;
    text-align: right;
}

    .box_course27 i {
        float: right;
        padding-top: 11px;
        font-size: 20px;
        padding-right: 13px;
    }

    .box_course27 h6 {
        float: right;
        font-size: 12px;
        margin-top: 15px;
        direction: rtl;
    }

.mande_zaman {
    float: left;
    font-size: 12px;
}

.timer {
    width: 100%;
    float: left;
    direction: ltr;
    text-align: center;
}

    .timer div {
        float: left;
    }

.jst-hours, .jst-minutes, .jst-seconds {
    color: #FF6700;
    font-size: 30px;
}

.box_course29 {
    background-color: #F8F8F8;
    padding: 5px;
    margin-top: 10px;
}

    .box_course29 h3 {
        color: #252525;
        font-size: 20px;
        text-align: right;
        margin-top: -10px
    }

    .box_course29 h6 a i {
        color: #FF6700;
        font-size: 20px;
    }

    .box_course29 h6 a {
        text-align: left;
        float: left;
        color: #252525;
    }

.QuestionDiv a {
    color: #FFF;
    margin: 2px;
    border: 2px solid #454545;
    text-align: center;
    background-color: #454545;
    height: 45px !important;
    float: right;
    width: 45px !important
}

    .QuestionDiv a span {
        color: #454545;
        text-align: center;
        background-color: #FFF;
        width: 41px !important;
        height: 20px !important;
        float: right;
    }

.box_course30 {
    width: 100%;
    margin: 0 auto;
    margin-right: 10px;
}

.QuestionDiv a:hover {
    opacity: .9
}

.Markasnwered {
    border: 2px solid #FF6700 !important;
    background-color: #FF6700 !important;
}

.Noasnwered {
    border: 2px solid #A40508 !important;
    background-color: #A40508 !important;
}

.btn {
    border-radius: 10px
}


.answerBox2 {
    width: 100%;
    margin-top: 30px;
    padding-top: 30px;
    border-top: 1px solid #D1D1D1;
    text-align: center
}

.box_course28 {
}

    .box_course28 p {
        line-height: 1.5;
        text-align: justify;
        direction: rtl
    }




.control {
    display: block;
    position: relative;
    padding-right: 27px;
    margin-bottom: 7px;
    padding-top: 2px;
    cursor: pointer;
    font-size: 14px;
}

    .control input {
        position: absolute;
        z-index: -1;
        opacity: 0;
    }

.control_indicator {
    position: absolute;
    top: 4px;
    right: 0;
    height: 20px;
    width: 20px;
    background: #e6e6e6;
    border: 0px solid #000000;
}

.control-radio .control_indicator {
    border-radius: 50%;
}

.control:hover input ~ .control_indicator,
.control input:focus ~ .control_indicator {
    background: #cccccc;
}

.control input:checked ~ .control_indicator {
    background: #F78A00;
}

.control:hover input:not([disabled]):checked ~ .control_indicator,
.control input:checked:focus ~ .control_indicator {
    background: #0e6647;
}

.control input:disabled ~ .control_indicator {
    background: #e6e6e6;
    opacity: 0.6;
    pointer-events: none;
}

.control_indicator:after {
    box-sizing: unset;
    content: '';
    position: absolute;
    display: none;
}

.control input:checked ~ .control_indicator:after {
    display: block;
}

.control-radio .control_indicator:after {
    right: 7px;
    top: 7px;
    height: 6px;
    width: 6px;
    border-radius: 50%;
    background: #ffffff;
}

.control-radio input:disabled ~ .control_indicator:after {
    background: #7b7b7b;
}


.Underbx74 {
    width: 100%;
    float: right;
    border-top: 1px solid #D9D9D9;
    margin-top: 20px;
    padding-top: 20px;
}

.Underbx75 {
    width: 20px;
    height: 20px;
    float: right;
    background-color: #454545;
    border: 1px solid gray;
    margin: 1px 15px;
}

.Underbx76 {
    width: 20px;
    height: 20px;
    float: right;
    background-color: #FF6700;
    border: 1px solid #8E4803;
    margin: 1px 15px;
}

.Underbx77 {
    width: 20px;
    height: 20px;
    float: right;
    background-color: #A40508;
    border: 1px solid #E5312B;
    margin: 1px 15px;
}



.Question {
    float: right;
    width: 100%;
    margin-top: 30px;
    text-align: right;
}

.question {
    width: 800px;
    direction: rtl;
    text-align: justify;
}

.create_new {
    float: left;
    margin-top: 0px;
    padding-top: 35px;
    margin-bottom: -50px;
}

.create_new2 {
    display: none;
}

@media (max-width:991px) {
    .create_new {
        display: none;
    }

    .create_new2 {
        display: block;
    }
}

.sticky2 {
    position: fixed;
    top: 0;
    width: 275px;
}

.answerBox .control-group .control:hover {
    background-color: #E3DFDF
}

.answerBox .control-group .control {
    border: 1px solid #E5E5E5;
    border-radius: 5px;
    padding: 9px 35px 0px 35px;
    min-height: 40px;
}

.answerBox .control-group .control_indicator {
    margin-top: 5px;
    margin-right: 5px;
    text-align: center;
    font-size: 13px;
}

.answerBox .control-group p {
    margin: 0px !important
}

.QTA .nav-item {
    background-image: none;
}

ul.nav.nav-pills {
    float: right;
    margin-bottom: 30px;
}

@media(max-width:991px) {
    ul.nav.nav-pills {
        float: unset;
    }
}

.box_course34 ._dislike i, .box_course34 ._like i {
    font-size: 15px;
}

.box_course34 {
    padding-bottom: 20px;
}

span.redme {
    margin-right: 45px !important;
}


.box_course34 .fa-thumbs-up {
    font-size: 12px;
}

.box_course3 a span {
    margin-top: -30px;
    position: absolute;
    padding-left: 15px;
    left: 0;
}

.box_course34 a span {
    color: #00a59f;
    text-align: right;
    font-size: 15px;
    width: 40px;
    bottom: 18px;
    left: -12px;
    padding: 0 !important;
}

.box_course34 a .redme {
    left: 110px !important;
    color: #FF6348 !important;
    text-align: left !important;
}

a._dislike {
    margin-left: 10px;
}

.box_course34 {
    padding: 0;
    margin: 0;
}

.QTA_a {
    margin-top: 22px;
}

.btn-success2 {
    border-radius: 15px;
}

.QTA .form-body {
    padding: 0px !important;
    margin: 20px 0 !important;
    width: 100%;
    float: right;
    background-color: #5c5c5c;
}

._question .form-body {
    padding: 0px !important;
    margin: 0 !important;
    width: 100%;
    float: right;
    background-color: #5c5c5c;
}

.QTA .form-body legend, .form-group lable {
    display: none;
}



a.btn.btn-success2.btn-sm.QTA_a {
    margin-left: 25px;
}

.form-horizontal .form-group.form-md-line-input {
    padding-top: 10px !important;
    margin: 0px !important;
    width: 100%;
}

.qta_01 h6, .box_course7 div .box_course3 {
    display: block;
    width: 100%;
}

.qta_01 .box_course3 {
    margin-bottom: 10px;
}

.QTA {
    float: right;
    width: 100%;
    border-left: 1px solid #f2f2f2;
    border-right: 1px solid #f2f2f2;
    margin-top: -10px;
}

._row_answer {
    padding-bottom: 10px;
    margin-bottom: 5px !important;
}

.btn-blck {
    margin-top: 10px;
}

.box_course4 p {
    padding: 10px;
}

ul#list_question {
    margin: 0px;
    padding: 0px;
}

.under_1 {
    font-weight: bold;
    border-bottom: 1px solid #00A59F;
}

.under_2 {
    font-weight: bold;
    color: black;
    margin-left: 5px;
    margin-right: 5px;
    border-bottom: 1px solid #00A59F;
}

.under_3 {
    font-weight: bold;
    color: black;
    margin-left: 5px;
    margin-right: 5px;
    border-bottom: 1px solid #00A59F;
}

td.tper1 {
    text-align: center;
    padding-top: 22px;
}

.tbl21 {
    width: 99%;
}

    .tbl21 td {
        border-right: 1px solid #dddddd;
        border-left: 1px solid #dddddd;
    }

.my_insta {
    background-color: #DF3979;
    padding: 8px 15px;
    width: 100%;
    float: right;
    text-align: center;
    color: #FFF !important;
    border-radius: 5px;
    cursor: pointer;
    margin: 10px 0;
}

    .my_insta i {
        float: right;
        font-size: 30px;
    }

    .my_insta:hover {
        opacity: .9;
    }

    .my_insta:hover {
        text-decoration: none;
    }



.my_telg {
    background-color: #41A0DA;
    padding: 8px 15px;
    width: 100%;
    float: right;
    text-align: center;
    color: #FFF !important;
    border-radius: 5px;
    cursor: pointer;
    margin: 10px 0;
}

    .my_telg i {
        float: right;
        font-size: 30px;
    }

    .my_telg:hover {
        opacity: .9;
    }

    .my_telg:hover {
        text-decoration: none;
    }


.Foter-V2 h5 {
    text-align: right;
    direction: rtl;
    margin: 10px 0;
    font-size: 15px;
    font-weight: bold;
    color: #7d7d7d;
}

.opac_link a:hover {
    opacity: .7;
}

._QuestionDiv {
    display: none;
    padding: 10px;
    border-width: 0 1px 1px 0;
    border-style: solid;
    border-color: #fff;
    box-shadow: 0 1px 1px #ccc;
    margin-bottom: 5px;
    margin-top: 10px;
    background-color: rgba(247, 247, 247, .5);
    float: right;
    width: 100%;
}


#loadMore {
    padding: 10px;
    text-align: center;
    color: #fff;
    border-width: 0 1px 1px 0;
    border-style: solid;
    box-shadow: 0 1px 1px #ccc;
    transition: all 600ms ease-in-out;
    -webkit-transition: all 600ms ease-in-out;
    -moz-transition: all 600ms ease-in-out;
    -o-transition: all 600ms ease-in-out;
    width: 100%;
    float: right;
}

    #loadMore:hover {
        color: #f6f6f6;
    }

.loadmoreDiV {
    width: 100% !important;
    margin: 20px 0 !important;
}

    .loadmoreDiV a {
        width: 100%;
    }

.question_no {
    float: right;
    border: 1px solid #5d5d5d;
    background-color: #f3f3f3;
    border-radius: 200px;
    width: 22px;
    height: 22px;
    padding-top: 1px;
    text-align: center;
    font-size: 15px;
    position:relative;z-index:2;
    margin-left: 5px;
}

.box_course28 {
    font-size: 13px;
    padding: 10px;
    background-color: #dddddd;
    margin-top: -25px;
}

.errobx5 {
    background-color: #FDF1EF;
    color: #C5391C;
    padding: 0 !important;
}

    .errobx5 strong {
    }

    .errobx5 i {
        background-color: #C53820;
        padding: 20px 16px;
        color: #FFF;
        margin-left: 15px;
        font-size: 20px;
    }

.mrg0 {
    margin-top: 0px;
}

@media (max-width:1199px) {
    .QuestionDiv a {
        margin: 2px 1px;
    }

    .sticky2 {
        position: unset !important;
        width: 100% !important;
        float: right;
    }

    i.fas.fa-user-graduate.bc_file {
        display: none;
    }
}

._shop_basket3 #_code {
    width: 150px !important;
    padding: 7px !important;
}




/*------------------ 26 AZAR 1397 ------------------*/


a.btn.btn-warning.btn-sm._reset_answer {
    float: left;
}

.PreQ, .NextQ {
    color: #FFF !important;
}
.NextQ {
float:left;
}
     .DivShow {
        display: block !important;
    }

.noneshow {
    display: none !important;
}

.next_pre_box {
    margin: 15px 0!important;
}



    .NextQ i {
        float: left;
        margin: 2px 15px 0px 5px;
        font-size: 18px;

    }

.PreQ i {
    float: right;
    margin: 2px 5px 0px 15px;
    font-size: 18px;
}

.box_course4 .form-actions {
    text-align:center;
}



    .box_course4 .form-actions .btn {
        padding: 5px 10px !important;
        margin: 5px 10px !important;
        font-size:13px!important;
        min-width:100px;
    }

@media (max-width:767px) {
    ._QuestionDiv {
        min-height: 395px;
        margin-bottom: 20px;
    }
}
.mttbl1 {
    color: black;
    text-align:center;
}

.gray {
    text-align: right;
    color: gray;
    width: 50%;
}
.makeabsol {
    background-color:red;
 }
._save, ._cancel {
    width: 48%;
}

.soroshicon {
    background: url('/themes/default/assets/img/sorosh.png');
    height: 26px;
    width: 26px;
    margin: 5px 0px;
    background-position-y: 0px;
}

.soroshicon:hover {background-position-y: 27px;}

.yashar .container .row .paginate {
    display: none;
}


.img-fit{
    width: 100%;
}





/*--------- bandel by:masoud zahedi -----------------*/
.bndl {
    font-size: 16px;
    border: 1px solid #e3e3e3;
    padding: 10px 0;
    border-radius: 5px;
    margin-top: 10px;
    border-radius: 50px;
}
.bndl:hover {
    background-color: #f6f6f6;
}
.bndl-list {
    margin-left: 5px;
    color: #ffff;
    padding: 0px 10px;
    border-radius: 50px;
    background-image: -moz-linear-gradient( 0deg, rgb(243,83,66) 0%, rgb(248,113,38) 49%, rgb(253,142,9) 100%);
    background-image: -webkit-linear-gradient( 0deg, rgb(243,83,66) 0%, rgb(248,113,38) 49%, rgb(253,142,9) 100%);
    background-image: -ms-linear-gradient( 0deg, rgb(243,83,66) 0%, rgb(248,113,38) 49%, rgb(253,142,9) 100%);
    box-shadow: -0.977px 2.837px 13px 0px rgba(67, 68, 69, 0.53);
}
.bndl-elemnts{
    font-size: 13px;
    margin-right: 10px;
}
.bndl-cart {
    color: #3bbd1c;
}
.bndl-real-cost{
    font-size: 18px;
    text-decoration: line-through;
    color: #f66334;
    font-weight: 500;
    text-align: left;
    padding: 9px 10px;
    margin: 15px;
    border-top: solid 2px #e3e3e3;
    border-bottom: solid 2px #e3e3e3;
}
.bndl-basket-align{
    text-align: center;
    display: block;
}
.title-last-cost {
    font-size: 17px;
    color: #7d7d7d;
    font-weight: 700;
    margin-top: 30px;
    margin-bottom: 15px;
}
.bndl-btn {
	position: absolute;
    top: 108px;
    width: 100%;
    left: 26px;
}
.bndl-btn button {
	padding: 12px;
    border: none;
    width: 100%;
    background-image: -moz-linear-gradient( 0deg, rgb(241,73,75) 0%, rgb(248,113,38) 49%, rgb(255,152,0) 100%);
    background-image: -webkit-linear-gradient( 0deg, rgb(241,73,75) 0%, rgb(248,113,38) 49%, rgb(255,152,0) 100%);
    background-image: -ms-linear-gradient( 0deg, rgb(241,73,75) 0%, rgb(248,113,38) 49%, rgb(255,152,0) 100%);
    box-shadow: -0.853px 3.927px 10px -3px rgba(67, 68, 69, 0.52) !important;
    width: 100%;
    border-radius: 0 0 10px 10px !important;
}
.bndl-btn button:active {
    background-image: -moz-linear-gradient( 0deg, rgb(241,73,75) 0%, rgb(248,113,38) 49%, rgb(255,152,0) 100%) !important;
    background-image: -webkit-linear-gradient( 0deg, rgb(241,73,75) 0%, rgb(248,113,38) 49%, rgb(255,152,0) 100%) !important;
    background-image: -ms-linear-gradient( 0deg, rgb(241,73,75) 0%, rgb(248,113,38) 49%, rgb(255,152,0) 100%) !important;
    box-shadow: -0.853px 3.927px 10px -3px rgba(67, 68, 69, 0.92) !important;
}
.bndl-btn button span {
	font-size: 18px;
}
.bndl-btn button i {
	display: none !important;
}
@media (max-width: 1199px){
	.bndl-btn button span {
	display: inline !important;
}
}
.bndl-basket {
    display: inline-block;
    width: 250px;
    position: relative;
    height: 100px;
}

.last-cost {
    background-color: #fff;
    font-weight: 500;
    font-size: 30px;
    color: #f66432;
    padding: 8px 0px;
    border-radius: 10px 10px 0 0;
    box-shadow: -1px -1px 11px 0px #dadada;
}


@media (max-width: 1200px) {
    .bndl {
        border-radius: 0;
    }
    .bndl-pack-elemnts {
        margin-top: 15px;
        text-align: center;
    }
}
@media (max-width: 500px) {
    .bndl {
        text-align: center;
    }
    .bndl-basket {
        border-radius: 0;
    }
}






/******* sub menu ************/

.brd_top1 nav div ul .nav-item {
    position: relative;
}
.brd_top1 nav div ul .nav-item i{
    position: absolute;
    top: 23px;
    left: 10px;
    color: #6d6d6d;
}
.brd_top1 nav div ul .nav-item ul {
    display: none;
    z-index: 5000;
}
.brd_top1 nav div ul .nav-item > ul .nav-item i {
    position: absolute;
    top: 12px;
    left: 12px;
    color: #6d6d6d;
}
.brd_top1 nav div ul .nav-item ul .navitem .ul {
    display: none;
}
.brd_top1 nav div ul .nav-item:hover > ul {
    display: block;
    position: absolute;
    background-color: #fff;
    min-width: 200px;
    list-style-type: none;
    padding: 5px;
    text-align: right;
    border-radius: 5px;
    box-shadow: 0 0 6px 1px #00a59f;
}
.brd_top1 nav div .submenu .nav-item{
    padding: 0;
    background-image: none;
    background-color: #fdfdfd17;
    margin-bottom: 4px;
    border: 1px solid #00a59f4a;
    border-radius: 4px;
    height: auto;
}
.brd_top1 nav div .submenu .nav-item:last-child {
    margin-bottom: 0;
}
.brd_top1 nav div .submenu .nav-item a{
    padding: 0;
    border: none;
    padding: 8px 10px;
}
.brd_top1 nav div .submenu .nav-item:hover {
        background-color: #00a59f1a !important;
}
.brd_top1 nav div .submenu .nav-item a:hover {
        color: #00a59f !important;
}
.brd_top1 nav div ul .nav-item ul .nav-item {
    position: relative;
}
.brd_top1 nav div ul .nav-item:hover > ul .nav-item ul {
    display: none;
}
.brd_top1 nav div ul .nav-item ul .nav-item:hover > ul {
    display: block;
    position: absolute;
    background-color: #fff;
    min-width: 200px;
    list-style-type: none;
    padding: 5px;
    text-align: right;
    border-radius: 5px;
    box-shadow: 0 0 6px 1px #717100;
    right: 100%;
    top: -6px;
}
.brd_top1 nav div ul .nav-item ul .nav-item i {
    transition: all .2s ease-in;
 }
.brd_top1 nav div ul .nav-item ul .nav-item:hover i {
    color: #717100;
    -ms-transform: rotate(90deg); /* IE 9 */
  -webkit-transform: rotate(90deg); /* Safari 3-8 */
  transform: rotate(90deg);
}

/* LIVE */

.quiz-inside {
max-width: 1140px;
    margin: 0 auto;
    direction: rtl;
    text-align: right;
}
.quiz-inside .portlet-body .form-body .form-group div{
	    margin: 0 auto;
}
.quiz-inside .portlet-body .form-body .form-group label{
	   -webkit-box-flex: 0;
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
    /* display: block; */
    margin: 0 auto;
    margin-bottom: 8px;
}
.quiz-inside-op {
	    margin: 50px auto;
}
@media only screen and (max-width: 990px) {
    .brd_top1 nav div ul .nav-item:hover > ul {
        display: none;
    }
	.brd_top1 nav div ul .nav-item i {
        display: none;
    }
  }

  /* importan activity */
  .box-important{
	border: 3px solid #ffd75e;
	margin: 20px 0;
  }
  .box-important h4 {
	background-color: #FFD75E;
    margin-right: 0px;
    text-align: center;
    display: inline-block;
    padding: 10px;
    float: right;
	margin-bottom: 20px;
  }
  .box-important table {
	  text-align: center;
  }
  .blink {
	 animation: blink 1s infinite;
  }
  @keyframes blink{
	0%{background-color: rgba(23, 184, 28, 0.3)}
	50%{background-color: rgba(23, 184, 28, 0)}
	100%{background-color: rgba(23, 184, 28, 0.3)}
}
  .box-important .btn-info {
	  padding: 5px 10px;
    border-radius: 5px;
  }



  /* check box lesson */
  /* The containerchek */
  .activity-title {
	display: flex;
    align-items: center;
    padding-right: 30px;
  }
  .activity-title i {
	  margin-left: 5px;
  }
  .chekboxlesson {
	position: absolute;
    right: -5px;
  }
  @media (max-width: 767px) {
    .chekboxlesson {
      top: 20px;
    }
	.hideme {
		display: none;
	}
}
.containerchek {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.containerchek input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
    top: 0px;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: #d4d4d4;
    border-radius: 50px;
}

/* On mouse-over, add a grey background color */
.containerchek:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.containerchek input:checked ~ .checkmark {
  background-color: #279427;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.containerchek input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.containerchek .checkmark:after {
  left: 7px;
    top: 5px;
    width: 6px;
    height: 9px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}