body, div:not([id*='pnlItemDirection']):not([id*='pnlHeaderDirection']), span, a, h1, h2, h3, h4, h5, p {
    font-family: vazir !important;
    direction: rtl;
}

.top-bar {
    background-color: #2e3e77;
}

.page-title {
    background-color: #4ecdc4;
}

.page-title {
    padding-top: 40px;
    padding-bottom: 30px;
}

    .page-title .h2,
    .page-title .breadcrumbs,
    .woocommerce-breadcrumb a,
    .breadcrumbs a,
    .page-title .woocommerce-breadcrumb {
        color: #ffffff;
    }

li.woocommerce-MyAccount-navigation-link.is-active,
.yith-wcwl-add-button a:hover,
.yith-wcwl-add-button.show:before,
.yith-wcwl-wishlistexistsbrowse.show a:hover,
body.woocommerce-account ul li.woocommerce-MyAccount-navigation-link--purchased-products a:before,
.scshortlink .icon,
.product-info-box .before-gallery-unit .icon,
.highlight,
.pricing-table .pricing-price,
.course-section .panel-group .course-panel-heading:hover .panel-heading-left .course-lesson-icon i,
.course-section .panel-group .course-panel-heading.active .panel-heading-left .course-lesson-icon i,
.countdown-timer-holder.standard .countdown-unit .number,
.blog-loop-inner .post .post-meta i,
.studiare-event-item .studiare-event-item-holder .event-inner-content .event-meta .event-meta-piece i,
.event-single-main .event-meta-info .box-content .icon,
.countdown-amount,
.products .course-item .course-item-inner .course-content-holder .course-content-bottom .course-price,
.product-meta-info-list .meta-info-unit .icon,
.woocommerce-account .woocommerce-MyAccount-navigation ul li:before,
.product_list_widget li > .amount,
.product_list_widget li ins .amount,
.header-button-link .btn-filled,
body.woocommerce-account ul li.woocommerce-MyAccount-navigation-link a:before {
    color: #26a69a;
}

.sc-buttons-sq-sw .woosq-btn,
.sc-buttons-sq-sw .woosw-btn,
.sk-cube-grid .sk-cube,
.main-sidebar-holder .widget .widget-title:before,
.page-pagination > span,
.btn-filled,
.top-bar-cart .dropdown-cart .woocommerce-mini-cart__buttons a:first-child,
input[type=button],
input[type=reset],
input[type=submit],
.button,
.button-secondary,
.woocommerce_message .button,
.woocommerce-message .button,
.studiare-social-links.rounded li a.custom:hover,
ul.page-numbers .page-numbers.current,
ul.page-numbers .page-numbers:hover,
.page-numbers.studiare_wp_link_pages > .page-number,
.studiare-event-item .studiare-event-item-holder .event-inner-content .date-holder .date:before,
.studiare-event-item .studiare-event-item-holder .event-inner-content .date-holder .date:after,
.product-reviews .product-review-title .inner:after,
.product-reviews-stats .detailed-ratings .detailed-ratings-inner .course-rating .bar .bar-fill,
.owl-dots .owl-dot.active span,
.double-bounce1,
.double-bounce2 {
    background-color: #26a69a;
}

.studiare-social-links.rounded li a.custom:hover,
.studiare-event-item .studiare-event-item-holder .event-inner-content .date-holder .date,
.header-button-link .btn-filled {
    border-color: #26a69a;
}

