@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600,700,800|Roboto:400,500,700');
*{margin:0;padding:0;-webkit-font-smoothing:antialiased;-webkit-text-shadow:rgba(0,0,0,.01) 0 0 1px;text-shadow:rgba(0,0,0,.01) 0 0 1px}
body{font-size:14px;font-weight:400;background:#fff;color:#a5a5a5}
div{display:block;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
ul{list-style:none;margin-bottom:0}
p{font-size:14px;line-height:2.29;font-weight:400;color:#a5a5a5;-webkit-font-smoothing:antialiased;-webkit-text-shadow:rgba(0,0,0,.01) 0 0 1px;text-shadow:rgba(0,0,0,.01) 0 0 1px}
p a{display:inline;position:relative;color:inherit;border-bottom:solid 1px #ffa07f;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;-ms-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease}
::selection{background:#ee5253;color:#d1ccc0}
p::selection{background:#ee5253;color:#d1ccc0}
h1{font-size:36px}
h2{font-size:22px}
h3{font-size:18px}
h4{font-size:14px}
h5{font-size:11px}
h1,h2,h3,h4,h5,h6{-webkit-font-smoothing:antialiased;-webkit-text-shadow:rgba(0,0,0,.01) 0 0 1px;text-shadow:rgba(0,0,0,.01) 0 0 1px}
::-webkit-input-placeholder{font-size:14px!important;font-weight:500!important;color:#a5a5a5!important}
:-moz-placeholder{font-size:14px!important;font-weight:500!important;color:#a5a5a5!important}
::-moz-placeholder{font-size:14px!important;font-weight:500!important;color:#a5a5a5!important}
:-ms-input-placeholder{font-size:14px!important;font-weight:500!important;color:#a5a5a5!important}
::input-placeholder{font-size:14px!important;font-weight:500!important;color:#a5a5a5!important}
.form-control{color:#db5246}
section{display:block;position:relative;box-sizing:border-box}
.clear{clear:both}
.clearfix::after,.clearfix::before{content:"";display:table}
.clearfix::after{clear:both}
.clearfix{zoom:1}
.float_left{float:left}
.float_right{float:right}
.trans_200{-webkit-transition:all .2s ease;-moz-transition:all .2s ease;-ms-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease}
.trans_300{-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}
.trans_400{-webkit-transition:all .4s ease;-moz-transition:all .4s ease;-ms-transition:all .4s ease;-o-transition:all .4s ease;transition:all .4s ease}
.trans_500{-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-ms-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease}
.fill_height{height:100%}
.super_container{width:100%;overflow:hidden}
.prlx_parent{overflow:hidden}
.prlx{height:130%!important}
.dropdown-toggle::after{vertical-align:0px;color:#000;}
.nopadding{padding:0!important}
.header{position:fixed;top:0;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);width:1318px;height:104px;background:#fff;z-index:10;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;-ms-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease}
.header .phonenumber li{float:left;margin-left:-198px;margin-top:18px;color:#1a1a1a;font-size:18px;font-family:iraniansens;display:none}
.logoresponsive{display:none}
.header.scrolled{top:15px}
.header_content{width:calc(100% - 279px);height:100%}
.header_content::before{display:block;position:absolute;top:0;left:0;width:100%;height:100%;content:"";box-shadow:0 20px 49px rgba(0,0,0,.67);z-index:-1}
.logo_container{display:inline-block;padding-left:50px}
.logo span{font-size:30px;font-weight:900;color:#3a3a3a;vertical-align:middle;text-transform:uppercase;margin-left:3px}
.main_nav_container{display:inline-block;margin-left:auto}
.main_nav{padding:0 15px;}
.main_nav_item{display:inline-block;margin-right:40px}
.main_nav_item:last-child{margin-right:0}
.main_nav_item a{font-size:.9vw;text-transform:uppercase;font-weight:700;color:#3a3a3a;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;-ms-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease}
.main_nav_item a:hover{color:#ffb142}
.header_side{width:279px;height:100%;background:#ee5253}
.header_side img{width:29px;height:29px}
.header_side span{display:block;position:relative;font-size:18px;font-weight:500;color:#fff;padding-left:12px}
.hamburger_container{position:absolute;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);right:20px;display:none;cursor:pointer}
.hamburger_container i{font-size:24px;padding:10px;color:#3a3a3a}
.hamburger_container:hover i{color:#ffb142}
.menu_container{position:fixed;top:0;right:-50vw;width:50vw;height:100vh;background:#fff;z-index:12;-webkit-transition:all .6s ease;-moz-transition:all .6s ease;-ms-transition:all .6s ease;-o-transition:all .6s ease;transition:all .6s ease;visibility:hidden;opacity:0}
.menu_container.active{visibility:visible;opacity:1;right:0}
.menu{position:absolute;top:150px;left:0;padding-left:15%}
.menu_list{-webkit-transform:translateY(3.5rem);-moz-transform:translateY(3.5rem);-ms-transform:translateY(3.5rem);-o-transform:translateY(3.5rem);transform:translateY(3.5rem);-webkit-transition:all .2s ease;-moz-transition:all .2s ease;-ms-transition:all .2s ease;-o-transition:all .2s ease;transition:all 1s .6s ease;opacity:0}
.menu_container.active .menu_list{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);opacity:1;text-align:right}
.menu_item{margin-bottom:9px}
.menu_item a{font-size:36px;font-weight:700;color:#3a3a3a;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;-ms-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease}
.menu_item a:hover{color:#ffb142}
.menu_close_container{position:absolute;top:86px;right:79px;width:21px;height:21px;cursor:pointer;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}
.menu_close{top:9px;width:21px;height:3px;background:#3a3a3a;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;-ms-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease}
.menu_close::after{display:block;position:absolute;top:-9px;left:9px;content:"";width:3px;height:21px;background:#3a3a3a;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;-ms-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease}
.menu_close_container:hover .menu_close,.menu_close_container:hover .menu_close::after{background:#ee5253}
.menu_social_container{margin-top:100px;-webkit-transform:translateY(3.5rem);-moz-transform:translateY(3.5rem);-ms-transform:translateY(3.5rem);-o-transform:translateY(3.5rem);transform:translateY(3.5rem);-webkit-transition:all 1s 1s ease;-moz-transition:all 1s 1s ease;-ms-transition:all 1s 1s ease;-o-transition:all 1s 1s ease;transition:all 1s 1s ease;opacity:0;padding-left:4px}
.menu_social_item{display:inline-block;margin-right:30px}
.menu_social_item a i{color:#3a3a3a}
.menu_social_item a i:hover{color:#ffb142}
.menu_container.active .menu_social_container{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);opacity:1}
.menu_copyright{margin-top:60px;-webkit-transform:translateY(3.5rem);-moz-transform:translateY(3.5rem);-ms-transform:translateY(3.5rem);-o-transform:translateY(3.5rem);transform:translateY(3.5rem);-webkit-transition:all 1s 1.2s ease;-moz-transition:all 1s 1.2s ease;-ms-transition:all 1s 1.2s ease;-o-transition:all 1s 1.2s ease;transition:all 1s 1.2s ease;opacity:0;padding-left:3px}
.menu_container.active .menu_copyright{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);opacity:1}
.home{width:100%;height:100vh}
.hero_slider_container{width:100%;height:100%}
.hero_slide{width:100%;height:100%}
.hero_slide_background{position:absolute;top:0;left:0;width:100%;height:100%;background-repeat:no-repeat;background-size:cover;background-position:center center}
.hero_slide_container{width:100%;height:100vh}
.hero_slide_content{max-width:80%;-webkit-transform:translateY(30px);-moz-transform:translateY(30px);-ms-transform:translateY(30px);-o-transform:translateY(30px);transform:translateY(30px)}
.hero_slide_content h1{font-size:72px;font-weight:400;color:#fff}
.hero_slide_content h1 span{background:#ee5253;padding-right:13px;margin-left:-12px;margin-right:-12px}
.animated{-webkit-animation-duration:1s!important;animation-duration:1s!important;-webkit-animation-delay:.5s;animation-delay:.5s}
.animate-out{-webkit-animation-delay:0s;animation-delay:0s}
.hero_slider_nav{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;flex-direction:column;justify-content:center;align-items:center;position:absolute;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(calc(-50% + 30px));width:58px;height:58px;background:#fff;z-index:9;cursor:pointer}
.hero_slider_nav:hover{background:#ee5253}
.hero_slider_nav:hover span{color:#fff}
.hero_slider_nav span{display:block;text-transform:uppercase;font-size:12px;font-weight:700;color:#121212;line-height:1}
.hero_slider_left{left:4.32%}
.hero_slider_right{right:4.32%}
.hero_boxes{width:100%;height:0;z-index:9;padding-top:0}
.hero_boxes_inner{position:absolute;top:-212px;left:0;width:100%}
.hero_box{width:100%;height:161px;background:#1a1a1ac4;cursor:pointer;margin-top:10px}
.hero_box:hover{background:#ee5253}
.hero_box img{width:62px;height:auto;margin-top:-6px}
.svg path{fill:#ffb142}
.hero_box svg{width:62px;height:auto}
.hero_box:hover svg path{fill:#fff}
.hero_box_content{padding-left:13px;padding-top:11px;margin-top:-6px}
.hero_box_title{font-size:24px;font-weight:500;color:#fff;margin-bottom:7px}
.hero_box_link{font-size:12px;font-weight:500;text-transform:uppercase;color:#fff;padding-left:3px}
.hero_box_link:hover{color:#1a1a1a}
.page_section{padding-top:117px;padding-bottom:117px}
.section_title h1{display:block;color:#1a1a1a;font-weight:500;padding-top:24px}
.section_title h1::before{display:block;position:absolute;top:0;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);width:55px;height:4px;content:"";background:#ee5253}
.button{cursor:pointer}
.button:hover{box-shadow:0 10px 20px rgba(0,0,0,.2)}
.button a{font-size:14px;line-height:48px;font-weight:700;text-transform:uppercase}
.button_1{width:202px;height:48px}
.course_boxes{margin-top:68px}
.card{display:block;background:#f8f9fb;border:2px solid #ffb142;border-radius:12px}
.card-img-top{border-top-left-radius:0;border-top-right-radius:0;margin-top:0;border-radius:12px 12px 0 1px}
.card-body{padding-top:0;padding-bottom:0;padding-left:15px;padding-right:15px}
.card-title{margin-top:55px}
.card-title a{font-size:22px;font-weight:500;color:#1a1a1a;line-height:1.2}
.card-title a:hover{color:#a5a5a5}
.card-text{font-size:14px;font-weight:500;color:#a5a5a5;margin-top:-12px}
.price_box{width:100%;height:67px;background:#eaebec;margin-top:41px;padding-left:35px}
.course_author_image{overflow:hidden}
.course_author_name{font-size:14px;font-weight:500;color:#1a1a1a;padding-left:20px;margin-top:7px}
.course_author_name span{color:#a5a5a5}
.course_price{width:67px;height:67px;background:#ee5253;margin-left:auto}
.course_price span{color:#fff;font-size:18px;font-weight:500;margin-top:7px}
.register{width:100%}
.register_section{width:100%;height:100%;background:#ffb142}
.register_content{width:100%}
.register_title{color:#fff;margin-bottom:16px;line-height:1.63}
.register_title:last-child{margin-bottom:0}
.register_title span{color:#1a1a1a}
.register_text{color:#fff;font-weight:500;margin-top:32px;padding-left:25px;padding-right:25px;margin-bottom:0}
.register_button{background:#1a1a1a;margin-top:65px}
.register_button a{color:#fff}
.search_section{width:100%;height:100%;background:#ececec}
.search_content{width:522px}
.search_background{position:absolute;top:0;left:0;width:100%;height:100%;background-repeat:no-repeat;background-position:center center;background-size:cover;opacity:.23}
.search_title{color:#1a1a1a}
.search_form{margin-top:57px}
.input_field{width:100%;height:42px;background:#fff;box-sizing:border-box;border:solid 2px #fff;padding-left:25px;margin-bottom:24px}
input:last-of-type{margin-bottom:0}
.input_field:focus{outline:0!important;border:solid 2px #ffb142}
.search_submit_button{width:100%;height:48px;background:#ee5253;color:#fff;font-size:14px;text-transform:uppercase;font-weight:700;margin-top:28px;border:none;cursor:pointer}
.search_submit_button:hover{box-shadow:0 10px 20px rgba(0,0,0,.2)}
.search_submit_button:focus{outline:solid 2px #fff}
.services{padding-bottom:76px}
.services_row{margin-top:65px}
.service_item{margin-bottom:41px}
.service_item h3{font-size:22px;font-weight:500;color:#1a1a1a;margin-bottom:13px}
.service_item p{font-size:14px;font-weight:500;color:#a5a5a5;max-width:100%;margin-bottom:0}
.icon_container{height:41px;width:auto;margin-bottom:30px}
.icon_container img{height:100%}
.testimonials{width:100%;background:#1a1a1a}
.testimonials_background_container{position:absolute;top:0;left:0;width:100%;height:100%}
.testimonials_background{width:100%;height:100%;background-repeat:no-repeat;background-size:cover;background-position:center center;opacity:.27}
.testimonials .section_title h1{color:#fff}
.testimonials_slider_container{padding-left:30px;padding-right:30px;margin-top:56px}
.testimonials_item{width:100%;padding-bottom:75px}
.quote{font-size:36px;color:#ffb142}
.testimonials_text{color:#fff;margin-bottom:0}
.testimonial_user{margin-top:43px}
.testimonial_image{width:98px;height:98px;border-radius:50%;overflow:hidden}
.testimonial_image img{width:100%;height:auto}
.testimonial_name{font-size:16px;font-weight:700;text-transform:uppercase;color:#ffb142;margin-top:21px}
.testimonial_title{font-size:14px;font-weight:500;color:#fff;margin-top:6px}
.testimonials_slider .owl-dots{display:-webkit-box!important;display:-moz-box!important;display:-ms-flexbox!important;display:-webkit-flex!important;display:flex!important;flex-direction:row!important;justify-content:center;align-items:center}
.testimonials_slider .owl-dot span{width:8px!important;height:8px!important;border:solid 2px #fff;background:0 0!important}
.testimonials_slider .owl-dot.active span{width:16px!important;height:16px!important;border:none;background:#ffb142!important}
.event_items{margin-top:68px}
.event_item{margin-bottom:56px}
.event_item:last-child{margin-bottom:0}
.event_date{width:131px;height:131px;border:solid 2px #ffb142;margin-bottom:18px}
.event_day{font-size:48px;font-weight:700;color:#ffb142;margin-bottom:1px;line-height:1}
.event_month{font-size:16px;font-weight:700;color:#ffb142}
.event_name a{font-size:22px;font-weight:500;color:#1a1a1a}
.event_name a:hover{color:#ffb142}
.event_location{font-size:14px;font-weight:500;color:#1a1a1a;margin-top:2px}
.event_content p{font-weight:500;color:#a5a5a5;margin-top:21px;margin-bottom:13px}
.event_image img{width:100%}
.footer{width:100%;padding-top:39px;background:#1a1a1a}
.footer .section_title h1{color:#fff}
.newsletter{padding-bottom:85px;border-bottom:solid 2px #4d4e4e}
.newsletter_form_container{width:60%;margin-top:48px}
.newsletter_email{width:calc(100% - 164px);height:42px;border:none;padding-left:27px;font-weight:500;color:#1a1a1a}
.newsletter_email:focus{outline:solid 2px #ffb142}
.newsletter_submit_btn{width:164px;height:42px;border:none;background:#ffb142;color:#fff;font-size:14px;font-weight:500;cursor:pointer}
.newsletter_submit_btn:focus{border:solid 2px #fff}
.footer_content{padding-bottom:83px;border-bottom:solid 2px #4d4e4e}
.footer_content .logo_container{padding-left:0}
.footer_content .logo span{color:#fff}
.footer_about_text{margin-top:24px;margin-bottom:0;padding-right:20px}
.footer_column_title{font-size:18px;font-weight:500;color:#fff;padding-top:15px}
.footer_column_content{margin-top:32px}
.footer_list_item{margin-bottom:11px}
.footer_list_item a{font-size:14px;color:#a5a5a5;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;-ms-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease}
.footer_list_item a:hover{color:#ffb142}
.footer_contact_item{font-size:14px;font-weight:400;color:#a5a5a5;margin-bottom:22px}
.footer_contact_item:last-child{margin-bottom:0}
.footer_contact_icon{display:inline-block;width:24px;height:24px;vertical-align:middle;margin-right:10px}
.footer_contact_icon img{width:100%}
.footer_bar{padding-top:19px;padding-bottom:19px}
.footer_social .menu_social_item a i{color:#fff}
.footer_social .menu_social_item a i:hover{color:#ffb142}
.footer_social .menu_social_item:last-child{margin-right:0}
.course-dts,.instagram-new{direction:rtl}
.instagram-new .col-md-3,.instagram-new .col-md-9{float:right}
.instagram-new .col-md-9 .col-md-3 h4{font-size:20px;display:flow-root;}
.instagram-new .col-md-9 .col-md-3 h3{font-size:20px;display:grid;line-height:4vh;}
.mw-75{max-width:75%}
.instagram-new .btn{background:#17a2b8;border:1.5px solid #17a2b8;transition:.5s}
.instagram-new .btn:hover{background:0 0;color:#17a2b8!important}
.instagram-new .sh{box-shadow:0 0 5px 0 rgba(0,0,0,.1)}
.d-md-none{display:none}
.d-xs-none{display:block}
@media (max-width:1200px){
.instagram-new .sh{border:.5px solid #999}
.d-md-none{display:block!important}
.d-xs-none{display:none!important}
.instagram-new .container{max-width:90%!important;width:90%!important}
.course-dts .container{max-width:100%!important;width:100%!important}
.profile .container{max-width:100%!important;width:100%!important}
.collapse-sd .content a h3{display:ruby-text}
.course-dts .top h3 a{float:inline-start!important;line-height:30px}
.course-dts .imag{height:auto!important;padding:20px 0}
.course-dts .col-md-3 .col-md-3 img{width:25%!important}
}
.course-dts .imag{overflow:hidden;display:flex;align-items:center;justify-content:center}
body .heart-button{margin-top:40px}
.heart,.heart-button{cursor:pointer;outline:0;-webkit-appearance:none;-webkit-tap-highlight-color:transparent}
.heart .heart-flip,.heart-button .heart-flip{--base:15px;--duration:0.6s;--active:#ea4673;--inactive:#000;width:var(--base);height:calc(var(--base) + var(--base)/ 2);border-radius:calc(var(--base)/ 2) calc(var(--base)/ 2) 0 0;position:relative;-webkit-transform-origin:50% 66.66%;transform-origin:50% 66.66%;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform:rotate(var(--rotate,-45deg));transform:rotate(var(--rotate,-45deg));-webkit-transition:background var(--duration),-webkit-transform var(--duration) ease;transition:background var(--duration),transform var(--duration) ease;background:var(--heart-background,var(--inactive))}
.heart .heart-flip:after,.heart .heart-flip:before,.heart-button .heart-flip:after,.heart-button .heart-flip:before{content:"";width:calc(var(--base)/ 2);height:var(--base);border-radius:var(--pseudo-border-radius,calc(var(--base)/ 2) 0 0 calc(var(--base)/ 2));position:absolute;left:var(--pseudo-left,-50%);-webkit-transform-origin:var(--pseudo-origin,100%) 50%;transform-origin:var(--pseudo-origin,100%) 50%;bottom:0;background:var(--heart-background,var(--inactive));-webkit-filter:brightness(var(--pseudo-filter, 50%));filter:brightness(var(--pseudo-filter, 50%));-webkit-transform:translateX(1%) rotateY(var(--pseudo-rotate,90deg)) translateZ(0);transform:translateX(1%) rotateY(var(--pseudo-rotate,90deg)) translateZ(0);-webkit-transition:background var(--duration),-webkit-transform var(--duration) ease,-webkit-filter var(--duration);transition:background var(--duration),transform var(--duration) ease,filter var(--duration)}
.heart .heart-flip:after,.heart-button .heart-flip:after{--pseudo-border-radius:0 calc(var(--base) / 2) calc(var(--base) / 2) 0;--pseudo-left:100%;--pseudo-origin:0;-webkit-filter:brightness(var(--pseudo-filter-second, 100%));filter:brightness(var(--pseudo-filter-second, 100%));-webkit-transform:translateX(-1%) rotateY(var(--pseudo-rotate-second,0deg)) translateZ(0);transform:translateX(-1%) rotateY(var(--pseudo-rotate-second,0deg)) translateZ(0)}
.heart-button.active .heart-flip,.heart.active .heart-flip{--rotate:45deg;--pseudo-filter:100%;--pseudo-filter-second:50%;--pseudo-rotate:0deg;--pseudo-rotate-second:90deg;--heart-background:var(--active)}
.heart-button{--duration:0.4s;--border:#d1d6ee;--border-hover:#bbc1e1;--border-active:#ea4673;--background:#fff;--background-active:#ea4673;line-height:1.6;padding:6px 10px 6px 15px;border-radius:7px;border:1px solid var(--button-border,var(--border));background:var(--button-background,var(--background));-webkit-transform:scale(var(--button-scale,1)) translateZ(0);transform:scale(var(--button-scale,1)) translateZ(0);-webkit-transition:background var(--duration),border-color var(--duration),color var(--duration),-webkit-transform .2s;transition:background var(--duration),border-color var(--duration),color var(--duration),transform .2s}
.heart{background:0 0;border:none;padding:0;-webkit-transform:scale(var(--button-scale,1)) translateZ(0);transform:scale(var(--button-scale,1)) translateZ(0);-webkit-transition:-webkit-transform .2s;transition:-webkit-transform .2s;transition:transform .2s,-webkit-transform .2s}
.heart:active{--button-scale:0.95}
.heart-button .heart-flip{--base:8px;--active:#fff;--inactive:#bbc1e1;display:inline-block;vertical-align:top;margin:4px 6px 0 0}
.heart-button span{display:inline-block;vertical-align:top}
.heart-button>span{-webkit-transition:-webkit-transform var(--duration);transition:-webkit-transform var(--duration);transition:transform var(--duration),-webkit-transform var(--duration)}
.heart-button>span span{display:inline-block;vertical-align:top;opacity:var(--span-opacity,0);-webkit-transform:translateX(var(--span-x,4px));transform:translateX(var(--span-x,4px));-webkit-transition:opacity var(--duration),-webkit-transform var(--duration);transition:opacity var(--duration),transform var(--duration),-webkit-transform var(--duration)}
.heart-button:active{--button-scale:0.95}
.heart-button:hover{--button-color:var(--color-hover);--button-border:var(--border-hover)}
.heart-button.active{--button-color:var(--color-active);--button-border:var(--border-active);--button-background:var(--background-active);--span-opacity:1;--span-x:0}
.collapse-sd .collapsible{background-color:#f8f9fa;color:#000;cursor:pointer;padding:18px;width:100%;border:none;text-align:right;outline:0;font-size:15px;margin:3px 0;box-shadow:0 0 5px 0 rgba(0,0,0,.1)}
.collapse-sd .active,.collapse-sd .collapsible:hover{background-color:#f8f9fa}
.collapse-sd .content{padding:0;display:none;overflow:hidden;background-color:#dfdfdf;color:#ffb142}
.collapse-sd .content p{color:#000;margin:0!important;}
.collapse-sd .content a{padding:15px 10px}
.collapse-sd .content span span{border-radius:0px}
.border-bottom{border-bottom:1px solid rgba(0,0,0,.1)}
.btnpay{background:#ffb142;color:#fff}
.h-auto{height:auto!important}
.headd .header_side{height:85px}
.headd .header_side img{margin:auto;left:0;right:0;bottom:-35px;background:#fff;padding:3px;border-radius:50%}
.profile .col-md-3 ul li img{width:25px;margin:0 5px 0 10px;opacity:.7}
.profile .listcourse .card{overflow:hidden;border-radius:0!important;border:0;padding:5px;box-shadow:0 0 5px 0 rgba(0,0,0,.2)}
.tickets td,.tickets th{vertical-align:inherit}
.profile .reply-form{background:#fff;border:1px solid #eee;padding:15px}
.profile .textInput{border-radius:0;margin:0!important}
.profile .border-radius-0{border-radius:0}
.profile .textInput:focus{box-shadow:none;outline:0}
.profile .commentBox ul li .profileBox{width:50px;height:50px;border-radius:50%;display:inline-flex;justify-content:center;align-items:center;background-color:#002247;color:#fff;font-weight:700}
.profile .commentBox ul li:nth-child(even) .profileBox{background-color:#222}
.profile .profileText{border-radius:15px 15px 0 15px;padding:10px 15px 5px;position:relative;background-color:#e0efff;display:inline-block;margin-right:10px;width:50%}
.profile .commentBox ul li{display:flex;align-items:end}
.profile .commentBox ul li:nth-child(even) .profileText::before{right:unset;left:-9px;transform:translateY(-50%) rotate(175deg)}
.profile .commentBox ul li:nth-child(even) .profileText{text-align:right}
.profile div#div_id_username{margin:30px 0 0}
.profile .commentBox ul li:nth-child(even) .profileText{margin-right:0;margin-left:10px;border-radius:15px 15px 15px 0}
.profile .commentBox ul li:nth-child(even){text-align:right;margin:20px 0;justify-content:flex-end}
.profile .card h4{background-color:#f8f8f8;padding:15px;font-size:18px}
.profile .card ul li:not(:last-child){border-bottom:1px solid #f3f3f3}
.profile .card ul li{padding:10px 15px}
.profile .card ul li p{margin:0}
.btn-log{background:sandybrown;color:#fff;font-weight:bold;box-shadow:0 0 5px 0 rgba(0,0,0,0.2);}
@media (max-width:1200px){
.profile .profileText{width:80%!important}
.profile .reply-form{padding:0!important}
.profile .commentBox{padding:10px}
.profile{padding:0!important}
.profile .header_side{display:block!important}
}
.profile .textInput::placeholder{color:rgb(0,0,0,.4)!important}
.log{height:100vh;display:flex;align-items:center;justify-content:center}
.log .shadow{box-shadow:0 0 10px 0 rgba(0,0,0,.1)}
.refereshrecapcha img{margin:0 !important;}
.bg-sdho{background:#ee5253}
.text-sdho{color:#ee5253}