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;
}

    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:145px !important;
    right: 3% !important;
    width: 90%;
    padding: 1%;
    height:500px;    
    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:180px !important;overflow-y:scroll}
    .Mobile-text-right{text-align:right !important}
    .curvedBottom { display:none !important}

/* scrollbar */
/*::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: #F5F5F5;
    border-radius: 10px;
}
::-webkit-scrollbar
{
	width: 10px;
	background-color: #F5F5F5;
}

::-webkit-scrollbar-thumb
{
	border-radius: 10px;
	background-image: -webkit-gradient(linear,
									   left bottom,
									   left top,
									   color-stop(0.44, rgb(122,153,217)),
									   color-stop(0.72, rgb(73,125,189)),
									   color-stop(0.86, rgb(28,58,148)));
}
*/
/*back to top*/

./*content {
    width: 77%;
    margin: 50px auto;
    font-family: 'Merriweather', serif;
    font-size: 17px;
    color: #6c767a;
    line-height: 1.9;
}

@media (min-width: 500px) {
    .content {
        width: 43%;
    }

    #backToTop {
        margin: 30px;
    }
}

.content h1 {
    margin-bottom: -10px;
    color: #03a9f4;
    line-height: 1.5;
}

.content h3 {
    font-style: italic;
    color: #96a2a7;
}*/