.blog-loop-inner .post .post-meta i,
a:hover,
.top-bar-cart .dropdown-cart .cart-item-content .product-title:hover,
.btn-border,
.studiare-navigation ul.menu li.current_page_item > a,
.studiare-navigation ul.menu li.current-menu-ancestor > a,
.studiare-navigation ul.menu li.current-menu-parent > a,
.studiare-navigation ul.menu li.current-menu-item > a,
.studiare-navigation .menu > ul li.current_page_item > a,
.studiare-navigation .menu > ul li.current-menu-ancestor > a,
.studiare-navigation .menu > ul li.current-menu-parent > a,
.studiare-navigation .menu > ul li.current-menu-item > a .event-single-side a.event_register_submit,
.event_register_submit,
.cart-page-inner .woocommerce-cart-form td.actions .button_update_cart,
.cart-collaterals .shop_table tr.shipping .button,
.product-info-box .button,
.btn-link,
.course-section .panel-group .panel-content a,
.cart-collaterals .shop_table tr.shipping .shipping-calculator-button,
.section-heading .section-subtitle,
.not-found .not-found-icon-wrapper .error-page,
.products .course-item .course-item-inner .course-content-holder .course-content-main .course-rating-teacher .course-loop-teacher,
.product-single-main .product-single-top-part .before-gallery-unit .icon,
.bbpress #bbpress-forums .bbp-author-name,
.blog-loop-inner .post.sticky .entry-title a,
.page .commentlist .comment .reply .comment-reply-link,
.single-post .commentlist .comment .reply .comment-reply-link,
.page .commentlist .comment .vcard .fn a:hover,
.single-post .commentlist .comment .vcard .fn a:hover {
    color: #4ecdc4;
}

    .sc-buttons-sq-sw .woosq-btn:hover,
    .sc-buttons-sq-sw .woosw-btn:hover,
    .woosw-area .woosw-inner .woosw-content .woosw-content-top,
    .woosw-area .woosw-inner .woosw-content .woosw-content-bot,
    .event-single-main .event-meta-info,
    .mini-cart-opener .studiare-cart-number,
    .widget_tag_cloud .tag-cloud-link,
    .off-canvas-navigation .off-canvas-cart .cart-icon-link .studiare-cart-number,
    .back-to-top:hover,
    .btn-border:hover,
    .event-single-side a.event_register_submit:hover,
    .event_register_submit:hover,
    .cart-page-inner .woocommerce-cart-form td.actions .button_update_cart:hover,
    .cart-collaterals .shop_table tr.shipping .button:hover,
    .product-info-box .button:hover,
    .course-section .panel-group .course-panel-heading .preview-button,
    .partners-logos .partner-logo-item .partner-logo-inner .hover-mask:after,
    .portfolio-entry .portfolio-entry-thumb .overlay-icon,
    .portfolio-list-cat ul li a.mixitup-control-active,
    .courses-holder .courses-top-bar .layout-switcher > a.active,
    .select2-container--default .select2-selection--single:hover,
    .select2-container--default.select2-container--open.select2-container--above .select2-selection--single,
    .select2-container--default.select2-container--open.select2-container--below .select2-selection--single {
        background-color: #4ecdc4;
    }

.select2-container--open .select2-dropdown--below,
.btn-border,
.event-single-side a.event_register_submit,
.event_register_submit,
.cart-page-inner .woocommerce-cart-form td.actions .button_update_cart,
.cart-collaterals .shop_table tr.shipping .button,
.product-info-box .button,
.portfolio-list-cat ul li a.mixitup-control-active,
.courses-holder .courses-top-bar .layout-switcher > a.active,
.select2-container--default .select2-selection--single:hover,
.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,
.blog-loop-inner .post.sticky .entry-title a {
    border-color: #4ecdc4;
}

[class*=hint--]:after {
    background-color: #494949;
}

.hint--top-left:before,
.hint--top-right:before,
.hint--top:before {
    border-top-color: #494949;
}

.hint--left:before {
    border-left-color: #494949;
}

.hint--right:before {
    border-right-color: #494949;
}

.hint--bottom-left:before,
.hint--bottom-right:before,
.hint--bottom:before {
    border-bottom-color: #494949;
}

body {
    max-width: 100%;
    color: #7d7e7f;
    font-size: 14px;
    overflow-x: hidden;
}


.studiare-navigation ul.menu > li > a,
.studiare-navigation .menu > ul > li > a {
    font-weight: 400;
    font-size: 15px;
}

.studiare-navigation ul.menu > li ul li > a,
.studiare-navigation .menu > ul > li ul li > a {
    font-weight: 400;
    font-style: normal;
    font-size: 13px;
}

h1,
.h1 {
    font-weight: 700;
    font-style: normal;
    color: #464749;
    font-size: 22px;
}

h2,
.h2 {
    font-weight: 700;
    font-style: normal;
    color: #464749;
    font-size: 20px;
}

h3,
.h3 {
    font-weight: 700;
    font-style: normal;
    color: #464749;
    font-size: 18px;
}

h4,
.h4 {
    font-weight: 700;
    font-style: normal;
    color: #464749;
    font-size: 16px;
}

h5,
.h5 {
    font-weight: 700;
    font-style: normal;
    color: #464749;
    font-size: 14px;
}

h6,
.h6 {
    font-weight: 700;
    font-style: normal;
    color: #464749;
    font-size: 12px;
}

.site-footer {
    background-color: #1f272b;
}

.sc-single-product-message {
    background-color: #ffc107;
    background-attachment: scroll;
    background-image: url('http://studiare.sunthemes.ir/wp-content/uploads/2019/10/icon-back-OWL.png');
}

.sc-single-product-message {
    color: #ffffff;
}

.product-info-box.sc-amazing-offer,
.woosw-area .woosw-inner .woosw-content .woosw-content-top,
.woosw-area .woosw-inner .woosw-content .woosw-content-bot {
    background-color: #e91e63;
}

.product-info-box.sc-amazing-offer {
    color: #ffffff;
}

.vc_custom_1585482604545 {
    /*    background-image: url(http://studiare.sunthemes.ir/wp-content/uploads/2020/03/home5bg2.jpg?id=1325) !important;*/
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}


.vc_custom_1585462418789 {
    background-color: #f5f5f5 !important;
}

.vc_custom_1585461606320 {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
}

.vc_custom_1585478451238 {
    padding-top: 80px !important;
    padding-bottom: 80px !important;
    background-image: url(http://studiare.sunthemes.ir/wp-content/uploads/2020/03/home5events.jpg?id=1309) !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}

.vc_custom_1585460766751 {
    margin-top: -170px !important;
}



/*My Css*/


a:hover {
    /*    cursor: pointer;
    pointer-events: none;*/
}

.container-fluid {
    margin: 0 !important;
    padding: 0 !important;
}

.navBar {
    padding: 1vh 2vw !important;
    margin-bottom: 1vh;
}

.navBar2 {
    text-align: center;
    border-top: 1px dashed lightgray;
    margin: 1vh auto !important;
}

.site-navigation {
    margin: 0 auto;
}


.searchBox {
    width: 60%;
    margin: 0 auto;
}

.dgwt-wcas-sf-wrapp button.dgwt-wcas-search-submit {
    left: 0 !important;
    right: auto !important;
}

.lineBreak {
    margin: 2vh 0 !important;
}

div.studiare-event-item-holder {
    min-height: 30vh !important;
}

.date {
    height: 120px !important;
    padding: 10px 0 !important;
    margin-top: 3vh;
}

    .date > span {
        margin-top: 10px !important;
    }

.innerElement {
    padding: 2vh 4vw !important;
}

article.lineBreak {
    margin-top: 0 !important;
}


.sc_studi_smart_nav_content {
    background: white;
}

.vc_tta-tab {
    display: inline-block;
    margin: 2vh 2vw;
}

.vc_tta-tabs-list {
    text-align: center;
}

.orgInfo {
    right: 0;
    display: inline-block;
    /*    width:60VW;*/
}

.headerLogin {
    left: 0;
    display: inline-block;
    /*    width: 40vw;*/
}

    .headerLogin > a {
        float: left;
    }

.divLogo {
    padding: 0;
}

.imgLogo {
    height: 55px;
    border-radius: 5px;
}

    .imgLogo:hover {
        transform: scale(3);
        margin-right: 3vw;
        margin-top: 3vw;
        transition: 0.3s ease-in-out;
        border-radius: 15px;
        background-color: white;
        position: fixed;
        z-index: 1;
    }

.sub-menu {
    top: 6vh;
}

.row.nav {
    /*    margin-right: -3vw;*/
    /*    margin-bottom:0;*/
    /*    margin-top:3vh;*/
}

.divOrgTitle {
    margin-right: -1vw;
}

.navigationBar {
    display: block;
    text-align: center;
    padding-top: 3vh;
    padding-right: 16vw;
}

.studiare-navigation ul.menu > li, .studiare-navigation .menu > ul > li {
    margin: 0;
}

.divSearch {
    margin-top: -1vh;
    text-align: left;
    /*    margin-right:5vw;*/
    display: inline-block;
}

.caret-arrow:before {
    margin-right: 0.5vw;
}


.face {
    margin: 20vh 0;
    padding: 0vh 5vw;
    padding-top: 40px;
}


.curvedBottom {
    margin-top: -20vh;
}
/*footer*/
.footer-widgets {
    max-width: 100%
}

.footerCol {
    padding: 0vh 6vw;
}

/*svg, g, path, use{
    max-width: 100%;
    overflow:hidden;

}*/

div.hoverBoard {
    display: none;
    height:95% !important;
    top:-5px !important;
}

div.course-content-mid {
    padding: 1vh 0;
}


div.hoverKey:hover .hoverBoard, div.hoverBoard:hover {
    display: block;
    width: 88%;
    height: 45vh;
    margin: 2vh 1vw;
    padding: 2vh 4vw;
    transform: scale(1.1);
    padding: 2vh 1vw;
    font-size: 25px;
    background-color: white;
    box-shadow: 0 2px 2px 2px #c3baba;
    z-index: 5;
    animation: trn 1s ease;
    border-radius: 15px;
}

.hoverKey:hover .sale-perc {
    transform: scale(1.1)rotate(0deg);
    transition: 0.5s;
}

#ulmobileProfile {
    font-size: 1.5rem;
    margin-bottom: 3vh;
}

.requiredField {
    color: #c00000;
}

.ucClassCat {
    padding: 0 5vw;
}

@keyframes trn {
    0% {
        max-height: 0;
        opacity: 0.4;
    }

    100% {
        max-height: 60vh;
        opacity: 1;
    }
}

.sc-teacher {
    margin-top: -1.5vh;
}


.sliderImage {
    max-height: 75vh;
}

.teacherImage {
    border-radius: 30px;
}

.teacherName {
    margin-top: 0.7vh;
    font-size: 12px;
}

.courseDetail {
    font-size: 12px;
    padding: 0vh 1vw;
    /*    min-height: 15vh;*/
    max-height: 18vh;
}

.btnRegirster {
    color: white !important;
    margin: 1vh 2vw;
    width: 100%;
}

.courseTitle {
    font-size: 15px;
}

.sc_studi_card:hover .sc_studi_circle {
    border: 3px solid white;
}

.products .course-item .course-item-inner .course-thumbnail-holder img {
    max-height: 25vh;
}

.copyright-cell, .copyright-cell > a {
    color: #263238 !important;
}

.post_readmore {
    margin: 5px 0;
}

    .post_readmore a {
        background: #26a69a;
    }

    .post_readmore:hover a {
        background: #c6ccd0;
    }

ul.links {
    margin-right: -50vw;
    width: 80vw !important;
}

ul.courseGroups {
    width: 70vw !important;
    /*margin-right: -25vw;*/
}

.site-header {
    width: 100%;
    position: fixed;
}

.txtSearch {
    width: 50vw;
    height: 6vh;
    border-radius: 10px !important;
    margin-left: -1vw;
    padding: 1vw !important;
    border-color: #26a69a;
}

.btnSearch {
    opacity: 1;
    height: 6vh;
    border-radius: 5px 0 0 5px;
}

#backToTop {
    display: inline-block;
    background-color: #26a69a;
    width: 50px;
    height: 50px;
    text-align: center;
    border-radius: 4px;
    position: fixed;
    bottom: 30px;
    left: 30px;
    transition: background-color .3s, opacity .5s, visibility .5s;
    opacity: 0;
    visibility: hidden;
    z-index: 1000;
}

    #backToTop i {
        font-size: 3rem;
        color: white;
    }

    #backToTop:hover {
        cursor: pointer;
        background-color: #2e3e77;
    }

        #backToTop:hover:after {
            margin-left: 0;
            transform: none;
            transition: none;
            -webkit-transform: none;
        }

    #backToTop:active {
        background-color: #555;
    }

    #backToTop.show {
        opacity: 1;
        visibility: visible;
    }

.copyright-inner {
    float: right
}

.site-header-inner.row {
    margin-bottom: 0;
}

.aWatchMe {
    font-size: 1.1rem;
}

.input-group-addon {
    min-width: 40px
}

#ulCourseGroups div li:after {
    content: '';
    display: block;
    position: absolute;
    left: 20px;
    right: 20px;
    height: 1px;
    background-color: #e9ecef;
}

.btn {
    border-bottom: 5px solid #d2d2d2;
}

.modal.current {
    margin: 1% !important;
    top: 195px !important;
    right: 3% !important;
    width: 90%;
    padding: 1%;
    height: 70vh;
    overflow-y: hidden;
}

.modal a.close-modal {
    top: 0;
    right: 0;
}

[id*="imgChildCover"] {
    height: 8vw;
    border-radius: 20px;
    opacity: 0.8;
    border-width: 2px !important;
    border: 1px solid;
}

    [id*="imgChildCover"]:hover {
        opacity: 1;
    }

.HeaderLogo {
    float: right;
    margin-right: 50px
}

.HeaderTitle {
    float: right;
    margin-right: 25px
}


@media only screen and (max-width: 920px) {
    .row {
        margin: 0;
    }

    .imgLogo {
        border-radius: 5px;
        margin-right: 2vw;
    }

    .navBar2 {
        display: none
    }

    .site-logo {
        margin-bottom: 1vh
    }

    .divSearch {
        text-align: right;
    }

        .divSearch > input {
            max-width: 70%
        }

    .register-modal-opener > span {
        display: none;
    }

    .register-modal-opener > i {
        float: left !important
    }

    .register-modal-opener {
        width: 80%;
    }

    .footerCol {
        padding-right: 10vw;
    }

    #backToTop i {
        font-size: 14vw !important;
    }

    .post_readmore {
        margin: 1vh 1vw;
    }

    .site-header {
        position: absolute
    }

    .vc_custom_heading {
        margin-right: 1vw
    }

    #backToTop {
        left: 15vw;
    }

    .footer-widgets {
        max-width: 95%;
        text-align: center
    }

    .copyright-inner {
        float: none;
        margin-right: 5vw;
        margin-top: 1vh
    }

    .mobile-nav-toggle {
        height: 100%;
        padding-top: 2.5vh !important;
    }

    .orgInfo {
        padding: 0
    }

    .ucClassCat {
        padding: 0 2vw;
    }

    .face {
        padding-top: 70px;
    }

    .HeaderLogo {
        margin-right: 0px;
        width: 50%;
        text-align: center
    }

    .HeaderTitle {
        margin-right: 10px
    }

    .modal.current {
        top: 25vh !important;
        overflow-y: scroll
    }

    .Mobile-text-right {
        text-align: right !important
    }

    .curvedBottom {
        display: none !important
    }
}

.btn-info {
    padding: 5px 30px !important;
}