[class^="icon-"], [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }

.icon-proposal:before {
    content: "\e99e";
}
.icon-medal1:before {
    content: "\e99c"; }

.icon-medal:before {
    content: "\e99d"; }

.icon-card:before {
    content: "\e999"; }

.icon-discount2:before {
    content: "\e99a"; }

.icon-discount1:before {
    content: "\e99b"; }

.icon-whatsapp1:before {
    content: "\e998"; }

.icon-motor1:before {
    content: "\e992"; }

.icon-motor2:before {
    content: "\e993"; }

.icon-google1:before {
    content: "\e991"; padding-left: 10px }

.icon-cart3:before {
    content: "\e98f"; }

.icon-cart2:before {
    content: "\e990"; }

.icon-advisor:before {
    content: "\e98c"; }

.icon-planet-earth:before {
    content: "\e98d"; }

.icon-whatsapp:before {
    content: "\e98e"; }

.icon-worldwide:before {
    content: "\e98b"; }

.icon-refresh:before {
    content: "\e986"; }

.icon-headset:before {
    content: "\e987"; }

.icon-delivery1:before {
    content: "\e988"; }

.icon-return:before {
    content: "\e989"; }

.icon-box:before {
    content: "\e98a"; }

.icon-calendar1:before {
    content: "\e984"; }

.icon-expand1:before {
    content: "\e985"; }

.icon-discount:before {
    content: "\e983"; }

.icon-cross-circle:before {
    content: "\e980"; }

.icon-plus-circle2:before {
    content: "\e981"; }

.icon-tick-circle:before {
    content: "\e982"; }

.icon-folder2:before {
    content: "\e97c"; }

.icon-time1:before {
    content: "\e97d"; }

.icon-folder1:before {
    content: "\e97e"; }

.icon-folder3:before {
    content: "\e97f"; }

.icon-upload:before {
    content: "\e97b"; }

.icon-printer2:before {
    content: "\e977"; }

.icon-ticket:before {
    content: "\e978"; }

.icon-printer1:before {
    content: "\e979"; }

.icon-eye:before {
    content: "\e97a"; }

.icon-plus-circle1:before {
    content: "\e976"; }

.icon-coupon:before {
    content: "\e975"; }

.icon-download:before {
    content: "\e974"; }

.icon-bell:before {
    content: "\e973"; }

.icon-assigment:before {
    content: "\e972"; }

.icon-delivery:before {
    content: "\e971"; }

.icon-clock:before {
    content: "\e96a"; }

.icon-clock1:before {
    content: "\e96b"; }

.icon-edit:before {
    content: "\e96c"; }

.icon-seminar:before {
    content: "\e96d"; }

.icon-book:before {
    content: "\e96e"; }

.icon-quiz:before {
    content: "\e96f"; }

.icon-whiteboard:before {
    content: "\e970"; }

.icon-danger:before {
    content: "\e969"; }

.icon-reload:before {
    content: "\e968"; }

.icon-mute:before {
    content: "\e966"; }

.icon-pause:before {
    content: "\e967"; }

.icon-backward:before {
    content: "\e964"; }

.icon-forward:before {
    content: "\e965"; }

.icon-tick1:before {
    content: "\e963"; }

.icon-check-1:before {
    content: "\e95e"; }

.icon-time:before {
    content: "\e95f"; }

.icon-exam-1:before {
    content: "\e960"; }

.icon-school-material:before {
    content: "\e961"; }

.icon-checklist:before {
    content: "\e962"; }

.icon-clinic-history:before {
    content: "\e95c"; }

.icon-client:before {
    content: "\e95d"; }

.icon-question:before {
    content: "\e958"; }

.icon-photograph:before {
    content: "\e959"; }

.icon-shopping-cart:before {
    content: "\e95a"; }

.icon-ring:before {
    content: "\e95b"; }

.icon-settings:before {
    content: "\e950"; }

.icon-support:before {
    content: "\e951"; }

.icon-id-card:before {
    content: "\e952"; }

.icon-wallet:before {
    content: "\e953"; }

.icon-dashboard:before {
    content: "\e954"; }

.icon-conversation:before {
    content: "\e955"; }

.icon-gift:before {
    content: "\e956"; }

.icon-exit:before {
    content: "\e957"; }

.icon-finger:before {
    content: "\e94f"; }

.icon-motor:before {
    content: "\e94e"; }

.icon-back-3d:before {
    content: "\e94b"; }

.icon-money:before {
    content: "\e94c"; }

.icon-money-bag:before {
    content: "\e94d"; }

.icon-minus-circle:before {
    content: "\e948"; }

.icon-plus-circle:before {
    content: "\e949"; }

.icon-bin:before {
    content: "\e94a"; }

.icon-share1:before {
    content: "\e946"; }

.icon-tick:before {
    content: "\e947"; }

.icon-store:before {
    content: "\e945"; }

.icon-podcast:before {
    content: "\e944"; }

.icon-google-maps:before {
    content: "\e942"; }

.icon-waze1:before {
    content: "\e943"; }

.icon-send:before {
    content: "\e941"; }

.icon-sign-in:before {
    content: "\e940"; }

.icon-mail1:before {
    content: "\e93f"; }

.icon-minus1:before {
    content: "\e93d"; }

.icon-plus1:before {
    content: "\e93e"; }

.icon-mobile-phone:before {
    content: "\e93b"; }

.icon-password:before {
    content: "\e93c"; }

.icon-left-circle:before {
    content: "\e93a"; }

.icon-aparat:before {
    content: "\e939"; }

.icon-expand:before {
    content: "\e938"; }

.icon-pencil:before {
    content: "\e937"; }

.icon-reply:before {
    content: "\e932"; }

.icon-plus:before {
    content: "\e933"; }

.icon-minus:before {
    content: "\e934"; }

.icon-mail:before {
    content: "\e935"; }

.icon-printer:before {
    content: "\e936"; }

.icon-right-chevron:before {
    content: "\e930"; }

.icon-left-chevron:before {
    content: "\e931"; }

.icon-cancel:before {
    content: "\e92f"; }

.icon-diploma:before {
    content: "\e900"; }

.icon-mother:before {
    content: "\e901"; }

.icon-father:before {
    content: "\e902"; }

.icon-baby:before {
    content: "\e903"; }

.icon-family:before {
    content: "\e904"; }

.icon-instagram1:before {
    content: "\e905"; }

.icon-telegram:before {
    content: "\e906"; }

.icon-facebook:before {
    content: "\e907"; }

.icon-twitter:before {
    content: "\e908"; }

.icon-youtube:before {
    content: "\e909"; }

.icon-chat2:before {
    content: "\e90a"; }

.icon-play3:before {
    content: "\e90b"; }

.icon-phone:before {
    content: "\e90c"; }

.icon-menu:before {
    content: "\e90d"; }

.icon-cart1:before {
    content: "\e90e"; }

.icon-exam:before {
    content: "\e90f"; }

.icon-home:before {
    content: "\e910"; }

.icon-cart:before {
    content: "\e911"; }

.icon-user1:before {
    content: "\e912"; }

.icon-star:before {
    content: "\e913"; }

.icon-folder:before {
    content: "\e914"; }

.icon-play2:before {
    content: "\e915"; }

.icon-add-user:before {
    content: "\e916"; }

.icon-user:before {
    content: "\e917"; }

.icon-play1:before {
    content: "\e918"; }

.icon-waze:before {
    content: "\e919"; }

.icon-google:before {
    content: "\e91a"; }

.icon-calendar:before {
    content: "\e91b"; }

.icon-email:before {
    content: "\e91c"; }

.icon-placeholder1:before {
    content: "\e91d"; }

.icon-placeholder:before {
    content: "\e91e"; }

.icon-document:before {
    content: "\e91f"; }

.icon-search:before {
    content: "\e920"; }

.icon-left-arrow:before {
    content: "\e921"; }

.icon-like:before {
    content: "\e922"; }

.icon-right:before {
    content: "\e923"; }

.icon-left:before {
    content: "\e924"; }

.icon-play:before {
    content: "\e925"; }

.icon-speaker:before {
    content: "\e926"; }

.icon-share:before {
    content: "\e927"; }

.icon-speaker1:before {
    content: "\e928"; }

.icon-speaker2:before {
    content: "\e929"; }

.icon-speaker3:before {
    content: "\e92a"; }

.icon-chat1:before {
    content: "\e92b"; }

.icon-chat:before {
    content: "\e92c"; }

.icon-instagram:before {
    content: "\e92d"; }

.icon-call:before {
    content: "\e92e"; }

/* fonts */
@font-face {
    font-family: "yekanbakh";
    font-style: normal;
    font-weight: 100;
    src: url("../fonts/Yekan Bakh/Yekan Bakh FA 01 Hairline.eot?") format("eot"), url("../fonts/Yekan Bakh/Yekan Bakh FA 01 Hairline.woff2") format("woff2"), url("../fonts/Yekan Bakh/Yekan Bakh FA 01 Hairline.woff") format("woff"), url("../fonts/Yekan Bakh/Yekan Bakh FA 01 Hairline.ttf") format("truetype"), url("../fonts/Yekan Bakh/Yekan Bakh FA 01 Hairline.svg#yekanbakh") format("svg"); }
@font-face {
    font-family: "yekanbakh";
    font-style: normal;
    font-weight: 100;
    src: url("../fonts/Yekan Bakh/Yekan Bakh FA 02 Thin.eot?") format("eot"), url("../fonts/Yekan Bakh/Yekan Bakh FA 02 Thin.woff2") format("woff2"), url("../fonts/Yekan Bakh/Yekan Bakh FA 02 Thin.woff") format("woff"), url("../fonts/Yekan Bakh/Yekan Bakh FA 02 Thin.ttf") format("truetype"), url("../fonts/Yekan Bakh/Yekan Bakh FA 02 Thin.svg#yekanbakh") format("svg"); }
@font-face {
    font-family: "yekanbakh";
    font-style: normal;
    font-weight: 300;
    src: url("../fonts/Yekan Bakh/Yekan Bakh FA 03 Light.eot?") format("eot"), url("../fonts/Yekan Bakh/Yekan Bakh FA 03 Light.woff2") format("woff2"), url("../fonts/Yekan Bakh/Yekan Bakh FA 03 Light.woff") format("woff"), url("../fonts/Yekan Bakh/Yekan Bakh FA 03 Light.ttf") format("truetype"), url("../fonts/Yekan Bakh/Yekan Bakh FA 03 Light.svg#yekanbakh") format("svg"); }
@font-face {
    font-family: "yekanbakh";
    font-style: normal;
    font-weight: normal;
    src: url("../fonts/Yekan Bakh/Yekan Bakh FA 04 Regular.eot?") format("eot"), url("../fonts/Yekan Bakh/Yekan Bakh FA 04 Regular.woff") format("woff"), url("../fonts/Yekan Bakh/Yekan Bakh FA 04 Regular.ttf") format("truetype"), url("../fonts/Yekan Bakh/Yekan Bakh FA 04 Regular.svg#yekanbakh") format("svg"); }
@font-face {
    font-family: "yekanbakh";
    font-style: normal;
    font-weight: 500;
    src: url("../fonts/Yekan Bakh/Yekan Bakh FA 05 Medium.eot?") format("eot"), url("../fonts/Yekan Bakh/Yekan Bakh FA 05 Medium.woff") format("woff"), url("../fonts/Yekan Bakh/Yekan Bakh FA 05 Medium.ttf") format("truetype"), url("../fonts/Yekan Bakh/Yekan Bakh FA 05 Medium.svg#yekanbakh") format("svg"); }
@font-face {
    font-family: "yekanbakh";
    font-style: normal;
    font-weight: 700;
    src: url("../fonts/Yekan Bakh/Yekan Bakh FA 06 Bold.eot?") format("eot"), url("../fonts/Yekan Bakh/Yekan Bakh FA 06 Bold.woff2") format("woff2"), url("../fonts/Yekan Bakh/Yekan Bakh FA 06 Bold.woff") format("woff"), url("../fonts/Yekan Bakh/Yekan Bakh FA 06 Bold.ttf") format("truetype"), url("../fonts/Yekan Bakh/Yekan Bakh FA 06 Bold.svg#yekanbakh") format("svg"); }
@font-face {
    font-family: "yekanbakh";
    font-style: normal;
    font-weight: 800;
    src: url("../fonts/Yekan Bakh/Yekan Bakh FA 07 Heavy.eot?") format("eot"), url("../fonts/Yekan Bakh/Yekan Bakh FA 07 Heavy.woff2") format("woff2"), url("../fonts/Yekan Bakh/Yekan Bakh FA 07 Heavy.woff") format("woff"), url("../fonts/Yekan Bakh/Yekan Bakh FA 07 Heavy.ttf") format("truetype"), url("../fonts/Yekan Bakh/Yekan Bakh FA 07 Heavy.svg#yekanbakh") format("svg"); }
@font-face {
    font-family: "yekanbakh";
    font-style: normal;
    font-weight: 900;
    src: url("../fonts/Yekan Bakh/Yekan Bakh FA 08 Fat.eot?") format("eot"), url("../fonts/Yekan Bakh/Yekan Bakh FA 08 Fat.woff2") format("woff2"), url("../fonts/Yekan Bakh/Yekan Bakh FA 08 Fat.woff") format("woff"), url("../fonts/Yekan Bakh/Yekan Bakh FA 08 Fat.ttf") format("truetype"), url("../fonts/Yekan Bakh/Yekan Bakh FA 08 Fat.svg#yekanbakh") format("svg"); }
@font-face {
    font-family: "kalameh";
    font-style: normal;
    font-weight: 800;
    src: url("../fonts/Kalameh/Kalameh-Black.eot?") format("eot"), url("../fonts/Kalameh/Kalameh-Black.woff2") format("woff2"), url("../fonts/Kalameh/Kalameh-Black.woff") format("woff"), url("../fonts/Kalameh/Kalameh-Black.ttf") format("truetype"), url("../fonts/Kalameh/Kalameh-Black.svg#kalameh") format("svg"); }
@font-face {
    font-family: "kalameh";
    font-style: normal;
    font-weight: 700;
    src: url("../fonts/Kalameh/Kalameh-Bold.eot?") format("eot"), url("../fonts/Kalameh/Kalameh-Bold.woff2") format("woff2"), url("../fonts/Kalameh/Kalameh-Bold.woff") format("woff"), url("../fonts/Kalameh/Kalameh-Bold.ttf") format("truetype"), url("../fonts/Kalameh/Kalameh-Bold.svg#kalameh") format("svg"); }
@font-face {
    font-family: "kalameh";
    font-style: normal;
    font-weight: normal;
    src: url("../fonts/Kalameh/Kalameh-Regular.eot?") format("eot"), url("../fonts/Kalameh/Kalameh-Regular.woff2") format("woff2"), url("../fonts/Kalameh/Kalameh-Regular.woff") format("woff"), url("../fonts/Kalameh/Kalameh-Regular.ttf") format("truetype"), url("../fonts/Kalameh/Kalameh-Regular.svg#kalameh") format("svg"); }
@font-face {
    font-family: "kalameh";
    font-style: normal;
    font-weight: 100;
    src: url("../fonts/Kalameh/Kalameh-Thin.eot?") format("eot"), url("../fonts/Kalameh/Kalameh-Thin.woff2") format("woff2"), url("../fonts/Kalameh/Kalameh-Thin.woff") format("woff"), url("../fonts/Kalameh/Kalameh-Thin.ttf") format("truetype"), url("../fonts/Kalameh/Kalameh-Thin.svg#kalameh") format("svg"); }
@font-face {
    font-family: "Poppins";
    font-style: normal;
    font-weight: normal;
    src: url("../fonts/Poppins/Poppins-Regular.eot?") format("eot"), url("../fonts/Poppins/Poppins-Regular.woff2") format("woff2"), url("../fonts/Poppins/Poppins-Regular.woff") format("woff"), url("../fonts/Poppins/Poppins-Regular.ttf") format("truetype"), url("../fonts/Poppins/Poppins-Regular.svg#Poppins") format("svg"); }
@font-face {
    font-family: "shabnam";
    font-style: normal;
    font-weight: normal;
    src: url("../fonts/shabnam-fanum/Shabnam.eot?") format("eot"), url("../fonts/shabnam-fanum/Shabnam.woff2") format("woff2"), url("../fonts/shabnam-fanum/Shabnam.woff") format("woff"), url("../fonts/shabnam-fanum/Shabnam.ttf") format("truetype"), url("../fonts/shabnam-fanum/Shabnam.svg#shabnam") format("svg"); }
/* START-ADD-IRANSANS */
@font-face {
    font-family: "iransans";
    font-style: normal;
    font-weight: normal;
    src: url("../fonts/iransans/IRANSansWeb.eot?") format("eot"), url("../fonts/iransans/IRANSansWeb.woff2") format("woff2"), url("../fonts/iransans/IRANSansWeb.woff") format("woff"), url("../fonts/iransans/IRANSansWeb.ttf") format("truetype"), url("../fonts/iransans/IRANSansWeb.svg#iransans") format("svg"); }
@font-face {
    font-family: "iransans";
    font-style: normal;
    font-weight: 200;
    src: url("../fonts/iransans/IRANSansWeb_UltraLight.eot?") format("eot"), url("../fonts/iransans/IRANSansWeb_UltraLight.woff2") format("woff2"), url("../fonts/iransans/IRANSansWeb_UltraLight.woff") format("woff"), url("../fonts/iransans/IRANSansWeb_UltraLight.ttf") format("truetype"), url("../fonts/iransans/IRANSansWeb_UltraLight.svg#iransans") format("svg"); }
@font-face {
    font-family: "iransans";
    font-style: normal;
    font-weight: 500;
    src: url("../fonts/iransans/IRANSansWeb_Medium.eot?") format("eot"), url("../fonts/iransans/IRANSansWeb_Medium.woff2") format("woff2"), url("../fonts/iransans/IRANSansWeb_Medium.woff") format("woff"), url("../fonts/iransans/IRANSansWeb_Medium.ttf") format("truetype"), url("../fonts/iransans/IRANSansWeb_Medium.svg#iransans") format("svg"); }
@font-face {
    font-family: "iransans";
    font-style: normal;
    font-weight: 300;
    src: url("../fonts/iransans/IRANSansWeb_Light.eot?") format("eot"), url("../fonts/iransans/IRANSansWeb_Light.woff2") format("woff2"), url("../fonts/iransans/IRANSansWeb_Light.woff") format("woff"), url("../fonts/iransans/IRANSansWeb_Light.ttf") format("truetype"), url("../fonts/iransans/IRANSansWeb_Light.svg#iransans") format("svg"); }
@font-face {
    font-family: "iransans";
    font-style: normal;
    font-weight: 700;
    src: url("../fonts/iransans/IRANSansWeb_Bold.eot?") format("eot"), url("../fonts/iransans/IRANSansWeb_Bold.woff2") format("woff2"), url("../fonts/iransans/IRANSansWeb_Bold.woff") format("woff"), url("../fonts/iransans/IRANSansWeb_Bold.ttf") format("truetype"), url("../fonts/iransans/IRANSansWeb_Bold.svg#iransans") format("svg"); }
/* END-ADD-IRANDANS */
/*
@include font-face(Poppins,'../fonts/Poppins/Poppins-Thin',100,normal);
@include font-face(Poppins,'../fonts/Poppins/Poppins-ExtraLight',200,normal);
@include font-face(Poppins,'../fonts/Poppins/Poppins-Light',300,normal);
@include font-face(Poppins,'../fonts/Poppins/Poppins-Medium',500,normal);
@include font-face(Poppins,'../fonts/Poppins/Poppins-SemiBold',600,normal);
@include font-face(Poppins,'../fonts/Poppins/Poppins-Bold',700,normal);
@include font-face(Poppins,'../fonts/Poppins/Poppins-ExtraBold',800,normal);
@include font-face(Poppins,'../fonts/Poppins/Poppins-Black',900,normal);
*/
@font-face {
    font-family: 'icomoon';
    src: url("../fonts/icon/icomoon.eot?1jpbbkd");
    src: url("../fonts/icon/icomoon.eot?1jpbbkd#iefix") format("embedded-opentype"), url("../fonts/icon/icomoon.ttf?1jpbbkd") format("truetype"), url("../fonts/icon/icomoon.woff?1jpbbkd") format("woff"), url("../fonts/icon/icomoon.svg?1jpbbkd#icomoon") format("svg");
    font-weight: normal;
    font-style: normal; }
/* RESET CODE */
body {
    direction: rtl;
    text-align: right;
    font-family: iransans !important;
    line-height: normal !important;
    overflow-x: hidden;
    padding-bottom: 0; }
body.modal-open {
    padding-right: 0 !important; }
body.pb-seminar-fix {
    padding-bottom: 91px; }

li {
    list-style: none !important; }

a {
    text-decoration: none !important; }

ul {
    padding: 0; }

button, input, textarea {
    box-shadow: none !important;
    outline: none !important; }

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0;
    font-family: shabnam !important; }

input[type=number] {
    -moz-appearance: textfield;
    font-family: shabnam !important; }
.search-results{background: white;font-size:12px;height: 400px; overflow-y:scroll; width: 38%;position: absolute;z-index: 10000000000;color: #f3bf11;top:130px;border-top-right-radius:20px;border-bottom-right-radius:20px;left:18%;padding: 15px;border:  1px solid #b8b8b8; display: none; }
.cat-search{background: #2ab0bc;; height: 30px; font-size: 15px; color: white; font-weight: bold; padding: 5px}

.category-item, .tab-item {
    cursor: pointer; }

/* COLORS */
.bg-aparat {
    width: 136px;
    height: 44px;
    background: url("../img/css_sprites.png") -10px -10px; }

.bg-austria {
    width: 24px;
    height: 24px;
    background: url("../img/css_sprites.png") -166px -10px; }

.bg-before {
    width: 8px;
    height: 10px;
    background: url("../img/css_sprites.png") -10px -126px; }

.bg-germany {
    width: 24px;
    height: 24px;
    background: url("../img/css_sprites.png") -166px -54px; }

.bg-paypal {
    width: 120px;
    height: 32px;
    background: url("../img/css_sprites.png") -10px -74px; }

/* MENU RESPONSIVE */
.menu-responsive {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99999999;
    padding-top: 20px;
    padding-bottom: 20px;
    display: none; }
.menu-responsive:after {
    content: '';
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-radius: 50%;
    right: -10px;
    top: 70px;
    background: #2ab0bc;
    transform: translate(50%, -50%);
    -webkit-transform: translate(50%, -50%);
    -moz-transform: translate(50%, -50%);
    -ms-transform: translate(50%, -50%);
    -o-transform: translate(50%, -50%);
    transition: width 1s, height 1s;
    -webkit-transition: width 1s, height 1s;
    -moz-transition: width 1s, height 1s;
    -ms-transition: width 1s, height 1s;
    -o-transition: width 1s, height 1s;
    z-index: -1; }
.menu-responsive.show:after {
    width: 250%;
    height: 350%;
    right: 0;
    top: 0; }
.menu-responsive .btn {
    cursor: pointer;
    background-color: transparent;
    padding: 0;
    margin-bottom: 10px;
    display: block;
    margin-right: auto; }
.menu-responsive .btn i {
    font-size: 24px;
    height: 24px;
    color: #ffffff;
    display: block; }
.menu-responsive .nav .nav-item {
    width: 100%; }
.menu-responsive .nav .nav-item.dropdown .nav-link:after {
    content: "\e924";
    font-family: icomoon;
    font-size: 8px;
    color: #ffffff;
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%) rotate(-90deg);
    border: none !important; }
.menu-responsive .nav .nav-item .nav-link {
    font-size: 16px;
    color: #FFFFFF;
    display: block;
    padding: 10px 0;
    position: relative; }
.menu-responsive .nav .nav-item .nav-link:hover:before {
    width: 10%; }
.menu-responsive .nav .nav-item .nav-link:before {
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    width: 0;
    height: 1px;
    background-color: #ffffff;
    transition: all 0.3s; }
.menu-responsive .nav .nav-item .dropdown-menu {
    padding: 5px 15px;
    border-radius: 5px;
    border: none;
    background-color: transparent;
    box-shadow: unset;
    position: relative !important;
    right: 0;
    left: unset;
    margin: 0;
    top: 0 !important;
    transform: unset !important;
    width: 100%; }
.menu-responsive .nav .nav-item .dropdown-menu .dropdown-item {
    background-color: transparent !important;
    display: block;
    padding: 10px 0;
    font-size: 16px;
    font-weight: 300;
    color: #ffffff;
    transition: all 0.3s;
    opacity: 0.8;
    text-align: right !important; }
.menu-responsive .nav .nav-item .dropdown-menu .dropdown-item:hover {
    color: #ffffff;
    opacity: 1; }

.comment-popup {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99999999;
    padding-top: 20px;
    padding-bottom: 20px;
    background-color: rgba(0, 0, 0, 0.9);
    display: none; }
.comment-popup form {
    width: 80%;
    background-color: #FFFFFF;
    padding: 20px 15px;
    border-radius: 10px;
    position: absolute;
    top: 50%;
    right: 50%;
    transform: translateX(50%) translateY(-50%); }
.comment-popup .btn-submit {
    background-color: #2ab0bc !important;
    color: #FFFFFF !important; }
.comment-popup .btn-close {
    position: absolute;
    left: 20px;
    top: 20px;
    width: 36px !important;
    height: 36px !important;
    border-radius: 50% !important;
    background-color: #2ab0bc !important;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: none !important;
    cursor: pointer;
    margin: 0 !important; }
.comment-popup .btn-close i {
    font-size: 15px !important;
    height: 15px !important;
    color: #ffffff !important;
    margin: 0 !important; }

.call-fix {
    position: fixed;
    bottom: 30px;
    right: 20px;
    z-index: 999;
    padding: 10px 25px;
    background-color: #41d741;
    box-shadow: 0 0 30px 0 rgba(65, 215, 65, 0.6);
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition-duration: 0.3s; }
.call-fix:hover {
    background-color: #3ec33e;
    box-shadow: 0 0 30px 0 rgba(65, 195, 65, 0.6); }
.call-fix i {
    font-size: 26px;
    height: 26px;
    display: block;
    color: #ffffff;
    transition-duration: 0.3s; }
.call-fix .text {
    font-size: 15px;
    color: #ffffff;
    font-weight: 500;
    padding-right: 15px;
    padding-left: 0; }

/* HEADER */
header .top-bar {
    padding: 10px 0;
    background-color: #f6f6f6; }
header .top-bar .call-responsive {
    margin-left: auto;
    align-items: center;
    justify-content: space-between;
    font-size: 15px;
    font-weight: 700;
    color: #2ab0bc;
    background-color: #e1eff0;
    padding-left: 0;
    border-radius: 200px; }
header .top-bar .call-responsive span {
    display: flex;
    align-items: center;
    color: #ffffff;
    padding: 10px 20px;
    background-color: #2ab0bc;
    border-radius: 200px;
    margin-left: 0;
    position: relative;
    z-index: 9;
    transition: all 0.3s; }
header .top-bar .call-responsive span:hover {
    background-color: #5d11ac; }
header .top-bar .call-responsive span:hover:before {
    background-color: #5d11ac; }
header .top-bar .call-responsive span:hover:after {
    background-color: #5d11ac; }
header .top-bar .call-responsive span:before {
    content: '';
    position: absolute;
    top: 50%;
    right: 50%;
    width: 100%;
    height: 100%;
    z-index: -1;
    border-radius: 200px;
    transform: translateX(50%) translateY(-50%);
    background-color: #2ab0bc;
    opacity: 0;
    -webkit-animation-name: call;
    /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: 2s;
    /* Safari 4.0 - 8.0 */
    -webkit-animation-iteration-count: infinite;
    /* Safari 4.0 - 8.0 */
    animation-name: call;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    /* Standard syntax */ }
@keyframes call {
    0% {
        width: 100%;
        height: 100%;
        opacity: 0.2; }
    100% {
        width: 125%;
        height: 150%;
        opacity: 0; } }
header .top-bar .call-responsive span:after {
    content: '';
    position: absolute;
    top: 50%;
    right: 50%;
    width: 100%;
    height: 100%;
    z-index: -1;
    border-radius: 200px;
    opacity: 0;
    transform: translateX(50%) translateY(-50%);
    background-color: #2ab0bc;
    -webkit-animation-name: call;
    /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: 2s;
    /* Safari 4.0 - 8.0 */
    -webkit-animation-delay: 0.5s;
    -webkit-animation-iteration-count: infinite;
    /* Safari 4.0 - 8.0 */
    animation-name: call;
    animation-duration: 2s;
    animation-delay: 0.5s;
    animation-iteration-count: infinite;
    /* Standard syntax */ }
@keyframes call {
    0% {
        width: 100%;
        height: 100%;
        opacity: 0.4; }
    100% {
        width: 125%;
        height: 150%;
        opacity: 0; } }
header .top-bar .call-responsive span i {
    font-size: 20px;
    height: 20px;
    display: block;
    color: #ffffff;
    margin-left: 15px; }
header .top-bar .call {
    display: none !important;
    margin-left: auto;
    font-size: 15px;
    font-weight: 700;
    color: #626262;
    display: flex;
    align-items: center; }
header .top-bar .call i {
    font-size: 18px;
    height: 18px;
    display: block;
    color: #626262;
    margin-left: 10px; }
header .top-bar .see-profile {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 6px 25px;
    border-radius: 200px;
    background-color: #626262;
    transition: all 0.3s;
    cursor: pointer;
    margin-right: 5px; }
header .top-bar .see-profile:hover {
    background-color: #2ab0bc; }
header .top-bar .see-profile span {
    font-size: 15px;
    font-weight: 700;
    color: #ffffff;
    display: block; }
header .top-bar .see-profile i {
    font-size: 18px;
    height: 18px;
    display: block;
    color: #ffffff;
    margin-right: 10px; }
header .top-bar .see-profile.login-btn {
    margin-left: 5px;
    margin-right: 5px; }
header .top-bar .logged .nav-link {
    font-size: 16px;
    font-weight: 300;
    color: #717171;
    display: flex;
    align-items: center;
    padding: 0;
    position: relative; }
header .top-bar .logged .nav-link .number {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #2ab0bc;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    font-weight: 700;
    color: #ffffff;
    position: absolute;
    top: 0;
    right: 0;
    transform: translateX(25%) translateY(-25%); }
header .top-bar .logged .nav-link:after {
    display: none; }
header .top-bar .logged .nav-link .name {
    font-weight: 700;
    margin-left: 2.5px; }
header .top-bar .logged .nav-link .phone-number {
    font-weight: 700;
    margin-right: 2.5px; }
header .top-bar .logged .nav-link img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: 2px solid #ffffff;
    margin-left: 10px; }
header .top-bar .logged .nav-link i {
    display: block;
    font-size: 10px;
    height: 10px;
    margin-right: 15px;
    transform: rotate(-90deg); }
header .top-bar .logged .dropdown-menu {
    width: 180px !important;
    border-radius: 3px !important;
    background-color: #ffffff;
    box-shadow: 7.5px 12.99px 60px 0 rgba(0, 0, 0, 0.06);
    text-align: right;
    overflow: hidden;
    border: none;
    padding: 10px;
    z-index: 9999999; }
header .top-bar .logged .dropdown-menu .credit {
    display: none;
    width: 100%;
    color: #ffffff;
    font-size: 14px;
    text-align: right;
    justify-content: flex-start;
    padding: 6px 10px;
    background-color: #2ab0bc;
    border-radius: 3px;
    margin-bottom: 6px; }
header .top-bar .logged .dropdown-menu a {
    background-color: #ffffff;
    font-size: 15px;
    font-weight: 500;
    color: #717171;
    display: block;
    padding-top: 6px;
    padding-bottom: 6px;
    padding-right: 10px;
    padding-left: 10px;
    transition: all 0.3s; }
header .top-bar .logged .dropdown-menu a:hover {
    background-color: #eda61c;
    color: #ffffff; }
header .main-bar {
    padding: 10px 0; }
header .main-bar .brand {
    display: block; }
header .main-bar .brand img {
    max-width: 170px;
    max-height: 60px;
    object-fit: contain; }
header .main-bar form {
    position: relative;
    margin-right: auto; }
header .main-bar input {
    width: 520px;
    height: 50px;
    border-top-right-radius: 200px;
    border-bottom-right-radius: 200px;
    border: 1px solid #ededed;
    border-left: none;
    padding-right: 25px;
    color: #999999;
    font-size: 15px;
    font-weight: 300;
}
header .main-bar input::placeholder {
    color: #000000;
    opacity: 0.4; }
header .main-bar .btn-search {
    width: 45px;
    height: 45px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background-color: #2ab0bc;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    border: none;
    transition: all 0.3s; }
header .main-bar .btn-search i {
    font-size: 18px;
    height: 18px;
    display: block;
    color: #ffffff; }
header .main-bar .btn-search .__hvr-span {
    background-color: #eda61c; }
header .main-bar .form-group {
    margin-bottom: 0;
    position: relative; }
header .main-bar .form-group:before {
    content: '';
    position: absolute;
    left: 0;
    top: -1px;
    width: 100%;
    height: 2px;
    background-image: linear-gradient(to right, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
    background-image: -webkit-linear-gradient(to right, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
    background-image: -moz-linear-gradient(to right, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
    background-image: -o-linear-gradient(to right, #ffffff 0%, rgba(255, 255, 255, 0) 100%); }
header .main-bar .form-group:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -1px;
    width: 100%;
    height: 2px;
    background-image: linear-gradient(to right, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
    background-image: -webkit-linear-gradient(to right, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
    background-image: -moz-linear-gradient(to right, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
    background-image: -o-linear-gradient(to right, #ffffff 0%, rgba(255, 255, 255, 0) 100%); }
header .main-bar .shopping-cart {
    margin-right: 15px;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: 20px;
    padding-left: 5px;
    border-radius: 200px;
    background-color: #f7f3fb;
    overflow: visible !important;
    display: flex;
    align-items: center;
    position: relative; }
header .main-bar .shopping-cart:hover {
    background-color: #5d11ac !important; }
header .main-bar .shopping-cart:hover span {
    color: #ffffff; }
header .main-bar .shopping-cart:hover .number {
    color: #5d11ac; }
header .main-bar .shopping-cart:hover .icon {
    background-color: #ffffff; }
header .main-bar .shopping-cart:hover .icon i {
    color: #5d11ac; }
header .main-bar .shopping-cart .__hvr-span {
    display: none !important; }
header .main-bar .shopping-cart span {
    font-size: 15px;
    font-weight: 700;
    color: #5d11ac;
    display: block;
    margin-left: 15px;
    transition: all 0.3s; }
header .main-bar .shopping-cart .icon {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #5d11ac;
    box-shadow: 0 10px 30px 0 rgba(93, 17, 172, 0.4);
    border-radius: 50%;
    transition: all 0.3s; }
header .main-bar .shopping-cart .icon i {
    font-size: 17px;
    height: 17px;
    display: block;
    color: #ffffff;
    transform: rotate(0deg);
    transition: transform 0.3s; }
header .main-bar .shopping-cart .number {
    width: 20px;
    height: 20px;
    background-color: #ffffff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    color: #5d11ac;
    position: absolute;
    left: 0;
    top: 0;
    box-shadow: 0 10px 30px 0 rgba(93, 17, 172, 0.4);
    transform: translateY(-15%) translateX(-15%);
    margin: 0 !important; }
header .main-bar .user-cart, header .main-bar .search-cart {
    display: none; }
header .main-bar .user-cart .number {
    color: #2ab0bc;
    box-shadow: 0 10px 30px 0 rgba(42, 176, 188, 0.4); }
header .main-bar .res-form-show {
    margin-top: 15px;
    display: none; }
header .bottom-bar {
    background-color: #2ab0bc; }
header .bottom-bar .btn-show-menu {
    font-size: 15px;
    color: #ffffff;
    padding: 10px 0;
    display: none;
    align-items: center;
    margin-left: auto;
    border: none; }
header .bottom-bar .btn-show-menu i {
    font-size: 18px;
    height: 18px;
    display: block;
    color: #ffffff;
    margin-left: 15px; }
header .bottom-bar .button-dropdown {
    display: none; }
header .bottom-bar .button-dropdown .dropdown-toggle {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 20px;
    padding-right: 10px;
    background-color: transparent !important;
    border: none;
    font-size: 16px;
    font-weight: 700;
    color: #ffffff;
    position: relative; }
header .bottom-bar .button-dropdown .dropdown-toggle:after {
    display: block;
    margin-left: unset;
    vertical-align: unset;
    border-top: none;
    border-right: none;
    border-bottom: none;
    border-left: none;
    content: "\e923";
    font-family: icomoon !important;
    font-size: 10px;
    color: #ffffff;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%) rotate(90deg); }
header .bottom-bar .button-dropdown .dropdown-menu {
    border-radius: 3px;
    background-color: #ffffff;
    box-shadow: 7.5px 12.99px 60px 0 rgba(0, 0, 0, 0.06);
    text-align: right;
    padding: 5px 0;
    border: none; }
header .bottom-bar .button-dropdown .dropdown-menu a {
    font-size: 15px;
    font-weight: 500;
    color: #2ab0bc;
    display: block;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: 10px;
    padding-left: 10px;
    transition: all 0.3s; }
header .bottom-bar .button-dropdown .dropdown-menu a:hover {
    padding-right: 15px;
    background-color: transparent;
    color: #eda61c; }
header .bottom-bar .nav .nav-item.dropdown .nav-link:after {
    content: "\e924";
    font-family: icomoon;
    font-size: 8px;
    color: #ffffff;
    display: block;
    position: absolute;
    left: 2.5px;
    top: 50%;
    transform: translateY(-50%) rotate(-90deg);
    border: none !important; }
header .bottom-bar .nav .nav-item.show .nav-link:before {
    width: 100%; }
header .bottom-bar .nav .nav-item .nav-link {
    padding: 15px 20px;
    font-size: 16px;
    font-weight: 700;
    color: #ffffff;
    position: relative;
    z-index: 9; }
header .bottom-bar .nav .nav-item .nav-link:hover:before {
    width: 100%; }
header .bottom-bar .nav .nav-item .nav-link:before {
    content: '';
    position: absolute;
    top: 0;
    right: 50%;
    transform: translateX(50%);
    width: 0;
    height: 100%;
    background-color: #eda61c;
    transition: all 0.3s;
    z-index: -1; }
header .bottom-bar .nav .nav-item .nav-link .__hvr-span {
    background-color: #eda61c; }
header .bottom-bar .nav .nav-item .dropdown-menu {
    width: fit-content;
    padding: 10px 0;
    border-radius: 0;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    border: none;
    background-color: #ffffff;
    box-shadow: 0 0 60px 0 rgba(0, 0, 0, 0.1);
    right: 0;
    left: unset;
    margin: 0;z-index:10000000000000 !important }
header .bottom-bar .nav .nav-item .dropdown-menu .dropdown-item {
    background-color: #ffffff !important;
    display: block;
    padding: 10px 25px;
    font-size: 16px;
    font-weight: 300;
    color: #6d6d6d;
    transition: all 0.3s;
    text-align: right !important; }
header .bottom-bar .nav .nav-item .dropdown-menu .dropdown-item:hover {
    background-color: #2ab0bc !important;
    color: #ffffff; }
header .bottom-bar .reservation {
    padding: 15px 25px;
    font-size: 16px;
    font-weight: 700;
    color: #ffffff;
    background-color: #eda61c;
    margin-right: 15px;
    position: relative;
    z-index: 9; }
header .bottom-bar .reservation:hover {
    color: #2ab0bc; }
header .bottom-bar .reservation:hover:before {
    width: 100%; }
header .bottom-bar .reservation:before {
    content: '';
    position: absolute;
    top: 0;
    right: 50%;
    transform: translateX(50%);
    width: 0;
    height: 100%;
    background-color: #ffffff;
    transition: all 0.3s;
    z-index: -1; }
header .bottom-bar .help-choice-course {
    padding: 15px 0;
    font-size: 16px;
    font-weight: 700;
    color: #ffffff;
    display: flex;
    align-items: center;
    margin-right: auto; }
header .bottom-bar .help-choice-course:hover i {
    margin-left: 25px; }
header .bottom-bar .help-choice-course i {
    font-size: 25px;
    height: 25px;
    display: block;
    color: #ffffff;
    margin-left: 15px;
    transition: all 0.3s; }

/* TAB SLIDE */
.main-slider {
    margin-bottom: 50px;
    margin-top: 50px; }
.main-slider .main-slide {
    width: 100%;
    height: 415px;
    padding: 10px;
    border: 1px solid #d2d2d2; }
.main-slider .main-slide .main-swiper {
    height: 100%; }
.main-slider .main-slide .swiper-slide {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    padding-bottom: 40px;
    display: flex;
    align-items: flex-end;
    position: relative;
    border-radius: 5px;
    overflow: hidden; }
.main-slider .main-slide .swiper-slide:before {
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(to top, rgba(42, 176, 188, 0.7) 0%, rgba(42, 176, 188, 0.3) 50%, rgba(255, 255, 255, 0) 100%) !important;
    background-image: -moz-linear-gradient(to top, rgba(42, 176, 188, 0.7) 0%, rgba(42, 176, 188, 0.3) 50%, rgba(255, 255, 255, 0) 100%) !important;
    background-image: -webkit-linear-gradient(to top, rgba(42, 176, 188, 0.7) 0%, rgba(42, 176, 188, 0.3) 50%, rgba(255, 255, 255, 0) 100%) !important;
    background-image: -o-linear-gradient(to top, rgba(42, 176, 188, 0.7) 0%, rgba(42, 176, 188, 0.3) 50%, rgba(255, 255, 255, 0) 100%) !important; }
.main-slider .main-slide a {
    position: relative;
    z-index: 9; }
.main-slider .main-slide .title, .main-slider .main-slide .date, .main-slider .main-slide .subtitle {
    padding-right: 40px; }
.main-slider .main-slide .title {
    font-size: 36px;
    font-weight: 800;
    color: #ffffff;
    display: block;
    font-family: kalameh !important;
    margin-bottom: 10px; }
.main-slider .main-slide .date {
    font-size: 28px;
    font-weight: 700;
    color: #ffffff;
    display: block;
    font-family: kalameh !important;
    margin-bottom: 10px; }
.main-slider .main-slide .subtitle {
    font-size: 20px;
    color: #ffffff;
    display: block;
    margin-bottom: 10px; }
.main-slider .main-slide .register-to {
    width: fit-content;
    width: -moz-fit-content;
    padding-left: 20px;
    background-color: rgba(255, 255, 255, 0.2);
    border-top-left-radius: 100px;
    border-bottom-left-radius: 100px;
    font-size: 20px;
    font-weight: 700;
    color: #ffffff;
    display: flex;
    align-items: center;
    transition: all 0.3s; }
.main-slider .main-slide .register-to:hover {
    background-color: #5d11ac; }
.main-slider .main-slide .register-to:hover span {
    color: #5d11ac;
    padding-right: 75px; }
.main-slider .main-slide .register-to span {
    background-color: #ffffff;
    border-top-left-radius: 100px;
    border-bottom-left-radius: 100px;
    color: #2ab0bc;
    padding-right: 55px;
    padding-left: 40px;
    padding-top: 15px;
    padding-bottom: 15px;
    margin-left: 20px;
    transition: all 0.3s; }
.main-slider .main-slide .swiper-navigation {
    position: absolute;
    left: 40px;
    right: unset;
    bottom: 65px;
    z-index: 99;
    display: flex;
    align-items: center; }
.main-slider .main-slide .swiper-button-main-next, .main-slider .main-slide .swiper-button-main-prev {
    display: none;
    background-image: none !important;
    position: unset;
    right: unset;
    left: unset;
    top: unset;
    bottom: unset;
    width: auto;
    height: auto;
    margin: 5px; }
.main-slider .main-slide .swiper-button-main-next i, .main-slider .main-slide .swiper-button-main-prev i {
    font-size: 12px;
    height: 12px;
    display: block;
    color: #c0e1e8; }
.main-slider .main-slide .swiper-pagination {
    position: unset;
    right: unset;
    left: unset;
    top: unset;
    bottom: unset;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    width: auto; }
.main-slider .main-slide .swiper-pagination .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    background-color: rgba(255, 255, 255, 0.2);
    opacity: 1;
    margin: 5px; }
.main-slider .main-slide .swiper-pagination .swiper-pagination-bullet-active {
    border: 4px solid #ffffff; }
.main-slider .thumbs-swiper {
    height: 415px; }
.main-slider .thumbs-swiper .swiper-slide {
    cursor: pointer;
    width: 100%;
    padding: 10px;
    border: 1px solid #d2d2d2;
    transition: all 0.3s; }
.main-slider .thumbs-swiper .swiper-slide.swiper-slide-thumb-active .image span {
    background-color: #2ab0bc; }
.main-slider .thumbs-swiper .swiper-slide .image {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: flex-end;
    border-radius: 3px;
    overflow: hidden; }
.main-slider .thumbs-swiper .swiper-slide .image span {
    font-size: 14px;
    color: #ffffff;
    display: block;
    padding: 10px 0;
    background-color: rgba(0, 0, 0, 0.7);
    width: 100%;
    text-align: center;
    transition: all 0.3s; }

/* INTRODUCE */
.introduce {
    margin-bottom: 50px;
    background-size: cover;
    position: relative; }
.introduce:before {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    width: 50%;
    height: 100%;
 }
.introduce:after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    opacity: 0.3; }
.introduce .oval {
    object-fit: contain;
    max-width: 175px;
    max-height: 50px;
    object-position: top center;
    position: absolute;
    top: 0;
    right: 0; }
.introduce article {
    position: relative;
    z-index: 9;
    padding-top: 80px;
    padding-bottom: 80px; }
.introduce .title {
    font-size: 34px;
    font-weight: 700;
    color: #ffffff;
    display: block;
    margin-bottom: 0; }
.introduce .text {
    font-size: 16px;
    color: #ffffff;
    display: block;
    line-height: 30px;
    text-align: justify;
    text-align-last: right;
    margin-bottom: 15px; }
.introduce .more {
    font-size: 18px;
    font-weight: 700;
    color: #5d11ac;
    background-color: #ffffff;
    box-shadow: 0 10px 60px 0 rgba(255, 255, 255, 0.5);
    border-radius: 100px;
    display: inline-block;
    padding: 15px 30px;
    transition: all 0.3s; }
.introduce .more:hover {
    box-shadow: 0 10px 60px 0 rgba(255, 255, 255, 0.8); }
.why_bonyad{height: 470px}
/* ABOUT PSYCHOLOGY */
.about-psychology {
    margin-bottom: 50px;
    overflow: hidden;
    position: relative; }
.about-psychology .container {
    position: relative; }
.about-psychology .container:after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    width: 200%;
    height: 100%;
    background-image: linear-gradient(to left, #2ab0bc 0%, #2ab0bc 25%, rgba(255, 255, 255, 0) 100%);
    background-image: -moz-linear-gradient(to left, #2ab0bc 0%, #2ab0bc 25%, rgba(255, 255, 255, 0) 100%);
    background-image: -webkit-linear-gradient(to left, #2ab0bc 0%, #2ab0bc 25%, rgba(255, 255, 255, 0) 100%);
    background-image: -o-linear-gradient(to left, #2ab0bc 0%, #2ab0bc 25%, rgba(255, 255, 255, 0) 100%);
    border-radius: 10px;
    z-index: 9; }
.about-psychology article {
    padding-top: 110px;
    padding-bottom: 110px;
    padding-right: 70px !important;
    position: relative;
    z-index: 99; }
.about-psychology .text {
    font-size: 21px;
    color: #ffffff;
    display: block;
    text-align: justify;
    text-align-last: right;
    line-height: 32px;
    margin-bottom: 5px; }
.about-psychology .name {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 23px;
    font-weight: 700;
    color: #ffffff;
    display: block;
    text-align: left;
    opacity: 0.6;
    position: absolute;
    left: 0;
    bottom: 5px; }
.about-psychology img {
    height: 100%;
    width: 60%;
    object-position: left center;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1; }

/* SPECIAL-SELL */
.special-sell {
    margin-bottom: 50px; }
.special-sell .background {
    height: 400px;
    border-radius: 10px;
    background-color: #f6f6f6;
    display: flex;
    align-items: center;
    flex-wrap: wrap; }
.special-sell .background .col-xl-8 {
    height: 100%; }
.special-sell .background .thumbs-special-swiper .swiper-slide {
    cursor: pointer;
    height: auto !important;
    font-size: 16px;
    font-weight: 300;
    color: #626262;
    display: block;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 50px;
    margin-bottom: 0 !important;
    position: relative;
    transition: all 0.3s; }
.special-sell .background .thumbs-special-swiper .swiper-slide:hover {
    color: #2ab0bc; }
.special-sell .background .thumbs-special-swiper .swiper-slide .sub {
    font-size: 16px;
    font-weight: 500;
    color: #626262;
    height: 0;
    overflow: hidden;
    display: block;
    transition: all 0.3s; }
.special-sell .background .thumbs-special-swiper .swiper-slide.swiper-slide-thumb-active {
    color: #2ab0bc;
    font-weight: 800; }
.special-sell .background .thumbs-special-swiper .swiper-slide.swiper-slide-thumb-active .sub {
    height: 30px; }
.special-sell .background .thumbs-special-swiper .swiper-slide.swiper-slide-thumb-active:before {
    opacity: 1; }
.special-sell .background .thumbs-special-swiper .swiper-slide:last-child:after {
    display: none; }
.special-sell .background .thumbs-special-swiper .swiper-slide:after {
    content: '';
    position: absolute;
    right: 50px;
    bottom: 0;
    transform: translateY(50%);
    background-image: -moz-linear-gradient(180deg, black 0%, rgba(0, 0, 0, 0) 100%);
    background-image: -webkit-linear-gradient(180deg, black 0%, rgba(0, 0, 0, 0) 100%);
    background-image: -ms-linear-gradient(180deg, black 0%, rgba(0, 0, 0, 0) 100%);
    width: 105px;
    height: 1px; }
.special-sell .background .thumbs-special-swiper .swiper-slide:before {
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
    height: 100%;
    background-color: #2ab0bc;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    opacity: 0;
    transition: all 0.3s; }
.special-sell .background .main-special-swiper {
    height: 100%; }
.special-sell .background .main-special-swiper .swiper-slide {
    height: 100%;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap; }
.special-sell .background .main-special-swiper .swiper-slide .label {
    font-size: 17px;
    font-weight: 800;
    color: #2ab0bc;
    display: inline-block;
    padding: 10px 20px;
    border-radius: 200px;
    background-color: #eaf2f3;
    margin-bottom: 10px; }
.special-sell .background .main-special-swiper .swiper-slide .name {
    font-size: 20px;
    font-weight: 700;
    color: #6c6c6c;
    display: block;
    margin-bottom: 0; }
.special-sell .background .main-special-swiper .swiper-slide .price {
    width: 100%;
    font-size: 26px;
    font-weight: 800;
    color: #2ab0bc;
    display: flex;
    justify-content: center;
    align-items: center; }
.special-sell .background .main-special-swiper .swiper-slide .price del {
    font-size: 32px;
    color: #6c6c6c;
    font-weight: normal;
    margin-left: 10px; }
.special-sell .background .main-special-swiper .swiper-slide .discount {
    width: 100%;
    display: flex;
    justify-content: center;
    flex-direction: row-reverse; }
.special-sell .background .main-special-swiper .swiper-slide .discount li {
    margin: 0 5px; }
.special-sell .background .main-special-swiper .swiper-slide .discount .time {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #dddddd;
    font-size: 21px;
    font-weight: 300;
    color: #626262;
    margin-bottom: 10px; }
.special-sell .background .main-special-swiper .swiper-slide .discount .titr {
    font-size: 14px;
    font-weight: 300;
    color: #686b6b;
    display: block;
    text-align: center; }
.special-sell .background .main-special-swiper .swiper-slide .order {
    font-size: 20px;
    font-weight: 800;
    color: #ffffff;
    display: block;
    width: 100%;
    padding: 10px 0;
    background-color: #2ab0bc;
    border-radius: 200px;
    text-align: center;
    transition: all 0.3s; }
.special-sell .background .main-special-swiper .swiper-slide .order .__hvr-span {
    background-color: #eda61c; }
.special-sell .background .main-special-swiper .swiper-slide .order:hover .__hvr-span {
    width: 1000px;
    height: 1000px; }
.special-sell .background .main-special-swiper .swiper-slide .percent {
    width: 180px;
    height: 190px;
    font-size: 30px;
    font-weight: 900;
    display: block;
    color: #ffffff;
    position: absolute;
    right: -25px;
    top: -33px;
    background-size: contain;
    background-repeat: no-repeat;
    padding-top: 59px;
    padding-right: 17px; }
.special-sell .background .main-special-swiper .swiper-slide img {
    width: 100%;
    height: 360px;
    object-fit: contain;
    object-position: center; }
.special-sell .background .responsive-navigation {
    width: 100%;
    display: none !important; }
.special-sell .background .swiper-navigation {
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    border: 1px solid #c2c4c4;
    transition: all 0.3s; }
.special-sell .background .swiper-navigation:hover {
    border: 1px solid #2ab0bc; }
.special-sell .background .swiper-navigation:hover i {
    color: #2ab0bc; }
.special-sell .background .swiper-navigation i {
    font-size: 16px;
    height: 16px;
    display: block;
    color: #c2c4c4;
    transition: all 0.3s; }
.special-sell .background .see-archive {
    height: 50px;
    padding-right: 25px;
    padding-left: 25px;
    border-radius: 5px;
    background-color: #eeeeee;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    font-weight: 100;
    color: #8a8d8d;
    margin-right: auto;
    margin-left: auto; }
.special-sell .background .see-archive:hover {
    color: #ffffff; }

/* CATEGORY */
.category {
    margin-bottom: 50px; }
.category .item {
    width: 100%;
    background-size: cover;
    font-size: 24px;
    font-weight: 800;
    color: #ffffff;
    overflow: hidden;
    position: relative;
    border-radius: 10px;
    margin-bottom: 30px; }
.category .item:hover:after {
    width: 100%;
    height: 100%;
    border: 0;
    left: 0;
    transform: unset; }
.category .item:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #2ab0bc;
    top: 0;
    right: 0;
    opacity: 0.8; }
.category .item:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 180px;
    height: 40px;
    background-color: #ffffff;
    opacity: 0.12;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    transition: all 0.2s; }
.category .item i {
    font-size: 80px;
    height: 80px;
    display: block;
    color: #ffffff;
    position: relative;
    z-index: 9; }
.category .item span {
    position: relative;
    z-index: 9; }
.category .bg-gray:before {
    background-color: #343434; }
.category .bg-purple:before {
    background-color: #5d11ac; }
.category .small-item {
    height: 190px; }
.category .normal-item {
    height: 280px;
    padding-bottom: 75px; }
.category .flex-item {
    padding-right: 130px;
    padding-left: 60px; }
.category .flex-item:after {
    left: 70px;
    transform: unset; }
.category .large-item {
    height: 500px;
    padding-bottom: 75px; }
.category .large-item i {
    margin-bottom: 20px; }

/* ANALYSIS */
.analysis {
    margin-bottom: 50px;
    padding-top: 30px;
    padding-bottom: 30px;
    background-color: #ff9e20;
    position: relative; }
.analysis:before {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: url("../img/bg-analysis.png");
    background-size: cover; }
.analysis .name, .analysis article, .analysis .more {
    position: relative;
    z-index: 9; }
.analysis .name {
    font-size: 50px;
    font-weight: 800;
    color: #ffffff;
    display: block;
    text-shadow: 5px 8.66px 10px rgba(0, 0, 0, 0.1);
    margin-left: auto; }
.analysis article {
    margin-left: 100px; }
.analysis .title {
    font-size: 28px;
    font-weight: 800;
    display: block;
    color: #ffffff; }
.analysis .subtitle {
    font-size: 22px;
    font-weight: 100;
    color: #ffffff;
    display: block; }
.analysis .more {
    font-size: 18px;
    font-weight: 800;
    color: #ff9e20;
    display: flex;
    align-items: center;
    padding: 10px 30px;
    background-color: #ffffff;
    box-shadow: 5px 8.66px 60px 0 rgba(255, 255, 255, 0.4);
    border-radius: 100px;
    transition: all 0.3s; }
.analysis .more:hover {
    box-shadow: 5px 8.66px 60px 0 rgba(255, 255, 255, 0.8); }
.analysis .more:hover i {
    margin-right: 25px; }
.analysis .more i {
    font-size: 18px;
    height: 18px;
    display: block;
    color: #ff9e20;
    margin-right: 15px;
    transition: all 0.3s; }

/* PRODUCTS */
.products.blue-theme .item:hover .price {
    background-color: #2ab0bc; }
.products.blue-theme .item .new {
    background-color: #2ab0bc; }
.products.blue-theme .item .new:before {
    background-image: url("../img/before-blue.png"); }
.products.blue-theme .item .percent {
    color: #2ab0bc;
    background-color: #f4fbfc; }
.products.blue-theme .item .btn-like {
    background-color: #f4fbfc; }
.products.blue-theme .item .btn-like:hover {
    background-color: #2ab0bc; }
.products.blue-theme .item .btn-like i {
    color: #2ab0bc; }
.products.blue-theme .item .price {
    color: #2ab0bc;
    background-color: #f4fbfc; }
.products.blue-theme .item .add-to-cart {
    background-color: #2ab0bc; }
.products.blue-theme .item .hvr-show .btn {
    background-color: #f4fbfc; }
.products.blue-theme .item .hvr-show .btn:hover {
    background-color: #2ab0bc; }
.products.blue-theme .item .hvr-show .btn i {
    color: #2ab0bc; }
.products.blue-theme .item .hvr-show .discount {
    background-color: #f4fbfc;
    color: #2ab0bc; }
.products.blue-theme .owl-nav button:hover {
    background-color: #2ab0bc !important; }
.products .filter-category {
    width: 100%; }
.products .item {
    min-height: 504px;
    width: 100%;
    border-radius: 10px;
    border: 1px solid #e2e2e2;
    box-shadow: 7.5px 12.99px 60px 0 rgba(0, 0, 0, 0);
    padding: 15px;
    padding-top: 90px;
    text-align: center;
    transition: all 0.3s;
    position: relative;
    margin-bottom: 30px;
    display: flex;
    flex-direction: column;
    justify-content: space-between; }
.products .item:hover {
    border: 1px solid #ffffff;
    box-shadow: 7.5px 12.99px 60px 0 rgba(0, 0, 0, 0.06); }
.products .item:hover .new, .products .item:hover .percent, .products .item:hover .top-sell {
    opacity: 0; }
.products .item:hover .btn-like, .products .item:hover .hvr-show {
    opacity: 1; }
.products .item:hover .price {
    background-color: #5d11ac; }
.products .item:hover .price:after {
    opacity: 1; }
.products .item .new {
    font-size: 16px;
    font-weight: 700;
    color: #ffffff;
    display: inline-block;
    padding: 3px 12px;
    border-radius: 3px;
    background-color: #5d11ac;
    position: absolute;
    right: 20px;
    top: 20px;
    opacity: 1;
    transition: all 0.3s; }
.products .item .new:before {
    content: '';
    position: absolute;
    top: calc(100% - 2px);
    left: 14px;
    width: 9px;
    height: 11px;
    background-image: url(../img/before.png);
    background-repeat: no-repeat;
    background-position: top;
    background-size: cover; }
.products .item .top-sell {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    color: #eda61c;
    font-size: 17px;
    font-weight: 700;
    padding: 10px 0;
    background-color: #fffaf2;
    opacity: 1;
    transition: all 0.3s; }
.products .item .percent {
    font-size: 16px;
    font-weight: 700;
    color: #5d11ac;
    display: inline-block;
    padding: 5px 20px;
    background-color: #f7f3fb;
    border-radius: 100px;
    position: absolute;
    top: 20px;
    right: 50%;
    transform: translateX(50%);
    opacity: 1;
    transition: all 0.3s; }
.products .item .btn-like {
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    background-color: #f7f3fb;
    border-radius: 10px;
    position: absolute;
    top: 20px;
    right: 50%;
    transform: translateX(50%);
    opacity: 0;
    transition: all 0.3s; }
.products .item .btn-like:hover {
    background-color: #5d11ac; }
.products .item .btn-like:hover i {
    color: #ffffff; }
.products .item .btn-like i {
    font-size: 24px;
    height: 24px;
    display: block;
    color: #5d11ac; }
.products .item img {
    max-width: 135px;
    max-height: 200px;
    object-fit: contain;
    display: block;
    margin-bottom: 35px;
    margin-right: auto;
    margin-left: auto; }
.products .item .title {
    font-size: 17px;
    font-weight: 700;
    color: #666666;
    display: block; }
.products .item .subtitle {
    font-size: 15px;
    color: #a0a0a0;
    display: block;
    font-weight: 300;
    margin-bottom: 20px; }
.products .item .price {
    width: 100%;
    font-size: 16px;
    font-weight: 700;
    color: #5d11ac;
    display: block;
    text-align: center;
    padding: 10px 5px;
    border-radius: 5px;
    background-color: #f7f3fb;
    transition: all 0.3s;
    overflow: hidden;
    position: relative; }
.products .item .price del {
    font-size: 13px;
    margin-left: 7px;
    font-weight: 300; }
.products .item .price:after {
    content: attr(data-hvr);
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    width: 100%;
    text-align: center;
    font-size: 16px;
    font-weight: 700;
    color: #ffffff;
    opacity: 0;
    transition: all 0.3s; }
.products .item .add-to-cart {
    display: none;
    margin-top: 10px;
    background-color: #5d11ac;
    color: #ffffff; }
.products .item .hvr-show {
    position: absolute;
    top: 20px;
    right: 50%;
    transform: translateX(50%);
    z-index: 9;
    opacity: 0;
    transition: all 0.3s; }
.products .item .hvr-show .btn {
    width: 35px;
    height: 35px;
    border-radius: 50%;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #f7f3fb;
    margin: 5px;
    transition: all 0.3s; }
.products .item .hvr-show .btn:hover {
    background-color: #5d11ac; }
.products .item .hvr-show .btn:hover i {
    color: #ffffff; }
.products .item .hvr-show .btn i {
    font-size: 16px;
    height: 16px;
    display: block;
    color: #5d11ac; }
.products .item .hvr-show .discount {
    height: 35px;
    border-radius: 100px;
    padding: 0 15px;
    background-color: #f7f3fb;
    color: #5d11ac;
    font-size: 16px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
    margin: 5px; }
.products .disabled {
    filter: grayscale(100%); }
.products .disabled .price {
    color: #f7f3fb !important;
    background-color: #f7f3fb !important; }
.products .disabled .price:after {
    top: 50%;
    transform: translateY(-50%);
    color: #5d11ac; }
.products .owl-carousel {
    position: relative; }
.products .owl-carousel .item {
    margin-bottom: 0; }
.products .owl-stage-outer {
    padding-top: 30px;
    padding-bottom: 30px; }
.products .owl-nav .owl-next {
    right: 0;
    transform: translateX(50%) translateY(-50%); }
.products .owl-nav .owl-prev {
    left: 0;
    transform: translateX(-50%) translateY(-50%); }
.products .owl-nav button {
    width: 80px;
    height: 80px;
    background-color: #ffffff !important;
    box-shadow: 0 15px 40px 0 rgba(0, 0, 0, 0.05) !important;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50% !important;
    transition: all 0.3s;
    position: absolute;
    top: 50%; }
.products .owl-nav button:hover {
    background-color: #5d11ac !important; }
.products .owl-nav button:hover i {
    color: #ffffff !important; }
.products .owl-nav button i {
    font-size: 17px;
    height: 17px;
    display: block;
    color: #999999;
    transition: all 0.3s; }

/* INTERNATIONAL */
.international {
    padding-top: 50px;
    padding-bottom: 50px;
    margin-bottom: 50px;
    background-color: #2ab0bc; }
.international .header-section .title {
    color: #ffffff; }
.international .header-section .text {
    color: #ffffff; }
.international .header-section .more {
    color: #ffffff;
    opacity: 0.8; }
.international .header-section .more i {
    color: #ffffff; }
.international .header-section .more:hover {
    opacity: 1;
    color: #ffffff; }
.international .header-section .more:hover i {
    color: #ffffff; }
.international .item {
    width: 100%;
    height: 375px;
    border: 10px solid #27a2ad;
    border-radius: 5px;
    background-size: cover;
    background-position: center top;
    display: flex;
    align-items: flex-end;
    text-align: center;
    position: relative;
    overflow: hidden;
    padding-bottom: 30px;
    padding-right: 20px;
    padding-left: 20px;
    transition: all 0.3s; }
.international .item:hover {
    border: 10px solid #218e98; }
.international .item:hover:before {
    height: 130%; }
.international .item:before {
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(to top, #2ab0bc 0%, rgba(42, 176, 188, 0.9) 50%, rgba(93, 17, 172, 0) 100%);
    background-image: -moz-linear-gradient(to top, #2ab0bc 0%, rgba(42, 176, 188, 0.9) 50%, rgba(93, 17, 172, 0) 100%);
    background-image: -webkit-linear-gradient(to top, #2ab0bc 0%, rgba(42, 176, 188, 0.9) 50%, rgba(93, 17, 172, 0) 100%);
    background-image: -o-linear-gradient(to top, #2ab0bc 0%, rgba(42, 176, 188, 0.9) 50%, rgba(93, 17, 172, 0) 100%);
    transition: height 0.3s; }
.international .item article {
    width: 100%;
    position: relative;
    z-index: 9; }
.international .item .location {
    width: fit-content;
    width: -moz-fit-content;
    display: flex;
    align-items: center;
    font-size: 16px;
    font-weight: 700;
    color: #ffffff;
    padding: 10px 30px;
    border-radius: 200px;
    background-color: rgba(255, 255, 255, 0.2);
    margin-bottom: 15px;
    margin-right: auto;
    margin-left: auto; }
.international .item .location img, .international .item .location .sprites {
    max-height: 25px;
    max-width: 25px;
    object-fit: contain;
    margin-left: 10px; }
.international .item .title {
    font-size: 23px;
    font-weight: 700;
    color: #ffffff;
    font-family: kalameh !important;
    margin-bottom: 10px;
    display: block; }
.international .item .subtitle {
    font-size: 19px;
    font-weight: 700;
    color: #ffffff;
    font-family: kalameh !important;
    display: block; }
.international .paypal {
    display: none;
    font-size: 16px;
    font-weight: 500;
    color: #ffffff;
    text-align: center; }
.international .paypal img, .international .paypal .sprites {
    margin-right: 10px;
    margin-left: 10px; }

/* AUDIO */
.audio {
    margin-bottom: 50px; }
.audio .main-audio-swiper .swiper-slide {
    padding: 20px;
    border: 1px solid #e5e5e5; }
.audio .main-audio-swiper .swiper-slide:hover .image:after {
    opacity: 0.9; }
.audio .main-audio-swiper .swiper-slide:hover .title {
    color: #5d11ac; }
.audio .main-audio-swiper .swiper-slide .image {
    display: block;
    width: 100%;
    margin-bottom: 25px;
    position: relative; }
.audio .main-audio-swiper .swiper-slide .image:after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #5d11ac;
    opacity: 0.8;
    transition: all 0.3s; }
.audio .main-audio-swiper .swiper-slide .image img {
    width: 100%;
    height: 225px;
    object-fit: cover;
    object-position: center; }
.audio .main-audio-swiper .swiper-slide .main-audio {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 9;
    padding: 20px 20px;
    width: 100%; }
.audio .main-audio-swiper .swiper-slide .main-audio wave {
    height: 70px !important; }
.audio .main-audio-swiper .swiper-slide .main-audio wave wave {
    border-right: 1px solid #ffffff !important; }
.audio .main-audio-swiper .swiper-slide .main-audio .btn-play {
    padding: 0;
    position: absolute;
    left: 20px;
    bottom: 40px; }
.audio .main-audio-swiper .swiper-slide .main-audio .btn-play i {
    font-size: 30px;
    height: 30px;
    display: block;
    color: #ffffff; }
.audio .main-audio-swiper .swiper-slide .title {
    font-size: 18px;
    font-weight: 700;
    color: #6b6b6b;
    display: block;
    margin-bottom: 10px;
    transition: all 0.3s; }
.audio .main-audio-swiper .swiper-slide .text {
    font-size: 16px;
    font-weight: 300;
    color: #9e9d9d;
    display: block;
    text-align-last: right;
    text-align: justify;
    margin-bottom: 10px; }
.audio .main-audio-swiper .swiper-slide .date {
    font-size: 14px;
    color: #bfbfbf;
    display: block; }
.audio .main-audio-swiper .swiper-slide .btn-group .btn {
    margin: 5px;
    width: 40px;
    height: 40px;
    border-radius: 10px;
    background-color: #5d11ac;
    border: 0.5px solid #5d11ac;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: 500;
    color: #ffffff;
    transition: all 0.3s; }
.audio .main-audio-swiper .swiper-slide .btn-group .btn:hover {
    background-color: #ffffff;
    color: #5d11ac; }
.audio .main-audio-swiper .swiper-slide .btn-group .btn:hover i {
    color: #5d11ac; }
.audio .main-audio-swiper .swiper-slide .btn-group .btn i {
    font-size: 18px;
    height: 18px;
    display: block;
    color: #ffffff;
    transition: all 0.3s; }
.audio .main-audio-swiper .swiper-slide .btn-group .btn-listen {
    width: auto;
    padding: 0 40px;
    border-radius: 100px; }
.audio .main-audio-swiper .swiper-slide .plyr__controls {
    direction: ltr !important; }
.audio .main-audio-swiper .swiper-slide .plyr__volume--display {
    color: #5d11ac; }
.audio .main-audio-swiper .swiper-slide .plyr--audio .plyr__controls button.tab-focus:focus, .audio .main-audio-swiper .swiper-slide .plyr--audio .plyr__controls button:hover, .audio .main-audio-swiper .swiper-slide .plyr__play-large {
    background-color: #5d11ac; }
.audio .main-audio-swiper .swiper-slide .plyr__time--current {
    font-family: shabnam !important; }
.audio .main-audio-swiper .swiper-slide .plyr__progress--played, .audio .main-audio-swiper .swiper-slide .plyr__volume--display {
    color: #5d11ac; }
.audio .thumbs-audio-swiper {
    height: 493px; }
.audio .thumbs-audio-swiper .swiper-slide {
    height: auto !important;
    padding: 20px;
    border: 1px solid #e5e5e5;
    cursor: pointer;
    transition: all 0.3s; }
.audio .thumbs-audio-swiper .swiper-slide:hover {
    background-color: rgba(93, 17, 172, 0.025); }
.audio .thumbs-audio-swiper .swiper-slide:hover article {
    background-color: rgba(93, 17, 172, 0.025); }
.audio .thumbs-audio-swiper .swiper-slide:hover .btn-group .btn i {
    color: #5d11ac; }
.audio .thumbs-audio-swiper .swiper-slide.swiper-slide-thumb-active:hover article {
    background-color: rgba(93, 17, 172, 0.025); }
.audio .thumbs-audio-swiper .swiper-slide.swiper-slide-thumb-active article {
    background-color: #ffffff; }
.audio .thumbs-audio-swiper .swiper-slide.swiper-slide-thumb-active .btn-group .btn i {
    color: #5d11ac; }
.audio .thumbs-audio-swiper .swiper-slide article {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 25px 30px;
    background-color: #f8f8f8; }
.audio .thumbs-audio-swiper .swiper-slide .title {
    font-size: 16px;
    font-weight: 700;
    color: #8f8f8f;
    display: block; }
.audio .thumbs-audio-swiper .swiper-slide .subtitle {
    font-size: 16px;
    font-weight: 300;
    color: #8f8f8f;
    display: block; }
.audio .thumbs-audio-swiper .swiper-slide .btn-group .btn {
    padding: 10px;
    background-color: transparent; }
.audio .thumbs-audio-swiper .swiper-slide .btn-group .btn i {
    font-size: 18px;
    height: 18px;
    display: block;
    color: #dadada;
    transition: all 0.3s; }

/* APARAT */
.aparat {
    margin-bottom: 50px; }
.aparat .background {
    display: block;
    background-size: cover;
    border-radius: 10px;
    overflow: hidden;
    padding: 65px 80px;
    position: relative; }
.aparat .background:hover:before {
    width: 140%; }
.aparat .background:before {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(180deg, #ed145b 0%, rgba(237, 20, 91, 0) 100%);
    background-image: -moz-linear-gradient(180deg, #ed145b 0%, rgba(237, 20, 91, 0) 100%);
    background-image: -webkit-linear-gradient(180deg, #ed145b 0%, rgba(237, 20, 91, 0) 100%);
    background-image: -ms-linear-gradient(180deg, #ed145b 0%, rgba(237, 20, 91, 0) 100%);
    transition: width 0.3s; }
.aparat article {
    position: relative;
    z-index: 9; }
.aparat .title {
    font-size: 28px;
    font-weight: 300;
    color: #ffffff;
    display: block;
    line-height: 1.4;
    margin-bottom: 10px; }
.aparat .title b {
    font-weight: 700;
    display: block; }
.aparat img {
    max-width: 150px;
    max-height: 50px;
    object-fit: contain; }

/* ARTICLES */
.articles {
    margin-bottom: 50px; }
.articles .header-section .more {
    color: #2ab0bc; }
.articles .header-section .more:hover {
    color: #5d11ac; }
.articles .header-section .more:hover i {
    color: #5d11ac; }
.articles .header-section .more i {
    color: #2ab0bc; }
.articles .owl-stage-outer {
    padding-top: 30px;
    padding-bottom: 30px; }
.articles .item {
    min-height: 520px;
    padding: 15px;
    border-radius: 5px;
    border: 1px solid #e6e6e6;
    box-shadow: 7.5px 12.99px 60px 0 rgba(0, 0, 0, 0);
    transition: all 0.3s;
    display: flex;
    flex-direction: column;
    justify-content: space-between; }
.articles .item:hover .title {
    color: #5d11ac; }
.articles .item:hover .more {
    background-color: #5d11ac;
    box-shadow: 0 10px 40px 0 rgba(93, 17, 172, 0.3);
    color: #ffffff; }
.articles .item:hover .label {
    background-color: #5d11ac; }
.articles .item .label {
    font-size: 16px;
    font-weight: 700;
    color: #ffffff;
    display: inline-block;
    padding: 10px 25px;
    background-color: #2ab0bc;
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
    position: absolute;
    right: 0;
    top: 60px;
    transition: all 0.3s; }
.articles .item img {
    width: 100%;
    height: 225px;
    border-radius: 5px;
    object-fit: cover;
    display: block;
    margin-bottom: 25px; }
.articles .item .title {
    font-size: 18px;
    font-weight: 700;
    color: #6b6b6b;
    display: block;
    margin-bottom: 10px;
    transition: all 0.3s; }
.articles .item .text, .articles .item p {
    font-size: 16px;
    font-weight: 300;
    color: #9e9d9d;
    display: block;
    text-align: justify;
    text-align-last: right;
    margin-bottom: 20px; }
.articles .item .date {
    font-size: 16px;
    font-weight: 300;
    color: #9e9d9d;
    display: block; }
.articles .item .more {
    padding: 10px 40px;
    border-radius: 15px;
    color: #9c9c9c;
    background-color: #f9f9f9;
    box-shadow: 0 10px 40px 0 rgba(42, 176, 188, 0);
    display: inline-block;
    transition: all 0.3s;
    margin: 10px 0;
    margin-right: auto; }
.articles .owl-dots {
    width: 100%;
    position: relative;
    margin: 0 auto !important;
    margin-top: 0 !important;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9; }
.articles .owl-dots .owl-dot {
    margin: 5px !important; }
.articles .owl-dots .owl-dot.active span:after {
    opacity: 1; }
.articles .owl-dots .owl-dot span {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #ffffff !important;
    margin: 0 auto !important;
    border: 1px solid #e6e6e6;
    position: relative; }
.articles .owl-dots .owl-dot span:after {
    content: '';
    position: absolute;
    top: 50%;
    right: 50%;
    transform: translateX(50%) translateY(-50%);
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #2ab0bc;
    opacity: 0;
    transition: all 0.3s; }

/* BANNER INSTAGRAM */
.banner-instagram {
    margin-bottom: 50px; }
.banner-instagram .background {
    transition: all 0.3s;
    background-color: #ce1c74;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 30px 40px;
    border-radius: 10px; }
.banner-instagram .background:hover {
    background-color: #2ab0bc; }
.banner-instagram .title {
    font-size: 22px;
    font-weight: 700;
    color: #ffffff;
    display: inline-block; }
.banner-instagram .title span {
    font-weight: 300;
    margin-left: 20px; }
.banner-instagram i {
    font-size: 40px;
    height: 40px;
    display: block;
    color: #ffffff; }

/* CONTACT-WIDTH-SUPPORT */
.contact-width-support {
    display: block;
    padding: 30px 0;
    background-color: #2ab0bc; }
.contact-width-support .text {
    font-size: 26px;
    font-weight: 300;
    color: #ffffff;
    display: block; }
.contact-width-support .text b {
    font-weight: 700; }
.contact-width-support i {
    font-size: 50px;
    height: 50px;
    display: block;
    color: #ffffff;
    margin-right: 20px; }
.contact-width-support .titr {
    font-size: 20px;
    color: #ffffff;
    display: block; }
.contact-width-support .number {
    font-size: 18px;
    font-weight: 700;
    color: #ffffff;
    display: block; }

/* FOOTER */
footer .footer-top {
    padding: 50px 0;
    background-color: #f7f7f7; }
footer .footer-top .brand {
    display: block;
    margin-bottom: 20px; }
footer .footer-top .brand img {
    max-width: 150px;
    max-height: 160px;
    object-fit: contain; }
footer .footer-top .text {
    font-size: 15px;
    font-weight: 300;
    color: #7b7b7b;
    display: block;
    text-align: justify;
    text-align-last: right;
    width: 320px; }
footer .footer-top .title {
    font-size: 18px;
    color: #2ab0bc;
    font-weight: 700;
    display: block;
    padding-bottom: 15px;
    margin-bottom: 25px;
    position: relative; }
footer .footer-top .title:after {
    content: '';
    position: absolute;
    right: 0;
    bottom: 0;
    width: 80px;
    height: 3px;
    background-color: #cee9eb; }
footer .footer-top .item-inf {
    font-size: 16px;
    font-weight: 300;
    color: #636363;
    display: block;
    margin-bottom: 15px;
    width: 245px; }
footer .footer-top .item-inf b {
    font-weight: 700;
    display: block; }
footer .footer-top .nav-social .nav-item:first-child .nav-link {
    padding-right: 0; }
footer .footer-top .nav-social .nav-item .nav-link {
    padding: 5px 7.5px; }
footer .footer-top .nav-social .nav-item .nav-link:hover i {
    color: #2ab0bc; }
footer .footer-top .nav-social .nav-item .nav-link i {
    font-size: 22px;
    height: 22px;
    display: block;
    color: #636363;
    transition: all 0.3s; }
footer .footer-top .nav-menu {
    flex-direction: column; }
footer .footer-top .nav-menu .nav-item .nav-link {
    font-size: 16px;
    font-weight: 300;
    color: #636363;
    display: block;
    padding: 10px 0;
    transition: all 0.3s; }
footer .footer-top .nav-menu .nav-item .nav-link:hover {
    color: #2ab0bc; }
footer .footer-top .namad {
    display: block;
    margin-bottom: 20px; }
footer .footer-top .namad img {
    width: 100px;
    height: 130px;
    object-fit: contain;
    object-position: center; }
footer .footer-responsive {
    background-color: #fcfcfc;
    padding: 20px 0;
    display: none; }
footer .footer-responsive .nav .nav-item:first-child .nav-link {
    padding-right: 0; }
footer .footer-responsive .nav .nav-item:last-child .nav-link:after {
    display: none; }
footer .footer-responsive .nav .nav-item .nav-link {
    font-size: 16px;
    color: #9e9e9e;
    display: block;
    padding: 5px 17.5px;
    position: relative; }
footer .footer-responsive .nav .nav-item .nav-link:hover {
    color: #2ab0bc; }
footer .footer-responsive .nav .nav-item .nav-link:after {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateX(-50%) translateY(-50%) rotate(-65deg);
    width: 16px;
    height: 1px;
    background-color: #9e9e9e; }
footer .footer-middle {
    padding-top: 20px;
    padding-bottom: 20px;
    background-color: #fcfcfc; }
footer .footer-middle .title {
    font-size: 18px;
    font-weight: 800;
    color: #a1a1a1;
    display: block;
    margin: 5px 0; }
footer .footer-middle .nav-tag .nav-item .nav-link {
    font-size: 14px;
    font-weight: 700;
    color: #989898;
    display: block;
    padding: 6px 20px;
    background-color: #f2f2f2;
    margin: 5px 5px;
    border-radius: 100px;
    transition: all 0.3s; }
footer .footer-middle .nav-tag .nav-item .nav-link:hover {
    color: #ffffff; }
footer .footer-bottom {
    padding: 20px 0; }
footer .footer-bottom span {
    font-size: 15px;
    font-weight: 300;
    color: #999999;
    display: block; }
footer .footer-bottom span a {
    color: #2ab0bc;
    transition: all 0.3s; }
footer .footer-bottom span a:hover {
    color: #eda61c; }

/* BLOG-SLIDER */
.blog-slider {
    width: 100%; }
.blog-slider .owl-carousel {
    position: relative; }
.blog-slider .item {
    height: 450px;
    background-size: cover;
    background-position: center;
    position: relative;
    display: flex;
    align-items: center; }
.blog-slider .item:before {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(to left, #2ab0bc 0%, rgba(42, 176, 188, 0.9) 50%, rgba(255, 255, 255, 0) 100%);
    background-image: -webkit-linear-gradient(to left, #2ab0bc 0%, rgba(42, 176, 188, 0.9) 50%, rgba(255, 255, 255, 0) 100%);
    background-image: -moz-linear-gradient(to left, #2ab0bc 0%, rgba(42, 176, 188, 0.9) 50%, rgba(255, 255, 255, 0) 100%);
    background-image: -o-linear-gradient(to left, #2ab0bc 0%, rgba(42, 176, 188, 0.9) 50%, rgba(255, 255, 255, 0) 100%); }
.blog-slider .item .subtitle {
    font-size: 17px;
    font-weight: 500;
    color: #ffffff;
    display: block;
    margin-bottom: 5px; }
.blog-slider .item .title {
    font-size: 28px;
    font-weight: 800;
    color: #ffffff;
    display: block;
    margin-bottom: 5px; }
.blog-slider .item .text {
    font-size: 17px;
    font-weight: 300;
    color: #ffffff;
    display: block;
    margin-bottom: 20px;
    text-align: justify;
    text-align-last: right; }
.blog-slider .item .more {
    font-size: 15px;
    font-weight: 500;
    color: #2ab0bc;
    display: inline-block;
    padding: 5px 30px;
    border-radius: 5px;
    background-color: #ffffff; }
.blog-slider .item .more .__hvr-span {
    background-color: #eda61c; }
.blog-slider .item .more:hover {
    color: #ffffff; }
.blog-slider .owl-dots {
    position: absolute;
    right: 50%;
    transform: translateX(50%);
    bottom: 40px;
    max-width: 1170px;
    width: 100%;
    display: flex; }
.blog-slider .owl-dots .owl-dot:first-child span {
    margin-right: 0 !important; }
.blog-slider .owl-dots .owl-dot.active span {
    opacity: 1; }
.blog-slider .owl-dots .owl-dot span {
    width: 30px;
    height: 6px;
    border-radius: 100px;
    background-color: #ffffff !important;
    opacity: 0.2;
    margin: 5px !important; }
.blog-slider .owl-nav {
    max-width: 1170px;
    width: 100%;
    margin-top: 0 !important;
    position: absolute;
    top: 50%;
    right: 50%;
    transform: translateX(50%) translateY(-50%); }
.blog-slider .owl-nav .owl-next {
    right: -50px;
    transform: translateX(100%) translateY(-50%); }
.blog-slider .owl-nav .owl-prev {
    left: -50px;
    transform: translateX(-100%) translateY(-50%); }
.blog-slider .owl-nav button {
    height: 45px;
    width: 45px;
    border-radius: 50% !important;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(255, 255, 255, 0) !important;
    border: 1px solid rgba(255, 255, 255, 0.4) !important;
    position: absolute;
    top: 50%;
    transition: all 0.3s; }
.blog-slider .owl-nav button:hover {
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    background-color: rgba(255, 255, 255, 0.1) !important; }
.blog-slider .owl-nav button i {
    font-size: 14px;
    height: 14px;
    color: rgba(255, 255, 255, 0.4);
    display: block; }

/* BOARD-CRUMB */
.board-crumb {
    padding: 15px 0;
    box-shadow: 0 0 60px 0 rgba(0, 0, 0, 0.06);
    margin-bottom: 50px;
    position: relative; }
.board-crumb .container:after, .board-crumb .container:before {
    display: none !important; }
.board-crumb .nav .nav-item:last-child .nav-link:after {
    display: none; }
.board-crumb .nav .nav-item .nav-link {
    font-size: 15px;
    color: #b7b7b7;
    font-weight: 500;
    padding: 5px 17px;
    position: relative;
    transition: all 0.3s; }
.board-crumb .nav .nav-item .nav-link:hover {
    color: #2ab0bc; }
.board-crumb .nav .nav-item .nav-link:after {
    content: '>';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%) translateX(-50%);
    font-size: 17px;
    color: #b7b7b7;
    font-weight: 500; }
.board-crumb .date {
    font-size: 15px;
    color: #b7b7b7;
    font-weight: 500;
    display: block; }
.board-crumb .oval {
    position: absolute;
    top: 0;
    right: 50%;
    transform: translateX(50%) translateY(-100%) scaleY(-1);
    max-width: 200px;
    max-height: 50px;
    object-fit: contain;
    object-position: center; }
.board-crumb .change-size {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 45px;
    padding-right: 15px;
    padding-left: 15px;
    background-color: #f7f7f7;
    border-radius: 200px;
    margin-left: 10px; }
.board-crumb .change-size span {
    display: flex;
    align-items: center;
    font-size: 15px;
    color: #636363; }
.board-crumb .change-size span i {
    font-size: 16px;
    height: 16px;
    display: block;
    margin-right: 10px; }
.board-crumb .change-size .btn {
    padding: 15px;
    border: none;
    background-color: transparent; }
.board-crumb .change-size .btn i {
    font-size: 10px;
    height: 10px;
    display: block;
    color: #636363; }
.board-crumb .share {
    font-size: 15px;
    font-weight: 700;
    color: #2ab0bc;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 45px;
    padding-right: 30px;
    padding-left: 30px;
    background-color: #f2fafb;
    border-radius: 200px;
    transition: all 0.3s;
    cursor: pointer; }
.board-crumb .share.purple-theme {
    background-color: #f9f6fc;
    color: #5d11ac; }
.board-crumb .share.purple-theme:hover {
    background-color: #5d11ac;
    color: #ffffff; }
.board-crumb .share i {
    margin-left: 10px;
    font-size: 18px;
    height: 18px; }
.board-crumb .share.purple-theme {
    color: #5d11ac;
    background-color: #f9f6fc; }
.board-crumb .share.purple-theme:hover {
    background-color: #5d11ac;
    color: #ffffff; }
.board-crumb .share .dropdown-share-nav li a:hover i {
    color: #5d11ac !important; }
.board-crumb .share .dropdown-share-nav li a i {
    color: #2ab0bc !important; }
.board-crumb .share:hover {
    background-color: #2ab0bc;
    color: #ffffff; }

/* BANNER BOOK */
.banner-book {
    margin-bottom: 50px; }
.banner-book .background {
    width: 100%;
    height: 200px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    background-color: #12c186;
    border-radius: 10px;
    overflow: hidden;
    padding-right: 40px;
    padding-left: 40px;
    position: relative; }
.banner-book .background:hover .subtitle {
    color: #ffffff; }
.banner-book .background:hover:after {
    width: 100%;
    right: 0;
    left: 0; }
.banner-book .background:hover img {
    transform: scale(1.15); }
.banner-book .background:after {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 50%;
    left: 50%;
    width: 0;
    height: 100%;
    border-radius: 0;
    background-color: #2ab0bc;
    transition: all 0.3s; }
.banner-book .subtitle {
    font-size: 20px;
    font-weight: 500;
    color: #0e8d62;
    display: block;
    margin-bottom: 5px;
    transition: all 0.3s; }
.banner-book .title {
    font-size: 40px;
    font-weight: 800;
    color: #ffffff;
    display: block;
    line-height: 1;
    margin-bottom: 5px; }
.banner-book .text {
    font-size: 22px;
    font-weight: 500;
    color: #ffffff;
    display: block;
    margin-bottom: 0; }
.banner-book img {
    width: 100%;
    max-height: 200px;
    height: 100%;
    object-position: top center;
    object-fit: cover;
    transform: scale(1);
    transition: transform 0.3s; }
.banner-book article, .banner-book span {
    position: relative;
    z-index: 9; }

/* SEARCH SECTION */
.search-section {
    margin-bottom: 50px; }
.search-section form {
    width: 100%;
    position: relative; }
.search-section .form-group {
    width: 100%;
    margin-bottom: 0; }
.search-section input {
    width: 100%;
    height: 80px;
    border-radius: 10px;
    background-color: #f9f9f9;
    border: none;
    padding-right: 40px;
    font-size: 20px;
    color: rgba(0, 0, 0, 0.6); }
.search-section input::placeholder {
    opacity: 1;
    color: rgba(0, 0, 0, 0.4); }
.search-section .btn {
    width: 130px;
    height: 50px;
    border-radius: 10px;
    background-color: #2ab0bc;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    position: absolute;
    top: 50%;
    left: 20px;
    transform: translateY(-50%); }
.search-section .btn.btn-purple {
    background-color: #5d11ac; }
.search-section .btn .__hvr-span {
    background-color: #eda61c; }
.search-section .btn i {
    font-size: 18px;
    height: 18px;
    display: block;
    color: #ffffff; }

/* BLOG-SINGLE */
.title-blog {
    padding: 70px 0;
    background-position: center;
    background-size: cover;
    position: relative; }
.title-blog.title-biography {
    background-position: top; }
.title-blog.title-biography:before {
    display: none; }
.title-blog.title-biography:after {
    background-image: -moz-linear-gradient(180deg, #2ab0bc 0%, #7025be 100%) !important;
    background-image: -webkit-linear-gradient(180deg, #2ab0bc 0%, #7025be 100%) !important;
    background-image: -ms-linear-gradient(180deg, #2ab0bc 0%, #7025be 100%) !important;
    opacity: 0.85; }
.title-blog.title-biography .subtitle {
    opacity: 0.6; }
.title-blog.podcast-theme {
    background-color: #5d11ac; }
.title-blog.podcast-theme:after, .title-blog.podcast-theme:before {
    display: none; }
.title-blog.podcast-theme .subtitle {
    margin-bottom: 0; }
.title-blog.seminar-theme {
    background-image: -moz-linear-gradient(180deg, #2ab0bc 0%, #7025be 100%);
    background-image: -webkit-linear-gradient(180deg, #2ab0bc 0%, #7025be 100%);
    background-image: -ms-linear-gradient(180deg, #2ab0bc 0%, #7025be 100%);
    height: 150px !important;
}
.title-blog.seminar-theme:after, .title-blog.seminar-theme:before {
    display: none; }
.title-blog.seminar-theme .subtitle {
    margin-bottom: 0; }
.title-blog:before {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #000000;
    opacity: 0.6; }
.title-blog:after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: -moz-linear-gradient(180deg, #141414 0%, rgba(20, 20, 20, 0) 100%);
    background-image: -webkit-linear-gradient(180deg, #141414 0%, rgba(20, 20, 20, 0) 100%);
    background-image: -ms-linear-gradient(180deg, #141414 0%, rgba(20, 20, 20, 0) 100%); }
.title-blog article, .title-blog .btn-group {
    position: relative;
    z-index: 9; }
.title-blog .subtitle {
    font-size: 16px;
    font-weight: 100;
    color: #ffffff;
    display: block;
    opacity: 0.4;
    margin-bottom: 5px; }
.title-blog .title {
    font-size: 20px;
    font-weight: 800;
    color: #ffffff;
    display: block; }
.title-blog .icon-podcast {
    font-size: 50px;
    height: 50px;
    color: #ffffff;
    display: block;
    margin-left: 20px; }
.title-blog .btn-group {
    margin-right: auto; }
.title-blog .btn {
    flex: unset;
    width: 45px;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    border-radius: 50% !important;
    border: 1px solid #ffffff;
    opacity: 0.6;
    margin: 5px !important;
    transition: all 0.3s; }
.title-blog .btn .__hvr-span {
    background-color: #2ab0bc; }
.title-blog .btn:hover {
    opacity: 1;
    border: 1px solid #2ab0bc; }
.title-blog .btn i {
    font-size: 16px;
    height: 16px;
    display: block;
    color: #ffffff; }
.title-blog .btn-like-podcast {
    width: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none !important;
    background-color: rgba(255, 255, 255, 0.08);
    color: #ffffff;
    border-radius: 200px !important;
    padding: 0 25px;
    opacity: 1; }
.title-blog .btn-like-podcast .__hvr-span {
    background-color: #ffffff; }
.title-blog .btn-like-podcast:hover {
    color: #5d11ac; }
.title-blog .btn-like-podcast:hover i {
    color: #5d11ac; }
.title-blog .btn-like-podcast i {
    color: #ffffff;
    margin-left: 10px; }
.title-blog .level {
    height: 45px;
    padding-right: 20px;
    padding-left: 20px;
    margin: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 15px;
    font-weight: 500;
    color: #ffffff;
    background-color: rgba(255, 255, 255, 0.12);
    border-radius: 200px; }
.title-blog .teacher {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 0; }
.title-blog .teacher img {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    border: 4px solid #ffffff;
    display: block;
    margin-right: 10px; }
.title-blog .teacher .name {
    font-size: 14px;
    font-weight: 300;
    color: rgba(255, 255, 255, 0.6);
    display: block;
    text-align: left; }
.title-blog .teacher .name b {
    color: white;
    display: block;
    font-weight: 700;
    font-size: 16px; }

.blog-single {
    margin-bottom: 50px; }
.blog-single img {
    max-width: 100%; }
.blog-single .text {
    font-size: 16px;
    color: #585858;
    display: block;
    text-align: justify;
    text-align-last: right;
    line-height: 35px;
    margin-bottom: 30px; }
.blog-single .owl-gallery {
    border: 1px solid #e3e3e3;
    border-radius: 3px;
    position: relative;
    margin-bottom: 35px; }
.blog-single .owl-gallery .item {
    width: 100%;
    height: 400px;
    padding: 20px; }
.blog-single .owl-gallery .item img {
    width: 100%;
    height: 100%;
    object-position: center;
    object-fit: cover;
    border-radius: 3px; }
.blog-single .owl-gallery .owl-nav {
    display: flex;
    justify-content: center;
    width: 100%;
    position: absolute;
    bottom: 45px;
    right: 0;
    flex-direction: row-reverse; }
.blog-single .owl-gallery .owl-nav button {
    width: 45px;
    height: 45px;
    background-color: #ffffff;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s; }
.blog-single .owl-gallery .owl-nav button:hover {
    background-color: #5d11ac; }
.blog-single .owl-gallery .owl-nav button:hover i {
    color: #ffffff; }
.blog-single .owl-gallery .owl-nav button i {
    font-size: 17px;
    height: 17px;
    display: block;
    color: #c7c7c7;
    transition: all 0.3s; }
.blog-single .title {
    font-size: 18px;
    font-weight: 700;
    color: #5d11ac;
    display: block;
    margin-bottom: 15px; }
.blog-single .accordion .accordion-menu {
    margin-bottom: 30px; }
.blog-single .accordion .accordion-menu li {
    width: 100%;
    margin-bottom: 15px; }
.blog-single .accordion .accordion-menu li.active a {
    background-color: #5d11ac;
    color: #ffffff; }
.blog-single .accordion .accordion-menu li a {
    width: 100%;
    padding: 20px 20px;
    background-color: #f7f7f7;
    border-radius: 5px;
    font-size: 16px;
    font-weight: 300;
    color: #747474;
    display: flex;
    transition: all 0.3s; }
.blog-single .accordion .accordion-menu li a .plus {
    margin-left: 25px; }
.blog-single .accordion .accordion-menu li .submenu {
    display: none;
    padding-top: 30px;
    padding-bottom: 10px; }
.blog-single .accordion .accordion-menu li .submenu .nav .nav-item {
    font-size: 16px;
    font-weight: 300;
    color: #585858;
    display: block;
    padding-top: 2.5px;
    padding-bottom: 2.5px;
    padding-right: 15px;
    position: relative; }
.blog-single .accordion .accordion-menu li .submenu .nav .nav-item:before {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    width: 5px;
    height: 1px;
    background-color: #595959; }
.blog-single .video {
    width: 100%;
    height: 420px;
    background-size: cover;
    background-position: center;
    border-radius: 8px;
    position: relative;
    overflow: hidden;
    margin-bottom: 30px; }
.blog-single .video:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(120deg, #2ab0bc 0%, #5d11ac 100%);
    background-image: -moz-linear-gradient(120deg, #2ab0bc 0%, #5d11ac 100%);
    background-image: -webkit-linear-gradient(120deg, #2ab0bc 0%, #5d11ac 100%);
    background-image: -ms-linear-gradient(120deg, #2ab0bc 0%, #5d11ac 100%);
    opacity: 0.85; }
.blog-single .video .btn-play {
    width: 100px;
    height: 100px;
    background-color: #ffffff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    position: absolute;
    top: 50%;
    right: 50%;
    transform: translateX(50%) translateY(-50%);
    z-index: 9; }
.blog-single .video .btn-play:before {
    content: '';
    position: absolute;
    top: 50%;
    right: 50%;
    width: 100%;
    height: 100%;
    z-index: -1;
    border-radius: 50%;
    transform: translateX(50%) translateY(-50%);
    background-color: #ffffff;
    opacity: 0;
    -webkit-animation-name: example;
    /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: 2s;
    /* Safari 4.0 - 8.0 */
    -webkit-animation-iteration-count: infinite;
    /* Safari 4.0 - 8.0 */
    animation-name: example;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    /* Standard syntax */ }
@keyframes example {
    0% {
        width: 100%;
        height: 100%;
        opacity: 0.2; }
    100% {
        width: 150%;
        height: 150%;
        opacity: 0; } }
.blog-single .video .btn-play:after {
    content: '';
    position: absolute;
    top: 50%;
    right: 50%;
    width: 100%;
    height: 100%;
    z-index: -1;
    border-radius: 50%;
    opacity: 0;
    transform: translateX(50%) translateY(-50%);
    background-color: #ffffff;
    -webkit-animation-name: example;
    /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: 2s;
    /* Safari 4.0 - 8.0 */
    -webkit-animation-delay: 0.5s;
    -webkit-animation-iteration-count: infinite;
    /* Safari 4.0 - 8.0 */
    animation-name: example;
    animation-duration: 2s;
    animation-delay: 0.5s;
    animation-iteration-count: infinite;
    /* Standard syntax */ }
@keyframes example {
    1% {
        width: 100%;
        height: 100%;
        opacity: 0.4; }
    100% {
        width: 150%;
        height: 150%;
        opacity: 0; } }
.blog-single .video .btn-play i {
    font-size: 32px;
    height: 32px;
    display: block;
    color: #5d11ac; }
.blog-single .video .main-video {
    display: none;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 99;
    background-color: #000000;
    overflow: hidden; }
.blog-single .video .main-video .video-js {
    width: 100%;
    height: 100%; }
.blog-single .video .main-video .btn-close {
    cursor: pointer;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-color: #2ab0bc;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 20px;
    right: 20px;
    z-index: 99; }
.blog-single .video .main-video .btn-close i {
    font-size: 20px;
    height: 20px;
    display: block;
    color: #FFFFFF; }
.blog-single .js-plyr {
    margin-bottom: 20px; }
.blog-single .js-plyr .plyr__controls {
    direction: ltr;
    height: 80px;
    border-radius: 0.3125rem;
    background-color: #5d11ac;
    border: none;
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 1.5625rem;
    padding-left: 1.5625rem; }
.blog-single .js-plyr .plyr__controls button:hover {
    background-color: transparent; }
.blog-single .js-plyr .plyr__controls button i {
    color: #FFFFFF;
    font-size: 23px;
    height: 23px;
    display: block; }
.blog-single .js-plyr .plyr__controls button svg {
    color: #FFFFFF;
    width: 23px;
    height: 23px; }
.blog-single .js-plyr .plyr__controls .remove-i i {
    display: none; }
.blog-single .js-plyr .plyr__controls .plyr__time {
    display: none; }
.blog-single .js-plyr .plyr__controls .fullscreen {
    display: block; }
.blog-single .js-plyr .plyr__controls .plyr__progress .plyr__progress--played {
    color: #FFFFFF;
    border-radius: 50px; }
.blog-single .js-plyr .plyr__controls .plyr__volume--display {
    color: #FFFFFF; }
.blog-single .comment {
    border-top: 1px dotted #dedede;
    padding-top: 35px;
    margin-bottom: 20px; }
.blog-single .comment.purple-theme {
    border-top: none;
    padding-top: 10px; }
.blog-single .comment.purple-theme .title {
    color: #5d11ac; }
.blog-single .comment.purple-theme .item-comment.reply {
    background-color: #fcfaff;
    border: 1px solid #e7dcf3; }
.blog-single .comment.purple-theme .item-comment .btn {
    color: #5d11ac; }
.blog-single .comment.purple-theme .item-comment .btn:hover {
    color: #2ab0bc; }
.blog-single .comment.purple-theme .item-comment .btn:hover i {
    color: #2ab0bc; }
.blog-single .comment.purple-theme .item-comment .btn i {
    color: #5d11ac; }
.blog-single .comment .title {
    font-size: 18px;
    font-weight: 300;
    color: #2ab0bc;
    display: flex;
    align-items: center;
    margin-bottom: 30px; }
.blog-single .comment .title b {
    font-weight: 800;
    display: block;
    margin-left: 20px; }
.blog-single .comment .item-comment {
    padding-bottom: 30px;
    border-bottom: 1px solid #e3e3e3; }
.blog-single .comment .item-comment.reply {
    margin-right: 100px;
    margin-top: 20px;
    padding: 35px;
    background-color: #f8feff;
    border-radius: 5px;
    border: 1px solid #dff3f5; }
.blog-single .comment .item-comment article {
    width: 100%; }
.blog-single .comment .item-comment img {
    width: 70px;
    height: 70px;
    object-position: center;
    object-fit: cover;
    margin-left: 30px; }
.blog-single .comment .item-comment .top {
    margin-bottom: 20px; }
.blog-single .comment .item-comment .name {
    font-size: 16px;
    font-weight: 700;
    color: #5f5e5e;
    display: block;
    margin-bottom: 5px;
    margin-top: 5px;
    margin-left: 20px; }
.blog-single .comment .item-comment .date {
    font-size: 16px;
    font-weight: 700;
    color: #9f9e9e;
    display: block;
    margin-bottom: 5px;
    margin-top: 5px; }
.blog-single .comment .item-comment .btn {
    margin-top: 5px;
    margin-bottom: 5px;
    padding: 0;
    background-color: transparent;
    display: flex;
    align-items: center;
    font-size: 14px;
    color: #2ab0bc;
    transition: all 0.3s; }
.blog-single .comment .item-comment .btn:hover {
    color: #5d11ac; }
.blog-single .comment .item-comment .btn:hover i {
    color: #5d11ac; }
.blog-single .comment .item-comment .btn i {
    font-size: 16px;
    height: 16px;
    display: block;
    color: #2ab0bc;
    margin-right: 10px;
    transition: all 0.3s; }
.blog-single .comment .item-comment .btn-reply {
    font-weight: 800;
    margin-right: 20px; }
.blog-single .comment .item-comment .text {
    font-size: 15px;
    color: #373737;
    display: block;
    text-align: justify;
    text-align-last: right;
    margin-bottom: 5px;
    margin-top: 5px;
    line-height: 27px; }
.blog-single .post-comment {
    margin-bottom: 30px;
    padding: 30px;
    padding-bottom: 10px;
    border-radius: 5px;
    background-color: #f6f6f6; }
.blog-single .post-comment.purple-theme .btn {
    background-color: #5d11ac; }
.blog-single .post-comment.purple-theme .btn .__hvr-span {
    background-color: #2ab0bc; }
.blog-single .post-comment .form-group {
    margin-bottom: 20px; }
.blog-single .post-comment textarea {
    width: 100%;
    height: 110px;
    padding: 20px;
    font-size: 14px;
    font-weight: 300;
    color: #2ab0bc;
    background-color: #ffffff;
    border-radius: 20px;
    border: none;
    display: block; }
.blog-single .post-comment input {
    width: 100%;
    height: 50px;
    padding-right: 20px;
    font-size: 14px;
    font-weight: 300;
    color: #2ab0bc;
    background-color: #ffffff;
    border-radius: 50px;
    border: none;
    display: block; }
.blog-single .post-comment ::placeholder {
    opacity: 1;
    color: #878787; }
.blog-single .post-comment .btn {
    font-size: 17px;
    font-weight: 700;
    background-color: #2ab0bc;
    color: #FFFFFF;
    width: 100%;
    height: 50px;
    border-radius: 50px;
    z-index: 9; }
.blog-single .post-comment .btn .__hvr-span {
    background-color: #5d11ac; }
.blog-single .header-section {
    margin-bottom: 15px; }
.blog-single .header-section .title {
    margin-bottom: 0; }
.blog-single .header-section .more {
    color: #2ab0bc; }
.blog-single .header-section .more i {
    color: #2ab0bc; }
.blog-single .header-section .more:hover {
    color: #5d11ac; }
.blog-single .header-section .more:hover i {
    color: #5d11ac; }

.about-news {
    padding: 15px 0;
    border-top: 1px dotted #dedede;
    border-bottom: 1px dotted #dedede;
    align-items: center;
    margin-bottom: 30px; }
.about-news.podcast-theme .name-item {
    margin-left: auto; }
.about-news.podcast-theme .name-item:after {
    display: none; }
.about-news.podcast-theme .name {
    display: flex;
    align-items: center;
    padding: 10px;
    padding-left: 30px;
    border-radius: 200px;
    background-color: #fafafa;
    color: #666666 !important; }
.about-news.podcast-theme .name b {
    color: #5d11ac !important;
    margin-right: 10px; }
.about-news .nav-item {
    padding-right: 20px;
    padding-left: 20px;
    font-size: 16px;
    font-weight: 300;
    color: #666666;
    display: flex;
    align-items: center;
    position: relative; }
.about-news .nav-item:last-child {
    padding-left: 0; }
.about-news .nav-item:last-child:after {
    display: none; }
.about-news .nav-item:first-child {
    padding-right: 0; }
.about-news .nav-item:after {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    width: 1px;
    height: 36px;
    background-color: #e5e5e5; }
.about-news .nav-item img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display: block;
    margin-left: 25px; }
.about-news .nav-item .name {
    font-weight: 800;
    color: #2ab0bc; }

.nav-tags {
    padding: 15px 0;
    border-top: 1px dotted #dedede;
    border-bottom: 1px dotted #dedede;
    margin-bottom: 30px;
    align-items: center; }
.nav-tags.purple-theme .nav-item .nav-link .__hvr-span {
    background-color: #5d11ac; }
.nav-tags.seminar-theme .nav-item .nav-link {
    background-color: transparent;
    border-radius: 10px;
    border: 1px solid #f0f0f0;
    color: #666666; }
.nav-tags .nav-title {
    font-size: 16px;
    font-weight: 700;
    color: #666666;
    display: block;
    margin-left: auto; }
.nav-tags .nav-item .nav-link {
    cursor: pointer;
    font-size: 14px;
    font-weight: 700;
    color: #9b9b9b;
    display: block;
    padding: 7px 20px;
    background-color: #f7f7f7;
    border-radius: 100px;
    margin: 5px; }
.nav-tags .nav-item .nav-link:hover {
    color: #ffffff; }

.banner-viewpoint {
    cursor: pointer;
    width: 100%;
    background-color: #5d11ac;
    border-radius: 8px;
    background-image: url("../img/after-banner.png");
    background-size: cover;
    background-position: center;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
    padding-top: 30px;
    padding-bottom: 30px; }
.banner-viewpoint .title {
    font-size: 20px;
    font-weight: 300;
    color: #ffffff;
    display: inline-block;
    padding: 5px 30px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    background-color: rgba(255, 255, 255, 0.1);
    margin-bottom: 10px; }
.banner-viewpoint .title b {
    font-weight: 700;
    margin-right: 10px; }
.banner-viewpoint .subtitle {
    font-size: 20px;
    font-weight: 300;
    color: #ffffff;
    display: block;
    padding-right: 30px; }
.banner-viewpoint .send {
    font-weight: 800;
    font-size: 18px;
    color: #ffffff;
    padding: 10px 30px;
    display: inline-block;
    background-color: #eda61c;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px; }
.banner-viewpoint .send:hover {
    color: #5d11ac; }
.banner-viewpoint .send .__hvr-span {
    background-color: #ffffff; }

/* BLOG-ARCHIVE */
.blog-archive {
    margin-bottom: 50px; }
.blog-archive.last-blog .item-blog .image img {
    height: 190px; }
.blog-archive.last-blog .item-blog .title {
    margin-bottom: 10px; }
.blog-archive.last-blog .item-blog .time {
    margin-right: 0; }
.blog-archive .item-blog {
    padding: 10px;
    border: 1px solid #f0f0f0;
    border-radius: 10px;
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    box-shadow: 0 8px 50px 0 rgba(0, 0, 0, 0);
    transition: all 0.3s; }
.blog-archive .item-blog:hover {
    border: 1px solid #ffffff;
    box-shadow: 0 8px 50px 0 rgba(0, 0, 0, 0.06); }
.blog-archive .item-blog:hover .label {
    background-color: #2ab0bc; }
.blog-archive .item-blog:hover .more {
    background-color: #2ab0bc;
    box-shadow: 0 10px 40px 0 rgba(42, 176, 188, 0.3); }
.blog-archive .item-blog:hover .time {
    color: #2ab0bc;
    background-color: #eef9fa; }
.blog-archive .item-blog .image {
    position: relative; }
.blog-archive .item-blog .image img {
    width: 310px;
    height: 250px;
    border-radius: 10px;
    object-fit: cover;
    object-position: center; }
.blog-archive .item-blog .label {
    font-size: 16px;
    font-weight: 700;
    color: #ffffff;
    padding: 6px 15px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    background-color: rgba(0, 0, 0, 0.4);
    position: absolute;
    right: 0;
    top: 20px;
    transition: all 0.3s; }
.blog-archive .item-blog article {
    width: 100%;
    padding-right: 35px;
    padding-left: 25px; }
.blog-archive .item-blog .date {
    font-size: 15px;
    font-weight: 300;
    color: #a0a0a0;
    display: block;
    margin-bottom: 5px; }
.blog-archive .item-blog .title {
    font-size: 18px;
    font-weight: 700;
    color: #4c4c4c;
    display: block;
    margin-bottom: 5px; }
.blog-archive .item-blog .text {
    font-size: 15px;
    font-weight: 300;
    color: #a0a0a0;
    display: block;
    text-align: justify;
    text-align-last: right;
    margin-bottom: 20px; }
.blog-archive .item-blog .time {
    font-size: 14px;
    font-weight: 300;
    color: #686868;
    display: inline-block;
    padding: 7.5px 20px;
    border-radius: 10px;
    background-color: #f9f9f9;
    margin-left: 10px;
    margin-right: auto;
    transition: all 0.3s; }
.blog-archive .item-blog .more {
    font-size: 14px;
    font-weight: 300;
    color: #ffffff;
    display: inline-block;
    padding: 7.5px 30px;
    border-radius: 10px;
    background-color: #666666;
    box-shadow: 0 10px 40px 0 rgba(42, 176, 188, 0);
    transition: all 0.3s; }

.category-blog {
    margin-bottom: 30px; }
.category-blog.purple-theme .nav .nav-item.active .nav-link {
    background-color: #5d11ac; }
.category-blog.purple-theme .nav .nav-item .nav-link:hover {
    box-shadow: 0 6px 50px 0 rgba(93, 17, 172, 0.1); }
.category-blog.purple-theme .nav .nav-item .nav-link .__hvr-span {
    background-color: #5d11ac; }
.category-blog .title {
    font-size: 20px;
    font-weight: 800;
    color: #7f7f7f;
    display: block; }
.category-blog .nav {
    flex-wrap: nowrap;
    overflow-x: auto;
    padding-top: 7.5px;
    padding-bottom: 7.5px; }
.category-blog .nav .nav-item.active .nav-link {
    background-color: #2ab0bc;
    color: #ffffff; }
.category-blog .nav .nav-item:first-child .nav-link {
    margin-right: 0; }
.category-blog .nav .nav-item .nav-link {
    font-size: 14px;
    font-weight: 300;
    color: #6d6d6d;
    display: block;
    padding: 8px 25px;
    margin: 5px;
    border-radius: 200px;
    background-color: #f9f9f9;
    box-shadow: 0 6px 50px 0 rgba(42, 176, 188, 0);
    white-space: nowrap; }
.category-blog .nav .nav-item .nav-link:hover {
    box-shadow: 0 6px 50px 0 rgba(42, 176, 188, 0.4);
    color: #ffffff; }
.category-blog .nav .nav-item .nav-link .__hvr-span {
    background-color: #2ab0bc; }

aside {
    width: 100%;
    padding-right: 5px;
    padding-left: 5px; }
aside .item-aside {
    margin-bottom: 20px;
    width: 100%; }
aside .item-aside:last-child {
    margin-bottom: 0; }
aside .title-aside {
    font-size: 20px;
    color: #ffffff;
    display: block;
    font-weight: 700;
    text-align: center;
    padding-top: 20px;
    padding-bottom: 25px;
    background-color: #5d11ac;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px; }
aside .title-aside.blue-theme {
    background-color: #2ab0bc; }
aside .body-aside {
    margin-top: -7.5px;
    border-radius: 10px;
    background-color: #ffffff;
    padding: 25px 20px;
    box-shadow: 0 10px 60px 0 rgba(0, 0, 0, 0.04); }
aside .owl-carousel {
    width: 100%; }
aside .item {
    width: 100%; }
aside .text-slider {
    font-size: 16px;
    font-weight: 300;
    color: #585858;
    display: block;
    text-align: justify;
    text-align-last: center; }
aside .navigation {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative; }
aside .owl-nav .owl-next {
    right: 0; }
aside .owl-nav .owl-prev {
    left: 0; }
aside .owl-nav button {
    width: 45px;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    border: 1px solid #c2c4c4;
    background-color: #ffffff;
    transition: all 0.3s;
    position: absolute;
    top: 50%;
    transform: translateY(-50%); }
aside .owl-nav button:hover {
    border: 1px solid #2ab0bc; }
aside .owl-nav button:hover i {
    color: #2ab0bc; }
aside .owl-nav button i {
    font-size: 14px;
    height: 14px;
    display: block;
    color: #c2c4c4;
    transition: all 0.3s; }
aside .see-archive {
    font-size: 14px;
    color: #959595;
    border-radius: 5px;
    padding-right: 25px;
    padding-left: 25px;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #f9f9f9; }
aside .see-archive .__hvr-span {
    background-color: #2ab0bc; }
aside .see-archive:hover {
    color: #ffffff; }
aside .nav.nav-has-number .nav-item:nth-last-child(2) .nav-link {
    margin-bottom: 10px; }
aside .nav.nav-has-number .nav-item .nav-link {
    margin-bottom: 10px;
    justify-content: space-between;
    padding-right: 15px;
    padding-left: 15px; }
aside .nav.nav-filter .nav-item.active .nav-link {
    background-color: #2ab0bc;
    color: #ffffff; }
aside .nav.nav-filter .nav-item:last-child {
    margin-bottom: 0 !important; }
aside .nav.nav-filter .nav-item .nav-link {
    background-color: #f2fafb;
    color: #2ab0bc;
    margin-bottom: 10px !important; }
aside .nav.nav-filter .nav-item .nav-link .__hvr-span {
    background-color: #2ab0bc; }
aside .nav .nav-item {
    padding-right: 5px !important;
    padding-left: 5px !important; }
aside .nav .nav-item:nth-last-child(2) .nav-link, aside .nav .nav-item:nth-last-child(1) .nav-link {
    margin-bottom: 0; }
aside .nav .nav-item .nav-link {
    font-size: 14px;
    font-weight: 700;
    color: #959595;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 7.5px 5px;
    background-color: #f9f9f9;
    border-radius: 200px;
    margin-bottom: 10px; }
aside .nav .nav-item .nav-link .number {
    font-weight: 300; }
aside .nav .nav-item .nav-link:hover {
    color: #ffffff; }
aside form {
    width: 100%; }
aside .form-group {
    width: 100%;
    margin-bottom: 10px; }
aside input {
    width: 100%;
    height: 45px;
    border-radius: 200px;
    border: 1px solid #e5e5e5;
    padding-right: 20px;
    font-size: 14px;
    color: #a0a0a0; }
aside input::placeholder {
    color: #a0a0a0;
    opacity: 1; }
aside .btn-submit {
    width: 100%;
    height: 45px;
    border-radius: 200px;
    background-color: #f2fafb;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 10px;
    font-size: 16px;
    font-weight: 800;
    color: #2ab0bc; }
aside .btn-submit:hover {
    color: #ffffff; }
aside .teacher {
    display: flex;
    align-items: center;
    margin-bottom: 20px; }
aside .teacher img {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    padding: 8px;
    border: 1px solid #e6e6e6;
    display: block;
    margin-left: 10px; }
aside .teacher .name {
    font-size: 15px;
    font-weight: 300;
    color: #4c4c4c;
    display: block;
    text-align: right; }
aside .teacher .name b {
    display: block;
    font-weight: 700;
    font-size: 20px; }
aside .text-about-teacher {
    font-size: 15px;
    color: #a7a7a7;
    width: 100%;
    text-align: justify;
    text-align-last: right;
    margin-bottom: 0; }
aside .seminar-aside {
    padding: 30px;
    border: 1px solid #f2f2f2;
    border-radius: 10px; }

.nav-pagination {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 35px;
    padding-right: 15px;
    padding-left: 15px; }
.nav-pagination.purple-theme .nav-item.active .nav-link {
    background-color: #5d11ac; }
.nav-pagination.purple-theme .nav-item .nav-link .__hvr-span {
    background-color: #5d11ac; }
.nav-pagination.purple-theme .nav-item .nav-link:hover i {
    color: #5d11ac; }
.nav-pagination .nav-item.navigation-item .nav-link {
    width: auto;
    height: auto;
    background-color: #ffffff !important; }
.nav-pagination .nav-item.active .nav-link {
    background-color: #2ab0bc;
    color: #ffffff; }
.nav-pagination .nav-item .nav-link {
    width: 45px;
    height: 45px;
    background-color: #fafafa;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    font-size: 19px;
    font-weight: 300;
    color: #979696;
    margin-right: 7.5px;
    margin-left: 7.5px; }
.nav-pagination .nav-item .nav-link .__hvr-span {
    background-color: #2ab0bc; }
.nav-pagination .nav-item .nav-link:hover {
    color: #ffffff; }
.nav-pagination .nav-item .nav-link:hover i {
    color: #2ab0bc; }
.nav-pagination .nav-item .nav-link i {
    font-size: 13px;
    height: 13px;
    display: block;
    color: #979696;
    transition: al 0.3s; }

/* START-LOGIN-REGISTER */
.login-register {
    position: relative;
    padding-bottom: 120px;
    display: flex;
    align-items: center;
    justify-content: center; }
.login-register:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-image: url("../img/bg-login-register.png");
    background-position: 0 0;
    opacity: 0.03;
    animation: animatedBackground 40s linear infinite; }
@keyframes animatedBackground {
    from {
        background-position: 0 0; }
    to {
        background-position: 100% 100%; } }
.login-register.login-theme {
    background-color: white; padding: 20px;display: flex;flex-direction: column}
.login-register.login-theme .link:hover {
    color: #2ab0bc; }
.login-register.login-theme .link b {
    color: #2ab0bc; }
.login-register.login-theme label a {
    color: #2ab0bc; }
.login-register.login-theme label:before {
    border: 2px solid #2ab0bc; }
.login-register.login-theme label:after {
    color: #2ab0bc; }
.login-register.login-theme input[type="radio"] {
    display: none; }
.login-register.login-theme input[type="radio"]:checked + label:after {
    opacity: 1; }
.login-register.login-theme input[type="checkbox"] {
    display: none; }
.login-register.login-theme input[type="checkbox"]:checked + label:after {
    opacity: 1; }
.login-register.login-theme .btn-submit {
    background-color: #2ab0bc; }
.login-register.login-theme .btn-submit .__hvr-span {
    background-color: #eda61c; }
.login-register.login-theme .forget-pass:hover {
    color: #eda61c; }
.login-register.login-theme .footer .nav .nav-item .nav-link:hover {
    color: #2ab0bc; }
.login-register.register-theme {
    background: whitesmoke; padding: 20px;display: flex;flex-direction: column }
.login-register.register-theme .link:hover {
    color: #2ab0bc; }
.login-register.register-theme .btn-submit .__hvr-span {
    background-color: #eda61c; }
.login-register .form {
    position: relative; z-index: 9;border: 1px solid rgba(226, 226, 226, 0.93); padding: 30px 10px 20px 10px; border-radius: 10px; bottom: 20px;background-color: rgba(226, 226, 226, 0.93);width: 30%;margin-right: 35%;margin-left: 35%;
}
.login-register form {
    width: 90%;
    background-color: #e2e2e2;
    border-radius: 10px;
    margin: 0 auto;
    overflow: hidden; }
.login-register .register_top{display:flex;align-items:center;justify-content:center;margin-bottom:20px;}
.login-register .register_top img{width:140px;height:70px}
.login-register .title {
    font-size: 18px;
    font-weight: 800;
    color: #2ab0bc;
    display: block;
    text-align: center;
    padding: 15px 0; }
.login-register .title_register {
    font-size: 24px;
    font-weight: bolder;
    color: rgba(0, 0, 0, 0.97);
    text-align: right;margin-bottom: 25px}
.login-register .notification {
    font-size: 16px;
    font-weight: 500;
    color: #2ab0bc;
    display: block;
    text-align: justify;
    text-align-last: center;
    padding: 10px 15px;
    background-color: #f2fafb;
    border-radius: 5px;
    margin-bottom: 10px; }
.login-register .notification b {
    font-weight: 800; }
.login-register .form-group {
    width: 100%;
    margin-bottom: 10px;
    position: relative; }

.login-register input {
    width: 100%;
    height: 55px;
    border-radius: 5px;
    padding-left: 10px !important;
    font-size: 14px;
    font-weight: 500;
    color: rgba(0, 0, 0, 0.73);
    border: 1px solid rgba(134, 134, 134, 0.83);
    background-color: #e2e2e2;direction: ltr;text-align: left;
}
.form input::placeholder {font-size: 12px; color: rgba(0, 0, 0, 0.68); padding-right:5px !important; float:right;}
.form .mobile-code{width:78% !important; margin-left:2%;}
.login-register .temp_country {
    width: 70px;
    padding: 0;
    text-align: center !important;
    margin-right: 10px; }
.login-register .dr-ltr {
    direction: ltr;
    text-align: left; }


.login-register .register-captcha::placeholder {
    text-align: right !important; }

.login-register .select2 {
    width: 30% !important;
    height: 55px !important; }
.login-register .select2 .selection {
    width: 30%;
    height: 100%;
    box-shadow: none !important;
    outline: none !important; }
.login-register .select2 .selection .select2-selection {
    width: 100%;
    height: 100%;
    border-radius: 5px;
    display: flex;
    align-items: center;
    box-shadow: none !important;
    outline: none !important; padding:0px !important;
    border: 1px solid rgba(134, 134, 134, 0.83);
    background-color: #e2e2e2;  color: rgba(0, 0, 0, 0.73);}
.login-register .select2 .selection .select2-selection:after {
    content: "\e924";
    font-family: icomoon;
    position: absolute;
    left: 5px;
    top: 50%;
    transform: translateY(-50%) rotate(-90deg);
    font-size: 10px;
    color: rgba(0, 0, 0, 0.73);}
.login-register .select2 .selection .select2-selection .select2-selection__rendered {
    font-size: 12px;
    font-weight: 200;
    color: rgba(0, 0, 0, 0.73);
     width:90%; padding-right:3px}
.login-register .select2 .selection .select2-selection .select2-selection__arrow {
    display: none;  }
.login-register .confirm-input i {
    right: 105px; }
.login-register .confirm-input input {
    padding-right: 145px; }
.login-register label {
    font-size: 14px;
    font-weight: 500;
    color: #7f7f7f;
    line-height: 1.8 !important;
    display: block;
    text-align: justify;
    position: relative;
    padding-right: 35px;
    margin-bottom: 15px;
    margin-top: 15px; }
.login-register label a {
    color: #2ab0bc;
    transition: all 0.3s; }
.login-register label .forget-pass {
    margin-right: auto;
    font-weight: 500; }
.login-register label:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 20px;
    height: 20px;
    border: 2px solid #2ab0bc;
    background-color: #ffffff;
    border-radius: 3px;
    transition: all 0.3s; }
.login-register label:after {
    content: "\e963";
    font-family: icomoon !important;
    position: absolute;
    top: -3.5px;
    right: -6px;
    color: #2ab0bc;
    font-size: 22px;
    transition: all 0.3s;
    line-height: 1;
    opacity: 0; }
.login-register .term-condition-link {
    position: relative; font-size: 12px }
.login-register .term-condition-link:after {
    content: '';
    position: absolute;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background-color: #2ab0bc; }
.login-register input[type="radio"] {
    display: none; }
.login-register input[type="radio"]:checked + label:after {
    opacity: 1; }
.login-register input[type="checkbox"] {
    display: none; }
.login-register input[type="checkbox"]:checked + label:after {
    opacity: 1; }
.login-register .h-pass {
    margin-top: 10px;
    margin-bottom: 0;
    display: inline-block; }
.login-register .h-pass li {
    font-size: 14px;
    font-weight: 500;
    color: #7f7f7f;
    display: block;
    margin-bottom: 2.5px;
    padding-right: 15px; }
.login-register .h-pass .pass {
    padding-right: 0;
    font-weight: 800; }
.login-register .btn-submit {
    width: 100%;
    font-size: 16px;
    font-weight: 800;
    color: #ffffff;
    background-color: #2ab0bc;
    padding: 15px 5px;
    border-radius: 5px;
    text-align: center;
    margin-top: 10px; }
.login-register .btn-submit:hover {
    color: #ffffff; }
.login-register .btn-submit.gmail-theme {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row; width: 100%; height: 40px; font-size: 15px; font-weight: normal !important;}
.login-register .btn-submit.gmail-theme i {
    font-size: 24px;
    height: 22px;
    display: block;
    margin-right: 10px;
    font-weight: 700;
    position: relative;
    top: -2px; }
.login-register .gmail-theme {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row; width: 100%; height: 40px; font-size: 15px; font-weight: normal !important;}
.login-register .gmail-theme i {
    font-size: 22px;
    height: 20px;
    display: block;
    margin-right: 10px;
    font-weight: 600;
    color:red;
    top: -2px; }
.login-register .btn-submit:hover .__hvr-span {
    width: 1000px !important;
    height: 1000px !important; }
.login-register .link {
    font-size: 16px;
    color: #7a7a7a;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    text-align: center;
    padding: 15px 10px;
    background-color: #f3f3f3;
    border-radius:10px;
    position: relative;
    transition: all 0.3s;
    overflow: hidden; }
.login-register .link:hover i:after {
    width: 1000px;
    height: 1000px;
    right: -500px;
    opacity: 0; }
.login-register .link i {
    font-size: 22px;
    height: 22px;
    margin-right: 7.5px;
    position: absolute;
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
    margin-right: 0;
    z-index: 9; }
.login-register .link i:after {
    content: '';
    position: absolute;
    width: 100px;
    height: 100px;
    background-color: #7a7a7a;
    right: -15px;
    top: 50%;
    transform: translateY(-50%);
    border-radius: 50%;
    z-index: -1;
    opacity: 0.2;
    transition: all 0.3s; }
.login-register .link b {
    font-weight: 700;
    color: #2ab0bc;
    margin-right: 2px; }
.login-register .resend-code {
    font-size: 16px;
    font-weight: 700;
    color: #7f7f7f;
    align-items: center;
    width: 100%;
    margin-top: 20px;
    margin-bottom: 10px; display: flex;flex-direction: column;justify-content: center}
.login-register .sub-title{color: rgba(0, 0, 0, 0.55);font-size: 13px;margin-bottom: 30px}
.login-register .resend-code ul {
    margin-bottom: 0;
    margin-right: 5px;
    display: flex;
    width: fit-content;
    width: -moz-fit-content; }
.login-register .resend-code ul li {
    padding-right: 2.5px;
    padding-left: 2.5px;
    position: relative; }
.login-register .resend-code ul li:first-child:after {
    display: none; }
.login-register .resend-code ul li:after {
    content: ':';
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%) translateX(50%); }
.login-register .text {
    font-size: 16px;
    color: #7f7f7f;
    display: block;
    text-align: justify;
    text-align-last: center;
    margin-top: 20px;
    margin-bottom: 10px; }
.login-register .footer {
    z-index: 9;
    position: absolute;
    right: 0;
    bottom: 20px;
    width: 100%; }
.login-register .footer .brand {
    display: block; }
.login-register .footer .brand img {
    max-width: 130px;
    max-height: 130px;
    object-fit: contain; }
.login-register .footer .nav .nav-item:last-child .nav-link {
    margin-left: 0; }
.login-register .footer .nav .nav-item .nav-link {
    padding: 7.5px 25px;
    background-color: #2ab0bc;
    border-radius: 100px;
    color: #ffffff;
    font-size: 14px;
    font-weight: 700;
    margin: 5px; }
.login-register .footer .nav .nav-item .nav-link:hover {
    color: #2ab0bc; }
.login-register .footer .nav .nav-item .nav-link .__hvr-span {
    background-color: #2ab0bc; }
.login-register .view-password {
    cursor: pointer;
    padding: 0;
    background-color: transparent;
    position: absolute;
    left: 20px;
    top: 16px;
    padding-right: 20px;
    border-right: 2px solid #e5e5e5;
    border-radius: 0; }
.login-register .view-password i {
    position: relative;
    top: 0;
    right: 0;
    font-size: 22px;
    height: 22px; }

/* ERROR */
.error {
    position: relative;
    padding-bottom: 120px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #f9f9f9; }
.error.error-400 .title {
    color: #2ab0bc; }
.error.error-500 .title {
    color: #5d11ac; }
.error.error-500 .nav {
    justify-content: center !important; }
.error.error-500 .nav .nav-item {
    width: auto !important; }
.error.error-500 .nav .nav-item .nav-link {
    color: #ffffff;
    background-color: #5d11ac;
    padding-right: 15px;
    padding-left: 15px; }
.error.error-500 .nav .nav-item .nav-link:hover {
    color: #ffffff; }
.error.error-500 .nav .nav-item .nav-link .__hvr-span {
    background-color: #eda61c; }
.error article {
    position: relative;
    z-index: 9;
    padding-top: 40px;
    padding-bottom: 40px; }
.error:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-image: url("../img/bg-login-register.png");
    background-position: 0 0;
    opacity: 0.8;
    animation: animatedBackground 40s linear infinite; }
@keyframes animatedBackground {
    from {
        background-position: 0 0; }
    to {
        background-position: 100% 100%; } }
.error img {
    width: 100%;
    max-height: 250px;
    object-fit: contain;
    object-position: center;
    opacity: 0.2; }
.error .title {
    font-family: Kalameh !important;
    font-size: 50px;
    font-weight: 800;
    color: #2ab0bc;
    display: block;
    margin-bottom: 15px;
    text-align: center; }
.error .subtitle {
    font-family: Kalameh !important;
    font-size: 35px;
    font-weight: 100;
    color: #656565;
    display: block;
    margin-bottom: 10px;
    text-align: center; }
.error .nav {
    width: 100%;
    justify-content: center; }
.error .nav .nav-item .nav-link {
    padding: 7.5px 25px;
    background-color: rgba(0, 0, 0, 0.03);
    border-radius: 100px;
    color: #7c7c7c;
    font-size: 15px;
    font-weight: 700;
    margin: 5px; }
.error .nav .nav-item .nav-link:hover {
    color: #ffffff; }
.error .nav .nav-item .nav-link .__hvr-span {
    background-color: #2ab0bc; }
.error .footer {
    padding: 30px 0;
    background-color: rgba(0, 0, 0, 0.03);
    z-index: 9;
    position: absolute;
    right: 0;
    bottom: 0;
    width: 100%; }
.error .footer .brand {
    display: block; }
.error .footer .brand img {
    max-width: 130px;
    max-height: 130px;
    object-fit: contain;
    opacity: 1 !important; }
.error .footer .text {
    font-size: 18px;
    font-weight: 700;
    color: #787878;
    display: block; }

/* FAQ */
.text-bg {
    padding: 35px 0;
    background-color: #f9f9f9;
    margin-bottom: 40px; }
.text-bg.text-bg-theme-purple {
    background-color: #faf8fc; }
.text-bg.text-bg-theme-purple .text {
    color: #5d11ac; }
.text-bg.text-bg-theme-blue {
    background-color: #f4fbfc; }
.text-bg.text-bg-theme-blue .text {
    color: #2ab0bc; }
.text-bg .text {
    text-align: justify;
    text-align-last: center;
    font-size: 16px;
    font-weight: 500;
    color: #9d9d9d;
    display: block;
    margin-bottom: 0; }

.faq {
    margin-bottom: 30px; }
.faq.blue-theme {
    margin-bottom: 50px; }
.faq.blue-theme .accordion-menu {
    padding-bottom: 0;
    border-bottom: 0; }
.faq.blue-theme .accordion-menu .item-accordion .dropdownlink .icon-minus1 {
    color: #2ab0bc; }
.faq.has-border-bottom {
    margin-bottom: 50px; }
.faq.has-border-bottom .accordion-menu {
    padding-bottom: 50px;
    border-bottom: 1px dotted #dedede; }
.faq .title {
    font-size: 24px;
    font-weight: 700;
    color: #666666;
    display: block;
    text-align: center;
    margin-bottom: 30px; }
.faq .nav {
    max-width: fit-content;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 20px;
    padding-bottom: 15px;
    flex-wrap: nowrap;
    overflow-x: auto; }
.faq .nav .nav-item {
    position: relative;
    margin: 5px; }
.faq .nav .nav-item:after {
    content: '';
    position: absolute;
    width: 10px;
    height: 10px;
    background-color: #5d11ac;
    border-radius: 3px;
    top: 100%;
    right: 35px;
    transform: translateY(-60%) rotate(45deg);
    opacity: 0; }
.faq .nav .nav-item.active:after {
    opacity: 1; }
.faq .nav .nav-item.active .nav-link {
    font-weight: 700;
    background-color: #5d11ac;
    color: #ffffff; }
.faq .nav .nav-item .nav-link {
    font-size: 17px;
    font-weight: 300;
    color: #7c7c7c;
    display: block;
    padding: 10px 30px;
    border-radius: 200px;
    background-color: #f9f9f9;
    position: relative;
    white-space: nowrap; }
.faq .nav .nav-item .nav-link:hover {
    color: #ffffff; }
.faq .nav .nav-item .nav-link .__hvr-span {
    background-color: #5d11ac; }
.faq .accordion-menu {
    padding-bottom: 30px;
    border-bottom: 1px dotted #dedede; }
.faq .accordion-menu .item-accordion {
    border: 2px solid #f1f1f1;
    border-radius: 10px;
    margin-bottom: 10px; }
.faq .accordion-menu .item-accordion.active .dropdownlink .icon-plus1 {
    display: none; }
.faq .accordion-menu .item-accordion.active .dropdownlink .icon-minus1 {
    display: block; }
.faq .accordion-menu .item-accordion .dropdownlink {
    font-size: 16px;
    font-weight: 800;
    color: #7f7f7f;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px 15px; }
.faq .accordion-menu .item-accordion .dropdownlink i {
    font-size: 24px;
    height: 24px;
    display: block;
    color: #2ab0bc;
    margin-right: 5px; }
.faq .accordion-menu .item-accordion .dropdownlink .icon-minus1 {
    display: none;
    color: #5d11ac; }
.faq .accordion-menu .item-accordion .submenu {
    display: none;
    padding-bottom: 20px;
    padding-right: 20px;
    padding-left: 20px; }
.faq .accordion-menu .item-accordion .text {
    font-size: 15px;
    color: #7c7c7c;
    display: block;
    padding: 20px;
    background-color: #f9f9f9;
    border-radius: 10px;
    margin-bottom: 0; }

/* FORM ELEMENTS */
.form-elements {
    margin-bottom: 50px; }
.form-elements.form-elements-w-border input, .form-elements.form-elements-w-border textarea {
    background-color: #ffffff;
    border: 1px solid #e5e5e5; }
.form-elements.blue-theme {
    margin-bottom: 0;
    padding: 50px 0;
    background-color: #f8fdfd; }
.form-elements.blue-theme .title {
    color: #2ab0bc; }
.form-elements.blue-theme input, .form-elements.blue-theme textarea {
    color: #2ab0bc;
    background-color: transparent;
    border: 1px solid #cfeef0; }
.form-elements.blue-theme input::placeholder, .form-elements.blue-theme textarea::placeholder {
    color: #2ab0bc; }
.form-elements.blue-theme .btn {
    background-color: #2ab0bc; }
.form-elements.checkout-theme label {
    position: absolute;
    top: 25px;
    right: 30px;
    margin-bottom: 0; }
.form-elements.checkout-theme textarea {
    height: 230px;
    padding-top: 55px;
    color: #666666; }
.form-elements.checkout-theme .btn-submit {
    font-size: 17px;
    height: 45px;
    width: fit-content;
    width: -moz-fit-content;
    padding: 5px 30px;
    border-radius: 10px;
    margin-right: auto;
    margin-left: 30px;
    margin-top: -80px;
    margin-bottom: 0; }
.form-elements.has-border-bottom {
    margin-bottom: 30px; }
.form-elements.has-border-bottom .container {
    padding-bottom: 30px !important;
    border-bottom: 1px dotted #dedede; }
.form-elements .title {
    font-size: 18px;
    font-weight: 800;
    color: #7f7f7f;
    display: block;
    text-align: center;
    margin-bottom: 20px; }
.form-elements form {
    width: 100%; }
.form-elements .form-group {
    width: 100%;
    margin-bottom: 10px; }
.form-elements label {
    font-size: 14px;
    font-weight: 700;
    color: #666666;
    display: block;
    margin-bottom: 5px; }
.form-elements input, .form-elements textarea {
    width: 100%;
    height: 50px;
    background-color: #f9f9f9;
    border: none;
    display: block;
    padding-right: 30px;
    font-size: 15px;
    font-weight: 300;
    color: #858585;
    border-radius: 5px; }
.form-elements input::placeholder, .form-elements textarea::placeholder {
    opacity: 1;
    color: #858585; }
.form-elements textarea {
    height: 180px;
    padding: 30px; }
.form-elements .select2 {
    width: 100% !important;
    height: 50px !important; }
.form-elements .select2 .selection {
    width: 100%;
    height: 100%;
    box-shadow: none !important;
    outline: none !important; }
.form-elements .select2 .selection .select2-selection {
    background-color: #f9f9f9 !important;
    border-radius: 5px !important;
    width: 100%;
    height: 100%;
    border-radius: 5px;
    border: none;
    display: flex;
    align-items: center;
    box-shadow: none !important;
    outline: none !important; }
.form-elements .select2 .selection .select2-selection:after {
    content: "\e924";
    font-family: icomoon;
    position: absolute;
    left: 30px;
    top: 50%;
    transform: translateY(-50%) rotate(-90deg);
    font-size: 10px;
    color: #7f7f7f; }
.form-elements .select2 .selection .select2-selection .select2-selection__rendered {
    font-size: 15px;
    font-weight: 300;
    color: #858585;
    padding-right: 30px; }
.form-elements .select2 .selection .select2-selection .select2-selection__arrow {
    display: none; }
.form-elements .btn {
    width: 100%;
    height: 50px;
    font-size: 16px;
    font-weight: 800;
    color: #ffffff;
    background-color: #2ab0bc;
    box-shadow: 0 6px 50px 0 rgba(42, 176, 188, 0.3);
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center; }
.form-elements .btn i {
    font-size: 18px;
    height: 18px;
    display: block;
    color: #fafafa;
    margin-right: 10px; }
.form-elements .btn.btn-center {
    padding-right: 35px;
    padding-left: 35px;
    width: fit-content;
    width: -moz-fit-content;
    margin-right: auto;
    margin-left: auto;
    margin-top: -10px;
    transform: translateY(-50%); }
.form-elements .btn.btn-reverse-icon i {
    margin-right: 0;
    margin-left: 10px; }
.form-elements .btn.btn-purple {
    background-color: #5d11ac;
    box-shadow: 0 6px 50px 0 rgba(93, 17, 172, 0.3); }
.form-elements .btn .__hvr-span {
    background-color: #eda61c; }
.form-elements .btn:hover {
    box-shadow: 0 6px 50px 0 rgba(237, 166, 28, 0.3); }

/* CONTACT-US */

.contact-us .ways-to-address {
    margin-bottom: 30px; }
.contact-us .ways-to-address .nav {
    padding-left: 150px; }
.contact-us .ways-to-address .nav .nav-item {
    display: flex;
    align-items: center;
    margin-bottom: 20px; }
.contact-us .ways-to-address .nav .nav-item .number {
    font-size: 16px;
    font-weight: 800;
    color: #5d11ac;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 35px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: #f5f1fa;
    margin-left: 20px; }
.contact-us .ways-to-address .nav .nav-item .icon {
    min-width: 90px;
    width: 90px;
    height: 90px;
    border-radius: 50%;
    background-color: #f5f1fa;
    padding: 10px;
    margin-left: 30px; }
.contact-us .ways-to-address .nav .nav-item .icon img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: #5d11ac;
    object-fit: none;
    object-position: center;
    display: block; }
.contact-us .ways-to-address .nav .nav-item .title {
    font-size: 18px;
    font-weight: 800;
    color: #5d11ac;
    display: block; }
.contact-us .ways-to-address .nav .nav-item .res-block {
    display: none; }
.contact-us .ways-to-address .nav .nav-item .text {
    font-size: 16px;
    color: #7f7f7f;
    display: block;
    text-align: justify;
    text-align-last: right;
    margin-bottom: 0; }
.contact-us #map {
    width: 100%;
    height: 400px;
    border-radius: 10px;
    border: 20px solid #f9f9f9;
    margin-bottom: 50px; }
.contact-us .map-mobile {
    margin-bottom: 40px;
    display: none; }
.contact-us .map-mobile a {
    padding: 20px 5px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: #5d11ac;
    font-size: 15px;
    color: #ffffff;
    font-weight: 500; }
.contact-us .map-mobile a:hover .__hvr-span {
    width: 700px;
    height: 700px; }
.contact-us .map-mobile a .__hvr-span {
    background-color: #eda61c; }
.contact-us .map-mobile a i {
    font-size: 30px;
    height: 30px;
    display: block;
    color: #ffffff;
    margin-bottom: 15px; }
.contact-us .map-mobile .waze {
    background-color: #05b6e0; }
.contact-us .map-mobile .google-maps {
    background-color: #de4a3c; }
.contact-us .main-contact {
    padding: 30px 0;
    margin-bottom: 30px;
    background-image: linear-gradient(to right, #f2fafb 0%, #ffffff 100%);
    background-image: -moz-linear-gradient(to right, #f2fafb 0%, #ffffff 100%);
    background-image: -webkit-linear-gradient(to right, #f2fafb 0%, #ffffff 100%);
    background-image: -o-linear-gradient(to right, #f2fafb 0%, #ffffff 100%);
    overflow: hidden; }

.contact-us .main-contact img {
    width: 170px;
    height: 170px;
    border-radius: 50%;
    display: block;
    border: 15px solid #d6f0f2;
    margin-right: 30px; }
.contact-us .main-contact .name {
    font-size: 16px;
    font-weight: 800;
    color: #2ab0bc;
    display: block;
    line-height: 1.3 !important; }
.contact-us .main-contact .job {
    font-size: 18px;
    font-weight: 100;
    display: block;
    color: #7e7f7f;
    margin-top: 20px;
}
.contact-us .social-contact {
    margin-bottom: 30px; }
.contact-us .social-contact.social-contact-bg .background {
    background-image: linear-gradient(to left, #f9f9f9 0%, #ffffff 100%);
    border: none; }
.contact-us .social-contact.social-contact-bg .background:before {
    display: none; }
.contact-us .social-contact.social-contact-bg .background:after {
    display: none; }
.contact-us .social-contact .background {
    border: 1px solid #e5e5e5;
    border-left: none;
    border-radius: 10px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap; }
.contact-us .social-contact .background:before {
    content: '';
    position: absolute;
    left: 0;
    top: -1px;
    width: 100%;
    height: 2px;
    background-image: linear-gradient(to right, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
    background-image: -webkit-linear-gradient(to right, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
    background-image: -moz-linear-gradient(to right, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
    background-image: -o-linear-gradient(to right, #ffffff 0%, rgba(255, 255, 255, 0) 100%); }
.contact-us .social-contact .background:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -1px;
    width: 100%;
    height: 2px;
    background-image: linear-gradient(to right, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
    background-image: -webkit-linear-gradient(to right, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
    background-image: -moz-linear-gradient(to right, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
    background-image: -o-linear-gradient(to right, #ffffff 0%, rgba(255, 255, 255, 0) 100%); }
.contact-us .social-contact .title {
    padding: 20px 30px;
    font-size: 18px;
    font-weight: 800;
    color: #7f7f7f;
    display: inline-block; }
.contact-us .social-contact .title img {
    max-width: 45px;
    max-height: 45px;
    margin-right: 7.5px;
    margin-left: 7.5px; }
.contact-us .social-contact .nav .nav-item .nav-link {
    padding: 0;
    width: 40px;
    height: 40px;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 5px; }
.contact-us .social-contact .nav .nav-item .nav-link:hover i {
    color: #ffffff; }
.contact-us .social-contact .nav .nav-item .nav-link i {
    font-size: 23px;
    height: 23px;
    display: block;
    color: #7f7f7f;
    transition: all 0.3s; }
.contact-us .info-contact1 {
    margin-bottom: 30px; }
.contact-us .info-contact1 .col-xl-12:nth-child(1n) .item {
    background-image: linear-gradient(to left, #f5f1fa 0%, #ffffff 100%);
    background-image: -moz-linear-gradient(to left, #f5f1fa 0%, #ffffff 100%);
    background-image: -webkit-linear-gradient(to left, #f5f1fa 0%, #ffffff 100%);
    background-image: -o-linear-gradient(to left, #f5f1fa 0%, #ffffff 100%); }
.contact-us .info-contact1 .col-xl-12:nth-child(1n) .item i, .contact-us .info-contact1 .col-xl-12:nth-child(1n) .item .title, .contact-us .info-contact1 .col-xl-12:nth-child(1n) .item .subtitle {
    color: #5d11ac; }
.contact-us .info-contact1 .item {
    padding: 20px 30px;
    padding-left: 0;
    display: flex;
    align-items: center;
    border-radius: 10px; }
.contact-us .info-contact1 .item i {
    font-size: 40px;
    height: 40px;
    display: block;
    color: #2ab0bc;
    margin-left: 20px; }
.contact-us .info-contact1 .item .title {
    font-size: 16px;
    font-weight: 800;
    color: #2ab0bc;
    display: block; }
.contact-us .info-contact1 .item .title p {
    margin-bottom: 0; }
.contact-us .info-contact1 .item .subtitle {
    font-size: 14px;
    font-weight: 300;
    color: #2ab0bc;
    display: block; }
.contact-us .address {
    margin-bottom: 30px; }
.contact-us .address .col-xl-4:nth-child(1n) .item {
    background-image: linear-gradient(to left, #f5f1fa 0%, #ffffff 100%);
    background-image: -moz-linear-gradient(to left, #f5f1fa 0%, #ffffff 100%);
    background-image: -webkit-linear-gradient(to left, #f5f1fa 0%, #ffffff 100%);
    background-image: -o-linear-gradient(to left, #f5f1fa 0%, #ffffff 100%); }
.contact-us .address .col-xl-4:nth-child(1n) .item i, .contact-us .address .col-xl-4:nth-child(1n) .item .title, .contact-us .address .col-xl-4:nth-child(1n) .item .subtitle {
    color: #5d11ac; }
.contact-us .address .item {
    padding: 20px 30px;
    padding-left: 0;
    display: flex;
    align-items: center;
    background-image: linear-gradient(to left, #f2fafb 0%, #ffffff 100%);
    background-image: -moz-linear-gradient(to left, #f2fafb 0%, #ffffff 100%);
    background-image: -webkit-linear-gradient(to left, #f2fafb 0%, #ffffff 100%);
    background-image: -o-linear-gradient(to left, #f2fafb 0%, #ffffff 100%);
    border-radius: 10px; }
.contact-us .address .item i {
    font-size: 40px;
    height: 40px;
    display: block;
    color: #2ab0bc;
    margin-left: 20px; }
.contact-us .address.item .title {
    font-size: 16px;
    font-weight: 800;
    color: #2ab0bc;
    display: block; }
.contact-us .address .item .title p {
    margin-bottom: 0; }
.contact-us .address .item .subtitle {
    font-size: 14px;
    font-weight: 300;
    color: #2ab0bc;
    display: block; }
/* SEARCH-BOOK */
.search-book {
    margin-bottom: 50px; }
.search-book .title {
    font-size: 18px;
    font-weight: 800;
    color: #2ab0bc;
    display: block;
    margin-left: 10px; }
.search-book form {
    display: flex; }
.search-book .form-group {
    margin-bottom: 0;
    margin-left: 10px; }
.search-book input {
    width: 730px;
    height: 50px;
    border-radius: 5px;
    background-color: #fafafa;
    border: none;
    padding-right: 20px;
    font-size: 16px;
    font-weight: 500;
    color: #7d7d7d; }
.search-book input::placeholder {
    opacity: 1;
    color: #7d7d7d; }
.search-book .btn-search {
    font-size: 16px;
    font-weight: 800;
    color: #ffffff;
    background-color: #2ab0bc;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 40px;
    border-radius: 5px;
    white-space: nowrap; }
.search-book .btn-search .__hvr-span {
    background-color: #eda61c; }

/* BOOK-SHOP */
.book-shop {
    overflow: hidden;
    margin-bottom: 50px; }
.book-shop .col-xl-auto:nth-child(3) .td, .book-shop .col-xl-auto:nth-child(3) .th {
    width: 180px; }
.book-shop .col-xl-auto:nth-child(1) .td, .book-shop .col-xl-auto:nth-child(1) .th, .book-shop .col-xl-auto:nth-child(2) .td, .book-shop .col-xl-auto:nth-child(2) .th {
    width: 120px; }
.book-shop .col-xl-auto:nth-child(1) .td:after, .book-shop .col-xl-auto:nth-child(1) .th:after, .book-shop .col-xl-auto:nth-child(2) .td:after, .book-shop .col-xl-auto:nth-child(2) .th:after {
    content: "\e945";
    position: absolute;
    font-family: icomoon;
    font-size: 25px;
    color: #ffffff;
    right: 15px;
    top: 41%;
    transform: translateY(-50%);
    display: none; }
.book-shop .col-xl-auto:nth-child(4) .td, .book-shop .col-xl-auto:nth-child(4) .th {
    width: 450px; }
.book-shop .col-xl-auto:nth-child(5) .td, .book-shop .col-xl-auto:nth-child(5) .th {
    width: 260px; }
.book-shop .t-head, .book-shop .tr {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 10px; }
.book-shop .th, .book-shop .td {
    padding: 15px 20px;
    font-size: 15px;
    width: 100%;
    border-radius: 5px;
    display: block;
    position: relative; }
.book-shop .th {
    color: #2ab0bc;
    font-weight: 800;
    background-color: #f7fcfc; }
.book-shop .td {
    font-weight: 500;
    color: #7f7f7f;
    border: 1px solid #e5e5e5; }
.book-shop .td:before {
    content: attr(data-title);
    color: #ffffff;
    display: none;
    font-weight: 800; }

/* SEMINAR ARCHIVE */
.seminar-archive {
    margin-bottom: 50px; }
.seminar-archive .item {
    padding: 15px;
    border-radius: 10px;
    border: 1px solid #e5e5e5;
    display: block;
    margin-bottom: 20px; }
.seminar-archive .item .background {
    width: 100%;
    min-height: 400px;
    background-size: cover;
    border-radius: 10px;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    overflow: hidden;
    position: relative;
    padding: 30px 15px; }
.seminar-archive .item .background:hover:after {
    height: 300%;
    width: 200%; }
.seminar-archive .item .background:after {
    content: '';
    position: absolute;
    bottom: 50%;
    left: 50%;
    width: 100%;
    height: 0;
    background-color: #ffffff;
    transform: translateX(-50%) translateY(50%) rotate(45deg);
    transition: all 0.3s;
    opacity: 0.1; }
.seminar-archive .item .background:before {
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(93, 17, 172, 0.4);
    background-image: linear-gradient(90deg, #5d11ac 0%, rgba(0, 0, 0, 0) 100%);
    background-image: -moz-linear-gradient(90deg, #5d11ac 0%, rgba(0, 0, 0, 0) 100%);
    background-image: -webkit-linear-gradient(90deg, #5d11ac 0%, rgba(0, 0, 0, 0) 100%);
    background-image: -ms-linear-gradient(90deg, #5d11ac 0%, rgba(0, 0, 0, 0) 100%);
    transition: all 0.3s; }
.seminar-archive .item .discount {
    font-size: 16px;
    font-weight: 800;
    color: #ffffff;
    display: inline-block;
    padding: 15px 20px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    background-color: rgba(255, 255, 255, 0.15);
    position: absolute;
    top: 0;
    right: 50%;
    transform: translateX(50%);
    z-index: 9; }
.seminar-archive .item article {
    position: relative;
    z-index: 9;
    text-align: center; }
.seminar-archive .item .status {
    font-size: 16px;
    font-weight: 800;
    color: #ffffff;
    display: inline-block;
    padding: 7px 30px;
    border-radius: 100px;
    margin-bottom: 15px; }
.seminar-archive .item .status.beat {
    animation: blinker 1s linear infinite; }
@keyframes blinker {
    50% {
        opacity: 0; } }
.seminar-archive .item .status.red {
    background-color: #ff3c3c; }
.seminar-archive .item .status.green {
    background-color: #3cff8f;
    color: #186639; }
.seminar-archive .item .status.yellow {
    background-color: #ff9c3c; }
.seminar-archive .item .subtitle {
    font-size: 16px;
    font-weight: 800;
    color: #ffffff;
    display: block;
    margin-bottom: 5px;
    opacity: 0.8; }
.seminar-archive .item .title {
    font-size: 22px;
    color: #ffffff;
    font-weight: 800;
    display: block;
    margin-bottom: 10px; }
.seminar-archive .item .teacher {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 20px; }
.seminar-archive .item .teacher img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: 4px solid #ffffff;
    display: block;
    margin-left: 10px; }
.seminar-archive .item .teacher .name {
    font-size: 16px;
    font-weight: 300;
    color: #ffffff;
    display: block;
    text-align: right; }
.seminar-archive .item .teacher .name b {
    display: block;
    font-weight: 700;
    font-size: 18px; }
.seminar-archive .item .price-join {
    width: fit-content;
    width: -moz-fit-content;
    height: 50px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: rgba(255, 255, 255, 0.15);
    font-size: 18px;
    font-weight: 700;
    color: #ffffff; }
.seminar-archive .item .price-join del {
    font-size: 16px;
    font-weight: 300;
    color: #ffffff;
    opacity: 0.6;
    padding-right: 20px;
    padding-left: 10px;
    display: block; }
.seminar-archive .item .price-join .join {
    height: 50px;
    margin-right: 20px;
    font-size: 17px;
    font-weight: 800;
    color: #ffffff;
    padding: 0 30px;
    background-color: #2ab0bc;
    border: 2px solid rgba(255, 255, 255, 0.2);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px; }
.seminar-archive .item .price-join .join .__hvr-span {
    background-color: #eda61c; }

/* COURSE GUIDE */
.course-guide {
    margin-bottom: 50px; }
.course-guide.seminar-theme .container {
    padding-bottom: 50px !important;
    border-bottom: 1px dotted #dedede; }
.course-guide.seminar-theme .item {
    padding: 0;
    border: none;
    margin-bottom: 0; }
.course-guide.seminar-theme .item .background {
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    padding-top: 70px;
    padding-bottom: 30px;
    padding-left: 50px;
    padding-right: 50px; }
.course-guide.seminar-theme .item .background:after {
    background-image: -moz-linear-gradient(120deg, black 0%, rgba(0, 0, 0, 0) 100%);
    background-image: -webkit-linear-gradient(120deg, black 0%, rgba(0, 0, 0, 0) 100%);
    background-image: -ms-linear-gradient(120deg, black 0%, rgba(0, 0, 0, 0) 100%); }
.course-guide.seminar-theme .item .background .btn-play {
    margin-bottom: 80px; }
.course-guide .item {
    padding: 15px;
    border-radius: 10px;
    border: 1px solid #e5e5e5;
    display: block;
    margin-bottom: 20px; }
.course-guide .item .background {
    width: 100%;
    min-height: 450px;
    background-size: cover;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    overflow: hidden;
    position: relative;
    padding-top: 30px;
    padding-bottom: 30px;
    padding-left: 150px;
    padding-right: 90px; }
.course-guide .item .background:hover:after {
    width: 0; }
.course-guide .item .background:hover:before {
    width: 100%; }
.course-guide .item .background:hover .subtitle, .course-guide .item .background:hover .nav .nav-item {
    opacity: 1; }
.course-guide .item .background:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 0;
    height: 100%;
    background-color: rgba(42, 176, 188, 0.4);
    background-image: linear-gradient(to left, #2ab0bc 0%, rgba(0, 0, 0, 0) 100%);
    background-image: -moz-linear-gradient(to left, #2ab0bc 0%, rgba(0, 0, 0, 0) 100%);
    background-image: -webkit-linear-gradient(to left, #2ab0bc 0%, rgba(0, 0, 0, 0) 100%);
    background-image: -ms-linear-gradient(to left, #2ab0bc 0%, rgba(0, 0, 0, 0) 100%);
    transition: all 0.3s; }
.course-guide .item .background:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(50, 50, 50, 0.4);
    color: #626262;
    background-image: linear-gradient(to left, #323232 0%, rgba(50, 50, 50, 0) 100%);
    background-image: -moz-linear-gradient(to left, #323232 0%, rgba(50, 50, 50, 0) 100%);
    background-image: -webkit-linear-gradient(to left, #323232 0%, rgba(50, 50, 50, 0) 100%);
    background-image: -ms-linear-gradient(to left, #323232 0%, rgba(50, 50, 50, 0) 100%);
    transition: all 0.3s; }
.course-guide .item .background article {
    position: relative;
    z-index: 9; }
.course-guide .item .background .title {
    font-size: 22px;
    color: #ffffff;
    font-weight: 800;
    display: block;
    margin-bottom: 10px; }
.course-guide .item .background .subtitle {
    font-size: 16px;
    font-weight: 800;
    color: #ffffff;
    opacity: 0.6;
    display: block;
    padding-right: 30px;
    margin-bottom: 10px;
    position: relative; }
.course-guide .item .background .subtitle:before {
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 17px;
    height: 17px;
    border-radius: 50%;
    border: 6px solid #ffffff; }
.course-guide .item .background .nav {
    margin-bottom: 20px; }
.course-guide .item .background .nav .nav-item {
    width: 100%;
    font-size: 16px;
    font-weight: 300;
    color: #ffffff;
    opacity: 0.6;
    display: block;
    padding: 5px 0; }
.course-guide .item .background .teacher {
    display: flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
    width: -moz-fit-content;
    padding: 15px;
    padding-left: 40px;
    border-radius: 300px;
    background-color: rgba(255, 255, 255, 0.1); }
.course-guide .item .background .teacher img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: 4px solid #ffffff;
    display: block;
    margin-left: 10px; }
.course-guide .item .background .teacher .name {
    font-size: 16px;
    font-weight: 300;
    color: #ffffff;
    display: block;
    text-align: right; }
.course-guide .item .background .teacher .name b {
    display: block;
    font-weight: 700;
    font-size: 20px; }
.course-guide .item .background .btn-play {
    width: 100px;
    min-width: 100px;
    height: 100px;
    background-color: #ffffff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    position: relative;
    transition: all 0.3s;
    z-index: 99; }
.course-guide .item .background .btn-play:hover {
    background-color: #eda61c; }
.course-guide .item .background .btn-play:hover i {
    color: #ffffff; }
.course-guide .item .background .btn-play:hover:after, .course-guide .item .background .btn-play:hover:before {
    background-color: #eda61c; }
.course-guide .item .background .btn-play:before {
    content: '';
    position: absolute;
    top: 50%;
    right: 50%;
    width: 100%;
    height: 100%;
    z-index: -1;
    border-radius: 50%;
    transform: translateX(50%) translateY(-50%);
    background-color: #ffffff;
    opacity: 0;
    -webkit-animation-name: example;
    /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: 2s;
    /* Safari 4.0 - 8.0 */
    -webkit-animation-iteration-count: infinite;
    /* Safari 4.0 - 8.0 */
    animation-name: example;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    /* Standard syntax */ }
@keyframes example {
    0% {
        width: 100%;
        height: 100%;
        opacity: 0.4; }
    100% {
        width: 150%;
        height: 150%;
        opacity: 0; } }
.course-guide .item .background .btn-play:after {
    content: '';
    position: absolute;
    top: 50%;
    right: 50%;
    width: 100%;
    height: 100%;
    z-index: -1;
    border-radius: 50%;
    opacity: 0;
    transform: translateX(50%) translateY(-50%);
    background-color: #ffffff;
    -webkit-animation-name: example;
    /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: 2s;
    /* Safari 4.0 - 8.0 */
    -webkit-animation-delay: 0.5s;
    -webkit-animation-iteration-count: infinite;
    /* Safari 4.0 - 8.0 */
    animation-name: example;
    animation-duration: 2s;
    animation-delay: 0.5s;
    animation-iteration-count: infinite;
    /* Standard syntax */ }
@keyframes example {
    1% {
        width: 100%;
        height: 100%;
        opacity: 0.6; }
    100% {
        width: 150%;
        height: 150%;
        opacity: 0; } }
.course-guide .item .background .btn-play i {
    font-size: 32px;
    height: 32px;
    display: block;
    color: #6b6b6b; }
.course-guide .item .main-video {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 999;
    display: none;
    background-color: #000000; }
.course-guide .item .main-video .video {
    width: 100%;
    height: 100%; }
.course-guide .item .main-video .btn-close {
    cursor: pointer;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-color: #2ab0bc;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 20px;
    right: 20px;
    z-index: 99; }
.course-guide .item .main-video .btn-close i {
    font-size: 20px;
    height: 20px;
    display: block;
    color: #FFFFFF; }

/* PODCAST-ARCHIVE */
.podcast-archive {
    margin-bottom: 50px; }
.podcast-archive .item {
    padding: 20px;
    border-radius: 10px;
    border: 1px solid #e5e5e5;
    margin-bottom: 20px; }
.podcast-archive .item:hover .image:after {
    background-color: #5d11ac;
    opacity: 0.6; }
.podcast-archive .item:hover .image:before {
    opacity: 1; }
.podcast-archive .item .image {
    width: 100%;
    background-position: center;
    background-size: cover;
    display: flex;
    align-items: center;
    border-radius: 10px;
    overflow: hidden;
    padding: 90px 60px;
    position: relative; }
.podcast-archive .item .image:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-color: #000000;
    opacity: 0.6;
    transition: all 0.3s; }
.podcast-archive .item .image:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(to left, #5d11ac 0%, rgba(0, 0, 0, 0) 100%);
    background-image: -moz-linear-gradient(to left, #5d11ac 0%, rgba(0, 0, 0, 0) 100%);
    background-image: -webkit-linear-gradient(to left, #5d11ac 0%, rgba(0, 0, 0, 0) 100%);
    background-image: -ms-linear-gradient(to left, #5d11ac 0%, rgba(0, 0, 0, 0) 100%);
    opacity: 0;
    transition: all 0.3s; }
.podcast-archive .item .image i {
    font-size: 50px;
    height: 50px;
    display: block;
    color: #ffffff;
    margin-left: 20px;
    position: relative;
    z-index: 9; }
.podcast-archive .item .subtitle {
    font-size: 17px;
    font-weight: 500;
    color: #ffffff;
    display: block;
    opacity: 0.6;
    position: relative;
    z-index: 9; }
.podcast-archive .item .title {
    font-size: 20px;
    font-weight: 800;
    color: #ffffff;
    display: block;
    position: relative;
    z-index: 9; }
.podcast-archive .item article {
    padding-top: 20px; }
.podcast-archive .item .text {
    font-size: 15px;
    font-weight: 300;
    color: #9e9d9d;
    display: block;
    text-align-last: right;
    text-align: justify;
    margin-bottom: 10px; }
.podcast-archive .item .date {
    font-size: 15px;
    font-weight: 500;
    color: #bfbfbf;
    display: block; }
.podcast-archive .item .btn-group .btn {
    margin: 5px;
    width: 40px;
    height: 40px;
    border-radius: 10px;
    background-color: #f6f1fb;
    border: none;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: 500;
    color: #ffffff;
    transition: all 0.3s;
    cursor: pointer; }
.podcast-archive .item .btn-group .btn:first-child {
    margin-right: 0; }
.podcast-archive .item .btn-group .btn:hover {
    background-color: #5d11ac;
    color: #ffffff; }
.podcast-archive .item .btn-group .btn:hover i {
    color: #ffffff; }
.podcast-archive .item .btn-group .btn i {
    font-size: 18px;
    height: 18px;
    display: block;
    color: #5d11ac;
    transition: all 0.3s; }
.podcast-archive .item .btn-group .btn .__hvr-span {
    background-color: #eda61c; }
.podcast-archive .item .btn-group .btn-listen {
    width: auto;
    padding: 0 40px;
    background-color: #5d11ac;
    position: relative;
    z-index: auto; }
.podcast-archive .item .btn-group .btn-time {
    color: #5d11ac !important;
    background-color: #f6f1fb !important; }

/* ALL PRODUCT ARCHIVE */
.all-product-archive {
    margin-bottom: 50px; }
.all-product-archive .part {
    margin-bottom: 30px; }
.all-product-archive .title-category {
    font-size: 25px;
    font-weight: 800;
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
    width: -moz-fit-content;
    padding: 10px 50px;
    border-radius: 200px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 40px;
    background-color: #2ab0bc;
    position: relative; }
.all-product-archive .title-category:after {
    content: '';
    position: absolute;
    right: 50%;
    top: 100%;
    transform: translateX(50%) translateY(-65%) rotate(45deg);
    width: 18px;
    height: 18px;
    background-color: #2ab0bc;
    border-radius: 5px; }
.all-product-archive .item {
    display: flex;
    align-items: center;
    border: 1px solid #e5e5e5;
    border-radius: 10px;
    min-height: 250px;
    padding-top: 30px;
    padding-bottom: 30px;
    padding-right: 50px;
    padding-left: 10px;
    margin-bottom: 30px; }
.all-product-archive .item:hover {
    border: 1px solid #ffffff;
    box-shadow: 7.5px 12.99px 60px 0 rgba(0, 0, 0, 0.06); }
.all-product-archive .item:hover .label {
    background-color: #2ab0bc;
    color: #ffffff; }
.all-product-archive .item:hover .price {
    background-color: #2ab0bc; }
.all-product-archive .item:hover .price:after {
    top: 50%;
    transform: translateY(-50%); }
.all-product-archive .item img {
    width: 180px;
    max-height: 200px;
    min-height: 160px;
    object-fit: contain;
    object-position: center; }
.all-product-archive .item article {
    padding-right: 50px; }
.all-product-archive .item .label {
    font-size: 14px;
    font-weight: 300;
    color: #818181;
    display: inline-block;
    padding: 5px 20px;
    margin-bottom: 10px;
    background-color: #f7f7f7;
    border-radius: 200px;
    transition: all 0.3s; }
.all-product-archive .item .title {
    font-size: 22px;
    font-weight: 800;
    color: #666666;
    display: block;
    margin-bottom: 5px; }
.all-product-archive .item .subtitle {
    font-size: 16px;
    font-weight: 300;
    color: #a0a0a0;
    display: block;
    margin-bottom: 10px; }
.all-product-archive .item .price {
    font-size: 19px;
    font-weight: 700;
    color: #2ab0bc;
    background-color: #f7fcfc;
    border-radius: 200px;
    display: inline-block;
    padding: 5px 30px;
    overflow: hidden;
    transition: all 0.3s;
    position: relative; }
.all-product-archive .item .price:after {
    content: attr(data-hvr);
    position: absolute;
    top: 110%;
    transform: translateY(0%);
    right: 0;
    width: 100%;
    text-align: center;
    font-size: 18px;
    font-weight: 700;
    color: #ffffff;
    transition: top 0.3s, transform 0.3s; }
.all-product-archive .item .order {
    font-size: 19px;
    font-weight: 700;
    color: #ffffff;
    background-color: #2ab0bc;
    border-radius: 700px;
    padding: 5px 30px;
    overflow: hidden;
    transition: all 0.3s;
    display: none; }
.all-product-archive .item .order .__hvr-span {
    background-color: #eda61c; }
.all-product-archive .item .order:hover .__hvr-span {
    width: 1000px;
    height: 1000px; }

/* BANNER-FULL-SET */
.banner-full-set {
    display: block;
    padding-bottom: 90px;
    margin-bottom: 50px; }
.banner-full-set .background {
    background-color: #ffb41e;
    border-radius: 10px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    height: 270px;
    padding-right: 40px;
    padding-left: 70px;
    transition: all 0.3s; }
.banner-full-set .background:hover {
    background-color: #2ab0bc; }
.banner-full-set .background:hover .title {
    text-shadow: 2px 3.464px 0 #2ab0bc; }
.banner-full-set .background:hover .subtitle {
    color: #ffffff; }
.banner-full-set .background:hover del {
    color: #ffffff; }
.banner-full-set .background:hover .shop {
    color: #2ab0bc; }
.banner-full-set .background:hover .percent {
    color: #2ab0bc; }
.banner-full-set .title {
    font-size: 40px;
    font-weight: 700;
    color: #ffffff;
    display: block;
    text-shadow: 2px 3.464px 0 #e5a51b; }
.banner-full-set .subtitle {
    font-size: 24px;
    font-weight: 700;
    color: #b28315;
    display: block;
    margin-bottom: 15px; }
.banner-full-set del {
    font-size: 18px;
    font-weight: 300;
    color: #886510;
    display: block;
    margin-left: 20px; }
.banner-full-set .price {
    font-size: 24px;
    font-weight: 800;
    color: #ffffff;
    display: block;
    padding: 10px 30px;
    background-color: rgba(255, 255, 255, 0.15);
    border-radius: 200px;
    margin-left: 20px; }
.banner-full-set .shop {
    font-size: 20px;
    display: block;
    color: #eda61c;
    font-weight: 800;
    background-color: #ffffff;
    padding: 10px 30px;
    border-radius: 200px;
    box-shadow: 0 5px 0 0 rgba(0, 0, 0, 0.1);
    transition: all 0.3s; }
.banner-full-set .shop .__hvr-span {
    background-color: #eda61c; }
.banner-full-set .shop:hover {
    color: #ffffff !important;
    box-shadow: 4px 5px 4px 4px rgba(0, 0, 0, 0.1); }
.banner-full-set .col-xl-3 {
    height: 100%;
    position: relative; }
.banner-full-set img {
    position: absolute;
    left: 0;
    top: 0;
    width: 340px;
    height: 360px;
    object-fit: contain;
    object-position: top center; }
.banner-full-set .percent {
    width: 213px;
    height: 236px;
    font-size: 37px;
    font-weight: 800;
    color: #5d11ac;
    background-image: url("../img/bg-percent-white.png");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateX(-40%) translateY(-50%);
    padding-top: 75px;
    padding-right: 75px; }

/* CONSULTING ARCHIVE */
.consulting-archive .nav {
    justify-content: center;
    margin-bottom: 30px; }
.consulting-archive .nav .nav-item {
    padding: 5px 15px;
    border-radius: 5px;
    background-color: #2ab0bc;
    display: block;
    color: #ffffff;
    font-size: 16px;
    font-weight: 500;
    margin: 0 5px;
    transition: all 0.3s; }
.consulting-archive .nav .nav-item:first-child {
    margin-right: 0; }
.consulting-archive .nav .nav-item:last-child {
    margin-left: 0; }
.consulting-archive .nav .nav-item:hover {
    background-color: #eda61c; }
.consulting-archive .nav .nav-item.active {
    background-color: #5d11ac; }
.consulting-archive .item {
    height: calc(100% - 30px);
    padding: 30px 20px;
    border-radius: 10px;
    border: 2px solid #f0f0f0;
    transition: all 0.3s;
    position: relative;
    margin-bottom: 30px;
    overflow: hidden; }
.consulting-archive .item:hover {
    border: 2px solid #ffffff;
    box-shadow: 0 10px 60px 0 rgba(0, 0, 0, 0.06); }
.consulting-archive .item:hover .price, .consulting-archive .item:hover .reserve {
    background-color: #f9f6fc;
    color: #5d11ac; }
.consulting-archive .item:hover .reserve {
    background-color: #5d11ac;
    color: #ffffff;
    box-shadow: 0 8px 40px 0 rgba(93, 17, 172, 0.4); }
.consulting-archive .item .label {
    display: flex;
    justify-content: center;
    align-items: flex-end;
    font-size: 15px;
    font-weight: 400;
    color: #2ab0bc;
    border-radius: 5px;
    position: absolute;
    top: 50px;
    left: 50px;
    background-color: rgba(42, 176, 188, 0.08);
    transform: translateX(-50%) translateY(-50%) rotate(-45deg);
    padding: 5px 0;
    width: 175px; }
.consulting-archive .item img {
    width: 120px;
    height: 120px;
    border-radius: 50%;
    box-shadow: 0 10px 50px 0 rgba(0, 0, 0, 0.08);
    border: 10px solid #ffffff;
    display: block;
    margin-left: 30px; }
.consulting-archive .item .name {
    font-size: 20px;
    font-weight: 800;
    color: #666666;
    display: block; }
.consulting-archive .item .job {
    font-size: 16px;
    font-weight: 300;
    color: #666666;
    display: block; }
.consulting-archive .item .alert {
    width: 100%;
    font-size: 16px;
    font-weight: 800;
    color: #2ab0bc;
    display: inline-block;
    text-align: center;
    padding: 10px 10px;
    border-radius: 200px;
    background-color: #f7fcfc;
    margin-top: 20px;
    margin-bottom: 0; }
.consulting-archive .item .alert i {
    font-size: 23px;
    height: 23px;
    color: #2ab0bc;
    margin-left: 15px;
    display: inline-block;
    position: relative;
    top: 5px; }
.consulting-archive .item .calender {
    display: inline-block;
    font-size: 16px;
    font-weight: 300;
    color: #666666;
    margin-top: 20px; }
.consulting-archive .item .calender b {
    font-weight: 700;
    color: #5d11ac;
    margin-left: 15px; }
.consulting-archive .item .calender i {
    font-size: 30px;
    height: 30px;
    display: inline-block;
    color: #5d11ac;
    margin-left: 15px;
    position: relative;
    top: 5px; }
.consulting-archive .item .btn-group {
    width: 100%;
    flex-wrap: nowrap;
    margin-top: 20px; }
.consulting-archive .item .btn-group .btn {
    cursor: pointer;
    width: 100%;
    font-size: 14px;
    font-weight: 700;
    color: #646464;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px 5px;
    background-color: #fafafa;
    border-radius: 100px;
    margin-left: 20px;
    flex: unset; }
.consulting-archive .item .btn-group .btn:hover {
    color: #ffffff;
    background-color: #2ab0bc; }
.consulting-archive .item .btn-group .btn:hover i {
    color: #ffffff; }
.consulting-archive .item .btn-group .btn:last-child {
    margin-left: 0; }
.consulting-archive .item .btn-group .btn i {
    font-size: 16px;
    height: 16px;
    display: block;
    color: #646464;
    margin-left: 10px; }
.consulting-archive .item .text {
    font-size: 15px;
    font-weight: 500;
    color: #2ab0bc;
    display: block;
    margin-top: 20px;
    margin-bottom: 20px; }
.consulting-archive .item .text i {
    font-size: 25px;
    height: 25px;
    margin-right: 5px;
    position: relative;
    top: 8px; }
.consulting-archive .item .price, .consulting-archive .item .reserve {
    margin: 2.5px 0;
    font-size: 16px;
    font-weight: 800;
    color: #2ab0bc;
    display: block;
    padding: 10px 40px;
    border-radius: 100px;
    background-color: #f7fcfc; }
.consulting-archive .item .reserve {
    background-color: #2ab0bc;
    color: #ffffff;
    margin-right: auto; }
.consulting-archive .item .reserve:hover {
    box-shadow: 0 8px 40px 0 rgba(237, 166, 28, 0.4); }
.consulting-archive .item .reserve .__hvr-span {
    background-color: #eda61c; }

/* EMPLOYMENT */
.employment {
    margin-bottom: 50px; }
.employment .part {
    margin-bottom: 50px; }
.employment .title-category {
    font-size: 20px;
    font-weight: 800;
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
    width: -moz-fit-content;
    padding: 7.5px 35px;
    border-radius: 200px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 30px;
    background-color: #2ab0bc;
    position: relative; }
.employment .title-category:after {
    content: '';
    position: absolute;
    right: 50%;
    top: 100%;
    transform: translateX(50%) translateY(-65%) rotate(45deg);
    width: 14px;
    height: 14px;
    background-color: #2ab0bc;
    border-radius: 4px; }
.employment .form-group, .employment .form-check {
    margin-bottom: 20px;
    position: relative; }
.employment input {
    width: 100%;
    height: 50px;
    border-radius: 5px;
    border: 1px solid #e5e5e5;
    padding-right: 10px;
    font-size: 12px;
    font-weight: 400;
    color: #7f7f7f; }
.employment input::placeholder {
    opacity: 0.7; }
.employment input.light-placeholder {
    font-weight: 300;
    padding-right: 210px; }
.employment .label-select {
    font-size: 16px;
    font-weight: 500;
    color: #7f7f7f;
    display: block;
    position: absolute;
    top: 50%;
    right: 30px;
    transform: translateY(-50%);
    z-index: 999; }
.employment .how-old .select2-selection__rendered {
    padding-right: 110px !important; }
.employment .city .select2-selection__rendered {
    padding-right: 125px !important; }
.employment .town .select2-selection__rendered {
    padding-right: 170px !important; }
.employment .bold-rendered .select2-selection__rendered {
    font-weight: 500 !important; }
.employment .select2 {
    width: 100% !important;
    height: 50px !important; }
.employment .select2 .selection {
    width: 100%;
    height: 100%;
    box-shadow: none !important;
    outline: none !important; }
.employment .select2 .selection .select2-selection {
    width: 100%;
    height: 100%;
    border-radius: 5px;
    border: 1px solid #e5e5e5;
    display: flex;
    align-items: center;
    box-shadow: none !important;
    outline: none !important; }
.employment .select2 .selection .select2-selection:after {
    content: "\e924";
    font-family: icomoon;
    position: absolute;
    left: 30px;
    top: 50%;
    transform: translateY(-50%) rotate(-90deg);
    font-size: 10px;
    color: #7f7f7f; }
.employment .select2 .selection .select2-selection .select2-selection__rendered {
    font-size: 16px;
    font-weight: 300;
    color: #7f7f7f;
    padding-right: 30px; }
.employment .select2 .selection .select2-selection .select2-selection__arrow {
    display: none; }
.employment .label {
    font-size: 16px;
    font-weight: 800;
    color: #7f7f7f;
    display: block;
    margin-left: 20px;
    position: relative; }
.employment .relative-label {
    font-size: 16px;
    font-weight: 800;
    color: #7f7f7f;
    display: block;
    margin-bottom: 10px; }
.employment label {
    cursor: pointer;
    font-size: 16px;
    font-weight: 500;
    color: #7f7f7f;
    display: block;
    padding-right: 30px;
    margin-bottom: 0;
    margin-left: 20px;
    position: relative; }
.employment label:before {
    content: '';
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    border: 2px solid #2ab0bc;
    background-color: #ffffff;
    border-radius: 50%;
    transition: all 0.3s; }
.employment input[type="radio"] {
    display: none; }
.employment input[type="radio"]:checked + label:before {
    border: 6px solid #2ab0bc; }
.employment input[type="checkbox"] {
    display: none; }
.employment input[type="checkbox"]:checked + label:before {
    border: 6px solid #2ab0bc; }
.employment .skill-checkbox {
    margin-bottom: 20px; }
.employment .title-skill {
    font-size: 16px;
    font-weight: 500;
    color: #7f7f7f;
    display: block;
    padding-right: 40px; }
.employment .title-skill:before {
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: 6px solid #7f7f7f; }
.employment .title-category-v-2 {
    font-size: 16px;
    font-weight: 300;
    color: #7d7d7d;
    display: inline-block;
    width: 100%;
    background-color: #fafafa;
    border-radius: 200px;
    margin-bottom: 30px;
    margin-top: 20px; }
.employment .title-category-v-2 b {
    font-size: 18px;
    font-weight: 800;
    color: #ffffff;
    display: inline-block;
    padding: 15px 40px;
    background-color: #7f7f7f;
    border-radius: 200px;
    margin-left: 30px; }
.employment .title-on-input {
    font-size: 16px;
    font-weight: 500;
    color: #7f7f7f;
    display: block;
    position: absolute;
    top: 50%;
    right: 30px;
    transform: translateY(-50%);
    z-index: 999; }
.employment .form-check-on-input {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    margin-bottom: 0; }
.employment .nav {
    margin-bottom: 20px;
    flex-wrap: nowrap;
    overflow-x: auto; }
.employment .nav .nav-item {
    cursor: pointer;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-right: 20px;
    padding-left: 20px;
    border-radius: 5px;
    border: 1px solid #e5e5e5;
    font-size: 16px;
    color: #999999;
    font-weight: 300;
    margin-right: 5px;
    margin-left: 5px;
    white-space: nowrap; }
.employment .nav .nav-item.active {
    font-weight: 700;
    color: #2ab0bc;
    background-color: #f7fcfc;
    border: 1px solid #caebee; }
.employment .question-checked {
    border-radius: 10px;
    background-image: -moz-linear-gradient(180deg, #f8f8f8 0%, white 100%);
    background-image: -webkit-linear-gradient(180deg, #f8f8f8 0%, white 100%);
    background-image: -ms-linear-gradient(180deg, #f8f8f8 0%, white 100%);
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    padding: 15px 30px;
    padding-left: 0;
    margin-bottom: 20px; }
.employment .question-checked .titr {
    font-size: 16px;
    font-weight: 500;
    color: #7c7c7c;
    display: block;
    margin-left: 40px; }
.employment .question-checked .form-check {
    margin-bottom: 0; }
.employment .top-17px {
    position: relative;
    top: 17px; }

/* SHOPPING CART */
.shopping-cart-section {
    margin-bottom: 500px; }
.shopping-cart-section .t-head {
    display: flex;
    flex-wrap: wrap;
    background-color: #f7fcfc;
    border-radius: 5px;
    margin-bottom: 10px; }
.shopping-cart-section .t-body {
    margin-bottom: 30px; }
.shopping-cart-section .th {
    padding: 10px;
    font-size: 16px;
    font-weight: 700;
    color: #2ab0bc;
    display: block; }
.shopping-cart-section .tr {
    display: flex;
    flex-wrap: wrap;
    border-radius: 10px;
    border: 1px solid #ebebeb;
    box-shadow: 0 8px 60px 0 rgba(0, 0, 0, 0);
    margin-bottom: 10px;
    transition: all 0.3s; }
.shopping-cart-section .tr:hover {
    border: 1px solid #ffffff;
    box-shadow: 0 8px 60px 0 rgba(0, 0, 0, 0.06); }
.shopping-cart-section .td {
    font-size: 17px;
    font-weight: 300;
    color: #707070;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 20px;
    padding-bottom: 20px; }
.shopping-cart-section .td:nth-child(1):before {
    display: none; }
.shopping-cart-section .td:nth-child(2):before {
    display: none; }
.shopping-cart-section .td:before {
    content: attr(data-title);
    color: #2ab0bc;
    display: none;
    font-weight: 800;
    margin-left: auto; }
.shopping-cart-section .td.detail-product {
    justify-content: flex-start; }
.shopping-cart-section .td b {
    font-weight: 800; }
.shopping-cart-section .td img {
    max-width: 70px;
    max-height: 100px;
    object-fit: contain;
    object-position: center; }
.shopping-cart-section .td .title {
    font-size: 17px;
    font-weight: 700;
    color: #666666;
    display: block; }
.shopping-cart-section .td .title a {
    color: #666666; }
.shopping-cart-section .td .subtitle {
    font-size: 15px;
    color: #999999;
    display: block; }
.shopping-cart-section .td .btn-recycle:hover i {
    color: #2ab0bc; }
.shopping-cart-section .td .btn-recycle i {
    font-size: 22px;
    height: 22px;
    display: block;
    color: #707070;
    transition: all 0.3s; }
.shopping-cart-section .td .count-product {
    width: 130px;
    height: 46px;
    border-radius: 5px;
    border: 1px solid #e5e5e5;
    padding-right: 10px;
    padding-left: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between; }
.shopping-cart-section .td .count-product input {
    width: 45px;
    border: none;
    font-size: 17px;
    font-weight: 500;
    color: #757575;
    display: block;
    text-align: center; }
.shopping-cart-section .td .count-product .btn {
    padding: 0; }
.shopping-cart-section .td .count-product .btn:hover i {
    color: #2ab0bc; }
.shopping-cart-section .td .count-product .btn i {
    font-size: 22px;
    height: 22px;
    display: block;
    color: #e5e5e5;
    transition: all 0.3s; }
.shopping-cart-section .btn-group {
    width: 100%;
    flex-wrap: wrap;
    align-items: flex-end; }
.shopping-cart-section .price {
    font-size: 15px;
    font-weight: 300;
    color: #2ab0bc;
    padding: 10px 20px;
    border-radius: 5px;
    background-color: #f7fcfc;
    display: flex;
    align-items: center;
    margin: 5px; }
.shopping-cart-section .price:nth-child(1) {
    margin-left: auto; }
.shopping-cart-section .price.purple-theme {
    color: #5d11ac;
    background-color: #f3edf9; }
.shopping-cart-section .price.purple-theme i {
    color: #5d11ac; }
.shopping-cart-section .price b {
    font-weight: 700;
    margin-left: 5px; }
.shopping-cart-section .price i {
    font-size: 22px;
    height: 22px;
    display: block;
    color: #2ab0bc;
    margin-left: 10px; }
.shopping-cart-section .see-shopping-cart {
    background-color: #2ab0bc;
    color: #ffffff;
    font-weight: 700;
    margin-bottom: 30px;
    transition: all 0.3s; }
.shopping-cart-section .see-shopping-cart:hover {
    background-color: #eda61c; }
.shopping-cart-section .btn-next {
    font-size: 15px;
    font-weight: 700;
    color: #ffffff;
    padding: 10px 20px;
    border-radius: 5px !important;
    background-color: #5d11ac;
    display: flex;
    align-items: center;
    margin: 5px;
    border: none;
    flex: unset; }
.shopping-cart-section .btn-next .__hvr-span {
    background-color: #eda61c; }
.shopping-cart-section .btn-next i {
    font-size: 22px;
    height: 22px;
    display: block;
    color: #ffffff;
    margin-right: 10px; }
.shopping-cart-section .btn-next.btn-prev {
    margin-left: auto;
    background-color: #2ab0bc; }
.shopping-cart-section .btn-next.btn-prev i {
    margin-left: 10px;
    margin-right: 0; }
.shopping-cart-section .empty-cart {
    padding: 20px;
    border-radius: 15px;
    background-color: #fafafa; }
.shopping-cart-section .empty-cart img {
    max-height: 200px;
    width: 100%;
    object-fit: contain;
    display: block;
    margin-bottom: 20px;
    padding-right: 20px; }
.shopping-cart-section .empty-cart .text {
    font-size: 17px;
    font-weight: 500;
    color: #666666;
    display: block;
    text-align: center;
    margin-bottom: 5px; }
.shopping-cart-section .empty-cart .nav {
    padding: 0;
    width: 100%;
    justify-content: center; }
.shopping-cart-section .empty-cart .nav .nav-item {
    margin: 5px 15px; }
.shopping-cart-section .empty-cart .nav .nav-item .nav-link {
    padding: 5px 0;
    color: #2ab0bc;
    display: block;
    font-size: 16px;
    font-weight: 400;
    border-radius: 5px;
    position: relative; }
.shopping-cart-section .empty-cart .nav .nav-item .nav-link:hover:after {
    width: 100%; }
.shopping-cart-section .empty-cart .nav .nav-item .nav-link:after {
    content: '';
    position: absolute;
    bottom: 0;
    right: 50%;
    transform: translateX(50%);
    width: 15px;
    height: 1px;
    background-color: #2ab0bc;
    transition: all 0.3s; }
.shopping-cart-section .empty-cart .nav .nav-item .nav-link .__hvr-span {
    background-color: #eda61c; }

.discount-form {
    position: relative;
    margin: 5px; }
.discount-form label {
    font-size: 16px;
    font-weight: 700;
    color: #666666;
    display: block;
    margin-bottom: 5px; }
.discount-form input {
    width: 100%;
    height: 50px;
    background-color: #f9f9f9;
    border: none;
    display: block;
    padding-right: 30px;
    font-size: 16px;
    font-weight: 300;
    color: #858585;
    border-radius: 5px; }
.discount-form input::placeholder {
    opacity: 1;
    color: #858585; }
.discount-form .btn {
    width: auto;
    height: 40px;
    font-size: 18px;
    font-weight: 800;
    color: #ffffff;
    background-color: #2ab0bc;
    box-shadow: 0 6px 50px 0 rgba(42, 176, 188, 0.3);
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    position: absolute;
    left: 5px;
    bottom: 5px; }
.discount-form .btn .__hvr-span {
    background-color: #eda61c; }
.discount-form .btn i {
    font-size: 18px;
    height: 18px;
    display: block;
    color: #fafafa;
    margin-right: 0; }

/* ABOUT US */
.about-us {
    margin-bottom: 50px; }
.about-us.has-border-bottom {
    margin-bottom: 50px; }
.about-us.has-border-bottom .container {
    padding-bottom: 50px;
    border-bottom: 1px dotted #dedede; }
.about-us.has-border-bottom .text {
    margin-bottom: 0; }
.about-us .nav {
    display: flex;
    width: 100%;
    justify-content: center;
    overflow-x: auto;
    flex-wrap: nowrap;
    margin-right: auto;
    margin-left: auto;
    padding-bottom: 10px;
    margin-bottom: 30px; }
.about-us .nav .nav-item {
    white-space: nowrap;
    font-size: 16px;
    font-weight: 700;
    color: #6b6b6b;
    padding: 7.5px 30px;
    border-radius: 500px;
    background-color: #f3f3f3;
    position: relative;
    margin: 5px;
    transition: all 0.3s;
    cursor: pointer; }
.about-us .nav .nav-item.active {
    color: #ffffff;
    background-color: #2ab0bc; }
.about-us .nav .nav-item.active:after {
    background-color: #2ab0bc; }
.about-us .nav .nav-item:after {
    content: '';
    position: absolute;
    right: 50%;
    top: 100%;
    transform: translateX(50%) translateY(-65%) rotate(45deg);
    width: 18px;
    height: 18px;
    background-color: #f3f3f3;
    border-radius: 5px;
    transition: all 0.3s;
    cursor: pointer; }
.about-us .text {
    font-size: 16px;
    font-weight: 300;
    color: #888888;
    width: 100%;
    text-align: justify;
    text-align-last: center; }
.about-us .text br {
    display: none; }

/* STATS */
.stats {
    margin-bottom: 50px;
    position: relative; }
.stats:before {
    content: '';
    position: absolute;
    height: 100%;
    width: 200px;
    right: 0;
    top: 0;
    background-image: url("../img/before-stats.png");
    background-size: cover;
    background-position: center left; }
.stats:after {
    content: '';
    position: absolute;
    height: 100%;
    width: 200px;
    left: 0;
    top: 0;
    background-image: url("../img/before-stats.png");
    background-size: cover;
    background-position: center left;
    transform: scaleX(-1) scaleY(-1); }
.stats .head {
    padding: 20px 0;
    background-color: #671fb1; }
.stats .title {
    font-size: 18px;
    font-weight: 800;
    color: #ffffff;
    display: block;
    text-align: center; }
.stats .body {
    padding: 30px 0;
    background-color: #5d11ac; }
.stats .number {
    font-size: 30px;
    font-weight: 700;
    color: #ffffff;
    display: block;
    text-align: center;
    line-height: 0.8;
    padding-top: 25px;
    margin-bottom: 10px;
    position: relative; }
.stats .number:before {
    content: '';
    position: absolute;
    top: 0;
    right: 50%;
    transform: translateX(50%);
    width: 30px;
    height: 2px;
    background-color: #ffffff; }
.stats .subtitle {
    font-size: 15px;
    font-weight: 300;
    color: #ffffff;
    display: block;
    text-align: center; }

/* VIDEO ABOUT US */
.video-about-us {
    margin-bottom: 50px; }
.video-about-us.consulting-theme .container {
    padding-bottom: 50px;
    border-bottom: 1px dotted #dedede; }
.video-about-us.consulting-theme .item:after {
    background-image: -moz-linear-gradient(120deg, #2ab0bc 0%, #5d11ac 100%);
    background-image: -webkit-linear-gradient(120deg, #2ab0bc 0%, #5d11ac 100%);
    background-image: -ms-linear-gradient(120deg, #2ab0bc 0%, #5d11ac 100%); }
.video-about-us.consulting-theme .item .btn-play {
    position: absolute;
    top: 50%;
    right: 50%;
    transform: translateX(50%) translateY(-50%); }
.video-about-us.consulting-theme .item .btn-play i {
    color: #5d11ac; }
.video-about-us.seminar-theme .container {
    padding-bottom: 0;
    border-bottom: none; }
.video-about-us.seminar-theme .item {
    padding: 20px; }
.video-about-us.seminar-theme .item:after {
    background-image: none !important;
    background-image: none !important;
    background-image: none !important;
    background-color: #2ab0bc; }
.video-about-us.seminar-theme .item .btn-play i {
    color: #2ab0bc; }
.video-about-us.product-theme .item:after {
    background-image: none !important;
    background-image: none !important;
    background-image: none !important;
    background-color: #2ab0bc; }
.video-about-us.product-theme .item .btn-play i {
    color: #2ab0bc; }
.video-about-us .item {
    width: 100%;
    height: 420px;
    background-size: cover;
    background-position: center;
    border-radius: 8px;
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-right: 90px;
    padding-left: 120px; }
.video-about-us .item:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(to left, #4d43b0 0%, #2AB0BC 100%);
    background-image: -moz-linear-gradient(to left, #4d43b0 0%, #2AB0BC 100%);
    background-image: -webkit-linear-gradient(to left, #4d43b0 0%, #2AB0BC 100%);
    background-image: -ms-linear-gradient(to left, #4d43b0 0%, #2AB0BC 100%);
    opacity: 0.85; }
.video-about-us .item .nav {
    display: block;
    position: relative;
    z-index: 9; }
.video-about-us .item .nav .nav-item {
    font-size: 18px;
    font-weight: 500;
    color: #ffffff;
    display: block; }
.video-about-us .item .btn-play {
    width: 100px;
    height: 100px;
    background-color: #ffffff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    position: relative;
    z-index: 9; }
.video-about-us .item .btn-play:before {
    content: '';
    position: absolute;
    top: 50%;
    right: 50%;
    width: 100%;
    height: 100%;
    z-index: -1;
    border-radius: 50%;
    transform: translateX(50%) translateY(-50%);
    background-color: #ffffff;
    opacity: 0;
    -webkit-animation-name: example;
    /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: 2s;
    /* Safari 4.0 - 8.0 */
    -webkit-animation-iteration-count: infinite;
    /* Safari 4.0 - 8.0 */
    animation-name: example;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    /* Standard syntax */ }
@keyframes example {
    0% {
        width: 100%;
        height: 100%;
        opacity: 0.2; }
    100% {
        width: 150%;
        height: 150%;
        opacity: 0; } }
.video-about-us .item .btn-play:after {
    content: '';
    position: absolute;
    top: 50%;
    right: 50%;
    width: 100%;
    height: 100%;
    z-index: -1;
    border-radius: 50%;
    opacity: 0;
    transform: translateX(50%) translateY(-50%);
    background-color: #ffffff;
    -webkit-animation-name: example;
    /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: 2s;
    /* Safari 4.0 - 8.0 */
    -webkit-animation-delay: 0.5s;
    -webkit-animation-iteration-count: infinite;
    /* Safari 4.0 - 8.0 */
    animation-name: example;
    animation-duration: 2s;
    animation-delay: 0.5s;
    animation-iteration-count: infinite;
    /* Standard syntax */ }
@keyframes example {
    1% {
        width: 100%;
        height: 100%;
        opacity: 0.4; }
    100% {
        width: 150%;
        height: 150%;
        opacity: 0; } }
.video-about-us .item .btn-play i {
    font-size: 32px;
    height: 32px;
    display: block;
    color: #2ab0bc; }
.video-about-us .item .title {
    font-size: 18px;
    font-weight: 800;
    color: #FFFFFF;
    display: block;
    background-color: rgba(255, 255, 255, 0.15);
    padding: 10px 5px;
    border-radius: 10px;
    position: absolute;
    width: calc(100% - 40px);
    bottom: 20px;
    right: 50%;
    transform: translateX(50%);
    text-align: center;
    z-index: 99; }
.video-about-us .item .main-video {
    display: none;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 99;
    background-color: #000000;
    overflow: hidden; }
.video-about-us .item .main-video .video-js {
    width: 100%;
    height: 100%; }
.video-about-us .item .main-video .btn-close {
    cursor: pointer;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-color: #2ab0bc;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 20px;
    right: 20px;
    z-index: 99; }
.video-about-us .item .main-video .btn-close i {
    font-size: 20px;
    height: 20px;
    display: block;
    color: #FFFFFF; }

/* PARTNERS */
.partners {
    margin-bottom: 30px; }
.partners .title {
    font-size: 28px;
    font-weight: 800;
    color: #666666;
    display: block;
    text-align: center;
    width: 100%;
    margin-bottom: 25px; }
.partners .img {
    display: block;
    margin-bottom: 20px; }
.partners .img img {
    width: 100%;
    max-height: 100px;
    object-fit: contain;
    object-position: center;
    transition: filter 0.3s; }

/* TEAM */
.team {
    margin-bottom: 50px; }
.team .container {
    border-bottom: 1px dotted #dedede;
    border-top: 1px dotted #dedede;
    padding-top: 40px !important;
    padding-bottom: 30px !important; }
.team .title {
    font-size: 28px;
    font-weight: 800;
    color: #666666;
    display: block;
    text-align: center;
    width: 100%;
    margin-bottom: 25px; }
.team .item {
    border: 2px solid #f0f0f0;
    border-radius: 10px;
    padding-top: 90px;
    padding-bottom: 20px;
    padding-right: 20px;
    padding-left: 20px;
    margin-top: 75px;
    margin-bottom: 20px;
    position: relative; }
.team .item:hover img {
    border-color: #2ab0bc !important; }
.team .item:hover .name {
    color: #2ab0bc; }
.team .item:hover .email {
    background-color: #2ab0bc;
    color: #ffffff; }
.team .item img {
    width: 150px;
    height: 150px;
    border-radius: 50%;
    border: 10px solid #ffffff;
    box-shadow: 0 10px 50px 0 rgba(0, 0, 0, 0.08);
    display: block;
    position: absolute;
    right: 50%;
    top: 0;
    transform: translateY(-50%) translateX(50%);
    transition: all 0.3s; }
.team .item .name {
    font-size: 22px;
    font-weight: 800;
    color: #656565;
    display: block;
    text-align: center;
    transition: all 0.3s; }
.team .item .subtitle {
    font-size: 17px;
    font-weight: 300;
    color: #656565;
    display: block;
    text-align: center;
    margin-bottom: 15px; }
.team .item .email {
    width: 100%;
    padding: 15px 5px;
    border-radius: 100px;
    background-color: #f7f7f7;
    text-align: center;
    font-size: 17px;
    font-weight: 300;
    color: #636363;
    display: block;
    transition: all 0.3s; }

/* PRODUCT ARCHIVE */
.product-archive {
    margin-bottom: 50px; }
.product-archive .btn-open-mobile-search {
    width: 100%;
    height: 50px;
    border-radius: 5px;
    font-size: 16px;
    background-color: #2ab0bc;
    color: #ffffff;
    font-weight: 700;
    display: none;
    transition: all 0.3s; }
.product-archive .btn-open-mobile-search:hover {
    background-color: #ff9e20; }
.product-archive .btn-close {
    padding: 7px 7px;
    font-size: 15px;
    font-weight: 700;
    background-color: #2ab0bc;
    color: #ffffff;
    transition: all 0.3s;
    display: none;
    border-radius: 3px;
    margin-bottom: 10px; }
.product-archive .btn-close:hover {
    background-color: #ff9e20; }
.product-archive .btn-close i {
    font-size: 20px;
    height: 20px;
    display: block;
    color: #ffffff; }
.product-archive .sidebar .filter-item-side {
    border-bottom: 1px solid #ececec; }
.product-archive .sidebar .filter-item-side:last-child {
    border-bottom: none; }
.product-archive .sidebar .title-filter {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 15px;
    padding-bottom: 15px;
    font-size: 17px;
    font-weight: 700;
    color: #666666; }
.product-archive .sidebar .title-filter i {
    font-size: 10px;
    height: 10px;
    color: #adadad;
    display: block;
    transform: rotate(-90deg);
    transition: all 0.3s; }
.product-archive .sidebar .title-filter.active i {
    transform: rotate(90deg); }
.product-archive .sidebar .body-filter {
    display: none;
    padding-top: 5px;
    padding-bottom: 5px; }
.product-archive .sidebar .body-filter .form-group {
    position: relative;
    width: 100%; }
.product-archive .sidebar .body-filter label {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 16px;
    font-weight: 300;
    color: #666666;
    padding-right: 40px;
    position: relative; }
.product-archive .sidebar .body-filter label:after {
    content: '';
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: 1px solid #e6e6e6;
    transition: all 0.3s; }
.product-archive .sidebar .body-filter label:before {
    content: '';
    position: absolute;
    top: 50%;
    right: 4.5px;
    transform: translateY(-50%);
    width: 11px;
    height: 11px;
    border-radius: 50%;
    background-color: #5d11ac;
    z-index: 9;
    opacity: 0;
    transition: all 0.3s; }
.product-archive .sidebar .body-filter input[type="radio"] {
    display: none; }
.product-archive .sidebar .body-filter input[type="radio"]:checked + label {
    color: #5d11ac;
    font-weight: 700; }
.product-archive .sidebar .body-filter input[type="radio"]:checked + label:before {
    opacity: 1; }
.product-archive .sidebar .body-filter input[type="radio"]:checked + label:after {
    border: 1px solid #5d11ac; }
.product-archive .sidebar .body-filter input[type="radio"]:checked + label.label-on-off {
    background-color: #5d11ac; }
.product-archive .sidebar .body-filter input[type="radio"]:checked + label.label-on-off:after {
    left: calc(100% - 5px);
    transform: translateX(-100%) translateY(-50%);
    border: none;
    background-color: #ffffff; }
.product-archive .sidebar .body-filter input[type="checkbox"] {
    display: none; }
.product-archive .sidebar .body-filter input[type="checkbox"]:checked + label {
    color: #5d11ac;
    font-weight: 700; }
.product-archive .sidebar .body-filter input[type="checkbox"]:checked + label:before {
    opacity: 1; }
.product-archive .sidebar .body-filter input[type="checkbox"]:checked + label:after {
    border: 1px solid #5d11ac; }
.product-archive .sidebar .body-filter input[type="checkbox"]:checked + label.label-on-off {
    background-color: #5d11ac; }
.product-archive .sidebar .body-filter input[type="checkbox"]:checked + label.label-on-off:after {
    left: calc(100% - 5px);
    transform: translateX(-100%) translateY(-50%);
    border: none;
    background-color: #ffffff; }
.product-archive .sidebar .body-filter input {
    width: 100%;
    height: 40px;
    border: 1px solid #e8e8e8;
    font-size: 16px;
    color: #666666;
    text-indent: 15px;
    border-radius: 100px; }
.product-archive .sidebar .body-filter i {
    font-size: 16px;
    color: #9e9e9e;
    display: block;
    height: 16px;
    position: absolute;
    top: 50%;
    left: 10px;
    transform: translateY(-50%); }
.product-archive .sidebar .body-filter .label-name {
    font-size: 16px;
    font-weight: 300;
    color: #666666;
    display: block; }
.product-archive .sidebar .body-filter .label-on-off {
    width: 72px;
    height: 32px;
    border-radius: 50px;
    background-color: #f2fafb;
    margin-bottom: 0; }
.product-archive .sidebar .body-filter .label-on-off:after {
    border: none;
    height: 23px;
    width: 23px;
    background-color: #2ab0bc;
    right: unset;
    left: 5px;
    transform: translateX(0) translateY(-50%);
    transition: all 0.3s; }
.product-archive .sidebar .body-filter .label-on-off:before {
    display: none; }
.product-archive .sidebar .body-filter .wrapper {
    margin-bottom: 20px; }
.product-archive .sidebar .body-filter .irs {
    height: 120px !important;
    margin-top: -20px; }
.product-archive .sidebar .body-filter .irs-max, .product-archive .sidebar .body-filter .irs-min, .product-archive .sidebar .body-filter .irs-single {
    display: none !important; }
.product-archive .sidebar .body-filter .irs-to, .product-archive .sidebar .body-filter .irs-from {
    top: unset;
    bottom: 0;
    font-family: shabnam !important;
    width: 45%;
    height: 40px;
    background-color: #ffffff;
    border: 1px solid #d9d9d9;
    border-radius: 50px;
    font-size: 17px;
    font-weight: 300;
    color: #666666;
    display: flex;
    justify-content: center;
    align-items: center;
    visibility: visible !important;
    display: flex;
    flex-direction: row-reverse;
    align-items: center; }
.product-archive .sidebar .body-filter .irs-from {
    left: 0 !important; }
.product-archive .sidebar .body-filter .irs-to {
    right: 0 !important;
    left: unset !important; }
.product-archive .sidebar .body-filter .irs-bar {
    background-image: none !important;
    background-color: #2ab0bc !important; }
.product-archive .sidebar .body-filter .irs-line {
    background-image: none !important;
    border: none !important;
    background-color: #f3f3f3 !important; }
.product-archive .sidebar .body-filter .irs-slider {
    box-shadow: none !important; }
.product-archive .sidebar .body-filter .irs-slider.from {
    width: 20px;
    height: 20px;
    background-color: #ffffff !important;
    background-image: none !important;
    border: 5px solid #2ab0bc;
    top: 28px; }
.product-archive .sidebar .body-filter .irs-slider.to {
    width: 30px;
    height: 30px;
    background-color: #ffffff !important;
    background-image: none !important;
    border: 5px solid #2ab0bc;
    top: 22px; }
.product-archive .sidebar .btn-group {
    width: 100%;
    margin-top: 20px; }
.product-archive .top {
    margin-bottom: 20px; }
.product-archive .titr {
    font-size: 16px;
    font-weight: 700;
    color: #666666;
    display: block;
    margin-left: 15px; }
.product-archive .nav-filter {
    align-items: center; }
.product-archive .nav-filter .nav-item.active .nav-link {
    background-color: #2ab0bc;
    color: #ffffff; }
.product-archive .nav-filter .nav-item .nav-link {
    font-size: 15px;
    font-weight: 700;
    color: #2ab0bc;
    display: block;
    padding: 10px 15px;
    border-radius: 5px;
    background-color: #f4fbfc;
    margin: 5px;
    cursor: pointer;
    transition: all 0.3s; }
.product-archive .nav-filter .nav-item .nav-link:hover {
    background-color: #2ab0bc;
    color: #ffffff; }
.product-archive .alert {
    font-size: 16px;
    font-weight: 700;
    color: #ff4d4d;
    display: block;
    padding: 15px 5px;
    text-align: center;
    width: 100%;
    background-color: #fff6f6;
    border-radius: 5px;
    margin-bottom: 20px; }
.product-archive .nav-pagination {
    margin-top: 10px; }

/* BIOGRAPHY */
.biography {
    margin-bottom: 50px;
    text-align: center; }
.biography.consulting-theme .container {
    padding-bottom: 50px;
    border-bottom: 1px dotted #dedede; }
.biography.consulting-theme .text {
    margin-bottom: 0; }
.biography.consulting-theme .text:after {
    display: none; }
.biography.seminar-theme .text {
    text-align-last: right; }
.biography .title {
    font-size: 21px;
    font-weight: 800;
    color: #666666;
    display: block;
    text-align: center;
    margin-bottom: 20px; }
.biography .text {
    font-size: 16px;
    color: #888888;
    display: block;
    text-align: justify;
    text-align-last: right;
    overflow: hidden;
    position: relative; }
.biography .text.show:after {
    height: 0; }
.biography .text:after {
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    transition: all 0.3s; }
.biography .show-complete {
    font-size: 18px;
    font-weight: 700;
    color: #969696;
    display: inline-block;
    border-radius: 5px;
    padding: 10px 40px;
    background-color: #fafafa;
    margin: 0 auto; }
.biography .show-complete:hover {
    color: #ffffff; }

/* COMMENT SECTION */
.comment-section {
    margin-bottom: 50px; }
.comment-section form {
    padding: 50px 30px;
    padding-bottom: 30px;
    background-color: #f8f8f8;
    border-radius: 5px;
    width: 100%;
    margin-bottom: 20px; }
.comment-section .form-group {
    width: 100%;
    margin-bottom: 20px; }
.comment-section textarea, .comment-section input {
    display: block;
    width: 100%;
    height: 50px;
    background-color: #ffffff;
    border-radius: 5px;
    border: none;
    font-size: 15px;
    font-weight: 300;
    color: #999999;
    padding-right: 20px; }
.comment-section textarea {
    height: 110px;
    padding: 20px; }
.comment-section .btn-send {
    font-size: 18px;
    font-weight: 800;
    color: #ffffff;
    background-color: #5d11ac;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 50px;
    width: 100%;
    border: none;
    padding: 5px;
    margin-bottom: 20px; }
.comment-section .btn-send .__hvr-span {
    background-color: #eda61c; }
.comment-section .item-comment {
    background-color: #5d11ac;
    border-radius: 5px;
    padding-left: 10px; }
.comment-section .item-comment article {
    padding: 50px 40px;
    padding-right: 0;
    width: 100%;
    background-color: #ffffff;
    border-radius: 5px;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    border: 1px solid #e5e5e5;
    border-right: none;
    position: relative; }
.comment-section .item-comment article:before {
    content: '';
    position: absolute;
    left: 0;
    top: -1px;
    width: 100%;
    height: 2px;
    background-image: linear-gradient(to left, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
    background-image: -webkit-linear-gradient(to left, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
    background-image: -moz-linear-gradient(to left, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
    background-image: -o-linear-gradient(to left, #ffffff 0%, rgba(255, 255, 255, 0) 100%); }
.comment-section .item-comment article:after {
    content: '';
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 100%;
    height: 2px;
    background-image: linear-gradient(to left, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
    background-image: -webkit-linear-gradient(to left, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
    background-image: -moz-linear-gradient(to left, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
    background-image: -o-linear-gradient(to left, #ffffff 0%, rgba(255, 255, 255, 0) 100%); }
.comment-section .item-comment .title {
    font-size: 23px;
    font-weight: 300;
    color: #707070;
    display: inline-block; }
.comment-section .item-comment .title b {
    font-weight: 700;
    margin-left: 20px; }
.comment-section .item-comment .see-more {
    font-size: 16px;
    font-weight: 700;
    color: #5d11ac;
    border-radius: 200px;
    padding: 10px 40px;
    background-color: #f9f6fc; }
.comment-section .item-comment .see-more:hover {
    color: #ffffff; }
.comment-section .item-comment .see-more .__hvr-span {
    background-color: #5d11ac; }
.comment-section .item-comment .text {
    font-size: 18px;
    font-weight: 300;
    color: #999999;
    display: block;
    text-align: justify;
    text-align-last: right;
    margin-top: 20px;
    margin-bottom: 0; }

/* TIM LINE */
.time-line .container {
    padding-bottom: 50px !important;
    padding-top: 50px !important;
    border-top: 1px dotted #dedede;
    border-bottom: 1px dotted #dedede; }
.time-line .header-section .more {
    color: #2ab0bc; }
.time-line .header-section .more:hover {
    color: #5d11ac; }
.time-line .header-section .more:hover i {
    color: #5d11ac; }
.time-line .header-section .more i {
    color: #2ab0bc; }
.time-line .first-column {
    padding-left: 50px !important;
    position: relative; }
.time-line .first-column .for-circle-item:after {
    left: -50px;
    transform: translateX(-50%) translateY(-25%); }
.time-line .first-column .for-circle-item:before {
    left: -50px;
    transform: translateX(-50%) translateY(-25%); }
.time-line .first-column:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 1px;
    height: 100%;
    background-color: #e7e7e7;
    transform: translateX(-50%); }
.time-line .first-column .item:after {
    left: 0;
    transform: translateX(-50%) rotate(45deg); }
.time-line .first-column .item:before {
    left: -1px; }
.time-line .second-column {
    padding-top: 70px;
    padding-right: 50px !important; }
.time-line .second-column .for-circle-item:after {
    right: -50px;
    transform: translateX(50%) translateY(-25%); }
.time-line .second-column .for-circle-item:before {
    right: -50px;
    transform: translateX(50%) translateY(-25%); }
.time-line .second-column .item:after {
    right: 0;
    transform: translateX(50%) rotate(45deg); }
.time-line .second-column .item:before {
    right: -1px; }
.time-line .for-circle-item {
    position: relative; }
.time-line .for-circle-item:hover:after {
    background-color: #f2fafb;
    border: 1px solid #ffffff; }
.time-line .for-circle-item:hover:before {
    background-color: #2ab0bc; }
.time-line .for-circle-item:hover .item {
    border: 1px solid #f2fafb;
    background-color: #f2fafb; }
.time-line .for-circle-item:hover .item:after {
    background-color: #f2fafb;
    border: 1px solid #f2fafb; }
.time-line .for-circle-item:hover .item:before {
    background-color: #f2fafb; }
.time-line .for-circle-item:hover .item article {
    background-color: #2ab0bc; }
.time-line .for-circle-item:hover .item .date {
    color: #ffffff; }
.time-line .for-circle-item:hover .item .text {
    color: #ffffff; }
.time-line .for-circle-item:after {
    content: '';
    position: absolute;
    top: 90px;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background-color: #ffffff;
    border: 1px solid #e7e7e7;
    z-index: 9;
    transition: all 0.3s; }
.time-line .for-circle-item:before {
    content: '';
    position: absolute;
    top: 95px;
    width: 5px;
    height: 5px;
    background-color: #9e9e9e;
    border-radius: 50%;
    z-index: 99;
    transition: all 0.3s; }
.time-line .item {
    padding: 20px;
    border: 1px solid #f2f2f2;
    border-radius: 5px;
    margin-bottom: 20px;
    background-color: #ffffff;
    position: relative;
    transition: all 0.3s; }
.time-line .item:after {
    content: '';
    position: absolute;
    width: 15px;
    height: 15px;
    border-radius: 1px;
    border: 1px solid #f2f2f2;
    z-index: -1;
    top: 90px;
    transition: all 0.3s; }
.time-line .item:before {
    content: '';
    position: absolute;
    top: 90px;
    width: 2px;
    height: 16px;
    background-color: #ffffff;
    z-index: 9;
    transition: all 0.3s; }
.time-line .item article {
    padding: 30px;
    background-color: #f9f9f9;
    border-radius: 5px;
    transition: all 0.3s; }
.time-line .item .date {
    font-size: 14px;
    font-weight: 300;
    color: #828282;
    display: inline-block;
    margin-bottom: 10px;
    transition: all 0.3s; }
.time-line .item .date b {
    font-weight: 800;
    margin-left: 10px; }
.time-line .item .text {
    font-size: 16px;
    font-weight: 300;
    color: #7c7c7c;
    display: block;
    text-align: justify;
    text-align-last: right;
    margin-bottom: 0;
    transition: all 0.3s; }

/* START PRESS SLIDER*/
.press-slider {
    padding: 30px 0; }
.press-slider.book-theme .item .image {
    height: 340px; }
.press-slider.document-theme .owl-nav button {
    top: 149px; }
.press-slider.document-theme .item:hover .image {
    box-shadow: 7.5px 12.99px 60px 0 rgba(0, 0, 0, 0.06);
    padding: 0; }
.press-slider.document-theme .item .image {
    box-shadow: 7.5px 12.99px 60px 0 rgba(0, 0, 0, 0);
    background-color: rgba(93, 17, 173, 0.03);
    height: 296px; }
.press-slider.bg-blue {
    background-color: #2ab0bc; }
.press-slider.bg-blue .owl-nav {
    display: none; }
.press-slider.bg-blue .owl-dots {
    display: flex; }
.press-slider.bg-blue .item:hover .image {
    background-color: white; }
.press-slider.bg-blue .item:hover .title {
    opacity: 1; }
.press-slider.bg-blue .item .image {
    background-color: rgba(255, 255, 255, 0.3); }
.press-slider.bg-blue .item .title {
    font-size: 22px;
    font-weight: 800 !important;
    color: #ffffff;
    opacity: 0.5; }
.press-slider.bg-blue .header-section .title {
    color: #ffffff; }
.press-slider.bg-blue .header-section .more {
    color: #ffffff;
    opacity: 0.7; }
.press-slider.bg-blue .header-section .more:hover {
    opacity: 1; }
.press-slider.bg-blue .header-section .more i {
    color: #ffffff; }
.press-slider .item {
    transition: all 0.3s;
    display: block;
    cursor: pointer; }
.press-slider .item:hover .title {
    font-weight: 700; }
.press-slider .item .image {
    width: 100%;
    height: 475px;
    padding: 20px;
    border-radius: 10px;
    background-color: rgba(0, 0, 0, 0.03);
    margin-bottom: 20px;
    transition: all 0.3s; }
.press-slider .item .image img {
    width: 100%;
    height: 100%;
    border-radius: 10px;
    object-position: center;
    object-fit: cover; }
.press-slider .item .title {
    font-size: 19px;
    font-weight: 300;
    color: #7e7e7e;
    display: block;
    text-align: center;
    transition: all 0.3s; }
.press-slider .owl-carousel {
    position: relative; }
.press-slider .owl-nav .owl-next {
    right: 0;
    transform: translateX(50%) translateY(-50%); }
.press-slider .owl-nav .owl-prev {
    left: 0;
    transform: translateX(-50%) translateY(-50%); }
.press-slider .owl-nav button {
    width: 80px;
    height: 80px;
    background-color: #ffffff !important;
    box-shadow: 0 15px 40px 0 rgba(0, 0, 0, 0.05) !important;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50% !important;
    transition: all 0.3s;
    position: absolute;
    top: 240px; }
.press-slider .owl-nav button:hover {
    background-color: #5d11ac !important; }
.press-slider .owl-nav button:hover i {
    color: #ffffff !important; }
.press-slider .owl-nav button i {
    font-size: 17px;
    height: 17px;
    display: block;
    color: #999999;
    transition: all 0.3s; }
.press-slider .owl-dots {
    width: 100%;
    position: relative;
    margin: 0 auto !important;
    margin-top: 30px !important;
    display: none;
    justify-content: center;
    align-items: center;
    z-index: 9; }
.press-slider .owl-dots .owl-dot {
    margin: 5px !important; }
.press-slider .owl-dots .owl-dot.active span:after {
    opacity: 1; }
.press-slider .owl-dots .owl-dot span {
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background-color: #ffffff !important;
    margin: 0 auto !important;
    position: relative; }
.press-slider .owl-dots .owl-dot span:after {
    content: '';
    position: absolute;
    top: 50%;
    right: 50%;
    transform: translateX(50%) translateY(-50%);
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #2ab0bc;
    opacity: 0;
    transition: all 0.3s; }

.full-page-popup {
    position: fixed;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.9);
    z-index: 999;
    display: none;
    padding: 15px; }
.full-page-popup .btn-close {
    position: absolute;
    right: 20px;
    top: 20px;
    padding: 5px 15px;
    background-color: #2ab0bc;
    color: #ffffff;
    font-weight: 500;
    font-size: 20px;
    border-radius: 0; }
.full-page-popup .btn-close .__hvr-span {
    background-color: #eda61c; }
.full-page-popup img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center; }

/* RESUME SECTION */
.resume-section {
    background-color: #f7fcfc; }
.resume-section .resume{direction: ltr !important;float: left !important;}
.resume-section .title {
    padding-top: 30px;
    padding-bottom: 30px;
    font-size: 30px;
    font-weight: 800;
    color: #2ab0bc;
    display: block;
    text-align: center;
    background-image: -moz-linear-gradient(180deg, rgba(42, 176, 188, 0.1) 0%, rgba(42, 176, 188, 0) 100%);
    background-image: -webkit-linear-gradient(180deg, rgba(42, 176, 188, 0.1) 0%, rgba(42, 176, 188, 0) 100%);
    background-image: -ms-linear-gradient(180deg, rgba(42, 176, 188, 0.1) 0%, rgba(42, 176, 188, 0) 100%); }
.resume-section .nav {
    padding: 40px 0; }
.resume-section .nav .nav-item {
    font-size: 18px;
    font-weight: 500;
    color: #636565;
    display: block;
    padding: 10px 40px !important;
    padding-left: 15px !important;
    position: relative; }
.resume-section .nav .nav-item:before {
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: 8px solid #2ab0bc; }


/* CONSULTING */
.consulting {
    margin-bottom: 50px; }
.consulting .container {
    padding-bottom: 90px;
    border-bottom: 1px dotted #dedede; }
.consulting .background {
    padding-left: 10px;
    background-color: #2ab0bc;
    border-radius: 5px; }
.consulting article {
    background-color: #ffffff;
    border-radius: 5px;
    border: 1px solid #f0f0f0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    padding-right: 100px;
    padding-left: 50px;
    padding-top: 30px;
    padding-bottom: 30px;
    position: relative; }
.consulting img {
    width: 135px;
    height: 135px;
    border-radius: 50%;
    border: 10px solid #ffffff;
    display: block;
    box-shadow: 0 10px 80px 0 rgba(0, 0, 0, 0.08);
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateX(50%) translateY(-50%); }
.consulting .name {
    font-size: 25px;
    font-weight: 800;
    color: #666666;
    display: block;
    margin-bottom: 0; }
.consulting .subtitle {
    font-size: 18px;
    font-weight: 300;
    color: #666666;
    display: block;
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid #f0f0f0; }
.consulting .time {
    display: inline-block;
    font-size: 17px;
    font-weight: 300;
    color: #666666;
    margin-bottom: 10px; }
.consulting .time.purple-theme b, .consulting .time.purple-theme i {
    color: #5d11ac; }
.consulting .time b {
    color: #2ab0bc;
    font-weight: 800;
    margin-left: 10px; }
.consulting .time i {
    font-size: 25px;
    height: 25px;
    display: inline-block;
    color: #2ab0bc;
    margin-left: 10px;
    position: relative;
    top: 6px; }
.consulting .price {
    font-size: 16px;
    font-weight: 500;
    color: #2ab0bc;
    display: block;
    text-align: center;
    padding: 7.5px 5px;
    background-color: #f2fafb;
    border-radius: 100px;
    margin-bottom: 10px; }
.consulting .reserve {
    font-size: 16px;
    font-weight: 700;
    color: #ffffff;
    display: block;
    text-align: center;
    padding: 7.5px 5px;
    border-radius: 100px;
    margin-bottom: 10px; }
.consulting .reserve:hover .__hvr-span {
    width: 1000px;
    height: 1000px; }
.consulting .reserve .__hvr-span {
    background-color: #eda61c; }
.consulting .reserve.blue-theme {
    background-color: #2ab0bc; }
.consulting .reserve.purple-theme {
    background-color: #5d11ac;
    margin-bottom: 0; }
.consulting .reserve[aria-disabled="true"] {
    background-color: #2ab0bc !important;
    opacity: 0.6; }
.consulting .reserve[aria-disabled="true"] .__hvr-span {
    display: none; }
.consulting .btn-group {
    position: absolute;
    top: 100%;
    left: 80px; }
.consulting .btn-group .btn {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 15px;
    font-weight: 500;
    color: #646464;
    padding: 7.5px 30px;
    background-color: #fafafa;
    border-radius: 5px !important;
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
    margin-right: 2.5px;
    margin-left: 2.5px; }
.consulting .btn-group .btn:hover {
    color: #ffffff;
    background-color: #2ab0bc; }
.consulting .btn-group .btn:hover i {
    color: #ffffff; }
.consulting .btn-group .btn i {
    font-size: 16px;
    height: 16px;
    display: block;
    color: #646464;
    margin-left: 10px; }

/* CONSULTING-STEPS */
.consulting-steps {
    margin-bottom: 50px; }
.consulting-steps .container {
    padding-bottom: 30px !important;
    border-bottom: 1px dotted #dedede; }
.consulting-steps .nav {
    margin-bottom: 50px;
    width: 100%;
    padding: 0 15px !important;
    justify-content: center; }
.consulting-steps .nav .nav-item {
    width: auto;
    height: auto;
    max-width: 600px;
    border-radius: 1000px;
    background-color: #fafafa;
    padding: 20px;
    display: flex;
    align-items: center;
    margin: 0 15px; }
.consulting-steps .nav .nav-item.active {
    background-color: #2ab0bc; }
.consulting-steps .nav .nav-item.active .number {
    display: flex; }
.consulting-steps .nav .nav-item.active .circle {
    background-color: rgba(255, 255, 255, 0.1); }
.consulting-steps .nav .nav-item.active .circle i {
    color: #ffffff; }
.consulting-steps .nav .nav-item.active article {
    display: block; }
.consulting-steps .nav .nav-item .circle {
    width: 140px;
    min-width: 140px;
    height: 140px;
    border-radius: 50%;
    background-color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative; }
.consulting-steps .nav .nav-item .circle i {
    font-size: 60px;
    height: 60px;
    display: block;
    color: #9a9a9a; }
.consulting-steps .nav .nav-item .number {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    display: none;
    align-items: center;
    justify-content: center;
    font-size: 17px;
    font-weight: 800;
    background-color: #ffffff;
    color: #2ab0bc;
    box-shadow: 0 2px 0 0 rgba(42, 176, 188, 0.4);
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateX(50%) translateY(-50%);
    z-index: 9; }
.consulting-steps .nav .nav-item article {
    padding-right: 30px;
    display: none; }
.consulting-steps .nav .nav-item .title {
    font-size: 20px;
    font-weight: 800;
    color: #ffffff;
    display: block; }
.consulting-steps .nav .nav-item .text {
    font-size: 15px;
    font-weight: 300;
    color: #ffffff;
    display: block;
    text-align: justify;
    text-align-last: right;
    padding-left: 20px; }
.consulting-steps .tab {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%; }
.consulting-steps .tab .tab-item {
    cursor: pointer;
    font-size: 14px;
    font-weight: 700;
    color: #666666;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 9px 25px;
    border-radius: 5px;
    background-color: #fafafa;
    margin: 5px; }
.consulting-steps .tab .tab-item i {
    font-size: 20px;
    height: 20px;
    display: block;
    margin-left: 10px; }
.consulting-steps .tab .tab-item.active {
    background-color: #2ab0bc;
    color: #ffffff; }
.consulting-steps .form-group {
    margin-bottom: 20px; }
.consulting-steps .label {
    font-size: 16px;
    color: #666666;
    display: block;
    margin-bottom: 10px; }
.consulting-steps input {
    width: 100%;
    height: 55px;
    background-color: #fafafa;
    border: none;
    font-size: 16px;
    font-weight: 500;
    color: #969696;
    padding-right: 20px; }
.consulting-steps input::placeholder {
    opacity: 1; }
.consulting-steps .label-check {
    cursor: pointer;
    font-size: 16px;
    font-weight: 500;
    color: #7f7f7f;
    display: block;
    padding-right: 30px;
    margin-bottom: 0;
    margin-top: 13px;
    margin-left: 20px;
    position: relative; }
.consulting-steps .label-check:before {
    content: '';
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    border: 2px solid #2ab0bc;
    background-color: #ffffff;
    border-radius: 50%;
    transition: all 0.3s; }
.consulting-steps input[type="radio"] {
    display: none; }
.consulting-steps input[type="radio"]:checked + label:before {
    border: 6px solid #2ab0bc; }
.consulting-steps input[type="checkbox"] {
    display: none; }
.consulting-steps input[type="checkbox"]:checked + label:before {
    border: 6px solid #2ab0bc; }
.consulting-steps .select2 {
    width: 100% !important;
    height: 55px !important; }
.consulting-steps .select2 .selection {
    width: 100%;
    height: 100%;
    box-shadow: none !important;
    outline: none !important; }
.consulting-steps .select2 .selection .select2-selection {
    width: 100%;
    height: 100%;
    border-radius: 100px;
    border: none;
    background-color: #fafafa !important;
    display: flex;
    align-items: center;
    box-shadow: none !important;
    outline: none !important; }
.consulting-steps .select2 .selection .select2-selection:after {
    content: "\e924";
    font-family: icomoon;
    position: absolute;
    left: 20px;
    top: 50%;
    transform: translateY(-50%) rotate(-90deg);
    font-size: 10px;
    color: #969696; }
.consulting-steps .select2 .selection .select2-selection .select2-selection__rendered {
    font-size: 16px;
    font-weight: 500;
    color: #969696;
    padding-right: 20px; }
.consulting-steps .select2 .selection .select2-selection .select2-selection__arrow {
    display: none; }
.consulting-steps .btn-next {
    font-size: 15px;
    font-weight: 800;
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 55px;
    width: 100%;
    border-radius: 100px;
    background-color: #2ab0bc;
    margin-bottom: 20px; }
.consulting-steps .btn-next:hover .__hvr-span {
    width: 800px;
    height: 800px; }
.consulting-steps .btn-next .__hvr-span {
    background-color: #eda61c; }
.consulting-steps .alert-steps {
    padding: 140px;
    background-image: url("../img/bg-alert.png");
    background-position: bottom center;
    background-size: cover; }
.consulting-steps .alert-steps .text {
    font-size: 20px;
    font-weight: 700;
    color: #656565;
    display: block;
    text-align: justify;
    text-align-last: center;
    margin-bottom: 15px; }
.consulting-steps .alert-steps ul {
    width: 100%;
    display: flex;
    justify-content: center; }
.consulting-steps .alert-steps ul li a {
    font-size: 18px;
    font-weight: 800;
    color: #ffffff;
    display: inline-block;
    padding: 7.5px 40px;
    border-radius: 100px;
    background-color: #2ab0bc;
    margin: 5px; }
.consulting-steps .alert-steps ul li a .__hvr-span {
    background-color: #5d11ac; }
.consulting-steps .items-info {
    margin-bottom: 20px; }
.consulting-steps .info {
    width: 100%;
    display: inline-block;
    font-size: 15px;
    font-weight: 300;
    color: #7d7d7d;
    padding: 15px 15px;
    background-color: #fbfbfb;
    border-radius: 5px;
    margin: 5px 0; }
.consulting-steps .info i {
    font-size: 20px;
    height: 20px;
    margin-left: 5px;
    position: relative;
    top: 5px; }
.consulting-steps .info b {
    font-weight: 700;
    margin-left: 10px; }
.consulting-steps .btn-group {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    flex: unset; }
.consulting-steps .price {
    flex: unset;
    font-size: 15px;
    font-weight: 800;
    color: #5d11ac;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 55px;
    border-radius: 100px !important;
    margin: 5px;
    background-color: #f9f6fc;
    padding-right: 50px;
    padding-left: 50px; }
.consulting-steps .price i {
    font-size: 22px;
    height: 22px;
    margin-left: 7.5px; }
.consulting-steps .btn-submit {
    flex: unset;
    font-size: 15px;
    font-weight: 800;
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 55px;
    border-radius: 100px !important;
    margin: 5px;
    background-color: #5d11ac;
    padding-right: 50px;
    padding-left: 50px; }
.consulting-steps .btn-submit.btn-reserve {
    background-color: #2ab0bc;
    color: #ffffff; }
.consulting-steps .btn-submit .__hvr-span {
    background-color: #eda61c; }
.consulting-steps .term-condition {
    margin-bottom: 30px; }
.consulting-steps .term-condition .top {
    padding: 30px 40px;
    background-color: #fbfbfb;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px; }
.consulting-steps .term-condition .title {
    font-size: 20px;
    font-weight: 700;
    color: #666666;
    display: block;
    margin-bottom: 20px; }
.consulting-steps .term-condition .list {
    margin-bottom: 0; }
.consulting-steps .term-condition .list .list-item {
    font-size: 16px;
    font-weight: 300;
    color: #6e6e6e;
    display: block;
    margin-bottom: 10px;
    padding-right: 40px;
    position: relative; }
.consulting-steps .term-condition .list .list-item:last-child {
    margin-bottom: 0; }
.consulting-steps .term-condition .list .list-item:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: 7px solid #666666; }
.consulting-steps .term-condition .accept-term {
    padding: 20px 40px;
    background-color: #efefef;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px; }
.consulting-steps .term-condition label {
    font-size: 16px;
    font-weight: 700;
    color: #666666;
    display: flex;
    margin-bottom: 0; }
.consulting-steps .term-condition label .circle {
    width: 21px;
    height: 21px;
    min-width: 21px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid #c2c2c2;
    border-radius: 3px;
    margin-left: 15px; }
.consulting-steps .term-condition label .circle i {
    font-size: 10px;
    height: 8px;
    display: block;
    color: #ffffff;
    opacity: 0; }
.consulting-steps .term-condition input[type="radio"] {
    display: none; }
.consulting-steps .term-condition input[type="radio"]:checked + label .circle {
    background-color: #2ab0bc;
    border: 1px solid #2ab0bc; }
.consulting-steps .term-condition input[type="radio"]:checked + label .circle i {
    opacity: 1; }
.consulting-steps .term-condition input[type="checkbox"] {
    display: none; }
.consulting-steps .term-condition input[type="checkbox"]:checked + label .circle {
    background-color: #2ab0bc;
    border: 1px solid #2ab0bc; }
.consulting-steps .term-condition input[type="checkbox"]:checked + label .circle i {
    opacity: 1; }
.consulting-steps .reserve {
    font-size: 15px;
    font-weight: 700;
    color: #2ab0bc;
    display: block;
    padding: 15px 30px;
    border-radius: 200px;
    background-color: #f7fcfc; }
.consulting-steps .filter-item.three .day-item input[type="radio"]:checked + label {
    background-color: #2ab0bc; }
.consulting-steps .filter-item.three .day-item input[type="checkbox"]:checked + label {
    background-color: #2ab0bc; }
.consulting-steps .day-item .day {
    font-size: 14px;
    color: #ffffff;
    background-color: #8e8e8e;
    font-weight: 700;
    display: block;
    text-align: center;
    border-radius: 5px;
    padding: 10px 10px;
    margin: 5px 0; }
.consulting-steps .day-item input[type="radio"] {
    display: none; }
.consulting-steps .day-item input[type="radio"]:checked + label {
    background-color: #eda61c;
    color: #FFFFFF; }
.consulting-steps .day-item input[type="checkbox"] {
    display: none; }
.consulting-steps .day-item input[type="checkbox"]:checked + label {
    background-color: #eda61c;
    color: #FFFFFF; }
.consulting-steps .day-item input[disabled] + label {
    opacity: 0.5; }
.consulting-steps .day-item .time {
    overflow: hidden;
    position: relative;
    cursor: pointer;
    font-size: 16px;
    color: #666666;
    display: block;
    text-align: center;
    padding: 10px 5px;
    border-radius: 5px;
    background-color: #f9f9f9;
    margin: 5px 0;
    transition: all 0.3s; }
.consulting-steps .day-item .time.active {
    background-color: #eda61c;
    color: #FFFFFF; }
.consulting-steps .filter-item {
    margin-bottom: 30px; }
.consulting-steps .kind-reserve {
    margin-bottom: 20px; }
.consulting-steps .see-more {
    cursor: pointer;
    max-width: fit-content;
    padding: 7.5px 20px;
    background-color: #2ab0bc;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    color: #FFFFFF;
    font-weight: 700;
    border-radius: 5px;
    margin-top: 20px;
    margin-right: auto;
    margin-left: auto; }
.consulting-steps .see-more .__hvr-span {
    background-color: #eda61c; }
.consulting-steps .see-more i {
    margin-left: 10px; }

/* USER COMMENTS */
.user-comments {
    margin-bottom: 50px; }
.user-comments.purple-theme .nav .nav-item.active .nav-link {
    background-color: #5d11ac;
    color: #FFFFFF; }
.user-comments.purple-theme .nav .nav-item .nav-link .__hvr-span {
    background-color: #5d11ac; }
.user-comments.purple-theme .item-comment .btn {
    color: #5d11ac; }
.user-comments.purple-theme .item-comment .btn:hover {
    color: #2ab0bc; }
.user-comments.purple-theme .item-comment .btn:hover i {
    color: #2ab0bc; }
.user-comments.purple-theme .item-comment .btn i {
    color: #5d11ac; }
.user-comments .title {
    font-size: 20px;
    font-weight: 700;
    color: #666666;
    display: block;
    margin-bottom: 25px; }
.user-comments .nav {
    width: 100%;
    justify-content: center;
    margin-bottom: 35px; }
.user-comments .nav .nav-item {
    cursor: pointer; }
.user-comments .nav .nav-item.active .nav-link {
    background-color: #2ab0bc;
    color: #FFFFFF; }
.user-comments .nav .nav-item .nav-link {
    font-size: 16px;
    font-weight: 700;
    color: #666666;
    display: block;
    padding: 7.5px 20px;
    border-radius: 5px;
    border: 1px solid #f0f0f0;
    margin: 5px; }
.user-comments .nav .nav-item .nav-link:hover {
    color: #ffffff; }
.user-comments .item-comment {
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #e3e3e3; }
.user-comments .item-comment.reply {
    padding-right: 100px;
    padding-top: 0; }
.user-comments .item-comment article {
    width: 100%; }
.user-comments .item-comment img {
    width: 70px;
    min-width: 70px;
    height: 70px;
    object-position: center;
    object-fit: cover;
    margin-left: 30px; }
.user-comments .item-comment .top {
    margin-bottom: 10px; }
.user-comments .item-comment .name {
    font-size: 14px;
    font-weight: 700;
    color: #5f5e5e;
    display: block;
    margin-bottom: 5px;
    margin-top: 5px;
    margin-left: 20px; }
.user-comments .item-comment .date {
    font-size: 14px;
    font-weight: 700;
    color: #9f9e9e;
    display: block;
    margin-bottom: 5px;
    margin-top: 5px; }
.user-comments .item-comment .btn {
    margin-top: 5px;
    margin-bottom: 5px;
    padding: 0;
    background-color: transparent;
    display: flex;
    align-items: center;
    font-size: 14px;
    color: #2ab0bc;
    transition: all 0.3s; }
.user-comments .item-comment .btn:hover {
    color: #5d11ac; }
.user-comments .item-comment .btn:hover i {
    color: #5d11ac; }
.user-comments .item-comment .btn i {
    font-size: 16px;
    height: 16px;
    display: block;
    color: #2ab0bc;
    margin-right: 10px;
    transition: all 0.3s; }
.user-comments .item-comment .btn-reply {
    font-weight: 800;
    margin-right: 20px; }
.user-comments .item-comment .text {
    font-size: 14px;
    color: #8e8d8d;
    display: block;
    text-align: justify;
    text-align-last: right;
    margin-bottom: 5px;
    margin-top: 5px;
    line-height: 27px; }

/* QUIZ TITLE */
.title-quiz {
    padding: 15px 0;
    background-color: #f7fcfc;
    margin-bottom: 50px; }
.title-quiz.product-single-theme {
    background-color: #ffffff;
    border-bottom: 1px solid #ececec; }
.title-quiz.product-single-theme .title {
    color: #666666; }
.title-quiz.product-single-theme .subtitle {
    color: #999999; }
.title-quiz.product-single-theme .btn-group .btn {
    color: #2ab0bc;
    background-color: #f4fbfc;
    border: none; }
.title-quiz.product-single-theme .btn-group .btn:hover {
    color: #ffffff;
    background-color: #2ab0bc; }
.title-quiz.product-single-theme .btn-group .btn:hover i {
    color: #ffffff; }
.title-quiz.product-single-theme .btn-group .btn-like {
    background-color: #ffffff;
    border: 1px solid #2ab0bc; }
.title-quiz.product-single-theme .btn-group .btn-like i {
    color: #2ab0bc; }
.title-quiz article {
    display: flex;
    align-items: center; }
.title-quiz i {
    font-size: 45px;
    height: 45px;
    display: block;
    color: #2ab0bc;
    margin-left: 20px; }
.title-quiz .title {
    font-size: 16px;
    font-weight: 800;
    color: #2ab0bc;
    display: block;
    margin-bottom: 5px; }
.title-quiz .subtitle {
    font-size: 14px;
    font-weight: 500;
    color: #949797;
    display: block; }
.title-quiz .btn-group {
    flex: unset; }
.title-quiz .btn-group .btn {
    flex: unset;
    font-size: 14px;
    font-weight: 800;
    color: #2ab0bc;
    border-radius: 5px !important;
    background-color: #ffffff;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid #e2f4f5;
    padding-left: 25px;
    padding-right: 25px;
    transition: all 0.3s; }
.title-quiz .btn-group .btn:hover {
    color: #ffffff;
    background-color: #2ab0bc;
    border: 2px solid #2ab0bc; }
.title-quiz .btn-group .btn:hover i {
    color: #ffffff; }
.title-quiz .btn-group .btn-like {
    width: 50px;
    height: 50px;
    padding: 0;
    border-radius: 50% !important;
    margin-left: 10px; }
.title-quiz .btn-group .btn-like i {
    margin: 0;
    font-size: 16px;
    height: 16px;
    display: block;
    color: #2ab0bc; }

/* MAIN QUIZ */
.main-quiz {
    margin-bottom: 50px; }
.main-quiz .container {
    padding-bottom: 50px !important;
    border-bottom: 1px dotted #dedede; }
.main-quiz img {
    width: 100%;
    height: auto;
    max-height: 375px;
    object-position: center;
    object-fit: contain; }
.main-quiz .rate-row {
    margin-bottom: 30px; }
.main-quiz .jq-ry-normal-group {
    opacity: 0.3; }
.main-quiz .rate {
    font-size: 16px;
    font-weight: 300;
    color: #666666;
    display: block; }
.main-quiz .rate b {
    font-weight: 700;
    margin-left: 10px; }
.main-quiz .item-inf {
    display: flex;
    align-items: center;
    padding: 20px 15px;
    border-radius: 5px;
    background-color: #fafafa;
    margin-bottom: 20px; }
.main-quiz .item-inf i {
    font-size: 24px;
    height: 24px;
    display: block;
    color: #2ab0bc;
    margin-left: 15px; }
.main-quiz .item-inf .title {
    font-size: 15px;
    font-weight: 700;
    color: #666666;
    display: block; }
.main-quiz .item-inf .subtitle {
    font-size: 14px;
    font-weight: 300;
    color: #666666;
    display: block; }
.main-quiz .link {
    border: none;
    width: 100%;
    height: 50px;
    border-radius: 5px;
    background-color: #2ab0bc;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    font-size: 16px;
    font-weight: 800;
    box-shadow: 4px 6.928px 60px 0 rgba(42, 176, 188, 0.4); }
.main-quiz .link .__hvr-span {
    background-color: #eda61c; }
.main-quiz .link:hover {
    box-shadow: 4px 6.928px 60px 0 rgba(237, 166, 28, 0.4); }
.main-quiz .link:hover .__hvr-span {
    width: 1000px;
    height: 1000px; }
.main-quiz .price {
    width: 100%;
    height: 50px;
    border-radius: 5px;
    background-color: #f9f6fc;
    display: flex;
    align-items: center;
    color: #5d11ac;
    font-size: 16px;
    font-weight: 800;
    padding-right: 25px;
    margin-bottom: 30px; }

/* ABOUT QUIZ */
.about-quiz {
    margin-bottom: 50px; }
.about-quiz.blue-theme .title {
    color: #2ab0bc; }
.about-quiz.blue-theme .nav .nav-item:before {
    border-color: #2ab0bc !important; }
.about-quiz .container {
    padding-bottom: 50px !important;
    border-bottom: 1px dotted #dedede !important; }
.about-quiz .title {
    font-size: 18px;
    font-weight: 800;
    color: #666666;
    display: block;
    text-align: center;
    margin-bottom: 20px; }
.about-quiz .nav .nav-item {
    font-size: 15px;
    font-weight: 500;
    color: #666666;
    display: block;
    padding-top: 7.5px !important;
    padding-bottom: 7.5px !important;
    padding-right: 40px !important;
    position: relative; }
.about-quiz .nav .nav-item:before {
    content: '';
    position: absolute;
    top: 11px;
    right: 0;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: 8px solid #666666; }

/* QUIZ START */
.quiz-start {
    position: relative;
    padding-bottom: 120px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #f7f7f7; }
.quiz-start .container {
    padding-top: 30px !important;
    padding-bottom: 30px !important; }
.quiz-start:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-image: url("../img/bg-login-register.png");
    background-position: 0 0;
    opacity: 0.8;
    animation: animatedBackground1 40s linear infinite; }
@keyframes animatedBackground1 {
    from {
        background-position: 0 0; }
    to {
        background-position: 100% 100%; } }
.quiz-start .mCSB_dragger_bar {
    background-color: #d4d4d4 !important;
    width: 4px !important; }
.quiz-start .mCSB_scrollTools .mCSB_draggerRail {
    background-color: #f9f9f9 !important;
    width: 10px !important; }
.quiz-start .mCSB_scrollTools {
    z-index: 99; }
.quiz-start .scroll {
    overflow-y: auto;
    height: 100%; }
.quiz-start .title {
    font-size: 21px;
    font-weight: 800;
    color: #5d11ac;
    display: block;
    padding: 15px 20px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    background-image: -moz-linear-gradient(180deg, #e7dcf3 0%, rgba(92, 17, 172, 0) 100%);
    background-image: -webkit-linear-gradient(180deg, #e7dcf3 0%, rgba(92, 17, 172, 0) 100%);
    background-image: -ms-linear-gradient(180deg, #e7dcf3 0%, rgba(92, 17, 172, 0) 100%);
    margin-bottom: 20px; }
.quiz-start .text {
    font-size: 17px;
    font-weight: 300;
    color: #4c4c4c;
    display: block;
    text-align: justify;
    text-align-last: right;
    margin-bottom: 20px;
    padding-left: 20px; }
.quiz-start .text.has-bullet {
    text-indent: 35px;
    position: relative; }
.quiz-start .text.has-bullet:before {
    content: '';
    position: absolute;
    top: 2px;
    right: 0;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: 7px solid #5d11ac; }
.quiz-start article {
    margin: 20px 0;
    padding: 20px;
    padding-left: 20px;
    border-radius: 5px;
    background-color: #ffffff;
    box-shadow: 0 0 80px 0 rgba(0, 0, 0, 0.04);
    min-height: 550px;
    position: relative; }
.quiz-start .article {
    padding-bottom: 40px;
    width: 100%;
    height: 100%; }
.quiz-start .btn-group {
    flex-wrap: wrap;
    flex: unset;
    justify-content: center;
    width: 100%;
    position: absolute;
    bottom: 0;
    right: 0;
    background-color: #ffffff;
    padding: 15px 0; }
.quiz-start .btn-group .btn {
    font-size: 20px;
    font-weight: 800;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: unset;
    border-radius: 5px !important;
    margin: 5px !important;
    padding: 10px 35px; }
.quiz-start .btn-group .btn:hover {
    color: #ffffff !important; }
.quiz-start .btn-group .btn:hover .__hvr-span {
    width: 800px;
    height: 800px; }
.quiz-start .btn-group .btn.btn-next {
    background-color: #f9f6fc;
    color: #5d11ac; }
.quiz-start .btn-group .btn.btn-next .__hvr-span {
    background-color: #5d11ac; }
.quiz-start .btn-group .btn.btn-prev {
    background-color: #f7fcfc;
    color: #2ab0bc; }
.quiz-start .btn-group .btn.btn-prev .__hvr-span {
    background-color: #2ab0bc; }
.quiz-start .btn-group .btn i {
    font-size: 16px;
    height: 16px;
    display: block;
    margin-right: 15px; }
.quiz-start .footer {
    padding: 30px 0;
    background-color: #ffffff;
    z-index: 9;
    position: absolute;
    right: 0;
    bottom: 0;
    width: 100%; }
.quiz-start .footer .container {
    padding-top: 0 !important;
    padding-bottom: 0 !important; }
.quiz-start .footer .brand {
    display: block; }
.quiz-start .footer .brand img {
    max-width: 130px;
    max-height: 130px;
    object-fit: contain;
    opacity: 1 !important; }
.quiz-start .footer .text {
    font-size: 18px;
    font-weight: 700;
    color: #787878;
    display: block; }
.quiz-start .footer .nav .nav-item:last-child .nav-link {
    margin-left: 0; }
.quiz-start .footer .nav .nav-item .nav-link {
    padding: 7.5px 25px;
    background-color: #ffffff;
    border: 1px solid #efefef;
    border-radius: 100px;
    color: #646464;
    font-size: 15px;
    font-weight: 700;
    margin: 5px; }
.quiz-start .footer .nav .nav-item .nav-link:hover {
    color: #ffffff; }
.quiz-start .footer .nav .nav-item .nav-link .__hvr-span {
    background-color: #5d11ac; }
.quiz-start .wizard > .content {
    min-height: unset !important;
    background-color: transparent !important; }
.quiz-start .wizard > .content > .body {
    position: relative !important;
    top: unset !important;
    left: unset !important;
    bottom: unset !important;
    right: unset !important;
    width: 100% !important;
    padding: 0 !important;
    padding-bottom: 92px !important; }
.quiz-start .actions {
    flex-wrap: wrap;
    flex: unset;
    justify-content: center;
    width: 100%;
    position: absolute;
    bottom: 0;
    right: 0;
    background-color: #ffffff;
    padding: 15px 0; }
.quiz-start .actions ul {
    width: 100%;
    display: flex;
    justify-content: center; }
.quiz-start .actions ul li a {
    font-size: 20px;
    font-weight: 800;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: unset;
    border-radius: 5px !important;
    margin: 5px !important;
    padding: 10px 35px !important;
    transition: all 0.3s; }
.quiz-start a[href="#previous"] {
    background-color: #f7fcfc !important;
    color: #2ab0bc !important; }
.quiz-start a[href="#previous"]:hover {
    background-color: #2ab0bc !important;
    color: #ffffff !important; }
.quiz-start a[href="#next"] {
    background-color: #f9f6fc !important;
    color: #5d11ac !important; }
.quiz-start a[href="#next"]:hover {
    background-color: #5d11ac !important;
    color: #ffffff !important; }
.quiz-start a[href="#finish"] {
    background-color: #5d11ac !important;
    color: #ffffff !important; }
.quiz-start a[href="#finish"]:hover {
    background-color: #eda61c !important; }
.quiz-start .steps ul {
    display: flex;
    width: 100%;
    justify-content: flex-start;
    flex-wrap: nowrap;
    margin-right: auto;
    margin-left: auto;
    padding-bottom: 10px;
    margin-bottom: 30px; }
.quiz-start .steps ul li {
    width: auto !important; }
.quiz-start .steps ul li:hover a {
    background-color: #2ab0bc !important;
    color: #ffffff !important; }
.quiz-start .steps ul li .number {
    display: none; }
.quiz-start .steps ul li.current a, .quiz-start .steps ul li.done a {
    background-color: #2ab0bc !important;
    color: #ffffff !important; }
.quiz-start .steps ul li a {
    width: auto !important;
    padding: 10px 30px !important;
    margin: 5px !important;
    white-space: nowrap;
    font-size: 17px;
    font-weight: 700;
    color: #6b6b6b !important;
    border-radius: 5px !important;
    background-color: #f3f3f3 !important;
    position: relative;
    transition: all 0.3s;
    cursor: pointer; }

.quiz-start.quiz-theme article {
    min-height: 400px; }
.quiz-start.quiz-theme .article {
    padding-bottom: 0; }
.quiz-start .title.blue-theme {
    color: #2ab0bc;
    background-image: -moz-linear-gradient(180deg, #d4eff2 0%, rgba(92, 17, 172, 0) 100%);
    background-image: -webkit-linear-gradient(180deg, #d4eff2 0%, rgba(92, 17, 172, 0) 100%);
    background-image: -ms-linear-gradient(180deg, #d4eff2 0%, rgba(92, 17, 172, 0) 100%);
    margin-bottom: 30px; }
.quiz-start .steps-quiz {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 30px; }
.quiz-start .steps-quiz .col-xl-4:first-child {
    padding-right: 0 !important; }
.quiz-start .steps-quiz .col-xl-4:last-child {
    padding-left: 0 !important; }
.quiz-start .steps-quiz .item {
    width: 100%;
    border-radius: 10000px;
    display: flex;
    align-items: center;
    padding: 5px;
    background-image: -moz-linear-gradient(180deg, #d9d9d9 0%, rgba(92, 17, 172, 0) 100%);
    background-image: -webkit-linear-gradient(180deg, #d9d9d9 0%, rgba(92, 17, 172, 0) 100%);
    background-image: -ms-linear-gradient(180deg, #d9d9d9 0%, rgba(92, 17, 172, 0) 100%);
    font-size: 27px;
    color: #bebebe; }
.quiz-start .steps-quiz .item .icon {
    margin-left: 30px;
    width: 85px;
    height: 85px;
    border-radius: 50%;
    background-color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center; }
.quiz-start .steps-quiz .item .icon i {
    font-size: 32px;
    height: 32px;
    display: block;
    color: #d2d2d2; }
.quiz-start .steps-quiz .item .icon .number {
    font-size: 38px;
    font-weight: 700;
    color: #2ab0bc;
    display: none; }
.quiz-start .steps-quiz .item.active {
    background-image: none;
    background-image: none;
    background-image: none;
    background-color: #2ab0bc;
    color: #ffffff;
    font-weight: 700; }
.quiz-start .steps-quiz .item.active .icon i {
    display: none; }
.quiz-start .steps-quiz .item.active .icon .number {
    display: block; }
.quiz-start .main-question .question {
    display: inline-block;
    padding: 10px;
    border-radius: 10px;
    font-size: 22px;
    font-weight: 700;
    background-color: #fafafa;
    color: #646464;
    width: 100%;
    margin-bottom: 25px;
    position: relative; }
.quiz-start .main-question .question .number {
    display: inline-block;
    font-size: 20px;
    font-weight: 700;
    padding: 10px 20px;
    background-color: #646464;
    border-radius: 10px;
    color: #ffffff;
    margin-left: 30px; }
.quiz-start .main-question ul {
    display: flex;
    flex-wrap: wrap; }
.quiz-start .main-question ul li {
    cursor: pointer;
    margin: 5px 14px;
    margin-right: 0; }
.quiz-start .main-question ul li:last-child {
    margin-left: 0; }
.quiz-start .main-question ul li .active {
    color: #2ab0bc;
    border: 2px solid #dff3f5; }
.quiz-start .main-question ul li .active .icon {
    width: 20px;
    background-color: #2ab0bc;
    margin-left: 15px; }
.quiz-start .main-question ul li input[type="radio"] {
    display: none; }
.quiz-start .main-question ul li input[type="radio"]:checked + label {
    color: #2ab0bc;
    border: 2px solid #dff3f5; }
.quiz-start .main-question ul li input[type="radio"]:checked + label .icon {
    width: 20px;
    background-color: #2ab0bc;
    margin-left: 15px; }
.quiz-start .main-question ul li label, .quiz-start .main-question ul li a {
    cursor: pointer;
    padding: 10px 50px;
    border-radius: 10px;
    border: 2px solid #f0f0f0;
    font-size: 18px;
    font-weight: 700;
    color: #666666;
    margin-bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s; }
.quiz-start .main-question ul li label:hover, .quiz-start .main-question ul li a:hover {
    color: #2ab0bc;
    border: 2px solid #dff3f5; }
.quiz-start .main-question ul li .icon {
    width: 0;
    height: 20px;
    border-radius: 50%;
    background-color: #666666;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 0;
    overflow: hidden;
    transition: all 0.3s; }
.quiz-start .main-question ul li .icon i {
    font-size: 9px;
    height: 9px;
    display: block;
    color: #ffffff; }
.quiz-start .time {
    display: flex;
    align-items: center;
    font-size: 20px;
    font-weight: 800;
    color: #eda61c; }
.quiz-start #time {
    font-family: shabnam !important;
    font-size: 24px;
    color: #ffffff;
    width: 90px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    background-color: #eda61c;
    box-shadow: 0 0 20px 0 rgba(255, 178, 30, 0.6);
    margin-right: 20px; }
.quiz-start .time-res {
    font-family: shabnam !important;
    width: 80px;
    height: 33px;
    background-color: #eda61c;
    color: #ffffff;
    display: none;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 15px;
    border-radius: 5px;
    box-shadow: 0 0 20px 0 rgba(255, 178, 30, 0.6);
    position: absolute;
    top: 10px;
    left: 10px; }
.quiz-start .relax {
    padding: 20px;
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.95);
    top: 0;
    right: 0;
    display: none;
    flex-direction: column;
    justify-content: center;
    align-items: center; }
.quiz-start .relax.show {
    display: flex; }
.quiz-start .title-relax {
    font-size: 30px;
    font-weight: 800;
    color: #2ab0bc;
    display: block;
    text-align: center;
    margin-bottom: 5px; }
.quiz-start .text-relax {
    font-size: 18px;
    font-weight: 300;
    color: #707070;
    display: block;
    text-align: center;
    margin-bottom: 20px; }
.quiz-start .next {
    font-size: 22px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px 40px;
    border-radius: 5px;
    background-color: #2ab0bc;
    color: #ffffff; }
.quiz-start .next .__hvr-span {
    background-color: #eda61c; }
.quiz-start .next i {
    font-size: 12px;
    height: 12px;
    display: block;
    margin-right: 10px; }
.quiz-start .end {
    padding: 20px;
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.95);
    top: 0;
    right: 0;
    display: none;
    flex-direction: column;
    justify-content: center;
    align-items: center; }
.quiz-start .end.show {
    display: flex; }
.quiz-start .title-end {
    width: 100%;
    font-size: 24px;
    font-weight: 800;
    color: #2ab0bc;
    display: block;
    text-align: center;
    padding: 15px 0;
    margin-bottom: 20px;
    background-image: -moz-linear-gradient(180deg, rgba(255, 255, 255, 0.04) 0%, rgba(42, 176, 188, 0.04) 50%, rgba(149, 216, 222, 0.04) 74%, rgba(255, 255, 255, 0.04) 100%);
    background-image: -webkit-linear-gradient(180deg, rgba(255, 255, 255, 0.04) 0%, rgba(42, 176, 188, 0.04) 50%, rgba(149, 216, 222, 0.04) 74%, rgba(255, 255, 255, 0.04) 100%);
    background-image: -ms-linear-gradient(180deg, rgba(255, 255, 255, 0.04) 0%, rgba(42, 176, 188, 0.04) 50%, rgba(149, 216, 222, 0.04) 74%, rgba(255, 255, 255, 0.04) 100%); }
.quiz-start .nav-end .nav-item {
    margin: 5px; }
.quiz-start .nav-end .nav-item .nav-link {
    font-size: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px 40px;
    border-radius: 5px;
    background-color: #f7fcfc;
    color: #2ab0bc; }
.quiz-start .nav-end .nav-item .nav-link:hover {
    color: #ffffff; }
.quiz-start .nav-end .nav-item .nav-link i {
    font-size: 25px;
    height: 25px;
    display: block;
    margin-left: 15px; }
.quiz-start .return {
    font-size: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px 40px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    background-color: #f9f6fc;
    color: #5d11ac;
    position: absolute;
    bottom: 0;
    right: 50%;
    transform: translateX(50%); }
.quiz-start .return .__hvr-span {
    background-color: #5d11ac; }
.quiz-start .return:hover {
    color: #ffffff; }
.quiz-start .return i {
    font-size: 25px;
    height: 25px;
    display: block;
    margin-left: 15px; }

/* CHECKOUT */
.title-checkout {
    width: 100%;
    border-bottom: 1px solid #e1e1e1;
    margin-bottom: 30px; }
.title-checkout.purple-theme .title {
    border-bottom: 1px solid #5d11ac; }
.title-checkout .title {
    font-size: 16px;
    font-weight: 700;
    color: #636363;
    display: block;
    padding-bottom: 20px;
    border-bottom: 1px solid #2ab0bc;
    margin-left: 20px; }
.title-checkout .text {
    font-size: 16px;
    font-weight: 300;
    color: #636363;
    display: block; }
.title-checkout .btn {
    font-size: 14px;
    font-weight: 700;
    color: #ffffff;
    display: block;
    padding: 5px 25px;
    background-color: #5d11ac;
    box-shadow: 3px 5.196px 40px 0 rgba(93, 17, 172, 0.4);
    border-radius: 100px; }
.title-checkout .btn .__hvr-span {
    background-color: #eda61c; }
.title-checkout .btn:hover {
    box-shadow: 3px 5.196px 40px 0 rgba(237, 166, 38, 0.4); }
.title-checkout .btn-cancel {
    width: 35px;
    height: 35px;
    border-radius: 50%;
    background-color: #2ab0bc;
    margin-right: 10px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: none !important;
    cursor: pointer; }
.title-checkout .btn-cancel i {
    font-size: 15px;
    height: 15px;
    color: #ffffff;
    margin: 0; }

.choice-address {
    margin-bottom: 50px; }
.choice-address .address-item {
    display: none; }
.choice-address .address-item:first-child {
    display: block; }
.choice-address input[type="radio"] {
    display: none; }
.choice-address input[type="radio"]:checked + label .detail-label {
    border: 1px solid #2ab0bc; }
.choice-address input[type="radio"]:checked + label:before {
    opacity: 1; }
.choice-address label {
    cursor: pointer;
    width: 100%;
    position: relative;
    padding-right: 40px;
    margin-top: 10px;
    margin-bottom: 10px;
    display: block; }
.choice-address label:after {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    height: 30px;
    width: 30px;
    border-radius: 50%;
    border: 1px solid #d2d2d2; }
.choice-address label:before {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 5px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #2ab0bc;
    opacity: 0; }
.choice-address label .detail-label {
    width: 100%;
    padding-top: 10px;
    padding-right: 20px;
    padding-left: 20px;
    padding-bottom: 15px;
    background-color: #fafafa;
    border-radius: 10px; }
.choice-address label .detail-label .name {
    font-size: 16px;
    color: #2ab0bc;
    font-weight: 700;
    display: block; }
.choice-address label .detail-label .nav {
    padding-right: 0;
    margin-bottom: 10px; }
.choice-address label .detail-label .nav .nav-item {
    font-size: 14px;
    color: #646464;
    display: block;
    font-weight: 300;
    padding: 10px 20px;
    position: relative; }
.choice-address label .detail-label .nav .nav-item:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    height: 30px;
    width: 1px;
    background-color: #646464;
    opacity: 0.3; }
.choice-address label .detail-label .nav .nav-item:first-child {
    padding-right: 0; }
.choice-address label .detail-label .nav .nav-item:last-child:after {
    display: none; }
.choice-address label .detail-label .main-address {
    font-size: 15px;
    color: #646464;
    display: block;
    font-weight: 300; }
.choice-address .btn-edit {
    background-color: #2ab0bc;
    color: #ffffff;
    border-radius: 200px; }
.choice-address .btn-edit .__hvr-span {
    background-color: #eda61c; }
.choice-address .btn-add {
    background-color: #2ab0bc;
    padding: 7.5px 30px;
    font-size: 15px;
    font-weight: 700;
    color: #ffffff;
    border-radius: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: auto;
    cursor: pointer; }
.choice-address .btn-add .__hvr-span {
    background-color: #eda61c; }

.address-fix {
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.95);
    position: fixed;
    top: 0;
    right: 0;
    z-index: 99999;
    overflow-y: auto;
    display: none; }
.address-fix form {
    padding: 20px 15px;
    min-height: 100%;
    display: flex;
    align-items: center;
    justify-content: center; }
.address-fix .background {
    padding: 15px 0;
    background-color: #FFFFFF;
    border-radius: 5px; }

.order-list {
    margin-bottom: 20px; }
.order-list .item {
    padding: 20px;
    border-radius: 5px;
    border: 1px solid #e1e1e1;
    display: flex;
    align-items: center;
    margin-bottom: 30px; }
.order-list .item img {
    width: 70px;
    height: 100px;
    object-fit: contain;
    display: block;
    margin-left: 40px; }
.order-list .item .name {
    font-size: 16px;
    font-weight: 700;
    color: #808080;
    display: block; }
.order-list .item .subtitle {
    font-size: 14px;
    font-weight: 300;
    color: #999999;
    display: block; }
.order-list .item .number {
    font-size: 16px;
    color: #6e6e6e;
    display: block;
    padding: 5px 25px;
    border-radius: 5px;
    background-color: #fafafa;
    margin-right: auto; }

.detail-send-order {
    margin-bottom: 30px; }
.detail-send-order .alert-install{color: red}
.detail-send-order form {
    width: 100%; }
.detail-send-order .form-group {
    width: 100%;
    margin-bottom: 20px; }
.detail-send-order label {
    cursor: pointer;
    width: 100%;
    display: flex;
    align-items: start;
    font-size: 15px;
    font-weight: 400;
    color: #969696;
    padding: 10px;
    border-radius: 5px;
    background-color: #fafafa;
    margin-bottom: 0; }
.detail-send-order label b {
    font-weight: 700;
    margin-bottom: 5px;
    display: flex;
    align-items: center;
    width: 100%; }
.detail-send-order label b i {
    font-weight: 300 !important;
    font-size: 30px;
    height: 30px;
    display: block;
    margin-left: 10px; }
.detail-send-order label .circle {
    width: 30px;
    min-width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    border: 1px solid #d7d7d7;
    margin-left: 20px; }
.detail-send-order label .circle i {
    font-size: 15px;
    height: 15px;
    display: block;
    color: #2ab0bc;
    opacity: 0; }
.detail-send-order label img {
    margin-left: 10px; }
.detail-send-order label .icon-mail1 {
    margin-right: auto;
    margin-left: 20px;
    font-size: 24px;
    height: 24px; }
.detail-send-order input[type="radio"] {
    display: none; }
.detail-send-order input[type="radio"]:checked + label {
    background-color: #2ab0bc;
    color: #ffffff; }
.detail-send-order input[type="radio"]:checked + label .circle {
    background-color: #ffffff;
    border: 1px solid #ffffff; }
.detail-send-order input[type="radio"]:checked + label .circle i {
    opacity: 1; }
.detail-send-order input[type="checkbox"] {
    display: none; }
.detail-send-order input[type="checkbox"]:checked + label {
    background-color: #2ab0bc;
    color: #ffffff; }
.detail-send-order input[type="checkbox"]:checked + label .circle {
    background-color: #ffffff;
    border: 1px solid #ffffff; }
.detail-send-order input[type="checkbox"]:checked + label .circle i {
    opacity: 1; }

.choice-day {
    margin-bottom: 30px; }
.choice-day .selected .item {
    background-color: #2ab0bc; }
.choice-day .selected .item.day:after {
    background-color: #2ab0bc; }
.choice-day .selected .item .title, .choice-day .selected .item .subtitle {
    color: #ffffff; }
.choice-day .selected .item .selected-hide {
    display: none; }
.choice-day .selected .item .selected-show {
    display: block !important; }
.choice-day .column-day:hover .item {
    background-color: #2ab0bc; }
.choice-day .column-day:hover .item .title, .choice-day .column-day:hover .item .subtitle {
    color: #FFFFFF; }
.choice-day .item {
    cursor: pointer;
    width: 100%;
    padding: 15px 5px;
    border-radius: 5px;
    text-align: center;
    margin-bottom: 20px;
    background-color: #f7fcfc; }
.choice-day .item.day {
    position: relative; }
.choice-day .item.day:after {
    content: '';
    position: absolute;
    top: 100%;
    right: 50%;
    transform: translateX(50%) translateY(-65%) rotate(45deg);
    width: 15px;
    height: 15px;
    background-color: #ffffff;
    border-radius: 5px;
    z-index: -1;
    transition: all 0.3s; }
.choice-day .item.no-capacity {
    background-color: #f7fcfc !important; }
.choice-day .item.no-capacity .title, .choice-day .item.no-capacity .subtitle {
    color: #2ab0bc !important; }
.choice-day .item.no-capacity:after {
    display: none !important; }
.choice-day .item.red {
    background-color: #fff8f8 !important; }
.choice-day .item.red .title, .choice-day .item.red .subtitle {
    color: #ff4d4c !important; }
.choice-day .item.red:after {
    display: none !important; }
.choice-day .item.yellow {
    background-color: #fffcf6 !important; }
.choice-day .item.yellow .title, .choice-day .item.yellow .subtitle {
    color: #ffb21e !important; }
.choice-day .item .title {
    font-size: 16px;
    font-weight: 800;
    color: #2ab0bc;
    display: block; }
.choice-day .item .subtitle {
    font-size: 14px;
    color: #2ab0bc;
    display: block;
    font-weight: 300; }
.choice-day .item .subtitle.selected-show {
    display: none; }

.final-checkout {
    margin-bottom: 50px; }
.final-checkout .label-check {
    cursor: pointer;
    font-size: 15px;
    font-weight: 500;
    background-color: #fafafa;
    color: #666666;
    border-radius: 2000px;
    display: block;
    padding: 15px;
    text-indent: 40px;
    margin-left: 0;
    position: relative;
    transition: all 0.3s; }
.final-checkout .label-check:before {
    content: '';
    position: absolute;
    top: 17px;
    right: 20px;
    transform: translateY(0%);
    width: 20px;
    height: 20px;
    border: 2px solid #666666;
    background-color: #ffffff;
    border-radius: 50%;
    transition: all 0.3s; }

.final-checkout input[type="radio"]:checked + label {
    background-color: #f7fcfc;
    color: #2ab0bc; }
.final-checkout input[type="radio"]:checked + label:before {
    border: 6px solid #2ab0bc; }
.final-checkout input[type="checkbox"] {
    display: none; }
.final-checkout input[type="checkbox"]:checked + label {
    background-color: #f7fcfc;
    color: #2ab0bc; }
.final-checkout input[type="checkbox"]:checked + label:before {
    border: 6px solid #2ab0bc; }
.final-checkout .price {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 50px;
    border-radius: 200px;
    background-color: #f9f6fc;
    color: #5d11ac;
    font-size: 15px;
    font-weight: 700;
    padding: 5px 20px;
    margin: 5px 0; }
.final-checkout .price .titr {
    display: flex;
    align-items: center; }
.final-checkout .price i {
    font-size: 20px;
    margin-left: 10px; }
.final-checkout .price.blue-theme {
    color: #2ab0bc;
    background-color: #f7fcfc; }
.final-checkout .btn-submit {
    width: 100%;
    height: 50px;
    background-color: #5d11ac;
    box-shadow: 4px 6.928px 60px 0 rgba(93, 17, 172, 0.4);
    border-radius: 200px;
    color: #ffffff;
    font-size: 15px;
    font-weight: 700;
    margin: 5px 0;
    display: flex;
    align-items: center;
    justify-content: center; }
.final-checkout .btn-submit i {
    font-size: 20px;
    margin-right: 10px; }
.final-checkout .btn-submit:hover .__hvr-span {
    width: 1300px;
    height: 1300px; }
.final-checkout .btn-submit .__hvr-span {
    background-color: #eda61c; }

/* LAST PODCAST */
.last-podcast .item {
    background-size: cover;
    width: 100%;
    min-height: 250px;
    padding: 30px;
    border-radius: 10px;
    overflow: hidden;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center; }
.last-podcast .item:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.4);
    background-image: linear-gradient(to left, #000000 0%, rgba(0, 0, 0, 0) 100%); }
.last-podcast .item article {
    position: relative;
    z-index: 99; }
.last-podcast .item .subtitle {
    font-size: 18px;
    color: #ffffff;
    display: block;
    opacity: 0.5;
    text-align: center; }
.last-podcast .item .title {
    font-size: 22px;
    font-weight: 800;
    color: #ffffff;
    display: block;
    text-align: center;
    margin-bottom: 10px; }
.last-podcast .item .number {
    height: 40px;
    font-size: 16px;
    font-weight: 300;
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5px 20px;
    background-color: rgba(255, 255, 255, 0.3);
    border-radius: 5px;
    margin: 5px; }
.last-podcast .item .listen {
    height: 40px;
    background-color: #ffffff;
    font-size: 16px;
    font-weight: 800;
    color: #4c4c4c;
    padding: 5px 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    margin: 5px; }
.last-podcast .item .listen:hover {
    color: #ffffff; }

/* PODCAST SINGLE */
.podcast-single {
    width: 100%;
    height: 350px;
    border-radius: 10px;
    background-size: cover;
    position: relative;
    margin-bottom: 50px;
    padding: 35px 50px;
    display: flex;
    align-items: flex-end; }
.podcast-single:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    border-radius: 10px;
    color: #5d11ac;
    background-color: rgba(93, 17, 172, 0.4);
    background-image: linear-gradient(to top, #5d11ac 0%, rgba(93, 17, 172, 0) 100%); }
.podcast-single .main-audio {
    width: 100%;
    position: relative;
    z-index: 99;
    padding-bottom: 10px; }
.podcast-single .main-audio .plyr__controls {
    direction: ltr !important; }
.podcast-single .main-audio .plyr__volume--display {
    color: #ffffff; }
.podcast-single .main-audio .plyr--audio .plyr__controls button i {
    font-size: 30px;
    height: 30px; }
.podcast-single .main-audio .plyr--audio .plyr__controls button.tab-focus:focus, .podcast-single .main-audio .plyr--audio .plyr__controls button:hover, .podcast-single .main-audio .plyr__play-large {
    background-color: #ffffff;
    color: #5d11ac; }
.podcast-single .main-audio .plyr__time--current {
    font-family: shabnam !important; }
.podcast-single .main-audio .plyr__progress--played, .podcast-single .main-audio .plyr__volume--display {
    color: #ffffff; }
.podcast-single .main-audio .plyr--audio .plyr__controls {
    background-color: transparent;
    color: #ffffff;
    border: none;
    box-shadow: none; }
.podcast-single .download {
    font-size: 20px;
    font-weight: 800;
    color: #5d11ac;
    display: inline-block;
    padding: 10px 40px;
    background-color: #ffffff;
    border-radius: 200px;
    box-shadow: 0 0 60px 0 rgba(93, 17, 172, 0.1);
    position: absolute;
    right: 50%;
    bottom: 0;
    transform: translateX(50%) translateY(50%);
    z-index: 99; }
.podcast-single .download:hover {
    color: #ffffff; }

/* TITLE VOICE */
.title-voice {
    padding: 15px 0;
    border-bottom: 1px solid #ececec;
    margin-bottom: 40px; }
.title-voice .title {
    font-size: 18px;
    font-weight: 800;
    color: #666666;
    display: block; }
.title-voice .subtitle {
    font-size: 16px;
    font-weight: 500;
    color: #999999;
    display: block; }
.title-voice .btn-group {
    flex: unset;
    flex-wrap: wrap; }
.title-voice .btn {
    flex: unset;
    height: 50px;
    padding: 0 30px;
    margin: 5px 10px;
    font-size: 14px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px !important;
    transition: all 0.3s; }
.title-voice .btn i {
    font-size: 16px;
    height: 16px;
    display: block;
    margin-left: 10px; }
.title-voice .btn-share {
    color: #5d11ac;
    background-color: #f9f6fc; }
.title-voice .btn-share:hover {
    color: #f9f6fc;
    background-color: #5d11ac; }
.title-voice .btn-failure {
    color: #e83634;
    background-color: #fef7f7; }
.title-voice .btn-failure:hover {
    background-color: #e83634;
    color: #FFFFFF; }
.title-voice .btn-failure:hover i {
    color: #ffffff; }
.title-voice .btn-failure i {
    color: #e83634; }
.title-voice .btn-like {
    padding: 0;
    width: 50px;
    border-radius: 50% !important;
    border: 1px solid #5d11ac; }
.title-voice .btn-like:hover {
    background-color: #5d11ac; }
.title-voice .btn-like:hover i {
    color: #ffffff; }
.title-voice .btn-like i {
    color: #5d11ac;
    margin: 0; }

/* MAIN VOICE */
.main-voice {
    margin-bottom: 50px; }
.main-voice article {
    padding: 20px;
    border-radius: 10px;
    border: 1px solid #f0f0f0;
    margin-bottom: 25px; }
.main-voice article .more {
    font-size: 14px;
    color: #2ab0bc;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-bottom: 5px;
    margin-top: 5px;
    transition: all 0.3s;
    margin-right: auto; }
.main-voice article .more:hover {
    color: #5d11ac; }
.main-voice article .more:hover i {
    color: #5d11ac; }
.main-voice article .more i {
    font-size: 15px;
    height: 15px;
    display: block;
    color: #2ab0bc;
    margin-right: 10px;
    transition: all 0.3s; }
.main-voice .title {
    font-size: 18px;
    color: #666666;
    font-weight: 700;
    display: block;
    text-align: center;
    margin-bottom: 15px; }
.main-voice .text {
    font-size: 15px;
    font-weight: 300;
    color: #666666;
    display: block;
    text-align: justify;
    text-align-last: center;
    margin-bottom: 0; }
.main-voice .text i {
    font-size: 20px;
    height: 20px;
    margin-left: 5px;
    position: relative;
    top: 3px; }
.main-voice .container {
    padding-bottom: 50px !important;
    border-bottom: 1px dotted #dedede; }
.main-voice img {
    width: 100%;
    height: 425px;
    border-radius: 10px;
    padding: 45px;
    object-fit: contain;
    object-position: center;
    background-color: #fafafa; }
.main-voice .rate-row {
    margin-bottom: 30px; }
.main-voice .jq-ry-normal-group {
    opacity: 0.3; }
.main-voice .rate {
    font-size: 16px;
    font-weight: 300;
    color: #666666;
    display: block; }
.main-voice .rate b {
    font-weight: 700;
    margin-left: 10px; }
.main-voice .link {
    width: 100%;
    height: 50px;
    border-radius: 5px;
    background-color: #5d11ac;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff !important;
    font-size: 16px;
    font-weight: 800;
    margin-bottom: 30px;
    box-shadow: 4px 6.928px 60px 0 rgba(93, 17, 172, 0.4);
    border: none !important; }
.main-voice .link .__hvr-span {
    background-color: #eda61c; }
.main-voice .link:hover {
    box-shadow: 4px 6.928px 60px 0 rgba(237, 166, 28, 0.4); }
.main-voice .link:hover .__hvr-span {
    width: 1000px;
    height: 1000px; }
.main-voice .price {
    width: 100%;
    height: 50px;
    border-radius: 5px;
    background-color: #f9f6fc;
    display: flex;
    align-items: center;
    color: #5d11ac;
    font-size: 16px;
    font-weight: 800;
    padding-right: 25px;
    margin-bottom: 30px; }
.main-voice .price del {
    margin-left: 10px;
    font-size: 14px;
    font-weight: 100; }
.main-voice .price .percent {
    color: #FFFFFF;
    background-color: #5d11ac;
    font-size: 14px;
    font-weight: 700;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    margin-right: auto;
    padding: 2.5px 10px; }
 .gift {
    width: 100%;
    height: 50px;
    border-radius: 5px;
    background-color: #f9f6fc;
    display: flex;
    align-items: center;
    color: #5d11ac;
    font-size: 16px;
    font-weight: 800;margin-bottom: 20px;justify-content: center;
}
.gift .gift_img{width: 50px !important;height: 50px !important;background: none}
.main-voice .info {
    width: 100%;
    min-height: 60px;
    border-radius: 5px;
    color: #2ab0bc;
    background-color: #f2fafb;
    font-size: 16px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 30px; }
.main-voice .voice {
    background-color: #5d11ac;
    border-radius: 10px;
    position: relative; }
.main-voice .voice #waveform1 {
    padding-right: 140px;
    padding-left: 140px;
    padding-top: 40px; }
.main-voice .voice wave {
    height: 70px !important;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 30px; }
.main-voice .voice wave wave {
    border-right: 1px solid #ffffff !important; }
.main-voice .voice .time-div {
    position: absolute;
    top: 58px;
    left: 35px; }
.main-voice .voice .time {
    font-size: 16px;
    font-weight: 800;
    color: #ffffff;
    display: block;
    font-family: shabnam !important; }
.main-voice .voice .titr {
    font-size: 16px;
    font-weight: 700;
    color: #ffffff;
    padding: 20px 40px;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    background-color: rgba(255, 25, 255, 0.08); }
.main-voice .voice .btn {
    padding: 10px 40px; }
.main-voice .voice .btn i {
    font-size: 27px;
    height: 27px;
    color: #FFFFFF;
    display: block; }
.main-voice .voice .btn-mute i {
    opacity: 0.5; }
.main-voice .voice .btn-mute.active i {
    opacity: 1; }
.main-voice .voice .plyr__controls {
    direction: ltr !important;
    padding: 30px 20px; }
.main-voice .voice .plyr__volume--display {
    color: #ffffff; }
.main-voice .voice .plyr--audio .plyr__controls button i {
    font-size: 25px;
    height: 25px; }
.main-voice .voice .plyr--audio .plyr__controls button.tab-focus:focus, .main-voice .voice .plyr--audio .plyr__controls button:hover, .main-voice .voice .plyr__play-large {
    background-color: #ffffff;
    color: #5d11ac; }
.main-voice .voice .plyr__time--current {
    font-family: shabnam !important; }
.main-voice .voice .plyr__progress--played, .main-voice .voice .plyr__volume--display {
    color: #ffffff; }
.main-voice .voice .plyr--audio .plyr__controls {
    background-color: transparent;
    color: #ffffff;
    border: none;
    box-shadow: none; }
.main-voice .btn-failure {
    display: none;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 10px 10px;
    border-radius: 5px;
    background-color: #e83634;
    color: #FFFFFF;
    margin-top: 10px; }
.main-voice .btn-failure i {
    color: #FFFFFF;
    margin-left: 15px; }

/* SEMINAR INFORMATION */
.seminar-information {
    margin-bottom: 50px; }
.seminar-information .item {
    width: 100%;
    display: flex;
    align-items: center;
    padding: 15px 15px;
    border-radius: 5px;
    border: 1px solid #f0f0f0; }
.seminar-information .item i {
    font-size: 35px;
    height: 35px;
    display: block;
    color: #5d11ac;
    margin-left: 15px; }
.seminar-information .item .subtitle {
    font-size: 14px;
    font-weight: 300;
    color: #666666;
    display: block; }
.seminar-information .item .title {
    font-size: 15px;
    font-weight: 700;
    color: #666666;
    display: block; }

/* SEMINAR PRICE */
.seminar-price {
    padding: 20px 0;
    background-color: #faf8fc; }
.seminar-price .discount {
    font-size: 18px;
    font-weight: 800;
    color: #5d11ac;
    padding: 5px 20px;
    border-radius: 100px;
    background-color: #ffffff;
    margin-left: 20px; }
.seminar-price .title {
    font-size: 18px;
    font-weight: 800;
    color: #5d11ac;
    display: block; }
.seminar-price .price {
    font-size: 18px;
    font-weight: 800;
    color: #5d11ac;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5px 30px;
    border: 3px solid #f1eaf7;
    border-radius: 200px;
    margin-right: auto;
    margin-left: 20px; }
.seminar-price .price del {
    color: #b79ad7;
    font-weight: 300;
    margin-left: 10px; }
.seminar-price .join-seminar {
    border: none !important;
    font-size: 18px;
    font-weight: 800;
    color: #FFFFFF;
    background-color: #5d11ac;
    border-radius: 200px;
    padding: 10px 40px; }

/* SEMINAR TIME */
.seminar-time {
    padding: 20px 0;
    background-color: #f8fdfd;
    margin-bottom: 50px; }
.seminar-time .title {
    font-size: 20px;
    font-weight: 800;
    color: #2ab0bc;
    display: block; }
.seminar-time ul {
    margin-bottom: 0;
    display: flex;
    flex-direction: row-reverse; }
.seminar-time ul li {
    margin: 0 15px;
    border-radius: 5px;
    background-color: #e8f7f8;
    position: relative; }
.seminar-time ul li:first-child {
    margin-left: 0; }
.seminar-time ul li:last-child {
    margin-right: 0; }
.seminar-time ul li:last-child:after {
    display: none; }
.seminar-time ul li:after {
    content: ':';
    font-size: 24px;
    color: #333333;
    position: absolute;
    top: 50%;
    right: -16px;
    transform: translateY(-50%);
    opacity: 0.5; }
.seminar-time ul li .time {
    font-size: 24px;
    font-weight: 800;
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 55px;
    height: 55px;
    border-radius: 5px;
    background-color: #2ab0bc; }
.seminar-time ul li .titr {
    font-size: 14px;
    color: #2ab0bc;
    display: block;
    text-align: center;
    padding: 5px 0; }

/* SEMINAR SINGLE */
.seminar-single {
    overflow: hidden; }
.seminar-single .about-quiz.no-border-bottom .container {
    padding-bottom: 0 !important;
    border-bottom: none; }
.seminar-single .about-quiz .title {
    font-size: 21px;
    text-align: right;
    margin-bottom: 10px; }

.modern-title {
    width: 100%;
    padding: 15px 20px;
    border-radius: 10px;
    font-size: 18px;
    font-weight: 700;
    color: #2ab0bc;
    display: flex;
    align-items: center;
    background-image: -moz-linear-gradient(180deg, rgba(42, 176, 188, 0.06) 0%, rgba(42, 176, 188, 0) 100%);
    background-image: -webkit-linear-gradient(180deg, rgba(42, 176, 188, 0.06) 0%, rgba(42, 176, 188, 0) 100%);
    background-image: -ms-linear-gradient(180deg, rgba(42, 176, 188, 0.06) 0%, rgba(42, 176, 188, 0) 100%);
    margin-bottom: 20px; }
.modern-title i {
    font-size: 26px;
    height: 26px;
    display: block;
    margin-left: 15px; }

/* QUIZ STEPS */
.quiz-steps {
    padding: 30px;
    margin-bottom: 50px;
    border-radius: 10px;
    border: 1px solid #f2f2f2; }
.quiz-steps .nav {
    width: 100%;
    justify-content: space-between;
    margin-bottom: 30px; }
.quiz-steps .nav .nav-item {
    font-size: 16px;
    font-weight: 700;
    color: #666666;
    display: block;
    text-align: center;
    position: relative;
    cursor: pointer;
    transition: all 0.3s; }
.quiz-steps .nav .nav-item:last-child:after {
    display: none; }
.quiz-steps .nav .nav-item:first-child:after {
    background-image: url("../img/arrow1.png"); }
.quiz-steps .nav .nav-item:after {
    content: '';
    position: absolute;
    left: 0;
    top: 65px;
    width: 115px;
    height: 30px;
    background-image: url("../img/arrow.png");
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    transform: translateX(-100%); }
.quiz-steps .nav .nav-item.active {
    color: #2ab0bc; }
.quiz-steps .nav .nav-item.active .circle {
    background-color: #2ab0bc; }
.quiz-steps .nav .nav-item.active .circle i {
    color: #ffffff; }
.quiz-steps .nav .nav-item.active .circle .number {
    background-color: #ffffff;
    color: #2ab0bc;
    box-shadow: 0 8px 40px 0 rgba(42, 176, 188, 0.2); }
.quiz-steps .nav .nav-item:hover {
    color: #2ab0bc; }
.quiz-steps .nav .nav-item:hover .circle {
    background-color: #2ab0bc; }
.quiz-steps .nav .nav-item:hover .circle i {
    color: #ffffff; }
.quiz-steps .nav .nav-item:hover .circle .number {
    background-color: #ffffff;
    color: #2ab0bc;
    box-shadow: 0 8px 40px 0 rgba(42, 176, 188, 0.2); }
.quiz-steps .nav .nav-item .circle {
    width: 150px;
    height: 150px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background-color: #fafafa;
    position: relative;
    margin-bottom: 20px;
    transition: all 0.3s; }
.quiz-steps .nav .nav-item .circle .number {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #2ab0bc;
    font-size: 18px;
    color: #ffffff;
    font-weight: 700;
    border-radius: 50%;
    position: absolute;
    top: 0;
    right: 0;
    transition: all 0.3s; }
.quiz-steps .nav .nav-item .circle i {
    font-size: 55px;
    height: 55px;
    display: block;
    color: #2ab0bc;
    transition: all 0.3s; }
.quiz-steps .text {
    font-size: 15px;
    font-weight: 300;
    color: #888888;
    display: block;
    text-align: justify;
    text-align-last: center;
    margin-bottom: 0; }

/* NUMBER JOIN SEMINAR */
.number-join-seminar {
    margin-bottom: 50px; }
.number-join-seminar .background {
    border-radius: 10px;
    background-image: linear-gradient(to left, #5d11ac, #722eb9);
    background-image: -moz-linear-gradient(to left, #5d11ac, #722eb9);
    background-image: -webkit-linear-gradient(to left, #5d11ac, #722eb9);
    background-image: -o-linear-gradient(to left, #5d11ac, #722eb9);
    display: flex;
    align-items: center;
    padding: 40px;
    position: relative; }
.number-join-seminar i {
    font-size: 80px;
    height: 80px;
    color: #ffffff;
    display: block;
    margin-left: 25px; }
.number-join-seminar .icon-bg {
    font-size: 200px;
    height: 200px;
    opacity: 0.08;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateX(-25%) translateY(-50%); }
.number-join-seminar .text {
    font-size: 23px;
    font-weight: 300;
    color: #ffffff;
    display: inline-block;
    margin-bottom: 0; }
.number-join-seminar .text b {
    font-weight: 700;
    margin: 0 5px; }

/* CALL ABOUT SEMINAR */
.call-about-seminar {
    margin-bottom: 50px; }
.call-about-seminar .background {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 30px 0;
    border-radius: 10px;
    position: relative;
    background-color: #2ab0bc;
    transition: all 0.3s; }
.call-about-seminar .background:before {
    content: '';
    position: absolute;
    top: 50%;
    right: 50%;
    width: 100%;
    height: 100%;
    z-index: -1;
    border-radius: 10px;
    transform: translateX(50%) translateY(-50%);
    background-color: #2ab0bc;
    opacity: 0;
    -webkit-animation-name: call2;
    /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: 2s;
    /* Safari 4.0 - 8.0 */
    -webkit-animation-iteration-count: infinite;
    /* Safari 4.0 - 8.0 */
    animation-name: call2;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    /* Standard syntax */ }
@keyframes call2 {
    0% {
        width: 100%;
        height: 100%;
        opacity: 0.2; }
    100% {
        width: 110%;
        height: 140%;
        opacity: 0; } }
.call-about-seminar .background:after {
    content: '';
    position: absolute;
    top: 50%;
    right: 50%;
    width: 100%;
    height: 100%;
    z-index: -1;
    border-radius: 10px;
    opacity: 0;
    transform: translateX(50%) translateY(-50%);
    background-color: #2ab0bc;
    -webkit-animation-name: call2;
    /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: 2s;
    /* Safari 4.0 - 8.0 */
    -webkit-animation-delay: 0.5s;
    -webkit-animation-iteration-count: infinite;
    /* Safari 4.0 - 8.0 */
    animation-name: call2;
    animation-duration: 2s;
    animation-delay: 0.5s;
    animation-iteration-count: infinite;
    /* Standard syntax */ }
@keyframes call2 {
    0% {
        width: 100%;
        height: 100%;
        opacity: 0.4; }
    100% {
        width: 110%;
        height: 140%;
        opacity: 0; } }
.call-about-seminar .background:hover {
    background-color: #5d11ac; }
.call-about-seminar .background:hover:after {
    background-color: #5d11ac; }
.call-about-seminar .background:hover:before {
    background-color: #5d11ac; }
.call-about-seminar .background:hover .call {
    color: #5d11ac; }
.call-about-seminar .title {
    font-size: 22px;
    font-weight: 800;
    color: #ffffff;
    display: block;
    padding-right: 30px;
    position: relative;
    z-index: 9; }
.call-about-seminar .call {
    display: flex;
    align-items: center;
    padding: 10px 30px;
    background-color: #ffffff;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    box-shadow: 0 8px 60px 0 rgba(255, 255, 255, 0.5);
    font-size: 24px;
    color: #2ab0bc;
    font-weight: 800;
    position: relative;
    z-index: 9;
    transition: all 0.3s; }
.call-about-seminar .call i {
    font-size: 24px;
    height: 24px;
    display: block;
    margin-right: 15px; }

/* ABOUT WRITER */
.about-writer {
    margin-bottom: 50px; }
.about-writer .container {
    padding-bottom: 50px !important;
    border-bottom: 1px dotted #dedede; }
.about-writer .image {
    padding: 15px;
    border-radius: 50%;
    background-color: #f5f5f5;
    margin-left: 35px; }
.about-writer .image img {
    width: 150px;
    height: 150px;
    border-radius: 50%;
    object-position: center;
    object-fit: cover; }
.about-writer .title, .about-writer .subtitle {
    max-width: 255px;
    padding-left: 10px; }
.about-writer .title {
    font-size: 24px;
    font-weight: 800;
    color: #2ab0bc;
    display: block; }
.about-writer .subtitle {
    font-size: 18px;
    font-weight: 500;
    color: #7f7f7f;
    display: block; }
.about-writer .text {
    width: 700px;
    font-size: 16px;
    font-weight: 300;
    color: #666666;
    display: block;
    text-align: justify;
    text-align-last: right;
    margin-right: auto;
    margin-bottom: 0; }

/* PRODUCT SINGLE */
.main-product {
    margin-bottom: 50px; }
.main-product .main-slide {
    width: 100%;
    height: 500px;
    padding: 20px;
    background-color: #fafafa;
    border-radius: 5px; }
.main-product .main-slide .swiper-slide, .main-product .main-slide .swiper-wrapper, .main-product .main-slide .swiper-container {
    height: 100%; }
.main-product .main-slide img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center; }
.main-product .thumbs-slide {
    margin-top: 20px; }
.main-product .thumbs-slide .swiper-slide {
    height: 170px;
    padding: 10px;
    background-color: #FFFFFF;
    border: 1px solid #f0f0f0;
    border-radius: 10px;
    cursor: pointer; }
.main-product .thumbs-slide .swiper-slide.swiper-slide-thumb-active img {
    filter: grayscale(0%); }
.main-product .thumbs-slide .swiper-slide img {
    width: 100%;
    height: 100%;
    object-position: center;
    object-fit: contain;
    background-color: #fafafa;
    padding: 20px 0;
    filter: grayscale(100%);
    display: block; }
.main-product .rate-row {
    margin-bottom: 30px; }
.main-product .jq-ry-normal-group {
    opacity: 0.3; }
.main-product .rate {
    font-size: 16px;
    font-weight: 300;
    color: #666666;
    display: block; }
.main-product .rate b {
    font-weight: 700;
    margin-left: 10px; }
.main-product .item-info {
    width: 100%;
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #f0f0f0; }
.main-product .link {
    width: 100%;
    height: 50px;
    border-radius: 5px;
    background-color: #2ab0bc;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff !important;
    font-size: 16px;
    font-weight: 800;
    margin-bottom: 20px;
    box-shadow: 4px 6.928px 60px 0 rgba(42, 176, 188, 0.4);
    border: none; }
.main-product .link.demo-theme {
    background-color: #5d11ac;
    box-shadow: 4px 6.928px 60px 0 rgba(93, 17, 172, 0.4); }
.main-product .link.money-theme {
    background-color: #eda61c;
    box-shadow: 4px 6.928px 60px 0 rgba(237, 166, 28, 0.4); }
.main-product .link.money-theme .__hvr-span {
    background-color: #2ab0bc; }
.main-product .link.money-theme:hover {
    box-shadow: 4px 6.928px 60px 0 rgba(42, 176, 188, 0.4); }
.main-product .link .__hvr-span {
    background-color: #eda61c; }
.main-product .link:hover {
    box-shadow: 4px 6.928px 60px 0 rgba(237, 166, 28, 0.4); }
.main-product .link:hover .__hvr-span {
    width: 1000px;
    height: 1000px; }
.main-product .price {
    width: 100%;
    height: 50px;
    border-radius: 5px;
    background-color: #f9f6fc;
    display: flex;
    align-items: center;
    color: #5d11ac;
    font-size: 16px;
    font-weight: 800;
    padding-right: 25px;
    margin-bottom: 30px; }
.main-product .price del {
    margin-left: 10px;
    font-size: 14px;
    font-weight: 100; }
.main-product .price .percent {
    color: #FFFFFF;
    background-color: #2ab0bc;
    font-size: 16px;
    font-weight: 700;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    margin-right: auto;
    padding: 2.5px 10px; }
.main-product .title-send {
    font-size: 16px;
    color: #666666;
    display: flex;
    align-items: center;
    font-weight: 700; }
.main-product .title-send i {
    font-size: 18px;
    height: 18px;
    display: block;
    margin-left: 10px; }
.main-product .title-send b {
    color: #2ab0bc;
    margin-right: 5px;
    font-weight: 700; }
.main-product .count {
    display: flex;
    align-items: center; }
.main-product .count input {
    border: none;
    width: 30px;
    text-align: center; }
.main-product .count .btn {
    padding: 10px; }
.main-product .count .btn:hover i {
    opacity: 1; }
.main-product .count i {
    font-size: 22px;
    height: 22px;
    display: block;
    color: #666666;
    opacity: 0.2;
    transition: all 0.3s; }
.main-product article {
    padding: 20px;
    border-radius: 10px;
    border: 1px solid #f0f0f0;
    margin-bottom: 25px; }
.main-product article .more {
    font-size: 14px;
    color: #2ab0bc;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-bottom: 5px;
    margin-top: 5px;
    transition: all 0.3s;
    margin-right: auto; }
.main-product article .more:hover {
    color: #5d11ac; }
.main-product article .more:hover i {
    color: #5d11ac; }
.main-product article .more i {
    font-size: 15px;
    height: 15px;
    display: block;
    color: #2ab0bc;
    margin-right: 10px;
    transition: all 0.3s; }
.main-product .title {
    font-size: 18px;
    color: #666666;
    font-weight: 700;
    display: block;
    text-align: center;
    margin-bottom: 15px; }
.main-product .text {
    font-size: 15px;
    font-weight: 300;
    color: #666666;
    display: block;
    text-align: justify;
    text-align-last: center;
    margin-bottom: 0; }
.main-product .text i {
    font-size: 20px;
    height: 20px;
    margin-left: 5px;
    position: relative;
    top: 3px; }
.main-product .certificate {
    font-size: 18px;
    font-weight: 700;
    color: #666666;
    display: flex;
    align-items: center;
    padding: 40px;
    background-color: #fafafa;
    border-radius: 10px; }
.main-product .certificate i {
    font-size: 45px;
    height: 45px;
    display: block;
    color: #d5d5d5;
    margin-left: 20px; }

.magniflier:hover {
    display: block; }

.glass {
    width: 175px;
    height: 175px;
    position: absolute;
    border-radius: 50%;
    cursor: crosshair;
    /* Multiple box shadows to achieve the glass effect */
    box-shadow: 0 0 0 7px rgba(255, 255, 255, 0.85), 0 0 7px 7px rgba(0, 0, 0, 0.25), inset 0 0 40px 2px rgba(0, 0, 0, 0.25);
    /* hide the glass by default */
    z-index: 999;
    display: none; }

/* ACCORDION-SECTION */
.accordion-section {
    margin-bottom: 50px; }
.accordion-section .container {
    padding-bottom: 30px !important;
    border-bottom: 1px dotted #dedede; }
.accordion-section .title {
    font-size: 24px;
    font-weight: 800;
    color: #666666;
    display: block;
    text-align: center;
    margin-bottom: 20px; }
.accordion-section .accordion-menu {
    margin-bottom: 0;
    display: flex;
    flex-wrap: wrap; }
.accordion-section .accordion-menu li {
    width: 100%;
    margin-bottom: 20px; }
.accordion-section .accordion-menu li.active a {
    background-color: #2ab0bc;
    color: #ffffff; }
.accordion-section .accordion-menu li.active a .minus {
    display: block; }
.accordion-section .accordion-menu li.active a .plus {
    display: none; }
.accordion-section .accordion-menu li a {
    width: 100%;
    padding: 15px 15px;
    background-color: #ffffff;
    border: 1px solid #f0f0f0;
    border-radius: 5px;
    font-size: 16px;
    font-weight: 300;
    color: #747474;
    display: flex;
    transition: all 0.3s; }
.accordion-section .accordion-menu li a .plus, .accordion-section .accordion-menu li a .minus {
    margin-left: 25px;
    display: block; }
.accordion-section .accordion-menu li a .minus {
    display: none; }
.accordion-section .accordion-menu li .submenu {
    display: none;
    padding-top: 20px; }
.accordion-section .accordion-menu li .submenu .text {
    padding: 15px 15px;
    font-size: 15px;
    font-weight: 300;
    color: #646464;
    display: block;
    background-color: #f9f9f9; }

/* BANNER CALL US */
.banner-call-us {
    margin-bottom: 50px; }
.banner-call-us .container {
    padding-bottom: 50px !important;
    border-bottom: 1px dotted #dedede; }
.banner-call-us .background {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 30px 20px;
    background-color: #5d11ac;
    border-radius: 10px;
    position: relative;
    transition: all 0.3s;
    overflow: hidden; }
.banner-call-us .background:hover {
    background-color: #2ab0bc; }
.banner-call-us .background:hover:after {
    opacity: 0; }
.banner-call-us .background:hover .call {
    color: #2ab0bc; }
.banner-call-us .background:after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: url("../img/after-banner.png");
    background-size: cover;
    opacity: 1;
    transition: all 0.3s; }
.banner-call-us .title {
    font-size: 22px;
    font-weight: 800;
    color: #ffffff;
    display: block;
    position: relative;
    z-index: 9; }
.banner-call-us .call {
    display: flex;
    align-items: center;
    background-color: #ffffff;
    box-shadow: 0 8px 60px 0 rgba(255, 255, 255, 0.5);
    border-radius: 5px;
    font-size: 18px;
    font-weight: 800;
    color: #5d11ac;
    padding: 10px 35px;
    position: relative;
    z-index: 9;
    transition: all 0.3s; }
.banner-call-us .call i {
    font-size: 22px;
    height: 22px;
    display: block;
    margin-right: 10px; }

/* SPECIFICATION */
.specification {
    margin-bottom: 50px; }
.specification .container {
    padding-bottom: 50px !important;
    border-bottom: 1px dotted #dedede; }
.specification .title {
    font-size: 24px;
    font-weight: 800;
    color: #666666;
    display: block;
    margin-bottom: 20px; }
.specification .tr {
    display: flex;
    flex-wrap: wrap;
    background-color: #fafafa;
    padding: 10px 0;
    padding-right: 15px; }
.specification .tr:nth-child(2n-1) {
    background-color: #ffffff; }
.specification .th {
    width: 40%;
    font-size: 16px;
    font-weight: 700;
    color: #7a7a7a;
    display: block;
    padding-right: 55px;
    position: relative; }
.specification .th:before {
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 14px;
    height: 14px;
    border-radius: 50%;
    border: 5px solid #7a7a7a; }
.specification .td {
    width: 60%;
    font-size: 16px;
    font-weight: 300;
    color: #7a7a7a;
    display: block; }

.modal-register {
    padding: 0 !important; }
.modal-register .modal-dialog {
    margin: 0;
    width: 100%;
    height: 100%;
    max-width: 100%; }
.modal-register .login-register {
    padding-bottom: 0; }
.modal-register .login-register .title {
    padding-right: 15px;
    padding-left: 15px; }
.modal-register .login-register .title .close {
    opacity: 1; }
.modal-register .login-register .title .close span {
    color: #ffffff;
    opacity: 1;
    text-shadow: none;
    font-size: 30px; }

#select2-country-abd-container {
    direction: rtl !important; }

#customer-captcha-image {
    display: block;
    margin-left: auto;
    margin-right: auto; }

.seminar-fix {
    display: none;
    background-color: #5d11ac;
    position: fixed;
    bottom: 0;
    right: 0;
    width: 100%;
    z-index: 999;
    padding: 20px 0; }
.seminar-fix.product-theme {
    background-color: #2ab0bc; }
.seminar-fix.product-theme .discount {
    color: #2ab0bc; }
.seminar-fix.product-theme .join-seminar {
    color: #2ab0bc; }
.seminar-fix .discount {
    font-size: 16px;
    color: #5d11ac;
    background-color: #ffffff;
    margin-left: 15px; }
.seminar-fix .title {
    color: #ffffff;
    font-size: 16px; }
.seminar-fix .price {
    font-size: 16px;
    color: #ffffff;
    padding: 7px 25px;
    border: 3px solid #ffffff; }
.seminar-fix .price del {
    color: #ffffff; }
.seminar-fix .join-seminar {
    border: none !important;
    font-size: 16px;
    font-weight: 800;
    color: #5d11ac;
    background-color: #ffffff;
    padding: 10px 25px;
    display: flex;
    align-items: center;
    justify-content: center; }
.seminar-fix .join-seminar:hover {
    color: #ffffff; }
.seminar-fix .join-seminar .__hvr-span {
    background-color: #eda61c; }

.seminar-ticket .form-group, .seminar-ticket .person {
    margin-bottom: 20px; }
.seminar-ticket .person {
    background-color: #2ab0bc;
    padding: 0 15px;
    color: #ffffff;
    font-size: 16px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 50px;
    width: 100%;
    border-radius: 5px; }
.seminar-ticket .person i {
    font-weight: 700;
    font-size: 18px;
    height: 18px;
    display: block;
    margin-left: 10px; }
.seminar-ticket .plan-inf {
    width: 100%;
    padding: 15px 0;
    padding-bottom: 0;
    border-radius: 5px;
    border: 2px solid #e5e5e5;
    margin-bottom: 20px; }
.seminar-ticket .plan-inf .person {
    background-color: #f4fbfc;
    color: #2ab0bc; }
.seminar-ticket .plan-inf .form-group, .seminar-ticket .plan-inf .person {
    margin-bottom: 15px; }
.seminar-ticket .title-plan {
    font-size: 18px;
    color: #666666;
    font-weight: 700;
    display: flex;
    align-items: center; }
.seminar-ticket .title-plan.gold-theme .main-icon {
    border-color: #ffd700; }
.seminar-ticket .title-plan.gold-theme .main-icon i {
    color: #ffd700; }
.seminar-ticket .title-plan.silver-theme .main-icon {
    border-color: #c0c0c0; }
.seminar-ticket .title-plan.silver-theme .main-icon i {
    color: #c0c0c0; }
.seminar-ticket .title-plan.boronz-theme .main-icon {
    border-color: #cd7f32; }
.seminar-ticket .title-plan.boronz-theme .main-icon i {
    color: #cd7f32; }
.seminar-ticket .title-plan .main-icon {
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    border-width: 2px;
    border-style: solid;
    margin-bottom: 0;
    margin-left: 15px; }
.seminar-ticket .title-plan .main-icon i {
    font-size: 25px;
    height: 25px;
    display: block;
    color: #e5e5e5; }
.seminar-ticket .title-plan .text {
    font-size: 16px;
    margin-right: 10px;
    font-weight: 300; }

.nav-other-product {
    margin-bottom: 30px;
    display: flex; }
.nav-other-product li {
    display: block;
    padding: 0 5px;
    width: 100%; }
.nav-other-product li:last-child {
    padding-left: 0; }
.nav-other-product li:first-child {
    padding-right: 0; }
.nav-other-product li a {
    font-size: 15px;
    font-weight: 700;
    color: #666666;
    background-color: #fafafa;
    border-radius: 5px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 10px 10px;
    transition: all 0.3s; }
.nav-other-product li a i {
    font-size: 22px;
    height: 22px;
    display: block;
    margin-left: 10px; }
.nav-other-product li a:hover {
    background-color: #eda61c;
    color: #ffffff; }

.after-payment {
    margin-bottom: 50px; }
.after-payment .code {
    font-size: 22px;
    color: #666666;
    display: block;
    font-weight: 300; }
.after-payment .code b {
    font-weight: 700;
    margin-left: 5px; }
.after-payment #time {
    font-size: 20px;
    font-weight: 500;
    color: #666666;
    display: block;
    font-family: shabnam !important; }

.shopping-cart-dropdown {
    position: absolute;
    top: 100%;
    left: 0;
    padding-top: 24px;
    display: none; }
.shopping-cart-dropdown .detail {
    width: 365px;
    border-radius: 5px;
    box-shadow: 0 0 60px 0 rgba(0, 0, 0, 0.08);
    background-color: #ffffff;
    padding: 30px;
    position: relative; }
.shopping-cart-dropdown .detail:before {
    content: '';
    position: absolute;
    top: 0;
    left: 20px;
    width: 20px;
    height: 20px;
    border-radius: 3px;
    background-color: #ffffff;
    box-shadow: 0 0 60px 0 rgba(0, 0, 0, 0.08);
    transform: rotate(45deg) translateY(-50%); }
.shopping-cart-dropdown .item {
    width: 100%;
    display: flex;
    align-items: center;
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #eeeeee; }
.shopping-cart-dropdown .item:last-child {
    border-bottom: none; }
.shopping-cart-dropdown .item img {
    max-width: 50px;
    max-height: 75px;
    object-fit: contain;
    object-position: center;
    display: block;
    margin-left: 20px; }
.shopping-cart-dropdown .item .title-item {
    font-size: 16px !important;
    font-weight: 700 !important;
    color: #666666 !important;
    display: block;
    margin: 0; }
.shopping-cart-dropdown .item .subtitle-item {
    font-size: 14px !important;
    font-weight: normal !important;
    color: #a0a0a0 !important;
    display: block;
    margin: 0; }
.shopping-cart-dropdown .item .btn-bin {
    padding: 0;
    margin-right: auto; }
.shopping-cart-dropdown .item .btn-bin:hover i {
    color: #e54646; }
.shopping-cart-dropdown .item .btn-bin i {
    font-size: 24px;
    height: 24px;
    color: #666666;
    display: block;
    transition: all 0.3s; }
.shopping-cart-dropdown .price {
    width: 100%;
    padding: 15px 20px;
    border-radius: 5px;
    background-color: #f9f6fc;
    font-size: 20px;
    font-weight: 300;
    color: #5d11ac;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px; }
.shopping-cart-dropdown .price b {
    font-weight: 700; }
.shopping-cart-dropdown .see-cart {
    font-size: 20px;
    font-weight: 800;
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 15px 10px;
    border-radius: 5px;
    background-color: #5d11ac; }

.dropdown-shopping-cart {
    position: relative;
    z-index: 999; }

.term-and-condition {
    margin-bottom: 50px;
    margin-top: 50px; }
.term-and-condition .title {
    font-size: 18px;
    font-weight: 800;
    display: block;
    padding: 15px 30px;
    border-radius: 5px;
    margin-bottom: 20px;
    color: #2ab0bc;
    background-image: -moz-linear-gradient(180deg, rgba(42, 176, 188, 0.08) 0%, white 100%);
    background-image: -webkit-linear-gradient(180deg, rgba(42, 176, 188, 0.08) 0%, white 100%);
    background-image: -ms-linear-gradient(180deg, rgba(42, 176, 188, 0.08) 0%, white 100%); }
.term-and-condition .text {
    font-size: 15px;
    color: #666666;
    display: block;
    margin-bottom: 10px;
    text-indent: 25px;
    position: relative; }

.organization {
    margin-bottom: 50px; }
.organization .title {
    font-size: 18px;
    font-weight: 800;
    display: block;
    padding: 15px 30px;
    border-radius: 5px;
    margin-bottom: 20px;
    color: #2ab0bc;
    background-image: -moz-linear-gradient(180deg, rgba(42, 176, 188, 0.08) 0%, white 100%);
    background-image: -webkit-linear-gradient(180deg, rgba(42, 176, 188, 0.08) 0%, white 100%);
    background-image: -ms-linear-gradient(180deg, rgba(42, 176, 188, 0.08) 0%, white 100%); }
.organization .text {
    font-size: 15px;
    color: #666666;
    text-align: justify;
    text-align-last: right;
    display: block;
    margin-bottom: 0;
    position: relative; }
.organization .item {
    width: 100%;
    padding: 15px;
    border-radius: 5px;
    border: 2px solid #f0f0f0;
    margin-bottom: 20px;
    text-align: center;
    position: relative;
    overflow: hidden; }
.organization .item.gold-item .main-icon {
    border-color: #ffd700; }
.organization .item.gold-item .main-icon i {
    color: #ffd700; }
.organization .item.silver-item .main-icon {
    border-color: #c0c0c0; }
.organization .item.silver-item .main-icon i {
    color: #c0c0c0; }
.organization .item.boronz-item .main-icon {
    border-color: #cd7f32; }
.organization .item.boronz-item .main-icon i {
    color: #cd7f32; }
.organization .item .main-icon {
    width: 70px;
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    border-width: 2px;
    border-style: solid;
    margin-bottom: 15px;
    margin-left: auto;
    margin-right: auto; }
.organization .item .main-icon i {
    font-size: 35px;
    height: 35px;
    display: block;
    color: #e5e5e5; }
.organization .item .title-item {
    font-size: 18px;
    color: #666666;
    font-weight: 700;
    display: block; }
.organization .item .discount {
    font-size: 16px;
    font-weight: 700;
    color: #2ab0bc;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 3px 0;
    border-radius: 3px;
    background-color: rgba(42, 176, 188, 0.1);
    position: absolute;
    top: 35px;
    left: 35px;
    transform: translateX(-50%) translateY(-50%) rotate(-45deg);
    width: 175px; }
.organization .item .discount i {
    font-size: 12px;
    height: 12px;
    font-weight: 700;
    display: block;
    margin-right: 5px; }
.organization .item .count-product {
    width: 130px;
    height: 46px;
    border-radius: 5px;
    border: 1px solid #e5e5e5;
    padding-right: 10px;
    padding-left: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
    margin-top: 15px; }
.organization .item .count-product input {
    width: 45px;
    border: none;
    font-size: 17px;
    font-weight: 500;
    color: #757575;
    display: block;
    text-align: center; }
.organization .item .count-product .btn {
    cursor: pointer;
    padding: 0; }
.organization .item .count-product .btn:hover i {
    color: #2ab0bc; }
.organization .item .count-product .btn i {
    font-size: 22px;
    height: 22px;
    display: block;
    color: #e5e5e5;
    transition: all 0.3s; }
.organization .item .price {
    font-size: 16px;
    font-weight: 500;
    padding: 10px 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #f9f6fc;
    border-radius: 5px;
    color: #5d11ac;
    margin-bottom: 10px; }
.organization .item .price.blue-theme {
    color: #2ab0bc;
    background-color: #f4fbfc;
    margin-bottom: 0; }
.organization .item .price.gray-theme {
    background-color: #f6f6f6;
    color: #626262; }
.organization .item .price i {
    font-size: 20px;
    height: 20px;
    display: block;
    margin-left: 7.5px; }
.organization .btn-submit {
    font-size: 18px;
    font-weight: 700;
    color: #ffffff;
    padding: 10px 30px;
    background-color: #2ab0bc;
    display: flex;
    align-items: center;
    margin-bottom: 20px; }
.organization .btn-submit .__hvr-span {
    background-color: #eda61c; }
.organization .btn-submit i {
    font-size: 20px;
    height: 20px;
    display: block;
    margin-right: 7.5px; }

.text-border {
    font-size: 16px;
    color: #666666;
    text-align: justify;
    text-align-last: right;
    width: 100%;
    padding: 15px 15px;
    border-radius: 5px;
    border: 2px solid #e5e5e5;
    margin-bottom: 20px; }

/* GLOBAL */
.header-section {
    margin-bottom: 30px; }
.header-section.blue-theme .nav .nav-item.active .nav-link {
    background-color: #2ab0bc; }
.header-section.blue-theme .nav .nav-item .nav-link .__hvr-span {
    background-color: #2ab0bc; }
.header-section.blue-theme .more {
    color: #2ab0bc; }
.header-section.blue-theme .more:hover {
    color: #5d11ac; }
.header-section.blue-theme .more:hover i {
    color: #5d11ac; }
.header-section.blue-theme .more i {
    color: #2ab0bc; }
.header-section .title {
    font-size: 22px;
    font-weight: 800;
    color: #6b6b6b;
    display: block; }
.header-section .nav {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto; }
.header-section .nav .nav-item.active .nav-link {
    background-color: #5d11ac;
    color: #ffffff; }
.header-section .nav .nav-item .nav-link {
    margin: 0 5px;
    padding: 5px 30px;
    border-radius: 100px;
    background-color: #f7f7f7;
    font-size: 14px;
    color: #636363;
    transition: all .3s;
    white-space: nowrap; }
.header-section .nav .nav-item .nav-link:hover {
    color: #ffffff; }
.header-section .nav .nav-item .nav-link .__hvr-span {
    background-color: #5d11ac; }
.header-section .nav-responsive {
    display: none; }
.header-section .text {
    font-size: 16px;
    font-weight: 500;
    color: #6b6b6b;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    margin: 5px 0; }
.header-section .text img, .header-section .text .sprites {
    margin-right: 10px;
    margin-left: 10px; }
.header-section .more {
    font-size: 14px;
    color: #5d11ac;
    display: flex;
    align-items: center;
    margin-bottom: 5px;
    margin-top: 5px;
    transition: all 0.3s; }
.header-section .more:hover {
    color: #2ab0bc; }
.header-section .more:hover i {
    color: #2ab0bc; }
.header-section .more i {
    font-size: 15px;
    height: 15px;
    display: block;
    color: #5d11ac;
    margin-right: 10px;
    transition: all 0.3s; }

.poppins {
    font-family: Poppins !important; }

.__hvr-btn {
    position: relative;
    z-index: 9;
    overflow: hidden;
    transition: all 0.3s; }
.__hvr-btn:hover {
    background-color: rgba(255, 255, 255, 0) !important; }
.__hvr-btn:hover .__hvr-span {
    width: 1000px;
    height: 1000px;
    left: 0;
    top: -5px; }
.__hvr-btn .__hvr-span {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-radius: 50%;
    left: -10px;
    top: 70px;
    background: #2ab0bc;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transition: width 0.5s, height 0.5s;
    -webkit-transition: width 0.5s, height 0.5s;
    -moz-transition: width 0.5s, height 0.5s;
    -ms-transition: width 0.5s, height 0.5s;
    -o-transition: width 0.5s, height 0.5s;
    z-index: -1; }

.dropdown-share {
    position: relative;
    cursor: pointer; }

.dropdown-share-sub {
    position: absolute;
    top: 50%;
    left: 100%;
    transform: translateY(-50%);
    margin-left: 5px;
    display: none;
    overflow: hidden;
    z-index: 999; }

.dropdown-share-nav {
    display: flex;
    padding: 5px;
    border-radius: 5px;
    box-shadow: 0 0 60px 0 rgba(0, 0, 0, 0.4) !important;
    background-color: #ffffff;
    margin-bottom: 0; }
.dropdown-share-nav li a {
    display: block;
    padding: 5px 10px; }
.dropdown-share-nav li a:hover i {
    color: #2ab0bc !important; }
.dropdown-share-nav li a i {
    transition: all 0.3s;
    font-size: 20px;
    height: 20px;
    color: #5d11ac !important;
    display: block;
    margin: 0 !important; }
.send-factor  li a i {
    transition: all 0.3s;
    font-size: 30px !important;
    height: 20px;
    display: block;
    margin: 0 !important; }
.prl-5px {
    padding-right: 5px !important;
    padding-left: 5px !important; }

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

.alert {
    display: block; }

.select2-container--default .select2-results__option[aria-selected="true"] {
    background-color: #ffffff; }

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #ffffff; }

.select2-container {
    z-index: 99999; }
.select2-container .select2-dropdown {
    margin-top: 10px;
    border-radius: 10px;
    border: none;
    box-shadow: 0 20px 60px 0 rgba(0, 0, 0, 0.04);
    overflow: hidden; }
.select2-container .select2-dropdown .select2-search {
    padding: 5px; }
.select2-container .select2-dropdown .select2-search input {
    border-radius: 10px;
    border: 1px solid #e3e3e3;
    text-align: right;
    padding-right: 5px;
    height: 40px;
    font-size: 16px;
    color: #2ab0bc; }
.select2-container .select2-dropdown .select2-results ul li {
    padding: 7.5px 10px;
    color: #717070;
    font-size: 15px;
    transition: all 0.5s; }
.select2-container .select2-dropdown .select2-results ul li:hover {
    background-color: #2ab0bc;
    color: #ffffff; }

.select2-container--krajee .select2-results__option--highlighted[aria-selected] {
    background-color: #2ab0bc !important;
    color: #ffffff !important; }

.d-res-block {
    display: none !important; }

.mobile-show {
    display: none; }

.alert {
    font-size: 19px;
    font-weight: 500; }
.alert.alert-success {
    color: #2ab0bc;
    border-color: rgba(42, 176, 188, 0.3);
    background-color: #f7fcfc; }
.alert.alert-danger {
    color: #ff4f4f;
    background-color: #fff9f9;
    border-color: #ffdcdc; }

button.fullscreen {
    display: none !important; }

.modal-bin {
    padding-right: 0 !important; }
.modal-bin .modal-dialog {
    max-width: 550px; }
.modal-bin .modal-content {
    border-radius: 10px;
    box-shadow: none;
    background-color: #ff4d4d;
    padding: 50px 40px; }
.modal-bin .title {
    font-size: 20px;
    font-weight: 800;
    color: #ffffff;
    display: block;
    text-align: center;
    margin-bottom: 20px; }
.modal-bin .nav {
    width: 100%;
    justify-content: center; }
.modal-bin .nav .nav-item {
    margin: 5px 5px; }
.modal-bin .nav .nav-item:last-child {
    margin-left: 0; }
.modal-bin .nav .nav-item:first-child {
    margin-right: 0; }
.modal-bin .nav .nav-item .nav-link {
    font-size: 16px;
    font-weight: 500;
    color: #ffffff;
    padding: 10px 50px;
    border-radius: 10px;
    background-color: #e54646;
    box-shadow: 4px 6.928px 40px 0 rgba(255, 255, 255, 0);
    cursor: pointer; }
.modal-bin .nav .nav-item .nav-link .__hvr-span {
    background-color: #ffffff; }
.modal-bin .nav .nav-item .nav-link:hover {
    box-shadow: 4px 6.928px 40px 0 rgba(255, 255, 255, 0.4);
    color: #e54646; }
.modal-bin .nav .nav-item .nav-link.bg-white {
    background-color: #ffffff;
    box-shadow: 4px 6.928px 40px 0 rgba(255, 255, 255, 0.4);
    color: #e54646; }
.modal-bin .nav .nav-item .nav-link.bg-white .__hvr-span {
    background-color: #e54646; }
.modal-bin .nav .nav-item .nav-link.bg-white:hover {
    box-shadow: 4px 6.928px 40px 0 rgba(255, 255, 255, 0);
    color: #ffffff; }

.modal-backdrop.show {
    opacity: 0.8; }

.alert-res {
    flex-wrap: wrap;
    width: 100%;
    padding: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    margin-top: 10px;
    margin-bottom: 10px; }
.alert-res span {
    font-size: 15px;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 5px;
    margin-bottom: 5px; }
.alert-res b {
    font-size: 15px;
    font-weight: 700;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 5px;
    margin-bottom: 5px; }
.alert-res.red {
    background-color: #fff9f9;
    color: #c33a3a;
    border: 1px solid #c33a3a; }
.alert-res.yellow {
    background-color: #fffff9;
    color: #e7a619;
    border: 1px solid #e7a619; }
.alert-res.green {
    background-color: #f9fff9;
    color: #84c33a;
    border: 1px solid #84c33a; }

.alert-popup {
    padding: 15px;
    position: fixed;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.98);
    display: none;
    z-index: 9999999;
    transition: all 0.5s; }
.alert-popup .detail-alert {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center; }
.alert-popup .detail-alert .box {
    max-width: 555px;
    width: 100%;
    min-height: 230px;
    border-radius: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    flex-wrap: wrap; }
.alert-popup .detail-alert .box i {
    font-size: 65px;
    height: 65px;
    display: block;
    color: #FFFFFF;
    margin-bottom: 20px; }
.alert-popup .detail-alert .box .title {
    font-size: 20px;
    font-weight: 600;
    color: #FFFFFF;
    text-align: center;
    display: block;
    width: 100%;
    margin-bottom: 5px; }
.alert-popup .detail-alert .box .subtitle {
    font-size: 18px;
    color: #FFFFFF;
    text-align: center;
    display: block;
    width: 100%; }
.alert-popup.show {
    opacity: 1; }
.alert-popup.alert-green .detail-alert .box {
    background-color: #84c33a; }
.alert-popup.alert-yellow .detail-alert .box {
    background-color: #e7a418; }
.alert-popup.alert-red .detail-alert .box {
    background-color: #c23a3a; }

#p0 .nav-pagination {
    margin-bottom: 20px; }

.d-max-992-block {
    display: none !important; }

.d-max-992-none {
    display: block !important; }

.mb-15px {
    margin-bottom: 15px !important; }

.has-error > input {
    border-color: red; }

.help-block {
    color: red; }

.field-feedback-captcha {
    display: flex; }
.field-feedback-captcha label {
    white-space: nowrap;
    margin-left: 10px; }
.field-feedback-captcha img {
    margin-left: 10px; }

.captcha-about-us label {
    width: 100%; }
.captcha-about-us input {
    max-width: fit-content; }
.owl-carousel{direction: rtl !important;}
.suggested-items .owl-carousel .owl-nav button.owl-prev {position: absolute; left:100% !important; }
.suggested-items .owl-carousel .owl-nav button.owl-next { position: absolute; right: 100% !important}
.suggested-items .container {
    padding-bottom: 50px !important;
    border-bottom: 1px dotted #dedede !important; }
@media screen and (max-width: 576px) {
    .field-feedback-captcha {
        flex-wrap: wrap; }

    .captcha-about-us label {
        width: unset; }
    .captcha-about-us input {
        max-width: unset; } }
.user-comments .nav-pagination .nav-item.navigation-item .nav-link {
    border: none !important; }
.user-comments .nav-pagination .nav-item .nav-link {
    padding: 0 !important;
    border-radius: 50% !important;
    display: flex !important; }

.__btn-cart {
    width: 48px;
    min-width: 48px;
    height: 48px;
    color: #ffffff;
    background-color: #5d11ac;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    margin-right: 10px;
    position: unset; }
.__btn-cart:hover:after {
    opacity: 1;
    z-index: 9; }
.__btn-cart:after {
    content: attr(data-title);
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    background-color: #5d11ac;
    color: #ffffff;
    padding: 2.5px 5px;
    white-space: nowrap;
    height: 100%;
    width: calc(100% - 58px);
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    opacity: 0;
    transition: all 0.3s;
    z-index: -1; }
.__btn-cart i {
    font-size: 24px;
    height: 24px;
    display: block;
    color: #ffffff; }

.__discount-absolute {
    font-size: 16px;
    font-weight: 700;
    background-color: #f7f3fb;
    color: #5d11ac;
    border-radius: 3px;
    padding: 3px 12px;
    position: absolute;
    left: 20px;
    top: 20px;
    opacity: 1;
    transition: all 0.3s; }

.products .item:hover .__discount-absolute {
    opacity: 0; }

.text br {
    display: none; }

p br {
    display: none; }

.paypal .bg-paypal {
    display: flex; }

.modal-credit .credit {
    font-size: 16px;
    color: #ffffff;
    border-radius: 3px;
    background-color: #2ab0bc;
    padding: 5px 15px;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    width: fit-content;
    width: -moz-fit-content; }
.modal-credit .credit i {
    font-size: 18px;
    height: 18px;
    display: block;
    margin-left: 10px; }
.modal-credit .text {
    font-size: 14px;
    font-weight: 500;
    color: #666666;
    display: block;
    text-align-last: right;
    text-align: justify;
    margin-bottom: 0; }
.modal-credit .text br {
    display: block; }
.modal-credit .btn {
    font-size: 16px;
    padding: 5px 15px;
    border-radius: 3px;
    background-color: #5d11ac;
    color: #ffffff;
    display: flex;
    align-items: center;
    white-space: nowrap;
    margin: 0; }
.modal-credit .btn i {
    font-size: 18px;
    height: 18px;
    display: block;
    margin-left: 10px; }
.modal-credit .btn.btn-close {
    margin-right: 10px;
    background-color: #2ab0bc; }
.modal-credit .btn .__hvr-span {
    background-color: #eda61c; }

.modal-send-sms .credit {
    background-color: #7a7a7a;
    margin-bottom: 15px; }
.modal-send-sms .text {
    border-radius: 5px;
    padding: 15px 15px;
    background-color: rgba(42, 176, 188, 0.05);
    border: 2px solid #2ab0bc;
    color: #2ab0bc;
    margin-bottom: 0; }

/* VIDEO POPUP */
.video-popup {
    width: 100%;
    height: 100%;
    background-color: #000000;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999999999;
    display: none; }
.video-popup .btn {
    padding: 5px 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #2ab0bc;
    position: absolute;
    top: 15px;
    left: 15px;
    z-index: 9;
    font-size: 14px;
    font-weight: 700;
    color: #ffffff;
    border-radius: 3px; }
.video-popup .btn:hover {
    background-color: #eda61c; }
.video-popup video {
    width: 100%;
    height: 100%; }

@media screen and (max-width: 576px) {
    .modal-credit .modal-body, .modal-credit .modal-footer {
        padding: 15px; }
    .modal-credit .credit {
        font-size: 14px; }
    .modal-credit .credit i {
        font-size: 16px;
        height: 16px;
        margin-left: 7.5px; }
    .modal-credit .text {
        font-size: 13px; }
    .modal-credit .btn {
        font-size: 14px;
        padding: 5px 10px; }
    .modal-credit .btn i {
        font-size: 16px;
        height: 16px;
        margin-left: 7.5px; }
    .modal-credit .btn.btn-close {
        margin-right: 7.5px; } }
/* LETS READ */
.lets-read {
    padding: 0 !important;
    margin-bottom: 30px; }
.lets-read .background {
    background-color: #fafafa;
    border: 2px solid #e5e5e5;
    padding: 15px;
    border-radius: 5px; }
.lets-read .title {
    font-size: 20px;
    font-weight: 500;
    display: block;
    color: #666;
    margin-bottom: 15px; }
.lets-read .plyr__controls {
    border-radius: 5px !important;
    overflow: hidden;
    background-color: #2ab0bc !important;
    border: none !important;
    direction: ltr !important; }
.lets-read .plyr__controls button i {
    color: #ffffff !important; }
.lets-read .plyr__controls button:hover i {
    color: #2ab0bc !important; }
.lets-read .plyr__volume--display {
    color: #ffffff; }
.lets-read .plyr--audio .plyr__controls button.tab-focus:focus, .lets-read .plyr--audio .plyr__controls button:hover, .lets-read .plyr__play-large {
    background-color: #ffffff; }
.lets-read .plyr__time--current {
    color: #ffffff !important;
    font-family: shabnam !important; }
.lets-read .plyr__progress--played, .lets-read .plyr__volume--display {
    color: #ffffff; }
.lets-read .btn-comment, .lets-read .btn-title {
    width: 100%;
    height: 50.73px;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    color: #ffffff;
    background-color: #666666;
    padding: 0;
    border-radius: 5px; }
.lets-read .btn-comment i, .lets-read .btn-title i {
    font-size: 20px;
    height: 20px;
    display: block;
    margin-right: 15px; }
.lets-read .btn-title {
    background: transparent;
    color: #666666;
    padding: 0;
    justify-content: flex-start;
    height: auto;
    margin: 10px 0; }
.lets-read .user-comments {
    margin-bottom: 0;
    margin-top: 20px; }
.lets-read .user-comments .item-comment:last-child {
    border-bottom: none !important;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important; }
.lets-read .user-comments .item-comment .text {
    padding: 0 !important;
    background: transparent !important; }

@media screen and (max-width: 768px) {
    /* LETS READ */
    .lets-read .background {
        padding: 15px 0; }
    .lets-read .title {
        font-size: 18px;
        margin-bottom: 0 !important;
        text-align: right !important; }
    .lets-read .js-plyr {
        margin-bottom: 10px; }
    .lets-read .user-comments {
        margin-top: 15px; } }
.voice-download {
    padding: 15px;
    border: 2px solid rgba(42, 176, 188, 0.2);
    background-color: rgba(42, 176, 188, 0.05);
    font-size: 16px;
    font-weight: 400;
    border-radius: 5px;
    color: #2ab0bc;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 30px; }
.voice-download i {
    font-size: 24px;
    height: 24px;
    display: inline-block;
    margin-left: 5px; }
.voice-download a {
    padding: 5px 15px;
    border-radius: 5px;
    background-color: #2ab0bc;
    color: #ffffff;
    display: block;
    margin-right: auto;
    transition: all 0.3s; }
.voice-download a:hover {
    background-color: #eda61c; }

.send-free {
    border-radius: 5px;
    padding: 15px 15px;
    background-color: rgba(42, 176, 188, 0.05);
    border: 2px solid #2ab0bc;
    color: #2ab0bc;
    display: inline-block;
    align-items: center;
    margin-bottom: 20px;
    font-size: 18px;
    font-weight: 400;
    width: 100%; }
.send-free.product-theme {
    border-radius: 200px;
    padding: 5px 5px;
    display: flex;
    justify-content: center;
    text-align: center;
    max-width: 240px;
    margin: 0 auto;
    margin-bottom: 10px; }
.send-free b {
    font-weight: 700; }
.send-free i {
    font-size: 20px;
    height: 20px;
    display: block;
    margin-left: 10px; }

/* MAX WIDTH 1200PX */
@media screen and (max-width: 1200px) {
    .suggested-items .owl-carousel .owl-nav button.owl-prev {position: absolute; left:50% !important; }
    .suggested-items .owl-carousel .owl-nav button.owl-next { position: absolute; right: 50% !important}
    .send-free {
        padding: 10px 10px;
        margin-bottom: 15px;
        font-size: 16px; }
    .send-free.product-theme {
        max-width: 230px; }
    .send-free i {
        font-size: 18px;
        height: 18px; }
    .search-results{background: white;font-size:12px;height: 400px; overflow-y:scroll; width: 40%;position: absolute;z-index: 10000000000;color: #f3bf11;top:128px;left:22%;padding: 15px;border:  1px solid #b8b8b8; display: none; }

}
.main-product .link {
    cursor: pointer; }
.main-product .link.gray-theme {
    background-color: #7a7a7a !important;
    box-shadow: none !important; }
.main-product .link.gray-theme .__hvr-span {
    display: none !important; }
.main-product .link.gray-theme:hover {
    background-color: #6b6b6b !important; }

/* MIN WIDTH 992PX */
@media screen and (min-width: 992px) {
    .gift {
        width: 100%;
        height: 50px;
        border-radius: 5px;
        background-color: #f9f6fc;
        display: flex;
        align-items: center;
        color: #5d11ac;
        font-size: 16px;
        font-weight: 800;margin-bottom: 20px;justify-content: center;
    }
    .gift .gift_img{width: 50px !important;height: 50px !important;background: none}
    .col-xl-20 {
        max-width: 20%;
        width: 100%; } }
/* MAX WIDTH 1400PX */
@media screen and (max-width: 1400px) {
    /* BLOG-SLIDER */
    .blog-slider .owl-nav {
        display: none; } }
/* MAX WIDTH 1200PX */
@media screen and (max-width: 1200px) {
    .call-fix {
        bottom: 15px;
        right: 15px; }
    .call-fix i {
        font-size: 22px;
        height: 22px; }

    /* QUIZ-START */
    .quiz-start.quiz-theme article {
        min-height: unset; }
    .quiz-start.quiz-theme .article {
        padding-bottom: 0; }
    .quiz-start .title.blue-theme {
        margin-bottom: 20px; }
    .quiz-start .steps-quiz {
        margin-bottom: 20px; }
    .quiz-start .steps-quiz .item {
        border-radius: 10px;
        font-size: 20px; }
    .quiz-start .steps-quiz .item .icon {
        margin-left: 20px;
        width: 50px;
        height: 50px;
        border-radius: 10px; }
    .quiz-start .steps-quiz .item .icon i {
        font-size: 22px;
        height: 22px; }
    .quiz-start .steps-quiz .item .icon .number {
        font-size: 22px; }
    .quiz-start .main-question .question {
        font-size: 20px;
        margin-bottom: 20px; }
    .quiz-start .main-question .question .number {
        font-size: 18px;
        padding: 5px 15px;
        border-radius: 5px;
        margin-left: 15px; }
    .quiz-start .main-question ul li {
        margin: 5px 10px;
        margin-right: 0; }
    .quiz-start .main-question ul li label, .quiz-start .main-question ul li a {
        padding: 7.5px 30px;
        border-radius: 5px;
        font-size: 17px; }
    .quiz-start .time {
        font-size: 18px; }
    .quiz-start #time {
        font-size: 21px;
        width: 80px;
        height: 45px;
        margin-right: 15px; }

    /* HEADER */
    header .top-bar {
        padding: 7.5px 0; }
    header .top-bar .call {
        font-size: 15px; }
    header .top-bar .see-profile {
        padding: 7.5px 20px; }
    header .main-bar {
        padding: 10px 0; }
    header .main-bar .brand {
        display: block; }
    header .main-bar .brand img {
        max-width: 130px;
        max-height: 130px; }
    header .main-bar input {
        width: 450px; }
    header .main-bar .shopping-cart {
        padding-top: 5px;
        padding-bottom: 5px;
        padding-right: 15px;
        padding-left: 5px; }
    header .main-bar .shopping-cart span {
        font-size: 16px;
        margin-left: 15px; }
    header .bottom-bar .nav .nav-item .nav-link {
        padding: 15px 20px;
        font-size: 16px; }
    header .bottom-bar .reservation {
        padding: 15px 20px;
        font-size: 16px;
        margin-right: 15px; }
    header .bottom-bar .help-choice-course {
        padding: 15px 0;
        font-size: 16px; }
    header .bottom-bar .help-choice-course:hover i {
        margin-left: 20px; }
    header .bottom-bar .help-choice-course i {
        font-size: 22px;
        height: 22px;
        margin-left: 10px; }

    /* TAB SLIDE */
    .main-slider .main-slide {
        height: 350px;
        margin-bottom: 15px; }
    .main-slider .main-slide .swiper-slide {
        padding-bottom: 30px; }
    .main-slider .main-slide .title, .main-slider .main-slide .date, .main-slider .main-slide .subtitle {
        padding-right: 30px; }
    .main-slider .main-slide .title {
        font-size: 35px; }
    .main-slider .main-slide .date {
        font-size: 28px; }
    .main-slider .main-slide .subtitle {
        font-size: 18px; }
    .main-slider .main-slide .register-to {
        padding-left: 15px;
        font-size: 18px; }
    .main-slider .main-slide .register-to:hover span {
        padding-right: 75px; }
    .main-slider .main-slide .register-to span {
        padding-right: 30px;
        padding-left: 30px;
        margin-left: 15px; }
    .main-slider .main-slide .swiper-navigation {
        left: 30px;
        bottom: 50px; }
    .main-slider .thumbs-swiper {
        height: 150px; }
    .main-slider .thumbs-swiper .swiper-slide .image span {
        font-size: 14px; }

    /* INTRODUCE */
    .introduce:before {
        width: 100%; }
    .introduce .oval {
        top: -1px;
        right: 50%;
        transform: translateX(50%); }
    .introduce article {
        padding-top: 60px;
        padding-bottom: 60px;
        text-align: center; }
    .introduce .title {
        font-size: 24px; }
    .introduce .text {
        font-size: 15px;
        text-align-last: center; }
    .introduce .more {
        font-size: 15px;
        padding: 15px 30px; }

    /* ABOUT PSYCHOLOGY */
    .about-psychology:after {
        content: '';
        position: absolute;
        right: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-color: #2ab0bc;
        opacity: 0.7;
        z-index: 9; }
    .about-psychology .container:after {
        display: none; }
    .about-psychology article {
        padding-top: 70px;
        padding-bottom: 70px;
        padding-right: 0 !important; }
    .about-psychology .text {
        font-size: 18px; }
    .about-psychology .name {
        font-size: 21px; }
    .about-psychology img {
        width: 100%; }

    /* SPECIAL-SELL */
    .special-sell {
        margin-bottom: 50px; }
    .special-sell .header-section {
        display: none !important; }
    .special-sell .background {
        height: auto;
        padding-top: 25px;
        padding-bottom: 0; }
    .special-sell .background .thumbs-special-swiper {
        display: none !important; }
    .special-sell .background .main-special-swiper .swiper-slide {
        padding: 15px;
        padding-bottom: 0;
        justify-content: center; }
    .special-sell .background .main-special-swiper .swiper-slide article {
        padding-bottom: 90px; }
    .special-sell .background .main-special-swiper .swiper-slide .label {
        font-size: 16px; }
    .special-sell .background .main-special-swiper .swiper-slide .name {
        font-size: 18px; }
    .special-sell .background .main-special-swiper .swiper-slide .price {
        font-size: 20px;
        margin-bottom: 5px; }
    .special-sell .background .main-special-swiper .swiper-slide .price del {
        font-size: 18px; }
    .special-sell .background .main-special-swiper .swiper-slide .discount .time {
        width: 50px;
        height: 50px;
        font-size: 18px;
        margin-bottom: 10px; }
    .special-sell .background .main-special-swiper .swiper-slide .order {
        font-size: 17px; }
    .special-sell .background .main-special-swiper .swiper-slide .percent {
        display: block;
        top: 0;
        right: 0;
        transform: translateY(-25%) translateX(25%); }
    .special-sell .background .responsive-navigation {
        display: flex !important;
        position: absolute;
        bottom: 20px;
        right: 0;
        z-index: 99; }

    /* CATEGORY */
    .category .item {
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        flex-direction: row !important; }
    .category .item i {
        display: none; }
    .category .small-item {
        height: 190px; }
    .category .normal-item {
        height: 190px;
        padding-bottom: 0; }
    .category .flex-item {
        padding-right: 0;
        padding-left: 0; }
    .category .flex-item:after {
        left: 50%;
        transform: translateX(-50%); }
    .category .large-item {
        height: 190px;
        padding-bottom: 0; }
    .category .large-item i {
        margin-bottom: 0; }

    /* ANALYSIS */
    .analysis {
        padding-top: 30px;
        padding-bottom: 30px; }
    .analysis .name {
        font-size: 30px; }
    .analysis article {
        margin-left: 70px; }
    .analysis .title {
        font-size: 24px; }
    .analysis .subtitle {
        font-size: 20px; }
    .analysis .more {
        font-size: 16px;
        padding: 10px 25px; }
    .analysis .more i {
        font-size: 18px;
        height: 18px; }

    /* PRODUCTS */
    .products {
        margin-bottom: 50px; }
    .products .owl-stage-outer {
        padding-top: 30px;
        padding-bottom: 30px; }
    .products .owl-nav {
        width: 100%;
        display: flex;
        flex-direction: row-reverse;
        justify-content: center;
        margin-top: 0 !important; }
    .products .owl-nav .owl-next {
        right: unset;
        transform: unset; }
    .products .owl-nav .owl-prev {
        left: unset;
        transform: unset; }
    .products .owl-nav button {
        margin: 0 15px !important;
        width: 50px;
        height: 50px;
        position: relative;
        top: unset;
        border: 1px solid #cccccc !important;
        box-shadow: none !important; }
    .products .owl-nav button:hover {
        background-color: #ffffff !important; }
    .products .owl-nav button:hover i {
        color: #cccccc !important; }
    .products .owl-nav button i {
        color: #cccccc; }

    /* INTERNATIONAL */
    .international {
        padding-top: 50px;
        padding-bottom: 50px; }
    .international .header-section .text {
        display: none; }
    .international .item {
        margin-bottom: 30px; }
    .international .paypal {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap; }

    /* AUDIO */
    .audio .swiper-container {
        margin-bottom: 0 !important; }
    .audio .main-audio-swiper {
        margin-bottom: 30px; }
    .audio .main-audio-swiper .swiper-slide {
        padding: 20px;
        border: 1px solid #e5e5e5; }
    .audio .main-audio-swiper .swiper-slide .image {
        display: block;
        width: 100%;
        margin-bottom: 25px;
        position: relative; }
    .audio .main-audio-swiper .swiper-slide .image:after {
        content: '';
        position: absolute;
        right: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-color: #5d11ac;
        opacity: 0.85; }
    .audio .main-audio-swiper .swiper-slide .image img {
        width: 100%;
        height: 225px;
        object-fit: cover;
        object-position: center; }
    .audio .main-audio-swiper .swiper-slide .main-audio {
        position: absolute;
        bottom: 0;
        right: 0;
        z-index: 9;
        padding: 20px 20px;
        width: 100%; }
    .audio .main-audio-swiper .swiper-slide .main-audio wave {
        height: 70px !important; }
    .audio .main-audio-swiper .swiper-slide .main-audio wave wave {
        border-right: 1px solid #ffffff !important; }
    .audio .main-audio-swiper .swiper-slide .main-audio .btn-play {
        padding: 0;
        position: absolute;
        left: 20px;
        bottom: 40px; }
    .audio .main-audio-swiper .swiper-slide .main-audio .btn-play i {
        font-size: 30px;
        height: 30px;
        display: block;
        color: #ffffff; }
    .audio .main-audio-swiper .swiper-slide .title {
        font-size: 20px;
        font-weight: 700;
        color: #6b6b6b;
        display: block;
        margin-bottom: 10px; }
    .audio .main-audio-swiper .swiper-slide .text {
        font-size: 16px;
        font-weight: 300;
        color: #9e9d9d;
        display: block;
        text-align-last: right;
        text-align: justify;
        margin-bottom: 10px; }
    .audio .main-audio-swiper .swiper-slide .date {
        font-size: 14px;
        color: #bfbfbf;
        display: block; }
    .audio .main-audio-swiper .swiper-slide .btn-group .btn {
        margin: 5px;
        width: 40px;
        height: 40px;
        border-radius: 10px;
        background-color: #5d11ac;
        padding: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 14px;
        font-weight: 300;
        color: #ffffff; }
    .audio .main-audio-swiper .swiper-slide .btn-group .btn i {
        font-size: 18px;
        height: 18px;
        display: block;
        color: #ffffff; }
    .audio .main-audio-swiper .swiper-slide .btn-group .btn-listen {
        width: auto;
        padding: 0 40px;
        border-radius: 100px; }
    .audio .thumbs-audio-swiper {
        display: none !important;
        height: 120px; }
    .audio .thumbs-audio-swiper .swiper-slide {
        padding: 0; }
    .audio .thumbs-audio-swiper .swiper-slide.swiper-slide-thumb-active {
        border: none; }
    .audio .thumbs-audio-swiper .swiper-slide.swiper-slide-thumb-active article {
        background-color: #f8f8f8; }
    .audio .thumbs-audio-swiper .swiper-slide article {
        padding: 00px 0;
        background-color: #ffffff;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 100%; }
    .audio .thumbs-audio-swiper .swiper-slide .title {
        width: 100%;
        text-align: center;
        display: block; }
    .audio .thumbs-audio-swiper .swiper-slide .subtitle {
        display: none; }
    .audio .thumbs-audio-swiper .swiper-slide .btn-group {
        width: 100%;
        justify-content: center; }
    .audio .thumbs-audio-swiper .swiper-slide .btn-group .btn {
        display: none; }
    .audio .thumbs-audio-swiper .swiper-slide .btn-group .btn-play {
        display: block; }

    /* APARAT */
    .aparat .background {
        padding: 50px 50px; }
    .aparat .title {
        font-size: 30px; }

    /* ARTICLES */
    .articles .item {
        padding: 10px; }
    .articles .item .label {
        top: 40px; }
    .articles .item img {
        margin-bottom: 20px; }
    .articles .item .title {
        font-size: 18px; }
    .articles .item .text, .articles .item p {
        margin-bottom: 15px; }
    .articles .item .more {
        padding: 7.5px 30px; }

    /* BANNER INSTAGRAM */
    .banner-instagram .background {
        padding: 30px 40px; }
    .banner-instagram .title {
        font-size: 22px; }
    .banner-instagram .title span {
        margin-right: 0;
        display: block; }
    .banner-instagram i {
        font-size: 45px;
        height: 45px;
        display: block; }

    /* CONTACT-WIDTH-SUPPORT */
    .contact-width-support {
        padding: 30px 0; }
    .contact-width-support .text {
        line-height: 1.2 !important; }
    .contact-width-support .text b {
        display: block;
        width: 100%; }

    /* FOOTER */
    footer .res-d-none {
        display: none !important; }
    footer .footer-top {
        padding: 50px 0; }
    footer .footer-top .brand {
        margin-bottom: 15px; }
    footer .footer-top .brand img {
        max-width: 140px;
        max-height: 140px; }
    footer .footer-top .text {
        width: 330px; }
    footer .footer-top .title {
        font-size: 18px;
        color: #2ab0bc;
        font-weight: 700;
        display: block;
        padding-bottom: 15px;
        margin-bottom: 25px;
        position: relative; }
    footer .footer-top .title:after {
        content: '';
        position: absolute;
        right: 0;
        bottom: 0;
        width: 80px;
        height: 3px;
        background-color: #cee9eb; }
    footer .footer-top .item-inf {
        font-size: 16px;
        font-weight: 300;
        color: #636363;
        display: block;
        margin-bottom: 15px;
        width: 220px; }
    footer .footer-top .item-inf b {
        font-weight: 700;
        display: block; }
    footer .footer-top .nav-social .nav-item:first-child .nav-link {
        padding-right: 0; }
    footer .footer-top .nav-social .nav-item .nav-link {
        padding: 5px 7.5px; }
    footer .footer-top .nav-social .nav-item .nav-link:hover i {
        color: #2ab0bc; }
    footer .footer-top .nav-social .nav-item .nav-link i {
        font-size: 24px;
        height: 24px;
        display: block;
        color: #636363;
        transition: all 0.3s; }
    footer .footer-top .nav-menu {
        flex-direction: column; }
    footer .footer-top .nav-menu .nav-item .nav-link {
        font-size: 16px;
        font-weight: 300;
        color: #636363;
        display: block;
        padding: 10px 0;
        transition: all 0.3s; }
    footer .footer-top .nav-menu .nav-item .nav-link:hover {
        color: #2ab0bc; }
    footer .footer-top .namad {
        display: block;
        margin-bottom: 20px; }
    footer .footer-top .namad img {
        width: 100px;
        height: 130px;
        object-fit: contain;
        object-position: center; }
    footer .footer-responsive {
        display: block; }
    footer .footer-middle {
        background-color: #ffffff; }
    footer .footer-middle .nav-tag .nav-item {
        display: none; }
    footer .footer-middle .nav-tag .nav-item:nth-child(1) {
        display: block; }
    footer .footer-middle .nav-tag .nav-item:nth-child(2) {
        display: block; }
    footer .footer-middle .nav-tag .nav-item:nth-child(3) {
        display: block; }
    footer .footer-bottom {
        display: none; }

    /* BLOG-SLIDER */
    .blog-slider .item {
        height: 350px; }
    .blog-slider .item .subtitle {
        font-size: 16px; }
    .blog-slider .item .title {
        font-size: 25px; }
    .blog-slider .item .text {
        font-size: 16px; }
    .blog-slider .owl-dots {
        max-width: 930px;
        bottom: 20px; }

    /* BOARD-CRUMB */
    .board-crumb .change-size {
        display: none !important; }

    /* BANNER BOOK */
    .banner-book .background {
        padding-right: 20px;
        padding-left: 20px; }
    .banner-book .subtitle {
        font-size: 18px; }
    .banner-book .title {
        font-size: 30px; }
    .banner-book .text {
        font-size: 20px; }

    /* BLOG-SINGLE */
    .title-blog {
        padding: 75px 0; }
    .title-blog .subtitle {
        font-size: 14px; }
    .title-blog .title {
        font-size: 17px; }
    .title-blog .level {
        height: 45px;
        padding-right: 15px;
        padding-left: 15px;
        font-size: 14px; }

    .blog-single .text {
        font-size: 17px;
        margin-bottom: 20px; }
    .blog-single .owl-gallery {
        margin-bottom: 25px; }
    .blog-single .owl-gallery .item {
        height: 350px;
        padding: 10px; }
    .blog-single .owl-gallery .owl-nav {
        bottom: 30px; }
    .blog-single .owl-gallery .owl-nav button {
        width: 40px;
        height: 40px; }
    .blog-single .owl-gallery .owl-nav button i {
        font-size: 14px;
        height: 14px; }
    .blog-single .title {
        font-size: 18px;
        margin-bottom: 10px; }
    .blog-single .accordion .accordion-menu {
        margin-bottom: 20px; }
    .blog-single .accordion .accordion-menu li {
        margin-bottom: 10px; }
    .blog-single .accordion .accordion-menu li a {
        padding: 15px 15px;
        font-size: 16px; }
    .blog-single .accordion .accordion-menu li a .plus {
        margin-left: 15px; }
    .blog-single .accordion .accordion-menu li .submenu {
        padding-top: 20px;
        padding-bottom: 5px; }
    .blog-single .accordion .accordion-menu li .submenu .nav .nav-item {
        font-size: 16px; }
    .blog-single .video {
        height: 350px;
        margin-bottom: 20px; }
    .blog-single .video .btn-play {
        width: 75px;
        height: 75px; }
    .blog-single .video .btn-play i {
        font-size: 28px;
        height: 28px; }
    .blog-single .video .main-video .btn-close {
        width: 40px;
        height: 40px;
        top: 10px;
        right: 10px; }
    .blog-single .video .main-video .btn-close i {
        font-size: 17px;
        height: 17px; }
    .blog-single .comment {
        padding-top: 25px; }
    .blog-single .comment .title {
        font-size: 18px;
        margin-bottom: 15px; }
    .blog-single .comment .item-comment {
        padding-bottom: 20px;
        flex-wrap: wrap; }
    .blog-single .comment .item-comment.reply {
        margin-right: 30px;
        margin-top: 15px;
        padding: 20px; }
    .blog-single .comment .item-comment img {
        width: 60px;
        height: 60px;
        margin-left: 0;
        margin-bottom: 15px; }
    .blog-single .comment .item-comment .top {
        margin-bottom: 15px; }
    .blog-single .comment .item-comment .name {
        margin-left: 15px; }
    .blog-single .comment .item-comment .btn-reply {
        margin-right: 15px; }
    .blog-single .post-comment {
        padding: 15px 0;
        padding-bottom: 10px;
        border-radius: 5px;
        background-color: #f6f6f6; }
    .blog-single .post-comment .form-group {
        margin-bottom: 15px; }
    .blog-single .post-comment textarea {
        padding: 15px; }
    .blog-single .post-comment input {
        padding-right: 15px; }
    .blog-single .post-comment .btn {
        font-size: 16px; }

    .about-news {
        margin-bottom: 20px; }
    .about-news .nav-item {
        padding-right: 15px;
        padding-left: 15px;
        font-size: 16px; }
    .about-news .nav-item:after {
        height: 25px; }
    .about-news .nav-item img {
        margin-left: 15px; }

    .nav-tags {
        padding: 15px 0;
        margin-bottom: 30px; }
    .nav-tags .nav-title {
        font-size: 20px; }
    .nav-tags .nav-item .nav-link {
        font-size: 16px;
        padding: 5px 15px; }

    .banner-viewpoint {
        padding-top: 30px;
        padding-bottom: 30px; }
    .banner-viewpoint .title {
        font-size: 22px;
        padding: 5px 20px;
        margin-bottom: 10px; }
    .banner-viewpoint .title b {
        margin-right: 5px; }
    .banner-viewpoint .subtitle {
        font-size: 22px;
        padding-right: 15px; }
    .banner-viewpoint .send {
        font-size: 20px;
        padding: 7.5px 30px; }

    /* BLOG-ARCHIVE */
    .blog-archive .item-blog {
        padding: 5px; }
    .blog-archive .item-blog .image img {
        width: 200px;
        height: 200px; }
    .blog-archive .item-blog .label {
        padding: 5px 15px;
        top: 15px; }
    .blog-archive .item-blog article {
        width: 100%;
        padding-right: 15px;
        padding-left: 10px; }
    .blog-archive .item-blog .title {
        font-size: 18px; }
    .blog-archive .item-blog .text {
        margin-bottom: 15px; }
    .blog-archive .item-blog .time {
        margin-left: 5px;
        margin-right: auto; }
    .blog-archive .item-blog .more {
        padding: 7.5px 25px; }

    aside .title-aside {
        font-size: 17px;
        padding-top: 15px;
        padding-bottom: 20px; }
    aside .body-aside {
        padding: 20px 15px; }
    aside .text-slider {
        font-size: 15px; }
    aside .owl-nav button {
        width: 40px;
        height: 40px; }
    aside .owl-nav button i {
        font-size: 12px;
        height: 12px; }
    aside .see-archive {
        padding-right: 20px;
        padding-left: 20px;
        height: 40px; }
    aside .teacher img {
        width: 60px;
        height: 60px;
        padding: 5px; }
    aside .teacher .name {
        font-size: 14px; }
    aside .teacher .name b {
        font-size: 16px; }
    aside .text-about-teacher {
        font-size: 14px; }
    aside .seminar-aside {
        padding: 20px 15px; }

    .nav-pagination {
        margin-top: 30px; }
    .nav-pagination .nav-item .nav-link {
        width: 40px;
        height: 40px;
        font-size: 17px;
        margin-right: 5px;
        margin-left: 5px; }

    /* CONTACT-US */

    .contact-us .ways-to-address .nav {
        padding-left: 0; }
    .contact-us .ways-to-address .nav .nav-item .number {
        font-size: 16px;
        min-width: 30px;
        width: 30px;
        height: 30px;
        margin-left: 15px; }
    .contact-us .ways-to-address .nav .nav-item .icon {
        margin-left: 25px; }
    .contact-us .main-contact {
        padding: 20px 0; }
    .contact-us .main-contact .nav .nav-item {
        padding-right: 20px;
        padding-bottom: 2.5px; }
    .contact-us .main-contact .nav .nav-item:after {
        right: 20px; }
    .contact-us .main-contact .nav .nav-item:before {
        top: 7px;
        width: 10px;
        height: 10px;
        border: 3px solid #7e7f7f; }
    .contact-us .main-contact img {
        width: 150px;
        height: 150px;
        border: 10px solid #d6f0f2;
        margin-right: 25px; }
    .contact-us .social-contact .title {
        padding: 25px 30px; }
    .contact-us .social-contact .title img {
        max-width: 40px;
        max-height: 40px;
        margin-right: 5px;
        margin-left: 5px; }
    .contact-us .social-contact .nav .nav-item .nav-link i {
        font-size: 24px;
        height: 24px; }
    .contact-us .address {
        margin-bottom: 30px; }
    .contact-us .address .item {
        padding: 20px 20px; }
    .contact-us .address .item i {
        margin-left: 20px; }

    /* SEARCH-BOOK */
    .search-book input {
        width: 500px; }
    .search-book .btn-search {
        padding: 0 30px; }

    /* BOOK-SHOP */
    .book-shop {
        margin-bottom: 0; }
    .book-shop .col-xl-auto {
        padding: 0 !important; }
    .book-shop .col-xl-auto:nth-child(1) .td, .book-shop .col-xl-auto:nth-child(1) .th {
        width: 100%;
        padding-right: 50px; }
    .book-shop .col-xl-auto:nth-child(1) .td:after, .book-shop .col-xl-auto:nth-child(1) .th:after {
        display: block; }
    .book-shop .col-xl-auto:nth-child(2) .td, .book-shop .col-xl-auto:nth-child(2) .th, .book-shop .col-xl-auto:nth-child(3) .td, .book-shop .col-xl-auto:nth-child(3) .th {
        width: 100%; }
    .book-shop .col-xl-auto:nth-child(4) .td, .book-shop .col-xl-auto:nth-child(4) .th {
        width: 100%; }
    .book-shop .col-xl-auto:nth-child(5) .td, .book-shop .col-xl-auto:nth-child(5) .th {
        width: 100%; }
    .book-shop .t-head {
        display: none; }
    .book-shop .tr {
        background-color: #2ab0bc;
        margin-bottom: 0;
        padding: 7.5px 0; }
    .book-shop .tr:nth-child(2n-1) {
        background-color: #5d11ac; }
    .book-shop .th, .book-shop .td {
        font-size: 14px;
        color: #ffffff;
        padding-top: 7.5px;
        padding-bottom: 7.5px; }
    .book-shop .td {
        border: none; }
    .book-shop .td:before {
        display: inline-block; }

    /* SEMINAR ARCHIVE */
    .seminar-archive .item {
        padding: 10px; }
    .seminar-archive .item .background {
        min-height: 340px;
        padding: 30px 15px; }
    .seminar-archive .item .discount {
        font-size: 17px;
        padding: 10px 20px; }
    .seminar-archive .item .status {
        font-size: 15px;
        padding: 6px 25px;
        margin-bottom: 10px; }
    .seminar-archive .item .subtitle {
        font-size: 16px; }
    .seminar-archive .item .title {
        font-size: 24px; }
    .seminar-archive .item .teacher {
        margin-left: 15px; }
    .seminar-archive .item .teacher .name {
        font-size: 15px; }
    .seminar-archive .item .teacher .name b {
        font-size: 18px; }
    .seminar-archive .item .price-join {
        font-size: 18px; }
    .seminar-archive .item .price-join del {
        font-size: 16px;
        padding-right: 15px; }
    .seminar-archive .item .price-join .join {
        margin-right: 15px;
        font-size: 17px;
        padding: 0 20px; }

    /* COURSE GUIDE */
    .course-guide .item {
        padding: 10px; }
    .course-guide .item .background {
        min-height: 350px;
        padding-left: 70px;
        padding-right: 40px; }
    .course-guide .item .background .title {
        font-size: 20px; }
    .course-guide .item .background .subtitle {
        font-size: 16px;
        position: relative; }
    .course-guide .item .background .teacher {
        padding: 10px;
        padding-left: 30px; }
    .course-guide .item .background .teacher .name {
        font-size: 14px; }
    .course-guide .item .background .teacher .name b {
        font-size: 17px; }
    .course-guide .item .background .btn-play {
        width: 75px;
        min-width: 75px;
        height: 75px; }
    .course-guide .item .background .btn-play i {
        font-size: 26px;
        height: 26px; }

    /* PODCAST-ARCHIVE */
    .podcast-archive .item {
        padding: 10px; }
    .podcast-archive .item .image {
        padding: 60px 30px; }
    .podcast-archive .item .subtitle {
        font-size: 17px; }
    .podcast-archive .item .title {
        font-size: 21px; }
    .podcast-archive .item article {
        padding-top: 15px; }
    .podcast-archive .item .date {
        font-size: 15px; }
    .podcast-archive .item .btn-group .btn-listen {
        padding: 0 20px; }

    /* ALL PRODUCT ARCHIVE */
    .all-product-archive .title-category {
        font-size: 22px;
        margin-bottom: 30px; }
    .all-product-archive .item {
        flex-wrap: wrap;
        padding-top: 25px;
        padding-bottom: 15px;
        padding-right: 15px;
        padding-left: 15px;
        margin-bottom: 20px; }
    .all-product-archive .item img {
        margin: 0 auto; }
    .all-product-archive .item article {
        width: 100%;
        padding-top: 25px;
        padding-right: 0;
        text-align: center; }

    /* BANNER-FULL-SET */
    .banner-full-set {
        padding-bottom: 35px; }
    .banner-full-set .background {
        height: 270px;
        padding-right: 15px;
        padding-left: 15px; }
    .banner-full-set .title {
        font-size: 30px; }
    .banner-full-set .subtitle {
        font-size: 21px;
        margin-bottom: 10px; }
    .banner-full-set del {
        font-size: 17px;
        margin-left: 15px; }
    .banner-full-set .price {
        font-size: 21px;
        padding: 7.5px 25px;
        margin-left: 15px; }
    .banner-full-set .shop {
        font-size: 19px;
        padding: 7.5px 25px; }
    .banner-full-set img {
        width: 290px;
        height: 310px; }
    .banner-full-set .percent {
        width: 200px;
        height: 200px;
        font-size: 30px;
        transform: translateX(-25%) translateY(-50%);
        padding-top: 65px;
        padding-right: 77px; }

    /* CONSULTING ARCHIVE */
    .consulting-archive .item {
        padding: 30px 20px; }
    .consulting-archive .item .name {
        font-size: 25px; }
    .consulting-archive .item .job {
        font-size: 17px; }
    .consulting-archive .item .alert {
        font-size: 17px;
        padding: 10px 10px; }
    .consulting-archive .item .calender {
        font-size: 17px; }
    .consulting-archive .item .calender i {
        font-size: 27px;
        height: 27px; }
    .consulting-archive .item .text {
        font-size: 17px; }
    .consulting-archive .item .price, .consulting-archive .item .reserve {
        font-size: 18px;
        padding: 7.5px 40px; }

    /* EMPLOYMENT */
    .employment .part {
        margin-bottom: 35px; }
    .employment .title-category {
        font-size: 16px;
        padding: 7.5px 30px;
        margin-bottom: 30px; }
    .employment .title-category:after {
        width: 15px;
        height: 15px; }
    .employment input {
        padding-right: 20px;
        font-size: 15px; }
    .employment input.light-placeholder {
        padding-right: 210px; }
    .employment .label-select {
        font-size: 15px;
        right: 20px; }
    .employment .how-old .select2-selection__rendered {
        padding-right: 90px !important; }
    .employment .city .select2-selection__rendered {
        padding-right: 105px !important; }
    .employment .town .select2-selection__rendered {
        padding-right: 150px !important; }
    .employment .bold-rendered .select2-selection__rendered {
        font-weight: 500 !important; }
    .employment .select2 .selection .select2-selection:after {
        left: 20px; }
    .employment .select2 .selection .select2-selection .select2-selection__rendered {
        font-size: 15px;
        padding-right: 20px; }
    .employment .label {
        font-size: 15px; }
    .employment .relative-label {
        font-size: 15px; }
    .employment label {
        font-size: 15px;
        padding-right: 20px; }
    .employment label:before {
        width: 14px;
        height: 14px; }
    .employment input[type="radio"] {
        display: none; }
    .employment input[type="radio"]:checked + label:before {
        border: 5px solid #2ab0bc; }
    .employment input[type="checkbox"] {
        display: none; }
    .employment input[type="checkbox"]:checked + label:before {
        border: 5px solid #2ab0bc; }
    .employment .title-skill {
        font-size: 15px;
        padding-right: 25px; }
    .employment .title-skill:before {
        width: 15px;
        height: 15px;
        border: 5px solid #7f7f7f; }
    .employment .title-category-v-2 {
        font-size: 15px;
        margin-bottom: 20px; }
    .employment .title-category-v-2 b {
        font-size: 16px;
        padding: 10px 20px;
        margin-left: 15px; }
    .employment .title-on-input {
        font-size: 16px;
        font-weight: 500;
        color: #7f7f7f;
        display: block;
        position: absolute;
        top: 50%;
        right: 30px;
        transform: translateY(-50%);
        z-index: 999; }
    .employment .nav .nav-item {
        font-size: 15px; }
    .employment .question-checked {
        padding: 10px 15px; }
    .employment .question-checked .titr {
        font-size: 15px;
        width: 100%;
        margin-left: 0;
        margin-bottom: 10px; }

    /* SHOPPING CART */
    .shopping-cart-section .t-head {
        display: none; }
    .shopping-cart-section .t-body {
        margin-bottom: 20px; }
    .shopping-cart-section .tr {
        justify-content: space-between; }
    .shopping-cart-section .td {
        font-size: 15px;
        padding: 10px 15px; }
    .shopping-cart-section .td:before {
        display: inline-block; }
    .shopping-cart-section .td img {
        max-width: 70px;
        max-height: 100px;
        object-fit: contain;
        object-position: center; }
    .shopping-cart-section .td .title {
        font-size: 16px; }
    .shopping-cart-section .td .subtitle {
        font-size: 14px; }
    .shopping-cart-section .td .count-product {
        width: 120px;
        height: 45px; }
    .shopping-cart-section .td .count-product input {
        font-size: 18px; }
    .shopping-cart-section .td .count-product .btn i {
        font-size: 20px;
        height: 20px; }
    .shopping-cart-section .hide-shopping-cart:before {
        margin: 0;
        padding: 5px 15px;
        background-color: red;
        color: #ffffff;
        border-radius: 5px; }
    .shopping-cart-section .hide-shopping-cart .btn {
        display: none; }
    .shopping-cart-section .price {
        padding: 7.5px 15px; }
    .shopping-cart-section .price i {
        font-size: 22px;
        height: 22px; }
    .shopping-cart-section .btn-next {
        padding: 7.5px 15px; }
    .shopping-cart-section .btn-next i {
        font-size: 22px;
        height: 22px; }

    /* CONSULTING */
    .consulting article {
        padding-right: 30px;
        padding-left: 30px;
        padding-top: 30px;
        padding-bottom: 30px; }
    .consulting img {
        width: 140px;
        height: 140px;
        border: 10px solid #ffffff;
        position: relative;
        top: unset;
        right: unset;
        transform: unset;
        margin-bottom: 10px; }
    .consulting .name {
        font-size: 22px; }
    .consulting .subtitle {
        font-size: 17px;
        padding-bottom: 10px;
        margin-bottom: 10px; }
    .consulting .time {
        font-size: 16px; }
    .consulting .time i {
        font-size: 27px;
        height: 27px; }
    .consulting .price {
        font-size: 16px; }
    .consulting .reserve {
        font-size: 16px; }
    .consulting .btn-group {
        left: 50%;
        transform: translateX(-50%); }

    /* CONSULTING-STEPS */
    .consulting-steps .nav .nav-item {
        max-width: 500px;
        padding: 20px; }
    .consulting-steps .nav .nav-item .circle {
        width: 120px;
        min-width: 120px;
        height: 120px; }
    .consulting-steps .nav .nav-item .circle i {
        font-size: 50px;
        height: 50px; }
    .consulting-steps .nav .nav-item article {
        padding-right: 20px; }
    .consulting-steps .nav .nav-item .title {
        font-size: 18px; }
    .consulting-steps .nav .nav-item .text {
        font-size: 14px; }

    /* QUIZ TITLE */
    .title-quiz {
        padding: 20px 0; }
    .title-quiz i {
        font-size: 40px;
        height: 40px;
        margin-left: 20px; }
    .title-quiz .btn-group .btn {
        padding-left: 20px;
        padding-right: 20px; }

    /* MAIN QUIZ */
    .main-quiz img {
        max-height: 300px;
        margin-bottom: 20px; }
    .main-quiz .rate-row {
        margin-bottom: 20px; }

    /* ABOUT QUIZ */
    .about-quiz .title {
        font-size: 18px; }

    /* LAST PODCAST */
    .last-podcast .item {
        padding: 20px;
        margin-bottom: 15px; }

    /* PODCAST SINGLE */
    .podcast-single {
        height: 300px;
        margin-bottom: 40px;
        padding: 30px 30px; }
    .podcast-single .main-audio .btn {
        padding: 10px; }
    .podcast-single .main-audio .btn:hover i {
        opacity: 1; }
    .podcast-single .main-audio .btn i {
        font-size: 30px;
        height: 30px; }
    .podcast-single .main-audio .time-div {
        padding: 12px 0; }
    .podcast-single .main-audio .time {
        font-size: 18px; }
    .podcast-single .download {
        font-size: 18px;
        padding: 7.5px 30px; }

    /* MAIN VOICE */
    .main-voice img {
        height: 200px;
        padding: 15px; }
    .main-voice .link {
        height: 50px;
        font-size: 20px; }
    .main-voice .price {
        height: 50px;
        font-size: 20px; }
    .main-voice .price del {
        font-size: 17px; }
    .main-voice .price .percent {
        font-size: 17px; }
    .main-voice .info {
        min-height: 50px;
        font-size: 17px; }

    /* SEMINAR INFORMATION */
    .seminar-information {
        margin-bottom: 20px; }
    .seminar-information .item {
        padding: 20px 20px;
        background-color: #2ab0bc;
        border: none;
        margin-bottom: 30px; }
    .seminar-information .item i {
        color: #ffffff; }
    .seminar-information .item .subtitle {
        color: #ffffff; }
    .seminar-information .item .title {
        color: #ffffff; }

    /* SEMINAR PRICE */
    .seminar-price {
        padding: 20px 0;
        background-color: #5d11ac; }
    .seminar-price .discount {
        font-size: 16px;
        color: #5d11ac;
        padding: 5px 20px;
        background-color: #ffffff;
        margin-left: 10px; }
    .seminar-price .title {
        font-size: 18px;
        color: #ffffff; }
    .seminar-price .price {
        font-size: 16px;
        color: #FFFFFF;
        padding: 5px 20px;
        border: 1px solid #ffffff;
        margin-left: 10px; }
    .seminar-price .price del {
        color: #FFFFFF; }
    .seminar-price .join-seminar {
        font-size: 16px;
        color: #5d11ac;
        background-color: #FFFFFF;
        padding: 10px 30px; }
    .seminar-price .join-seminar:hover {
        color: #ffffff; }
    .seminar-price .join-seminar .__hvr-span {
        background-color: #eda61c; }

    /* SEMINAR TIME */
    .seminar-time {
        padding: 20px 0; }
    .seminar-time .title {
        font-size: 20px; }
    .seminar-time ul li {
        margin: 0 10px; }
    .seminar-time ul li:after {
        font-size: 22px;
        right: -11px; }
    .seminar-time ul li .time {
        font-size: 20px;
        width: 50px;
        height: 50px; }
    .seminar-time ul li .titr {
        font-size: 12px; }

    /* QUIZ STEPS */
    .quiz-steps {
        padding: 20px; }
    .quiz-steps .nav {
        margin-bottom: 20px; }
    .quiz-steps .nav .nav-item {
        font-size: 16px; }
    .quiz-steps .nav .nav-item:after {
        display: none; }
    .quiz-steps .nav .nav-item .circle {
        width: 120px;
        height: 120px;
        margin-bottom: 10px; }
    .quiz-steps .nav .nav-item .circle .number {
        width: 30px;
        height: 30px;
        font-size: 20px; }
    .quiz-steps .nav .nav-item .circle i {
        font-size: 45px;
        height: 45px; }
    .quiz-steps .text {
        font-size: 14px; }

    /* NUMBER JOIN SEMINAR */
    .number-join-seminar .background {
        padding: 30px; }
    .number-join-seminar i {
        font-size: 70px;
        height: 70px;
        margin-left: 20px; }
    .number-join-seminar .icon-bg {
        font-size: 170px;
        height: 170px; }
    .number-join-seminar .text {
        font-size: 18px; }

    /* CALL ABOUT SEMINAR */
    .call-about-seminar .background {
        padding: 30px 0; }
    .call-about-seminar .title {
        font-size: 18px;
        padding-right: 20px; }
    .call-about-seminar .call {
        padding: 7px 20px;
        font-size: 18px; }
    .call-about-seminar .call i {
        font-size: 20px;
        height: 20px; }

    /* ABOUT WRITER */
    .about-writer .image {
        padding: 10px; }
    .about-writer .image img {
        width: 120px;
        height: 120px; }
    .about-writer .title {
        font-size: 22px; }
    .about-writer .subtitle {
        font-size: 16px; }
    .about-writer .text {
        width: 100%;
        font-size: 14px;
        margin-top: 20px; }
    .about-writer .title, .about-writer .subtitle {
        max-width: unset;
        padding-left: 0; }

    /* BANNER CALL US */
    .banner-call-us .background {
        padding: 30px 20px; }
    .banner-call-us .title {
        font-size: 20px; }
    .banner-call-us .call {
        font-size: 20px; }
    .banner-call-us .call i {
        font-size: 22px;
        height: 22px; }

    /* PRODUCT SINGLE */
    .main-product {
        margin-bottom: 30px; }
    .main-product .main-slide {
        height: 300px;
        padding: 20px; }
    .main-product .thumbs-slide {
        margin-top: 20px; }
    .main-product .thumbs-slide .swiper-slide {
        height: 120px;
        padding: 5px; }
    .main-product .thumbs-slide .swiper-slide img {
        padding: 10px 0; }

    .shopping-cart-dropdown {
        padding-top: 10px; }
    .shopping-cart-dropdown .detail {
        width: 290px;
        padding: 15px; }
    .shopping-cart-dropdown .detail:before {
        left: 15px;
        width: 15px;
        height: 15px; }
    .shopping-cart-dropdown .item img {
        margin-left: 15px; }
    .shopping-cart-dropdown .item .title-item {
        font-size: 15px !important; }
    .shopping-cart-dropdown .item .btn-bin i {
        font-size: 20px;
        height: 20px; }
    .shopping-cart-dropdown .price {
        padding: 10px 15px;
        font-size: 16px; }
    .shopping-cart-dropdown .see-cart {
        padding: 10px 15px;
        font-size: 16px; }

    .organization {
        margin-bottom: 30px; }
    .organization .title {
        font-size: 16px;
        padding: 10px 20px;
        border-radius: 5px;
        margin-bottom: 15px; }
    .organization .text {
        font-size: 14px; }
    .organization .item .main-icon {
        width: 60px;
        height: 60px;
        margin-bottom: 10px; }
    .organization .item .main-icon i {
        font-size: 30px;
        height: 30px; }
    .organization .item .title-item {
        font-size: 16px; }
    .organization .item .count-product {
        margin-top: 10px; }
    .organization .item .price {
        font-size: 14px; }
    .organization .item .price i {
        font-size: 17px;
        height: 17px; }
    .organization .btn-submit {
        font-size: 16px;
        padding: 7px 20px;
        margin-bottom: 15px; }
    .organization .btn-submit i {
        font-size: 17px;
        height: 17px; }

    /* GLOBAL */
    .header-section .title {
        font-size: 22px; }
    .header-section .nav .nav-item .nav-link {
        padding: 5px 20px; }
    .header-section .text {
        font-size: 15px; }

    .mb-1200-30px {
        margin-bottom: 30px; } }
/* MAX WIDTH 992PX */
@media screen and (max-width: 992px) {
    body.pb-seminar-fix {
        padding-bottom: 132px; }

    .address-fix form {
        align-items: flex-start; }
    .address-fix .title-checkout .d-flex {
        width: 100%; }
    .address-fix .title-checkout .btn-cancel {
        width: 35px;
        height: 35px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0;
        position: absolute;
        top: 7px;
        left: 15px; }

    /* HEADER */
    header .top-bar .call-responsive {
        display: flex; }
    header .top-bar .call {
        display: none; }
    header .top-bar .see-profile {
        padding: 7.5px 20px; }
    header .top-bar .logged .dropdown-menu .credit {
        display: block; }
    header .main-bar input {
        width: 300px; }
    header .main-bar .shopping-cart {
        margin-right: 10px;
        padding-right: 5px;
        overflow: visible; }
    header .main-bar .shopping-cart:hover {
        background-color: #f7f3fb !important; }
    header .main-bar .shopping-cart:hover .number {
        color: #5d11ac; }
    header .main-bar .shopping-cart:hover .icon {
        background-color: #5d11ac; }
    header .main-bar .shopping-cart:hover .icon i {
        color: #ffffff; }
    header .main-bar .shopping-cart .__hvr-span {
        display: none !important; }
    header .main-bar .shopping-cart span {
        display: none; }
    header .main-bar .shopping-cart .number {
        display: flex; }
    header .main-bar .shopping-cart .icon {
        margin-right: 0;
        box-shadow: 0 10px 30px 0 rgba(93, 17, 172, 0.4); }
    header .main-bar .user-cart {
        background-color: #e1eff0 !important; }
    header .main-bar .user-cart:hover {
        background-color: #e1eff0 !important; }
    header .main-bar .user-cart:hover .icon {
        background-color: #2ab0bc;
        box-shadow: 0 10px 30px 0 rgba(42, 176, 188, 0.4) !important; }
    header .main-bar .user-cart:hover .icon i {
        color: #ffffff; }
    header .main-bar .user-cart .icon {
        background-color: #2ab0bc;
        box-shadow: 0 10px 30px 0 rgba(42, 176, 188, 0.4) !important; }
    header .main-bar .search-cart {
        background-color: #fff6e7 !important; }
    header .main-bar .search-cart:hover {
        background-color: #fff6e7 !important; }
    header .main-bar .search-cart:hover .icon {
        background-color: #eda61c;
        box-shadow: 0 10px 30px 0 rgba(237, 166, 28, 0.4) !important; }
    header .main-bar .search-cart:hover .icon i {
        color: #ffffff; }
    header .main-bar .search-cart .icon {
        background-color: #eda61c;
        box-shadow: 0 10px 30px 0 rgba(237, 166, 28, 0.4) !important; }
    header .bottom-bar .btn-show-menu {
        display: flex; }
    header .bottom-bar .button-dropdown {
        display: block; }
    header .bottom-bar .nav {
        display: none; }
    header .bottom-bar .reservation {
        padding: 15px 20px;
        font-size: 16px;
        margin-right: 15px; }
    header .bottom-bar .help-choice-course {
        display: none; }

    /* ANALYSIS */
    .analysis {
        text-align: center; }
    .analysis .name {
        display: none; }
    .analysis article {
        width: 100%;
        text-align: center;
        margin-left: 0; }
    .analysis .title {
        font-size: 20px;
        line-height: 1.1; }
    .analysis .subtitle {
        font-size: 16px;
        margin-bottom: 15px; }
    .analysis .more {
        margin-right: auto;
        margin-left: auto;
        font-size: 15px; }

    /* BANNER INSTAGRAM */
    .banner-instagram .background {
        flex-wrap: wrap;
        padding: 20px 25px;
        text-align: center; }
    .banner-instagram .title {
        width: 100%;
        text-align: center;
        font-size: 20px;
        margin-bottom: 5px; }
    .banner-instagram .title span {
        display: none; }
    .banner-instagram i {
        font-size: 45px;
        height: 45px;
        margin: 0 auto; }

    /* FOOTER */
    footer .footer-top .brand {
        margin-bottom: 20px; }
    footer .footer-top .brand img {
        max-width: 140px;
        max-height: 140px;
        display: block;
        margin-right: auto;
        margin-left: auto; }
    footer .footer-top .text {
        width: 100%;
        text-align-last: center; }
    footer .footer-top .title {
        font-size: 17px;
        padding-bottom: 10px;
        margin-bottom: 20px; }
    footer .footer-top .title:after {
        width: 60px;
        height: 2px; }
    footer .footer-top .item-inf {
        font-size: 15px;
        width: 100%; }
    footer .footer-top .nav-menu .nav-item .nav-link {
        font-size: 15px;
        padding: 7.5px 0; }
    footer .footer-top .namad img {
        display: block;
        margin-right: auto; }

    /* BLOG-SLIDER */
    .blog-slider .owl-dots {
        max-width: 690px; }

    /* BANNER BOOK */
    .banner-book .background {
        height: 170px;
        padding-right: 0;
        padding-left: 0; }
    .banner-book .subtitle {
        font-size: 16px; }
    .banner-book .title {
        font-size: 26px; }
    .banner-book .text {
        font-size: 18px; }
    .banner-book img {
        max-height: 170px; }

    /* SEARCH SECTION */
    .search-section input {
        height: 60px;
        padding-right: 20px;
        font-size: 17px; }
    .search-section .btn {
        width: 100px;
        height: 40px; }
    .search-section .btn i {
        font-size: 16px;
        height: 16px; }

    /* PRODUCTS */
    .products .item {
        margin-bottom: 20px; }
    .products .item:hover .price {
        color: #ffffff; }
    .products .item .price:after {
        display: none; }
    .products .item .add-to-cart {
        display: block; }
    .products .owl-carousel .item {
        margin-bottom: 0; }

    /* BLOG-ARCHIVE */
    .category-blog {
        margin-bottom: 15px; }

    aside {
        margin-top: 30px;
        padding-right: 15px;
        padding-left: 15px; }
    aside .body-aside {
        padding-right: 10px;
        padding-left: 10px; }
    aside .seminar-aside {
        margin-bottom: 15px !important; }

    /* CONTACT-US */
    .contact-us #map {
        height: 300px;
        border: 10px solid #f9f9f9; }
    .contact-us .main-contact img {
        width: 120px;
        height: 120px;
        border: 10px solid #d6f0f2;
        margin-right: 25px; }
    .contact-us .social-contact .title {
        padding: 20px 15px;
        text-align-last: center; }
    .contact-us .address .col-xl-4:nth-child(2n) .item {
        background-image: linear-gradient(to right, #f5f1fa 0%, #ffffff 100%);
        background-image: -moz-linear-gradient(to right, #f5f1fa 0%, #ffffff 100%);
        background-image: -webkit-linear-gradient(to right, #f5f1fa 0%, #ffffff 100%);
        background-image: -o-linear-gradient(to right, #f5f1fa 0%, #ffffff 100%); }
    .contact-us .address .item {
        padding: 20px 15px;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center; }
    .contact-us .address .item i {
        margin-left: 0;
        margin-bottom: 10px; }
    .contact-us .address .item article {
        width: 100%;
        text-align: center; }

    /* SEARCH-BOOK */
    .search-book {
        margin-bottom: 30px; }
    .search-book .title {
        font-size: 16px;
        width: 100%;
        margin-bottom: 15px; }
    .search-book form {
        width: 100%; }
    .search-book .form-group {
        width: 100%; }
    .search-book input {
        width: 100%;
        font-size: 14px; }
    .search-book .btn-search {
        padding: 0 20px;
        font-size: 14px; }

    /* ALL PRODUCT ARCHIVE */
    .all-product-archive {
        margin-bottom: 30px; }

    /* BANNER-FULL-SET */
    .banner-full-set {
        margin-bottom: 30px;
        padding-bottom: 0; }
    .banner-full-set .background {
        height: auto;
        padding-top: 110px;
        padding-bottom: 25px;
        padding-right: 0;
        padding-left: 0;
        position: relative;
        text-align: center; }
    .banner-full-set .background .d-flex {
        width: 100%;
        justify-content: space-between; }
    .banner-full-set .title {
        font-size: 24px; }
    .banner-full-set .subtitle {
        font-size: 20px;
        margin-bottom: 10px; }
    .banner-full-set del {
        font-size: 16px;
        margin-left: 0; }
    .banner-full-set .price {
        font-size: 20px; }
    .banner-full-set .shop {
        font-size: 18px; }
    .banner-full-set .col-xl-3 {
        position: unset;
        height: unset; }
    .banner-full-set img {
        position: absolute;
        width: 100px;
        height: 100px; }
    .banner-full-set .percent {
        background-image: none;
        width: 50px;
        height: 50px;
        background-color: #ffffff;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 20px;
        padding: 0;
        border-radius: 50%;
        top: 25px;
        left: unset;
        right: 15px;
        transform: unset; }

    /* EMPLOYMENT */
    .employment .title-category-v-2 {
        background-color: #ffffff;
        border-radius: 5px;
        text-align: justify;
        text-align-last: center; }
    .employment .title-category-v-2 b {
        font-size: 16px;
        padding: 10px 20px;
        border-radius: 5px;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
        margin-bottom: 10px;
        margin-left: 0;
        display: block;
        width: 100%;
        text-align: center; }
    .employment .nav {
        padding-bottom: 10px; }
    .employment .title-skill {
        margin-bottom: 10px; }
    .employment .title-skill:before {
        top: 5px;
        transform: translateY(0); }

    /* SHOPPING CART */
    .shopping-cart-section .td {
        justify-content: flex-start; }
    .shopping-cart-section .btn-group {
        justify-content: space-between; }
    .shopping-cart-section .price {
        width: 48%;
        margin-right: 0 !important;
        margin-left: 0 !important;
        justify-content: center; }
    .shopping-cart-section .btn-next {
        width: 48%;
        justify-content: center; }

    .discount-form {
        width: 48%;
        margin: 5px 0; }
    .discount-form input {
        width: 100%; }

    /* EMPLOYMENT */
    .employment .top-17px {
        top: 0; }

    /* ABOUT US */
    .about-us .nav {
        justify-content: flex-start;
        margin-bottom: 20px; }
    .about-us .nav .nav-item {
        white-space: nowrap;
        padding: 7.5px 30px; }
    .about-us .nav .nav-item:after {
        width: 14px;
        height: 14px; }

    /* STATS */
    .stats:before {
        display: none; }
    .stats:after {
        display: none; }
    .stats .head {
        padding: 15px 0; }
    .stats .title {
        font-size: 16px; }
    .stats .body {
        padding: 20px 0; }
    .stats .number {
        font-size: 25px; }
    .stats .number:before {
        width: 20px; }
    .stats .subtitle {
        font-size: 14px; }

    /* VIDEO ABOUT US */
    .video-about-us.consulting-theme .container {
        padding-bottom: 30px; }
    .video-about-us .item {
        height: 270px;
        padding-right: 20px;
        padding-left: 40px; }
    .video-about-us .item .nav .nav-item {
        font-size: 18px; }
    .video-about-us .item .btn-play {
        width: 70px;
        height: 70px; }
    .video-about-us .item .btn-play i {
        font-size: 24px;
        height: 24px; }
    .video-about-us .item .main-video .btn-close {
        width: 40px;
        height: 40px;
        top: 10px;
        right: 10px; }
    .video-about-us .item .main-video .btn-close i {
        font-size: 17px;
        height: 17px; }

    /* PARTNERS */
    .partners .title {
        font-size: 24px;
        margin-bottom: 20px; }

    /* TEAM */
    .team .container {
        padding-top: 30px !important; }
    .team .title {
        font-size: 24px;
        margin-bottom: 20px; }
    .team .item {
        padding-top: 80px;
        padding-bottom: 15px;
        padding-right: 10px;
        padding-left: 10px;
        margin-top: 60px; }
    .team .item img {
        width: 120px;
        height: 120px;
        border: 5px solid #ffffff; }
    .team .item .name {
        font-size: 20px; }
    .team .item .subtitle {
        font-size: 16px;
        margin-bottom: 10px; }
    .team .item .email {
        padding: 10px 2.5px; }

    /* PRODUCT ARCHIVE */
    .product-archive {
        margin-bottom: 50px; }
    .product-archive .btn-open-mobile-search {
        display: block;
        margin-bottom: 15px; }
    .product-archive .btn-close {
        display: block;
        margin-right: auto; }
    .product-archive .sidebar {
        display: none;
        position: fixed;
        top: 0;
        right: 0;
        width: 100%;
        height: 100%;
        overflow-y: auto;
        background-color: #ffffff;
        z-index: 999;
        padding: 20px 15px; }
    .product-archive .sidebar .title-filter {
        padding-top: 10px;
        padding-bottom: 10px;
        font-size: 17px; }
    .product-archive .sidebar .body-filter label {
        font-size: 16px;
        padding-right: 30px; }
    .product-archive .sidebar .body-filter .label-name {
        font-size: 16px; }
    .product-archive .top {
        margin-bottom: 0; }
    .product-archive .titr {
        font-size: 16px;
        width: 100%;
        margin-bottom: 10px; }
    .product-archive .nav-filter {
        width: 100%;
        justify-content: space-between;
        margin-bottom: 10px; }
    .product-archive .nav-filter .titr-item {
        display: none; }
    .product-archive .nav-filter .nav-item {
        width: 33%; }
    .product-archive .nav-filter .nav-item .nav-link {
        width: 100%;
        margin: 0;
        font-size: 16px;
        padding: 7px 5px;
        text-align: center; }
    .product-archive .alert {
        font-size: 16px;
        padding: 10px 5px;
        margin-bottom: 10px; }
    .product-archive .nav-pagination {
        margin-top: 10px; }

    /* BIOGRAPHY */
    .biography {
        margin-bottom: 30px; }
    .biography.consulting-theme .container {
        padding-bottom: 30px; }
    .biography .title {
        font-size: 18px;
        margin-bottom: 10px; }
    .biography .text {
        font-size: 15px; }
    .biography .show-complete {
        font-size: 15px;
        padding: 7.5px 25px; }

    /* COMMENT SECTION */
    .comment-section {
        margin-bottom: 30px; }
    .comment-section form {
        padding: 20px 5px;
        padding-bottom: 0; }
    .comment-section .btn-send {
        font-size: 17px; }
    .comment-section .item-comment {
        padding-left: 5px; }
    .comment-section .item-comment article {
        padding: 20px 15px; }
    .comment-section .item-comment .title {
        font-size: 21px; }
    .comment-section .item-comment .title b {
        margin-left: 15px; }
    .comment-section .item-comment .see-more {
        padding: 7.5px 25px; }
    .comment-section .item-comment .text {
        font-size: 16px;
        margin-top: 15px; }

    /* TIM LINE */
    .time-line .container {
        padding-bottom: 30px !important;
        padding-top: 30px !important; }
    .time-line .first-column {
        padding-left: 15px !important; }
    .time-line .first-column:after {
        display: none; }
    .time-line .second-column {
        padding-top: 0;
        padding-right: 0 !important; }
    .time-line .for-circle-item {
        position: relative; }
    .time-line .for-circle-item:after {
        display: none; }
    .time-line .for-circle-item:before {
        display: none; }
    .time-line .item {
        padding: 15px; }
    .time-line .item:after {
        display: none; }
    .time-line .item:before {
        display: none; }
    .time-line .item article {
        padding: 15px; }

    /* START PRESS SLIDER*/
    .press-slider.book-theme .item .image {
        height: 250px; }
    .press-slider.document-theme .owl-nav button {
        top: 125px; }
    .press-slider.document-theme .item .image {
        height: 250px; }
    .press-slider.bg-blue .owl-nav {
        display: block; }
    .press-slider.bg-blue .item .title {
        font-size: 18px; }
    .press-slider .item .image {
        height: 250px;
        padding: 15px; }
    .press-slider .item .title {
        font-size: 18px; }
    .press-slider .owl-nav .owl-next {
        right: -5px;
        border-bottom-left-radius: 5px !important;
        border-top-left-radius: 5px !important;
        transform: translateX(0%) translateY(-50%); }
    .press-slider .owl-nav .owl-prev {
        left: -5px;
        border-bottom-right-radius: 5px !important;
        border-top-right-radius: 5px !important;
        transform: translateX(0%) translateY(-50%); }
    .press-slider .owl-nav button {
        width: 40px;
        height: 40px;
        top: 125px;
        border-radius: 0 !important; }
    .press-slider .owl-dots {
        display: none !important; }

    .full-page-popup {
        position: fixed;
        top: 0;
        right: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.9);
        z-index: 999;
        display: none;
        padding: 15px; }
    .full-page-popup .btn-close {
        position: absolute;
        right: 20px;
        top: 20px;
        padding: 5px 15px;
        background-color: #2ab0bc;
        color: #ffffff;
        font-weight: 500;
        font-size: 20px;
        border-radius: 0; }
    .full-page-popup .btn-close .__hvr-span {
        background-color: #eda61c; }
    .full-page-popup img {
        width: 100%;
        height: 100%;
        object-fit: contain;
        object-position: center; }

    /* RESUME SECTION */
    .resume-section .title {
        padding-top: 15px;
        padding-bottom: 15px;
        font-size: 20px; }
    .resume-section .nav {
        padding: 15px 0; }
    .resume-section .nav .nav-item {
        font-size: 17px;
        padding: 7.5px 40px !important;
        padding-left: 15px; }
    .resume-section .nav .nav-item:before {
        width: 16px;
        height: 16px;
        border: 5px solid #2ab0bc;
        transform: unset;
        top: 15px;
        right: 15px; }

    /* CONSULTING ARCHIVE */
    .consulting-archive .nav {
        justify-content: flex-start;
        margin-bottom: 15px;
        padding-bottom: 10px;
        flex-wrap: nowrap;
        overflow-x: auto; }
    .consulting-archive .nav .nav-item {
        white-space: nowrap;
        padding: 5px 20px;
        font-size: 16px; }

    /* CONSULTING */
    .consulting {
        margin-bottom: 30px; }
    .consulting .container {
        padding-bottom: 30px; }
    .consulting .background {
        padding-left: 0;
        background-color: transparent; }
    .consulting article {
        border: none;
        background-color: #fafafa;
        padding-right: 15px;
        padding-left: 15px;
        padding-top: 30px;
        padding-bottom: 30px; }
    .consulting img {
        width: 125px;
        height: 125px; }
    .consulting .name {
        font-size: 18px; }
    .consulting .subtitle {
        font-size: 15px; }
    .consulting .time {
        margin-bottom: 10px; }
    .consulting .time b {
        margin-left: 10px; }
    .consulting .time i {
        font-size: 24px;
        height: 24px;
        margin-left: 10px; }
    .consulting .btn-group {
        top: 30px;
        left: 30px;
        transform: unset; }
    .consulting .btn-group .btn {
        width: 40px;
        height: 40px;
        border-radius: 50% !important;
        border-top-left-radius: 50% !important;
        border-top-right-radius: 50% !important;
        background-color: #2ab0bc;
        padding: 0 !important; }
    .consulting .btn-group .btn span {
        display: none; }
    .consulting .btn-group .btn i {
        color: #ffffff;
        margin: 0; }

    /* CONSULTING-STEPS */
    .consulting-steps {
        margin-bottom: 30px; }
    .consulting-steps .container {
        padding-bottom: 10px !important; }
    .consulting-steps .nav {
        margin-bottom: 20px; }
    .consulting-steps .nav .nav-item {
        flex-wrap: wrap;
        width: 33%;
        border-radius: 10px;
        padding: 10px; }
    .consulting-steps .nav .nav-item.active .title {
        color: #ffffff; }
    .consulting-steps .nav .nav-item .number {
        width: 30px;
        height: 30px;
        font-size: 20px;
        top: 0;
        right: 50%;
        transform: translateX(50%) translateY(-50%);
        box-shadow: 4px 6.928px 60px 0 rgba(42, 176, 188, 0.4); }
    .consulting-steps .nav .nav-item .circle {
        width: 100%;
        min-width: 100%;
        height: 100px;
        border-radius: 10px; }
    .consulting-steps .nav .nav-item article {
        width: 100%;
        padding-right: 0;
        padding-left: 0;
        padding-top: 20px;
        display: block; }
    .consulting-steps .nav .nav-item .title {
        font-size: 16px;
        text-align: center;
        color: #666666; }
    .consulting-steps .nav .nav-item .text {
        display: none; }
    .consulting-steps .alert-steps {
        padding: 25px 15px;
        background-image: url("../img/bg-alert.png");
        background-position: bottom center;
        background-size: cover; }
    .consulting-steps .alert-steps .text {
        font-size: 14px;
        margin-bottom: 10px; }
    .consulting-steps .alert-steps ul li a {
        font-size: 14px;
        padding: 5px 20px; }
    .consulting-steps .items-info {
        margin-bottom: 15px; }
    .consulting-steps .info {
        font-size: 14px; }
    .consulting-steps .price {
        height: 45px;
        font-size: 14px;
        padding-right: 20px;
        padding-left: 20px;
        margin: 2.5px !important; }
    .consulting-steps .btn-submit {
        height: 45px;
        font-size: 14px;
        padding-right: 20px;
        padding-left: 20px;
        margin: 2.5px !important; }
    .consulting-steps .term-condition {
        margin-bottom: 20px; }
    .consulting-steps .term-condition .top {
        padding: 20px 15px;
        border-radius: 0 !important; }
    .consulting-steps .term-condition .title {
        font-size: 16px;
        margin-bottom: 15px; }
    .consulting-steps .term-condition .list .list-item {
        font-size: 14px;
        padding-right: 30px; }
    .consulting-steps .term-condition .list .list-item:before {
        width: 16px;
        height: 16px;
        border: 5px solid #666666; }
    .consulting-steps .term-condition .accept-term {
        padding: 10px 15px;
        border-radius: 0 !important; }
    .consulting-steps .term-condition label {
        font-size: 14px; }
    .consulting-steps .final-reserve {
        padding: 0 15px; }
    .consulting-steps .reserve {
        font-size: 14px;
        width: 100%;
        margin-bottom: 10px;
        border-radius: 5px;
        padding: 10px 10px;
        background-color: #2ab0bc;
        color: #ffffff; }
    .consulting-steps .btn-reserve {
        margin-right: auto !important; }

    /* USER COMMENTS */
    .user-comments {
        margin-bottom: 30px; }
    .user-comments .title {
        font-size: 16px;
        margin-bottom: 7px; }
    .user-comments .nav {
        margin-bottom: 15px; }
    .user-comments .nav .nav-item .nav-link {
        font-size: 14px;
        padding: 5px 15px; }
    .user-comments .title {
        font-size: 18px;
        color: #666666;
        display: block;
        font-weight: 700;
        margin-bottom: 30px; }
    .user-comments .item-comment {
        flex-wrap: wrap; }
    .user-comments .item-comment.reply {
        padding: 10px !important;
        border-radius: 5px !important;
        background-color: #fafafa !important;
        border: 1px solid #e5e5e5 !important; }
    .user-comments .item-comment img {
        width: 60px;
        min-width: 60px;
        height: 60px;
        margin-left: 0;
        margin-bottom: 15px; }
    .user-comments .item-comment .top {
        margin-bottom: 15px; }
    .user-comments .item-comment .name {
        font-size: 14px;
        margin-left: 5px; }
    .user-comments .item-comment .date {
        font-size: 14px; }
    .user-comments .item-comment .text {
        font-size: 14px; }

    /* CHECKOUT */
    .choice-day .item.day {
        position: relative; }
    .choice-day .item.day:after {
        top: 50%;
        right: unset;
        left: 0;
        transform: translateX(-35%) translateY(-50%) rotate(45deg); }

    /* TITLE VOICE */
    .title-voice {
        padding: 30px 0;
        margin-bottom: 30px; }
    .title-voice article {
        width: 100%;
        text-align: center; }
    .title-voice .title {
        font-size: 16px; }
    .title-voice .subtitle {
        font-size: 14px; }
    .title-voice .btn-group {
        width: 100%;
        justify-content: center; }

    /* MAIN VOICE */
    .main-voice {
        margin-bottom: 30px; }
    .main-voice .title {
        font-size: 16px;
        margin-bottom: 10px; }
    .main-voice .container {
        padding-bottom: 30px !important; }
    .main-voice img {
        width: auto;
        height: 200px;
        padding: 15px;
        display: block;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 20px; }
    .main-voice .rate-row {
        margin-bottom: 15px; }
    .main-voice .rate {
        font-size: 14px; }
    .main-voice .link {
        font-size: 16px;
        margin-bottom: 15px; }
    .main-voice .price {
        font-size: 16px;
        padding-right: 25px;
        margin-bottom: 15px; }
    .main-voice .price del {
        font-size: 14px; }
    .main-voice .price .percent {
        font-size: 16px; }
    .main-voice .info {
        font-size: 14px;
        margin-bottom: 15px; }
    .main-voice .voice #waveform1 {
        padding-right: 20px;
        padding-left: 20px;
        padding-top: 40px; }
    .main-voice .voice wave {
        margin-bottom: 20px; }
    .main-voice .voice .time-div {
        top: 10px;
        left: 50%;
        transform: translateX(-50%); }
    .main-voice .voice .time {
        font-size: 16px; }
    .main-voice .voice .titr {
        font-size: 14px;
        padding: 15px 20px; }
    .main-voice .voice .btn {
        padding: 10px 20px; }
    .main-voice .voice .btn i {
        font-size: 24px;
        height: 24px; }

    /* SEMINAR PRICE */
    .seminar-price .container {
        justify-content: center !important; }
    .seminar-price .discount {
        margin-right: auto;
        margin-left: auto;
        margin-bottom: 10px; }
    .seminar-price .title {
        width: 100%;
        text-align: center;
        margin-bottom: 10px; }
    .seminar-price .price {
        margin: 0 5px; }
    .seminar-price .join-seminar {
        margin: 0 5px; }

    /* ABOUT WRITER */
    .about-writer {
        margin-bottom: 30px; }
    .about-writer .container {
        padding-bottom: 30px !important; }

    /* ACCORDION-SECTION */
    .accordion-section {
        margin-bottom: 30px; }
    .accordion-section .container {
        padding-bottom: 10px !important; }

    /* BANNER CALL US */
    .banner-call-us {
        margin-bottom: 30px; }
    .banner-call-us .container {
        padding-bottom: 30px !important; }
    .banner-call-us .background {
        padding: 20px 20px;
        flex-wrap: wrap; }
    .banner-call-us .title {
        font-size: 18px;
        width: 100%;
        text-align: center;
        margin-bottom: 10px; }
    .banner-call-us .call {
        font-size: 18px;
        padding: 10px 10px;
        justify-content: center;
        width: 100%; }
    .banner-call-us .call i {
        font-size: 20px;
        height: 20px; }

    /* SPECIFICATION */
    .specification {
        margin-bottom: 30px; }
    .specification .container {
        padding-bottom: 30px !important; }

    .seminar-ticket .plan-inf {
        margin-bottom: 10px; }
    .seminar-ticket .title-plan {
        font-size: 16px;
        flex-wrap: wrap; }
    .seminar-ticket .title-plan .main-icon {
        min-width: 40px;
        width: 40px;
        height: 40px; }
    .seminar-ticket .title-plan .main-icon i {
        font-size: 20px;
        height: 20px; }
    .seminar-ticket .title-plan .text {
        margin: 10px 0;
        width: 100%;
        background-color: #fafafa;
        padding: 5px 10px;
        border-radius: 3px;
        font-size: 15px;
        margin-right: 0; }

    .text-border {
        font-size: 14px;
        margin-bottom: 10px; }

    /* GLOBAL */
    .header-section {
        margin-bottom: 25px; }
    .header-section .title {
        font-size: 18px; }
    .header-section .more {
        margin-right: auto; }
    .header-section .nav {
        display: none; }
    .header-section .nav-responsive {
        margin-top: 15px;
        display: flex; }

    .nav-pagination {
        margin-top: 25px; }

    .d-max-992-block {
        display: block !important; }

    .d-max-992-none {
        display: none !important; } }
/* MAX WIDTH 768PX */
@media screen and (max-width: 768px) {
    /* QUIZ-START */
    .quiz-start .steps-quiz .item {
        display: none;
        border-radius: 10px;
        font-size: 18px; }
    .quiz-start .steps-quiz .item.active {
        display: flex; }
    .quiz-start .main-question .question {
        font-size: 16px;
        margin-bottom: 10px;
        display: flex;
        flex-direction: column; }
    .quiz-start .main-question .question .number {
        font-size: 15px;
        padding: 5px 10px;
        margin-bottom: 5px;
        max-width: fit-content; }
    .quiz-start .main-question ul li {
        margin: 2.5px 5px;
        margin-right: 0; }
    .quiz-start .main-question ul li label, .quiz-start .main-question ul li a {
        padding: 5px 20px;
        font-size: 16px; }
    .quiz-start .time {
        display: none; }
    .quiz-start .time-res {
        display: flex; }
    .quiz-start .relax {
        padding: 15px; }
    .quiz-start .title-relax {
        font-size: 20px; }
    .quiz-start .text-relax {
        font-size: 17px; }
    .quiz-start .next {
        font-size: 18px; }
    .quiz-start .end {
        padding: 15px; }
    .quiz-start .title-end {
        background-color: #2ab0bc;
        color: #ffffff;
        font-size: 18px;
        padding: 5px 0;
        background-image: none !important;
        margin-bottom: 0;
        border-radius: 5px; }
    .quiz-start .nav-end {
        width: 100%; }
    .quiz-start .nav-end .nav-item {
        margin: 5px 0;
        width: 100%; }
    .quiz-start .nav-end .nav-item .nav-link {
        width: 100%;
        font-size: 18px;
        padding: 10px 10px; }
    .quiz-start .nav-end .nav-item .nav-link i {
        font-size: 22px;
        height: 22px; }
    .quiz-start .return {
        position: relative;
        right: 0;
        bottom: 0;
        transform: unset;
        width: 100%;
        font-size: 18px;
        padding: 10px 10px;
        border-radius: 5px;
        margin: 5px 0; }
    .quiz-start .return i {
        font-size: 22px;
        height: 22px; }

    .comment-popup {
        padding: 20px 15px; }
    .comment-popup form {
        width: 100%;
        position: relative;
        top: 0;
        right: 0;
        transform: translateY(0) translateX(0); }
    .comment-popup .form-elements {
        padding: 20px 10px; }
    .comment-popup .btn-close {
        top: 11px; }

    /* HEADER */
    header .top-bar .logged {
        margin-top: 0; }
    header .top-bar .logged .nav-link {
        font-size: 13px;
        width: 100%; }
    header .top-bar .logged .nav-link img {
        width: 45px;
        height: 45px;
        margin-left: 5px; }
    header .top-bar .logged .nav-link .name {
        display: none;
        margin-left: 0; }
    header .top-bar .logged .nav-link .welcome {
        display: none; }
    header .top-bar .logged .nav-link i {
        margin-right: 5px; }
    header .main-bar input {
        width: 250px; }

    /* TAB SLIDE */
    .main-slider .main-slide {
        margin-bottom: 0; }
    .main-slider .main-slide .swiper-slide {
        padding-bottom: 70px; }
    .main-slider .main-slide a {
        text-align: center;
        width: 100%;
        padding-right: 5px;
        padding-left: 5px; }
    .main-slider .main-slide .title, .main-slider .main-slide .date, .main-slider .main-slide .subtitle {
        padding-right: 0; }
    .main-slider .main-slide .title {
        font-size: 30px; }
    .main-slider .main-slide .date {
        font-size: 25px; }
    .main-slider .main-slide .subtitle {
        font-size: 17px; }
    .main-slider .main-slide .register-to {
        padding-left: 15px;
        font-size: 18px;
        border-radius: 200px;
        margin: 0 auto; }
    .main-slider .main-slide .register-to:hover span {
        padding-right: 25px; }
    .main-slider .main-slide .register-to span {
        border-radius: 200px;
        padding-right: 25px;
        padding-left: 25px;
        margin-left: 15px; }
    .main-slider .main-slide .swiper-navigation {
        left: 50%;
        bottom: 25px;
        transform: translateX(-50%); }
    .main-slider .main-slide .swiper-button-main-next, .main-slider .main-slide .swiper-button-main-prev {
        display: block; }
    .main-slider .thumbs-swiper {
        display: none; }
    .main-slider .thumbs-swiper .swiper-slide .image span {
        font-size: 14px; }

    /* SPECIAL-SELL */
    .special-sell .background .main-special-swiper .swiper-slide .align-self-end {
        align-self: flex-start !important; }
    .special-sell .background .main-special-swiper .swiper-slide .percent {
        width: 120px;
        height: 135px;
        font-size: 24px;
        padding-top: 40px;
        padding-right: 5px; }
    .special-sell .background .main-special-swiper .swiper-slide img {
        height: auto;
        max-height: 300px; }

    /* CATEGORY */
    .category .item {
        font-size: 20px;
        height: 130px !important;
        padding-bottom: 25px !important; }

    /* CONTACT-WIDTH-SUPPORT */
    .contact-width-support {
        padding: 25px 0; }
    .contact-width-support .text {
        line-height: 1.2 !important;
        font-size: 16px; }
    .contact-width-support .text b {
        font-size: 20px;
        margin-bottom: 5px; }
    .contact-width-support i {
        font-size: 45px;
        height: 45px;
        margin-right: 10px; }
    .contact-width-support .titr {
        font-size: 20px; }
    .contact-width-support .number {
        font-size: 18px; }

    /* FOOTER */
    footer .footer-top {
        padding-top: 30px;
        padding-bottom: 30px; }
    footer .footer-top .item-inf {
        max-width: 100%; }
    footer .footer-top .namad img {
        width: 70px;
        height: 85px;
        object-fit: contain;
        object-position: center; }
    footer .footer-responsive {
        padding: 20px 0; }
    footer .footer-responsive .nav .nav-item .nav-link {
        font-size: 15px;
        padding: 5px 10px; }
    footer .footer-responsive .nav .nav-item .nav-link:after {
        width: 14px; }
    footer .footer-middle {
        padding-top: 20px;
        padding-bottom: 20px; }
    footer .footer-middle .title {
        font-size: 16px; }
    footer .footer-middle .nav-tag .nav-item .nav-link {
        font-size: 12px;
        padding: 7.5px 15px; }

    /* BLOG-SLIDER */
    .blog-slider .owl-dots {
        max-width: 510px; }

    /* BOARD-CRUMB */
    .board-crumb {
        margin-bottom: 30px;
        padding: 10px 0; }
    .board-crumb .d-flex {
        width: 100%;
        flex-wrap: wrap;
        align-items: center; }
    .board-crumb .nav {
        width: 100%;
        justify-content: center;
        margin-bottom: 5px; }
    .board-crumb .nav .nav-item .nav-link {
        font-size: 14px;
        padding: 5px 12.5px; }
    .board-crumb .nav .nav-item .nav-link:after {
        font-size: 16px; }
    .board-crumb .date {
        width: 100%;
        text-align: center;
        font-size: 14px;
        display: none; }
    .board-crumb .share {
        margin: 0 auto; }
    .board-crumb .share .dropdown-share-sub {
        top: 100%;
        left: 50%;
        transform: translateX(-50%) translateY(0%);
        margin-top: 5px;
        margin-left: 0; }
    .board-crumb .change-size {
        margin-left: auto;
        margin-right: auto;
        margin-top: 5px;
        margin-bottom: 5px; }

    /* BANNER BOOK */
    .banner-book {
        margin-bottom: 30px; }
    .banner-book .background {
        height: auto;
        padding-top: 15px;
        padding-bottom: 15px;
        padding-right: 0;
        padding-left: 0;
        flex-direction: column-reverse; }
    .banner-book .subtitle {
        text-align: center; }
    .banner-book .title {
        font-size: 23px;
        text-align: center; }
    .banner-book .text {
        display: none; }
    .banner-book img {
        max-height: 170px;
        object-fit: contain;
        margin-bottom: 15px; }

    /* SEARCH SECTION */
    .search-section {
        margin-bottom: 30px; }
    .search-section input {
        height: 50px;
        padding-right: 15px;
        font-size: 16px; }
    .search-section .form-group {
        margin-bottom: 15px; }
    .search-section .btn {
        width: 100%;
        position: relative;
        top: unset;
        left: unset;
        transform: unset;
        margin-right: auto; }

    /* BLOG-SINGLE */
    .title-blog {
        padding-top: 25px; }
    .title-blog.podcast-theme article {
        flex-wrap: wrap;
        text-align: center; }
    .title-blog.podcast-theme article div {
        width: 100%; }
    .title-blog.podcast-theme article i {
        margin-right: auto;
        margin-left: auto;
        margin-bottom: 10px; }
    .title-blog article {
        text-align: center; }
    .title-blog .title {
        margin-bottom: 10px; }
    .title-blog .btn-group {
        width: 100%;
        justify-content: center; }
    .title-blog .btn-like-podcast {
        margin-right: auto !important;
        margin-left: auto !important; }

    .about-news {
        border: none;
        background-color: #5d11ac;
        border-radius: 5px;
        padding: 10px;
        margin-bottom: 50px;
        position: relative; }
    .about-news.podcast-theme {
        padding: 5px !important; }
    .about-news.podcast-theme .name-item {
        width: 100%;
        padding: 0 !important; }
    .about-news.podcast-theme .name-item img {
        margin-left: 15px !important; }
    .about-news.podcast-theme .name-item .name {
        width: 100%;
        border-radius: 5px; }
    .about-news.podcast-theme .name-item:after {
        display: none; }
    .about-news.podcast-theme .name {
        display: flex;
        align-items: center;
        padding: 10px;
        padding-left: 30px;
        border-radius: 200px;
        background-color: #fafafa;
        color: #666666 !important; }
    .about-news.podcast-theme .name b {
        color: #5d11ac !important;
        margin-right: 10px; }
    .about-news .time, .about-news .seen {
        padding: 3px 15px !important;
        background-color: #5d11ac;
        border-radius: 5px;
        position: absolute;
        top: calc(100% + 10px); }
    .about-news .time {
        left: 0; }
    .about-news .seen {
        right: 0; }
    .about-news .nav-item {
        color: #ffffff; }
    .about-news .nav-item .res-none {
        display: none; }
    .about-news .nav-item:after {
        display: none; }
    .about-news .nav-item img {
        margin-left: 0; }
    .about-news .nav-item .name {
        color: #ffffff; }

    .blog-single .owl-gallery {
        margin-bottom: 20px; }
    .blog-single .owl-gallery .item {
        height: 275px; }
    .blog-single .owl-gallery .owl-nav {
        bottom: 20px; }
    .blog-single .video {
        height: 250px; }
    .blog-single .video .btn-play {
        width: 75px;
        height: 75px; }
    .blog-single .video .btn-play i {
        font-size: 28px;
        height: 28px; }
    .blog-single .video .main-video .btn-close {
        width: 40px;
        height: 40px;
        top: 10px;
        right: 10px; }
    .blog-single .video .main-video .btn-close i {
        font-size: 17px;
        height: 17px; }
    .blog-single .js-plyr .plyr__controls {
        height: 50px;
        padding-right: 0.9375rem;
        padding-left: 0.9375rem; }
    .blog-single .js-plyr .plyr__controls button i {
        font-size: 18px;
        height: 18px; }
    .blog-single .js-plyr .plyr__controls button svg {
        width: 18px;
        height: 18px; }
    .blog-single .comment .item-comment.reply {
        margin-right: 0;
        margin-top: 10px;
        padding: 15px; }
    .blog-single .post-comment textarea {
        height: 150px; }

    .nav-tags .nav-title {
        font-size: 16px;
        width: 100%;
        margin-bottom: 10px; }
    .nav-tags .nav-item .nav-link {
        font-size: 12px; }

    .banner-viewpoint {
        padding-bottom: 0;
        flex-wrap: wrap; }
    .banner-viewpoint article {
        width: 100%; }
    .banner-viewpoint .title {
        font-size: 20px;
        padding: 5px 10px;
        width: 100%;
        text-align: center;
        border-radius: 0; }
    .banner-viewpoint .subtitle {
        text-align: center;
        font-size: 18px;
        padding-right: 10px;
        padding-left: 10px;
        margin-bottom: 15px; }
    .banner-viewpoint .send {
        font-size: 18px;
        padding: 7.5px 25px;
        border-top-left-radius: 5px;
        border-bottom-right-radius: 0;
        margin: 0 auto; }

    /* BLOG-ARCHIVE */
    .blog-archive {
        margin-bottom: 30px; }
    .blog-archive .item-blog {
        padding: 10px;
        flex-wrap: wrap; }
    .blog-archive .item-blog .image {
        width: 100%; }
    .blog-archive .item-blog .image img {
        width: 100%; }
    .blog-archive .item-blog article {
        padding-top: 20px;
        padding-right: 0;
        padding-left: 0; }
    .blog-archive .item-blog .date {
        margin-bottom: 5px; }

    /* START-LOGIN-REGISTER */
    .login-register {
        padding-bottom: 195px; }

    .login-register .footer {
        padding: 20px 0;
    }
    .login-register .footer .brand {
        margin-right: auto;
        margin-left: auto;
        margin-bottom: 15px; }
    .login-register .footer .brand img {
        max-width: 110px; }
    .login-register .footer .nav {
        width: 100%;
        justify-content: space-between; }
    .login-register .footer .nav .nav-item {
        width: 49%;   background-color: #2ab0bc;
        color: #ffffff; border-radius: 100px; margin-bottom: 5px}


    /* ERROR */
    .error {
        padding-bottom: 160px; }
    .error article {
        padding-top: 30px;
        padding-bottom: 30px; }
    .error img {
        max-height: 200px; }
    .error .title {
        font-size: 30px;
        margin-bottom: 5px; }
    .error .subtitle {
        font-family: Kalameh !important;
        font-size: 23px;
        font-weight: 300; }
    .error .nav {
        justify-content: space-between; }
    .error .nav .nav-item {
        width: 33%;
        margin: 0; }
    .error .nav .nav-item .nav-link {
        text-align: center;
        width: 100%;
        padding: 7.5px 5px; }
    .error .footer {
        padding: 20px 0; }
    .error .footer .brand {
        margin-right: auto;
        margin-left: auto;
        margin-bottom: 15px; }
    .error .footer .brand img {
        max-width: 110px; }
    .error .footer .text {
        font-size: 16px;
        width: 100%;
        text-align: center; }

    /* FAQ */
    .text-bg {
        padding: 25px 0;
        margin-bottom: 20px; }
    .text-bg .text {
        font-size: 14px; }

    .faq.blue-theme {
        margin-bottom: 30px; }
    .faq.has-border-bottom {
        margin-bottom: 30px; }
    .faq.has-border-bottom .accordion-menu {
        padding-bottom: 30px !important; }
    .faq .title {
        font-size: 18px;
        margin-bottom: 15px; }
    .faq .nav {
        margin-bottom: 15px; }
    .faq .nav .nav-item:after {
        width: 8px;
        height: 8px; }
    .faq .nav .nav-item .nav-link {
        font-size: 15px;
        padding: 7.5px 25px; }
    .faq .accordion-menu {
        padding-bottom: 20px; }
    .faq .accordion-menu .item-accordion .dropdownlink {
        font-size: 14px;
        align-items: flex-start;
        padding: 15px 10px; }
    .faq .accordion-menu .item-accordion .dropdownlink i {
        font-size: 20px;
        height: 20px; }
    .faq .accordion-menu .item-accordion .submenu {
        display: none;
        padding-bottom: 15px;
        padding-right: 10px;
        padding-left: 10px; }
    .faq .accordion-menu .item-accordion .text {
        font-size: 14px;
        padding: 10px; }

    /* FORM ELEMENTS */
    .form-elements {
        margin-bottom: 30px; }
    .form-elements.blue-theme {
        margin-bottom: 0;
        padding: 30px 0; }
    .form-elements.checkout-theme label {
        position: relative;
        top: unset;
        right: unset;
        margin-bottom: 10px; }
    .form-elements.checkout-theme textarea {
        height: 180px;
        padding-top: 15px;
        color: #666666; }
    .form-elements.checkout-theme .btn-submit {
        margin-right: auto;
        margin-left: unset;
        margin-top: unset;
        margin-bottom: 0; }
    .form-elements .title {
        font-size: 14px;
        margin-bottom: 10px; }
    .form-elements input, .form-elements textarea {
        padding-right: 15px; }
    .form-elements textarea {
        padding: 15px; }
    .form-elements .select2 .selection .select2-selection:after {
        left: 15px; }
    .form-elements .select2 .selection .select2-selection .select2-selection__rendered {
        padding-right: 15px; }

    /* CONTACT-US */


    .contact-us .ways-to-address .nav .nav-item {
        flex-wrap: wrap;
        margin-bottom: 10px; }
    .contact-us .ways-to-address .nav .nav-item .number {
        display: none; }
    .contact-us .ways-to-address .nav .nav-item .icon {
        margin-left: 10px; }
    .contact-us .ways-to-address .nav .nav-item article {
        margin-top: 10px; }
    .contact-us .ways-to-address .nav .nav-item .title {
        font-size: 16px;
        display: none; }
    .contact-us .ways-to-address .nav .nav-item .res-block {
        display: block; }
    .contact-us .ways-to-address .nav .nav-item .text {
        font-size: 14px; }
    .contact-us #map {
        display: none; }
    .contact-us .map-mobile {
        display: flex; }
    .contact-us .main-contact {
        padding: 0;
        background-image: none !important; }
    .contact-us .main-contact .container {
        flex-direction: column-reverse; }
    .contact-us .main-contact .phone {width: 100%;background-color: #5d11ac;padding: 15px;position: relative;  color: white}
    .contact-us .main-contact .phone:after {
        content: '';
        position: absolute;
        right: 100%;
        top: 0;
        width: 100%;
        height: 100%;
        background-color: #5d11ac; }
    .contact-us .main-contact .phone:before {
        content: '';
        position: absolute;
        left: 100%;
        top: 0;
        width: 100%;
        height: 100%;
        background-color: #5d11ac; }
    .contact-us .main-contact .nav .nav-item {
        text-align: center;
        padding-right: 0; }
    .contact-us .main-contact img {
        width: 120px;
        height: 120px;
        border: 10px solid #d6f0f2;
        margin-right: 25px; }
    .contact-us .main-contact .name {
        width: 100%;
        font-size: 16px;
        text-align: center;color:white; }
    .contact-us .main-contact .job {
        font-size: 17px; color:white;}
    .contact-us .main-contact article {
        width: 100%;
        background-color: #2ab0bc;
        padding: 15px;
        flex-wrap: wrap;
        flex-direction: column-reverse;
        justify-content: center;
        align-items: center;
        position: relative; }
    .contact-us .main-contact .item{width: 100%;background-color: #2ab0bc;padding: 15px;flex-wrap: wrap;flex-direction: column-reverse;justify-content: center;align-items: center;position: relative;border-radius: 0px; flex-direction: column; }
    .contact-us .main-contact article:after {
        content: '';
        position: absolute;
        right: 100%;
        top: 0;
        width: 100%;
        height: 100%;
        background-color: #2ab0bc; }
    .contact-us .main-contact article:before {
        content: '';
        position: absolute;
        left: 100%;
        top: 0;
        width: 100%;
        height: 100%;
        background-color: #2ab0bc; }
    .contact-us .main-contact .item:after {
        content: '';
        position: absolute;
        right: 100%;
        top: 0;
        width: 100%;
        height: 100%;
        background-color: #2ab0bc; }
    .contact-us .main-contact .item:before {
        content: '';
        position: absolute;
        left: 100%;
        top: 0;
        width: 100%;
        height: 100%;
        background-color: #2ab0bc; }
    .contact-us .info-contact1 .item i {
        color: white;
    }
    .contact-us .main-contact article img {
        border: 10px solid #ffffff;
        margin-right: 0;
        margin-bottom: 10px; }
    .contact-us .social-contact.social-contact-bg .background {
        border: none !important;
        background-color: #f9f9f9;
        background-image: none !important; }
    .contact-us .social-contact .background {
        padding: 15px 15px;
        border: 1px solid #e5e5e5 !important;
        border-radius: 5px !important; }
    .contact-us .social-contact .background:before {
        display: none; }
    .contact-us .social-contact .background:after {
        display: none; }
    .contact-us .social-contact .title {
        width: 100%;
        font-size: 16px;
        text-align: center;
        padding: 0; }
    .contact-us .social-contact .nav {
        width: 100%;
        justify-content: center;
        margin-top: 5px; }
    .contact-us .social-contact .nav .nav-item .nav-link {
        margin: 0;
        width: 40px;
        height: 40px; }
    .contact-us .address .item {
        padding: 20px 15px; }
    .contact-us .address .item .title {
        font-size: 16px; }
    .contact-us .address .item .subtitle {
        font-size: 14px; }

    /* SEMINAR ARCHIVE */
    .seminar-archive .item {
        padding: 10px; }
    .seminar-archive .item .background {
        min-height: 340px;
        padding-top: 75px;
        padding-bottom: 15px;
        padding-right: 10px;
        padding-left: 10px; }
    .seminar-archive .item .discount {
        font-size: 14px; }
    .seminar-archive .item .status {
        font-size: 14px; }
    .seminar-archive .item .subtitle {
        font-size: 14px; }
    .seminar-archive .item .title {
        font-size: 16px; }
    .seminar-archive .item .teacher {
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 15px; }
    .seminar-archive .item .teacher .name {
        font-size: 15px; }
    .seminar-archive .item .teacher .name b {
        font-size: 15px; }
    .seminar-archive .item .price-join {
        width: 100%;
        font-size: 14px; }
    .seminar-archive .item .price-join .join {
        font-size: 14px;
        padding: 0 15px; }

    /* COURSE GUIDE */
    .course-guide.seminar-theme {
        margin-bottom: 30px; }
    .course-guide.seminar-theme .container {
        padding-bottom: 30px !important; }
    .course-guide.seminar-theme .item .background {
        flex-direction: column;
        justify-content: space-between;
        align-items: flex-start;
        padding-top: 40px;
        padding-bottom: 40px;
        padding-left: 20px;
        padding-right: 20px; }
    .course-guide.seminar-theme .item .background .btn-play {
        margin-bottom: 20px;
        margin-right: 0;
        margin-left: 0; }
    .course-guide.seminar-theme .item .background .nav {
        display: block;
        margin-bottom: 0; }
    .course-guide.seminar-theme .item .background .nav .nav-item {
        font-size: 14px; }
    .course-guide.seminar-theme .item .background .title {
        font-size: 16px;
        margin-bottom: 0;
        text-align: right; }
    .course-guide .item .background {
        flex-wrap: wrap;
        flex-direction: column-reverse;
        align-items: flex-start;
        padding-left: 15px;
        padding-right: 15px;
        min-height: 200px; }
    .course-guide .item .background article {
        width: 100%; }
    .course-guide .item .background .title {
        font-size: 17px;
        text-align: center; }
    .course-guide .item .background .subtitle {
        font-size: 14px;
        display: none; }
    .course-guide .item .background .nav {
        display: none; }
    .course-guide .item .background .teacher {
        margin: 0 auto; }
    .course-guide .item .background .btn-play {
        margin-right: auto;
        margin-bottom: 20px;
        margin-left: auto;
        width: 60px;
        min-width: 60px;
        height: 60px; }
    .course-guide .item .background .btn-play i {
        font-size: 23px;
        height: 23px; }
    .course-guide .item .main-video .btn-close {
        width: 35px;
        height: 35px;
        top: 10px;
        right: 10px; }
    .course-guide .item .main-video .btn-close i {
        font-size: 13px;
        height: 13px; }

    /* PODCAST-ARCHIVE */
    .podcast-archive .item .image {
        padding: 30px 15px;
        flex-wrap: wrap; }
    .podcast-archive .item .image div {
        width: 100%; }
    .podcast-archive .item .image i {
        margin-bottom: 10px; }
    .podcast-archive .item .subtitle {
        font-size: 16px; }
    .podcast-archive .item .title {
        font-size: 19px; }
    .podcast-archive .item .date {
        font-size: 15px;
        margin-bottom: 5px;
        margin-top: 5px; }
    .podcast-archive .item .btn-group .btn {
        margin: 2.5px;
        font-size: 13px; }
    .podcast-archive .item .btn-group .btn-listen {
        padding: 0 15px; }

    /* ALL PRODUCT ARCHIVE */
    .all-product-archive {
        margin-bottom: 30px; }
    .all-product-archive .item .price {
        width: 100%;
        background-color: #f7fcfc !important; }
    .all-product-archive .item .price:after {
        display: none; }
    .all-product-archive .item .order {
        display: block; }

    /* EMPLOYMENT */
    .employment .part {
        margin-bottom: 25px; }
    .employment input.light-placeholder {
        padding-right: 10px;
        height: 110px; }
    .employment .label-select {
        position: relative;
        top: 0;
        right: 0;
        transform: unset;
        margin-bottom: 10px; }
    .employment .title-on-input {
        top: 10px;
        right: 10px;
        transform: unset; }
    .employment .form-check-on-input {
        top: unset;
        bottom: 10px;
        right: 10px;
        left: unset;
        transform: unset; }
    .employment label {
        margin-left: 15px; }
    .employment .how-old .select2-selection__rendered {
        padding-right: 20px !important; }
    .employment .city .select2-selection__rendered {
        padding-right: 20px !important; }
    .employment .town .select2-selection__rendered {
        padding-right: 20px !important; }

    /* ABOUT US */
    .about-us {
        margin-bottom: 30px; }
    .about-us.has-border-bottom {
        margin-bottom: 30px; }
    .about-us.has-border-bottom .container {
        padding-bottom: 30px !important; }
    .about-us .nav {
        margin-bottom: 15px; }
    .about-us .nav .nav-item {
        font-size: 14px;
        padding: 5px 25px; }
    .about-us .nav .nav-item:after {
        width: 13px;
        height: 13px; }
    .about-us .text {
        font-size: 14px; }

    /* STATS */
    .stats {
        margin-bottom: 30px; }
    .stats .head {
        padding: 15px 0; }
    .stats .body {
        padding: 20px 0;
        padding-bottom: 0; }
    .stats .number {
        padding-top: 20px; }
    .stats .number:before {
        width: 20px; }
    .stats .item {
        margin-bottom: 20px; }

    /* VIDEO ABOUT US */
    .video-about-us {
        margin-bottom: 30px; }
    .video-about-us.consulting-theme .item {
        height: 250px; }
    .video-about-us.seminar-theme .item .btn-play {
        transform: translateX(50%) translateY(-75%); }
    .video-about-us .item {
        height: auto;
        padding-top: 20px;
        padding-bottom: 20px;
        padding-right: 15px;
        padding-left: 15px;
        flex-wrap: wrap;
        flex-direction: column-reverse;
        justify-content: flex-start;
        align-items: flex-start; }
    .video-about-us .item .nav .nav-item {
        font-size: 15px; }
    .video-about-us .item .btn-play {
        width: 60px;
        height: 60px;
        margin-bottom: 15px; }
    .video-about-us .item .btn-play i {
        font-size: 22px;
        height: 22px; }
    .video-about-us .item .main-video .btn-close {
        width: 35px;
        height: 35px; }
    .video-about-us .item .title {
        font-size: 16px;
        border-radius: 0;
        width: 100%;
        bottom: 0; }

    /* PARTNERS */
    .partners {
        margin-bottom: 10px; }
    .partners .title {
        font-size: 20px;
        margin-bottom: 20px; }

    /* TEAM */
    .team {
        margin-bottom: 20px; }
    .team .container {
        padding-top: 20px !important;
        padding-bottom: 0 !important; }
    .team .title {
        font-size: 20px; }
    .team .item {
        padding-top: 70px;
        padding-bottom: 15px;
        padding-right: 10px;
        padding-left: 10px;
        margin-top: 60px; }
    .team .item img {
        width: 120px;
        height: 120px;
        border: 5px solid #ffffff; }
    .team .item .name {
        font-size: 18px; }
    .team .item .subtitle {
        font-size: 15px;
        margin-bottom: 10px; }
    .team .item .email {
        font-size: 14px;
        padding: 10px 2.5px; }

    /* BIOGRAPHY */
    .biography .title {
        font-size: 16px;
        margin-bottom: 5px; }
    .biography .text {
        font-size: 14px;
        margin-bottom: 0; }
    .biography .text:after {
        display: none; }
    .biography .show-complete {
        display: none; }

    /* COMMENT SECTION */
    .comment-section form {
        padding: 15px 0;
        padding-bottom: 0; }
    .comment-section .form-group {
        margin-bottom: 15px; }
    .comment-section textarea {
        height: 160px; }
    .comment-section .item-comment {
        padding-left: 0;
        background-color: transparent; }
    .comment-section .item-comment article {
        border: none;
        padding: 15px 15px;
        border-radius: 5px !important;
        background-color: #f8f8f8; }
    .comment-section .item-comment article:after {
        display: none; }
    .comment-section .item-comment article:before {
        display: none; }
    .comment-section .item-comment .title {
        font-size: 20px;
        display: block;
        margin-bottom: 5px;
        text-align: center;
        text-align-last: center;
        width: 100%; }
    .comment-section .item-comment .title b {
        margin-left: 0;
        display: block; }
    .comment-section .item-comment .see-more {
        padding: 5px 20px;
        background-color: #5d11ac;
        color: #ffffff;
        margin: 0 auto; }
    .comment-section .item-comment .see-more .__hvr-span {
        background-color: #eda61c; }
    .comment-section .item-comment .text {
        text-align-last: center; }

    /* TIM LINE */
    .time-line .container {
        padding-bottom: 15px !important; }
    .time-line .second-column, .time-line .first-column {
        padding: 0 15px !important; }
    .time-line .item {
        margin-bottom: 15px;
        padding: 10px; }
    .time-line .item article {
        padding: 10px; }

    /* CONSULTING-STEPS */
    .consulting-steps .nav .nav-item {
        display: none;
        width: 100%; }
    .consulting-steps .nav .nav-item.active {
        display: block; }
    .consulting-steps .tab .tab-item {
        padding: 10px 10px; }
    .consulting-steps .tab .tab-item i {
        font-size: 20px;
        height: 20px; }

    /* CONSULTING */
    .consulting article {
        padding-right: 0;
        padding-left: 0;
        padding-top: 15px;
        padding-bottom: 15px; }
    .consulting img {
        width: 100px;
        height: 100px; }
    .consulting .name {
        font-size: 16px; }
    .consulting .subtitle {
        font-size: 14px; }
    .consulting .time {
        font-size: 14px; }
    .consulting .time span {
        width: 100%;
        display: block;
        margin-top: 5px; }
    .consulting .price {
        font-size: 14px; }
    .consulting .reserve {
        font-size: 14px; }
    .consulting .btn-group {
        top: 45px;
        left: 12.5px; }

    /* QUIZ TITLE */
    .title-quiz {
        margin-bottom: 30px; }
    .title-quiz article {
        width: 100%;
        justify-content: center;
        margin-bottom: 10px; }
    .title-quiz .btn-group {
        width: 100%;
        justify-content: center; }
    .title-quiz .btn-group .btn {
        padding-right: 10px;
        padding-left: 10px; }
    .title-quiz .btn-group .btn .dropdown-share-sub {
        width: auto;
        left: 100%;
        right: unset; }
    .title-quiz .btn-group .btn-like {
        width: 50px;
        height: 50px;
        padding: 0; }

    /* MAIN QUIZ */
    .main-quiz {
        margin-bottom: 30px; }
    .main-quiz .container {
        padding-bottom: 30px !important; }
    .main-quiz .rate {
        margin-bottom: 10px; }
    .main-quiz .link {
        height: 50px;
        font-size: 15px;
        margin-bottom: 0; }
    .main-quiz .price {
        height: 50px;
        font-size: 15px;
        margin-bottom: 10px; }

    /* ABOUT QUIZ */
    .about-quiz {
        margin-bottom: 30px; }
    .about-quiz .container {
        padding-bottom: 30px !important; }
    .about-quiz .title {
        font-size: 16px;
        text-align: right; }
    .about-quiz .nav .nav-item {
        font-size: 14px; }
    .about-quiz .nav .nav-item:before {
        right: 15px;
        width: 15px;
        height: 15px;
        border: 5px solid #666666; }

    /* QUIZ START */
    .quiz-start {
        padding-bottom: 195px; }
    .quiz-start .mCSB_container {
        margin-left: 20px !important; }
    .quiz-start .title {
        font-size: 18px;
        padding: 10px 15px;
        margin-bottom: 15px; }
    .quiz-start .text {
        font-size: 16px;
        margin-bottom: 10px;
        padding-left: 5px; }
    .quiz-start .text.has-bullet {
        text-indent: 25px; }
    .quiz-start .text.has-bullet:before {
        width: 15px;
        height: 15px;
        border: 5px solid #5d11ac; }
    .quiz-start article {
        padding: 15px 10px;
        padding-left: 5px;
        min-height: auto; }
    .quiz-start .article {
        padding-bottom: 40px; }
    .quiz-start .btn-group {
        padding: 15px 0; }
    .quiz-start .btn-group .btn {
        font-size: 16px;
        padding: 5px 20px; }
    .quiz-start .btn-group .btn i {
        font-size: 15px;
        height: 15px;
        margin-right: 7.5px; }
    .quiz-start .footer {
        padding: 20px 0; }
    .quiz-start .footer .brand {
        margin-right: auto;
        margin-left: auto;
        margin-bottom: 15px; }
    .quiz-start .footer .brand img {
        max-width: 110px; }
    .quiz-start .footer .nav {
        width: 100%;
        justify-content: space-between; }
    .quiz-start .footer .nav .nav-item {
        width: 49%; }
    .quiz-start .footer .nav .nav-item:last-child .nav-link {
        margin-left: 0; }
    .quiz-start .footer .nav .nav-item .nav-link {
        width: 100%;
        margin: 5px 0;
        padding: 5px 20px;
        text-align: center; }
    .quiz-start .wizard > .content > .body {
        padding-bottom: 92px !important; }
    .quiz-start .actions ul {
        flex-wrap: wrap; }
    .quiz-start .actions ul li {
        width: 100%; }
    .quiz-start .actions ul li a {
        width: 100%;
        font-size: 17px;
        padding: 7px 20px !important;
        text-align: center !important;
        justify-content: center !important; }
    .quiz-start .steps ul {
        display: none; }

    /* CHECKOUT */
    .title-checkout {
        margin-bottom: 20px;
        flex-wrap: wrap;
        border-bottom: none; }
    .title-checkout.purple-theme {
        border-bottom: none; }
    .title-checkout.purple-theme .title {
        border-bottom: none;
        background-image: -moz-linear-gradient(180deg, rgba(93, 17, 172, 0.15) 0%, rgba(92, 17, 172, 0) 100%);
        background-image: -webkit-linear-gradient(180deg, rgba(93, 17, 172, 0.15) 0%, rgba(92, 17, 172, 0) 100%);
        background-image: -ms-linear-gradient(180deg, rgba(93, 17, 172, 0.15) 0%, rgba(92, 17, 172, 0) 100%);
        color: #5d11ac; }
    .title-checkout .title {
        width: 100%;
        margin-left: 10px;
        border-bottom: none;
        padding-bottom: 10px;
        padding-top: 10px;
        padding-right: 10px;
        border-top-right-radius: 5px;
        border-bottom-right-radius: 5px;
        background-image: -moz-linear-gradient(180deg, rgba(42, 176, 188, 0.15) 0%, rgba(92, 17, 172, 0) 100%);
        background-image: -webkit-linear-gradient(180deg, rgba(42, 176, 188, 0.15) 0%, rgba(92, 17, 172, 0) 100%);
        background-image: -ms-linear-gradient(180deg, rgba(42, 176, 188, 0.15) 0%, rgba(92, 17, 172, 0) 100%);
        color: #2ab0bc; }
    .title-checkout .text {
        width: 100%;
        padding-bottom: 5px;
        display: none; }
    .title-checkout .btn {
        width: 100%;
        border-radius: 5px;
        font-size: 15px;
        padding: 5px 15px;
        margin-bottom: 0;
        margin-top: 10px; }

    .choice-address {
        margin-bottom: 30px; }
    .choice-address label {
        padding-right: 30px; }
    .choice-address label:after {
        height: 20px;
        width: 20px; }
    .choice-address label:before {
        width: 12px;
        height: 12px;
        right: 4px; }
    .choice-address label .detail-label {
        padding-top: 5px;
        padding-right: 10px;
        padding-left: 10px;
        padding-bottom: 10px; }
    .choice-address label .detail-label .nav {
        margin-bottom: 0; }
    .choice-address label .detail-label .nav .nav-item {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
        padding-top: 5px;
        padding-bottom: 5px; }
    .choice-address label .detail-label .nav .nav-item:after {
        display: none; }
    .choice-address label .__btn-public {
        height: auto;
        padding: 5px 10px;
        font-size: 14px; }
    .choice-address .btn-edit {
        padding: 5px 10px;
        border-radius: 5px; }
    .choice-address .btn-add {
        padding: 6px 20px; }

    .order-list {
        margin-bottom: 10px; }
    .order-list .item {
        padding: 20px 15px;
        margin-bottom: 20px;
        position: relative; }
    .order-list .item img {
        width: 60px;
        height: 90px;
        margin-left: 15px; }
    .order-list .item .name {
        font-size: 14px; }
    .order-list .item .subtitle {
        font-size: 14px; }
    .order-list .item .number {
        font-size: 14px;
        padding: 3px 10px;
        background-color: #2ab0bc;
        color: #ffffff;
        position: absolute;
        top: 7.5px;
        left: 7.5px; }

    .detail-send-order {
        margin-bottom: 20px;}
    .detail-send-order .form-group {
        margin-bottom: 10px; }
    .detail-send-order label {
        padding: 10px;
        flex-wrap: wrap;
        border-radius: 5px; }
    .detail-send-order label .circle {
        width: 30px;
        height: 30px;
        margin-left: 10px;
        margin-bottom: 10px; }
    .detail-send-order label .circle i {
        font-size: 12px;
        height: 12px; }
    .detail-send-order label .icon-mail1 {
        font-size: 22px;
        height: 22px;
        margin-left: 0; }

    .choice-day {
        margin-bottom: 30px; }
    .choice-day .item {
        margin-bottom: 10px; }

    .final-checkout {
        margin-bottom: 30px; }
    .final-checkout .label-check {
        border-radius: 5px;
        text-indent: 35px; }
    .final-checkout .price {
        height: auto;
        padding: 7.5px 15px;
        justify-content: center; }
    .final-checkout .price .titr {
        margin-left: 10px; }
    .final-checkout .btn-submit {
        height: auto;
        padding: 7.5px 20px; }

    /* LAST PODCAST */
    .last-podcast .item {
        min-height: 190px;
        padding: 15px; }
    .last-podcast .item .subtitle {
        font-size: 16px; }
    .last-podcast .item .title {
        font-size: 18px; }
    .last-podcast .item .number {
        font-size: 15px; }
    .last-podcast .item .listen {
        font-size: 15px; }

    /* PODCAST SINGLE */
    .podcast-single {
        height: 180px;
        padding: 30px 0; }
    .podcast-single .main-audio {
        padding-bottom: 0; }
    .podcast-single .main-audio .plyr__controls {
        padding-left: 10px;
        padding-right: 10px; }
    .podcast-single .main-audio .plyr--audio .plyr__controls button i {
        font-size: 20px;
        height: 20px; }
    .podcast-single .download {
        font-size: 17px;
        padding: 7.5px 20px;
        white-space: nowrap; }

    /* SEMINAR INFORMATION */
    .seminar-information {
        margin-bottom: 20px; }
    .seminar-information .item {
        padding: 20px 15px;
        margin-bottom: 10px;
        flex-wrap: wrap; }
    .seminar-information .item i {
        margin-bottom: 5px;
        margin-top: 5px; }

    /* SEMINAR PRICE */
    .seminar-price .discount {
        font-size: 16px; }
    .seminar-price .title {
        font-size: 16px; }
    .seminar-price .price {
        font-size: 14px;
        padding: 5px 5px;
        width: 100%;
        text-align: center;
        margin-bottom: 10px; }
    .seminar-price form {
        width: 100%; }
    .seminar-price .join-seminar {
        margin: 0;
        width: 100%;
        font-size: 14px;
        padding: 10px 5px;
        text-align: center; }

    /* SEMINAR TIME */
    .seminar-time {
        margin-bottom: 30px; }
    .seminar-time .title {
        font-size: 16px;
        width: 100%;
        text-align: center;
        margin-bottom: 10px; }
    .seminar-time ul {
        width: 100%;
        justify-content: center; }
    .seminar-time ul li {
        margin: 0 5px; }
    .seminar-time ul li:after {
        display: none; }
    .seminar-time ul li .time {
        font-size: 18px;
        width: 45px;
        height: 45px; }

    .modern-title {
        padding: 10px 15px;
        font-size: 16px;
        align-items: flex-start; }
    .modern-title i {
        font-size: 20px;
        height: 20px;
        margin-left: 10px; }

    /* QUIZ STEPS */
    .quiz-steps {
        padding: 0;
        border: none;
        margin-bottom: 30px; }
    .quiz-steps .nav {
        margin-bottom: 20px; }
    .quiz-steps .nav .nav-item {
        font-size: 14px; }
    .quiz-steps .nav .nav-item .circle {
        width: 80px;
        height: 80px;
        margin-bottom: 10px; }
    .quiz-steps .nav .nav-item .circle .number {
        width: 30px;
        height: 30px;
        font-size: 16px; }
    .quiz-steps .nav .nav-item .circle i {
        font-size: 30px;
        height: 30px; }

    /* NUMBER JOIN SEMINAR */
    .number-join-seminar {
        margin-bottom: 30px; }
    .number-join-seminar .background {
        padding: 20px 20px;
        flex-wrap: wrap; }
    .number-join-seminar i {
        font-size: 50px;
        height: 50px;
        margin-left: 0;
        margin-bottom: 10px; }
    .number-join-seminar .text {
        font-size: 16px;
        width: 100%; }

    /* CALL ABOUT SEMINAR */
    .call-about-seminar {
        margin-bottom: 30px; }
    .call-about-seminar .background {
        padding: 20px 0;
        flex-wrap: wrap; }
    .call-about-seminar .title {
        font-size: 16px;
        padding-right: 0;
        width: 100%;
        text-align: center;
        margin-bottom: 10px; }
    .call-about-seminar .call {
        padding: 7px 15px;
        font-size: 16px;
        justify-content: center;
        width: 100%;
        border-radius: 0 !important; }
    .call-about-seminar .call i {
        font-size: 18px;
        height: 18px; }

    /* SEMINAR SINGLE */
    .seminar-single .about-quiz .title {
        font-size: 16px; }
    .seminar-single .about-quiz .nav .nav-item {
        padding-right: 30px !important; }
    .seminar-single .about-quiz .nav .nav-item:before {
        right: 0; }

    /* ABOUT WRITER */
    .about-writer .image {
        padding: 5px;
        margin-left: 20px; }
    .about-writer .image img {
        width: 80px;
        height: 80px; }
    .about-writer .title {
        font-size: 18px; }
    .about-writer .subtitle {
        font-size: 15px; }

    /* PRODUCT SINGLE */
    .main-product .rate-row {
        margin-bottom: 20px; }
    .main-product .rate {
        font-size: 15px; }
    .main-product .item-info {
        padding-bottom: 20px;
        margin-bottom: 20px; }
    .main-product .link {
        height: 50px;
        font-size: 16px;
        margin-bottom: 20px; }
    .main-product .price {
        height: 50px;
        font-size: 17px;
        padding-right: 5px;
        margin-bottom: 20px;
        justify-content: center;
        border: 2px solid #2ab0bc; }
    .main-product .price del {
        margin-left: 10px;
        font-size: 15px;
        margin-right: auto; }
    .main-product .price .percent {
        font-size: 14px;
        padding: 2.5px 7.5px; }
    .main-product .title-send {
        font-size: 15px; }
    .main-product .title-send i {
        font-size: 20px;
        height: 20px; }
    .main-product article {
        padding: 20px 15px;
        margin-bottom: 20px; }
    .main-product .title {
        font-size: 16px;
        margin-bottom: 10px; }
    .main-product .text {
        font-size: 14px; }
    .main-product .certificate {
        flex-wrap: wrap;
        font-size: 15px;
        padding: 20px 15px; }
    .main-product .certificate i {
        font-size: 35px;
        height: 35px;
        margin-left: 0;
        margin-bottom: 10px; }

    /* ACCORDION-SECTION */
    .accordion-section .title {
        font-size: 18px;
        margin-bottom: 10px; }
    .accordion-section .accordion-menu li {
        margin-bottom: 10px; }
    .accordion-section .accordion-menu li a {
        padding: 15px 15px;
        font-size: 15px; }
    .accordion-section .accordion-menu li a .plus, .accordion-section .accordion-menu li a .minus {
        margin-left: 10px; }
    .accordion-section .accordion-menu li .submenu {
        display: none;
        padding-top: 10px; }
    .accordion-section .accordion-menu li .submenu .text {
        padding: 10px 10px;
        font-size: 15px; }

    /* BANNER CALL US */
    .banner-call-us .background {
        padding: 20px 10px; }
    .banner-call-us .title {
        font-size: 16px; }
    .banner-call-us .call {
        font-size: 17px; }

    /* SPECIFICATION */
    .specification .title {
        font-size: 17px;
        margin-bottom: 10px; }
    .specification .tr {
        padding-right: 15px; }
    .specification .th {
        width: 40%;
        font-size: 14px;
        padding-right: 20px; }
    .specification .th:before {
        width: 10px;
        height: 10px;
        border: 4px solid #7a7a7a; }
    .specification .td {
        font-size: 14px; }

    .seminar-fix {
        background-color: #2ab0bc;
        padding: 15px 0; }
    .seminar-fix .discount {
        font-size: 16px;
        margin-left: 0; }
    .seminar-fix .title {
        font-size: 14px;
        margin-bottom: 10px;
        background-color: #ffffff;
        color: #2ab0bc;
        border: 2px solid rgba(255, 255, 255, 0.5);
        padding: 5px;
        border-radius: 5px; }
    .seminar-fix .price {
        width: 49%;
        font-size: 14px;
        margin-right: 0;
        margin-bottom: 0;
        margin-left: auto;
        border: 2px solid rgba(255, 255, 255, 0.5); }
    .seminar-fix .price del {
        display: none !important; }
    .seminar-fix form {
        width: 49%; }
    .seminar-fix .join-seminar {
        width: 100%;
        display: block;
        font-size: 14px;
        margin-left: 0;
        color: #2ab0bc;
        padding: 5px 5px;
        margin-right: auto; }

    body.pb-seminar-fix {
        padding-bottom: 140px; }

    .nav-other-product {
        margin-bottom: 10px;
        flex-wrap: wrap; }
    .nav-other-product li {
        padding: 0 0;
        margin-bottom: 10px; }
    .nav-other-product li a {
        font-size: 14px; }

    .after-payment {
        margin-bottom: 30px; }
    .after-payment .code {
        font-size: 19px; }
    .after-payment #time {
        font-size: 17px; }

    .term-and-condition {
        margin-bottom: 30px;
        margin-top: 30px; }
    .term-and-condition .title {
        font-size: 16px;
        padding: 10px 20px; }
    .term-and-condition .text {
        font-size: 14px; }

    /* PRODUCTS */
    .products .item {
        min-height: unset; }

    .res-768-d-none {
        display: none !important; }

    .d-res-block {
        display: block !important; }

    .alert {
        font-size: 16px; }

    .alert-res {
        padding: 10px;
        margin-top: 5px;
        margin-bottom: 5px; }
    .alert-res span {
        margin-left: 5px;
        margin-right: 5px; }
    .alert-res b {
        margin-left: 5px;
        margin-right: 5px; }

    .alert-popup .detail-alert .box {
        min-height: 180px; }
    .alert-popup .detail-alert .box i {
        font-size: 45px;
        height: 45px;
        margin-bottom: 10px; }
    .alert-popup .detail-alert .box .title {
        font-size: 18px;
        margin-bottom: 5px; }
    .alert-popup .detail-alert .box .subtitle {
        font-size: 16px; } }
/* MAX WIDTH 576X */
@media screen and (max-width: 576px) {
    .call-fix {
        width: 50px;
        height: 50px;
        padding: 0;
        border-radius: 50%;
        right: unset;
        left: 15px;
        bottom: 15px; }
    .call-fix i {
        font-size: 24px;
        height: 24px; }
    .call-fix .text {
        display: none; }

    /* HEADER */
    header .top-bar .call-responsive {
        font-size: 13px;
        margin-top: 5px;
        margin-bottom: 5px;
        padding-left: 0; }
    header .top-bar .call-responsive span {
        padding: 7.5px 15px;
        margin-left: 0; }
    header .top-bar .call-responsive span i {
        font-size: 16px;
        height: 16px;
        margin-left: 7.5px; }
    header .top-bar .see-profile {
        overflow: hidden;
        padding: 7.5px 15px; }
    header .top-bar .see-profile span {
        font-size: 13px; }
    header .top-bar .see-profile i {
        display: none; }
    header .top-bar .see-profile.login-btn {
        display: flex; }
    header .main-bar {
        position: relative; }
    header .main-bar .container {
        justify-content: flex-start !important; }
    header .main-bar .brand {
        margin-bottom: 0;
        margin-left: auto; }
    header .main-bar .brand img {
        max-width: 95px; }
    header .main-bar form {
        width: 100%;
        display: none; }
    header .main-bar .form-group {
        width: 100%; }
    header .main-bar input {
        width: 100%;
        height: 45px; }
    header .main-bar .btn-search {
        width: 45px;
        height: 45px; }
    header .main-bar .shopping-cart {
        margin-right: 5px; }
    header .main-bar .shopping-cart .icon {
        width: 45px;
        height: 45px; }
    header .main-bar .shopping-cart .icon i {
        font-size: 18px; }
    header .main-bar .user-cart, header .main-bar .search-cart {
        display: flex; }
    header .bottom-bar .btn-show-menu {
        font-size: 14px;
        font-weight: 700; }
    header .bottom-bar .btn-show-menu i {
        margin-left: 7.5px; }
    header .bottom-bar .button-dropdown .dropdown-toggle {
        padding-left: 15px;
        padding-right: 7.5px;
        font-size: 15px; }
    header .bottom-bar .button-dropdown .dropdown-toggle:after {
        font-size: 8px; }
    header .bottom-bar .reservation {
        font-weight: 700;
        padding: 15px 10px;
        font-size: 14px; }

    /* TAB SLIDE */
    .main-slider {
        margin-top: 30px;
        margin-bottom: 30px; }
    .main-slider .main-slide .swiper-navigation {
        bottom: 15px; }
    .main-slider .main-slide .swiper-slide {
        padding-bottom: 50px; }
    .main-slider .main-slide .title {
        font-size: 22px; }
    .main-slider .main-slide .date {
        font-size: 18px;
        margin-bottom: 5px; }
    .main-slider .main-slide .subtitle {
        font-size: 16px; }
    .main-slider .main-slide .register-to {
        font-size: 15px; }
    .main-slider .main-slide .register-to:hover span {
        padding-right: 20px; }
    .main-slider .main-slide .register-to span {
        padding-top: 7px;
        padding-bottom: 7px;
        padding-right: 20px;
        padding-left: 20px;
        margin-left: 10px; }

    /* INTRODUCE */
    .introduce {
        margin-bottom: 30px; }
    .introduce .title {
        font-size: 20px; }
    .introduce .text {
        font-size: 14px; }
    .introduce .more {
        font-size: 14px;
        padding: 10px 25px; }

    /* ABOUT PSYCHOLOGY */
    .about-psychology {
        margin-bottom: 30px; }
    .about-psychology article {
        padding-top: 50px;
        padding-bottom: 50px; }
    .about-psychology .text {
        font-size: 16px; }
    .about-psychology .name {
        font-size: 19px;
        text-align: center;
        position: relative;
        bottom: unset;
        left: unset; }

    /* SPECIAL-SELL */
    .special-sell {
        margin-bottom: 30px; }
    .special-sell .background .main-special-swiper .swiper-slide {
        flex-direction: column-reverse; }
    .special-sell .background .main-special-swiper .swiper-slide img {
        margin-bottom: 10px;
        object-position: center; }

    /* CATEGORY */
    .category {
        margin-bottom: 30px; }
    .category .col-xl-7 .item-category:nth-child(1) .item {
        background-image: url("../img/category-res-2.jpg") !important; }
    .category .col-xl-7 .item-category:nth-child(2) .item {
        background-image: url("../img/category-res-1.jpg") !important; }
    .category .col-xl-7 .item-category:nth-child(3) .item {
        background-image: url("../img/category-res-3.jpg") !important; }
    .category .col-xl-5 .item-category:nth-child(1) .item {
        background-image: url("../img/category-res-4.jpg") !important; }
    .category .col-xl-5 .item-category:nth-child(2) .item {
        background-image: url("../img/category-res-5.jpg") !important; }
    .category .col-xl-5 .item-category:nth-child(3) .item {
        background-image: url("../img/category-res-6.jpg") !important; }
    .category .item {
        font-size: 18px;
        height: 165px !important;
        padding-bottom: 5px !important;
        margin-bottom: 15px;
        align-items: flex-end !important;
        color: #ffffff; }
    .category .item:after {
        background-color: #2ab0bc;
        width: 230px;
        opacity: 0.8; }
    .category .item:before {
        opacity: 0; }

    /* ANALYSIS */
    .analysis {
        margin-bottom: 30px; }
    .analysis .name {
        display: none; }
    .analysis .title {
        font-size: 20px;
        margin-bottom: 5px; }
    .analysis .subtitle {
        font-size: 17px; }

    /* PRODUCTS */
    .products {
        margin-bottom: 30px; }

    /* INTERNATIONAL */
    .international {
        margin-bottom: 30px;
        padding-top: 30px;
        padding-bottom: 30px; }
    .international .header-section .title {
        width: 100%; }
    .international .header-section .more {
        margin: 0 auto; }
    .international .item {
        padding-bottom: 20px;
        padding-right: 15px;
        padding-left: 15px; }
    .international .item .location {
        font-size: 16px;
        padding: 10px 20px; }
    .international .item .location img {
        max-height: 20px;
        max-width: 20px;
        margin-left: 7.5px; }
    .international .item .title {
        font-size: 22px; }
    .international .item .subtitle {
        font-size: 18px; }
    .international .paypal {
        font-size: 15px;
        display: block; }
    .international .paypal .sprites {
        margin: 0 auto; }
    .international .paypal img {
        margin-right: 5px;
        margin-left: 5px;
        max-height: 100px; }

    /* AUDIO */
    .audio {
        margin-bottom: 30px; }
    .audio .main-audio-swiper {
        margin-bottom: 15px; }
    .audio .main-audio-swiper .swiper-slide {
        padding: 5px; }
    .audio .main-audio-swiper .swiper-slide .image {
        margin-bottom: 20px; }
    .audio .main-audio-swiper .swiper-slide .main-audio {
        padding: 10px 10px; }
    .audio .main-audio-swiper .swiper-slide .main-audio .btn-play {
        left: 15px; }
    .audio .main-audio-swiper .swiper-slide .main-audio .btn-play i {
        font-size: 25px;
        height: 25px; }
    .audio .main-audio-swiper .swiper-slide .title {
        font-size: 18px; }
    .audio .main-audio-swiper .swiper-slide .text {
        font-size: 15px; }
    .audio .main-audio-swiper .swiper-slide .date {
        width: 100%;
        margin-bottom: 7.5px; }
    .audio .thumbs-audio-swiper {
        height: 130px; }
    .audio .thumbs-audio-swiper .swiper-slide {
        padding: 0; }
    .audio .thumbs-audio-swiper .swiper-slide article {
        padding: 5px; }
    .audio .thumbs-audio-swiper .swiper-slide .title {
        font-size: 14px; }
    .audio .thumbs-audio-swiper .swiper-slide .btn-group .btn {
        display: none;
        padding-bottom: 0; }
    .audio .thumbs-audio-swiper .swiper-slide .btn-group .btn-play {
        display: block; }

    /* APARAT */
    .aparat {
        margin-bottom: 30px; }
    .aparat .background {
        padding: 30px 15px; }
    .aparat .title {
        font-size: 18px; }

    /* ARTICLES */
    .articles {
        margin-bottom: 30px; }
    .articles .owl-stage-outer {
        padding-bottom: 15px; }
    .articles .item {
        padding: 10px; }
    .articles .item .label {
        font-size: 14px;
        top: 40px; }
    .articles .item img {
        margin-bottom: 20px; }
    .articles .item .title {
        font-size: 16px; }
    .articles .item .text, .articles .item p {
        margin-bottom: 14px; }
    .articles .item .more {
        padding: 7.5px 30px; }
    .articles .owl-dots {
        width: 100%; }

    /* BANNER INSTAGRAM */
    .banner-instagram {
        margin-bottom: 30px; }
    .banner-instagram .background {
        flex-wrap: wrap;
        padding: 20px 15px;
        text-align: center; }
    .banner-instagram .title {
        text-align: center;
        font-size: 16px;
        margin-bottom: 10px; }
    .banner-instagram .title:last-child {
        margin-bottom: 0; }
    .banner-instagram i {
        font-size: 35px;
        height: 35px;
        margin: 0 auto; }

    /* CONTACT-WIDTH-SUPPORT */
    .contact-width-support div {
        width: 100%; }
    .contact-width-support .text {
        width: 100%;
        text-align: center;
        margin-bottom: 10px; }
    .contact-width-support i {
        font-size: 40px;
        height: 40px;
        margin-right: 10px; }
    .contact-width-support .titr {
        font-size: 17px; }
    .contact-width-support .number {
        font-size: 16px; }

    /* FOOTER */
    footer .footer-top .namad img {
        margin: 5px; }
    footer .footer-top .namads {
        display: flex; }

    /* BLOG-SLIDER */
    .blog-slider .item {
        height: 400px; }
    .blog-slider .item .subtitle {
        font-size: 15px; }
    .blog-slider .item .title {
        font-size: 20px; }
    .blog-slider .item .text {
        font-size: 15px; }
    .blog-slider .owl-dots {
        max-width: 100%;
        padding-right: 15px;
        padding-left: 15px; }

    /* BLOG-ARCHIVE */
    .blog-archive .item-blog .time {
        display: none; }

    .nav-pagination .nav-item.navigation-item .nav-link {
        margin-right: 10px;
        margin-left: 10px; }
    .nav-pagination .nav-item .nav-link {
        width: 35px;
        height: 35px;
        font-size: 15px;
        margin-right: 3px;
        margin-left: 3px; }

    /* START-LOGIN-REGISTER */
    .login-register.login-theme .icon-password {
        display: none; }
    .login-register .form {
        width: 100%; }
    .login-register form {
        width: 100%; }
    .login-register .detail-form {
        padding: 20px 15px; }
    .login-register .title {
        font-size: 20px;
        padding: 10px 0; }
    .login-register .notification {
        font-size: 16px;
        padding: 10px 5px; }

    .login-register input {
        height: 50px;direction:ltr;padding-left:10px;}
    .login-register .confirm-input input {
        padding-right: 20px; }
    .login-register label {
        padding-right: 25px; }
    .login-register .btn-submit {
        padding: 10px 5px; }
    .login-register .link {
        font-size: 16px;
        padding: 10px 10px; }
    .login-register .resend-code {
        margin-top: 15px;
        margin-bottom: 5px; }
    .login-register .text {
        font-size: 16px;
        margin: 15px 0;
        margin-bottom: 5px; }
    .login-register .temp_country {
        text-align: left !important;
        margin-right: 10px;
        padding-right: 0;
        padding-left: 15px;
        margin-bottom: 0; }
    .login-register .view-password {
        left: 15px;
        padding-right: 15px; }
    .login-register .view-password i {
        left: 0; }

    /* ERROR */
    .error .nav {
        justify-content: space-between; }
    .error .nav .nav-item {
        width: 49%; }

    /* SEARCH-BOOK */
    .search-book form {
        flex-wrap: wrap; }
    .search-book .form-group {
        margin-bottom: 10px;
        margin-left: 0; }
    .search-book .btn-search {
        width: 100%;
        padding: 0 10px; }

    /* BOOK-SHOP */
    .book-shop .col-xl-auto:nth-child(1) .td, .book-shop .col-xl-auto:nth-child(1) .th {
        padding-right: 35px; }
    .book-shop .col-xl-auto:nth-child(1) .td:after, .book-shop .col-xl-auto:nth-child(1) .th:after {
        right: 0; }
    .book-shop .col-xl-auto:nth-child(1) .td:before, .book-shop .col-xl-auto:nth-child(1) .th:before {
        display: none; }
    .book-shop .tr {
        position: relative; }
    .book-shop .tr:nth-child(2n-1):after {
        background-color: #5d11ac; }
    .book-shop .tr:nth-child(2n-1):before {
        background-color: #5d11ac; }
    .book-shop .tr:after {
        content: '';
        position: absolute;
        right: 100%;
        top: 0;
        width: 100%;
        height: 100%;
        background-color: #2ab0bc; }
    .book-shop .tr:before {
        content: '';
        position: absolute;
        left: 100%;
        top: 0;
        width: 100%;
        height: 100%;
        background-color: #2ab0bc; }
    .book-shop .th, .book-shop .td {
        padding-left: 5px;
        font-size: 16px;
        position: relative;
        padding-right: 20px; }
    .book-shop .th:before, .book-shop .td:before {
        content: '';
        position: absolute;
        top: 14px;
        right: 0;
        width: 10px;
        height: 10px;
        border: 2px solid #ffffff;
        border-radius: 50%; }

    /* SEMINAR ARCHIVE */
    .seminar-archive {
        margin-bottom: 30px; }
    .seminar-archive .item .price-join {
        flex-wrap: wrap;
        padding: 10px;
        height: auto; }
    .seminar-archive .item .price-join del {
        padding: 0; }
    .seminar-archive .item .price-join .join {
        width: 100%;
        margin-right: 0;
        margin-top: 10px; }

    /* BANNER-FULL-SET */
    .banner-full-set .title {
        font-size: 21px; }
    .banner-full-set .subtitle {
        font-size: 18px; }
    .banner-full-set .price {
        font-size: 19px;
        margin-left: 0; }
    .banner-full-set .shop {
        margin-top: 10px;
        font-size: 17px;
        width: 100%;
        text-align: center; }

    /* CONSULTING ARCHIVE */
    .consulting-archive .item {
        padding: 10px 10px; }
    .consulting-archive .item .d-flex {
        flex-wrap: wrap; }
    .consulting-archive .item article {
        width: 100%; }
    .consulting-archive .item img {
        width: 75px;
        height: 75px;
        border: 3px solid #ffffff;
        margin-left: 0;
        margin-bottom: 10px; }
    .consulting-archive .item .name {
        font-size: 18px; }
    .consulting-archive .item .job {
        font-size: 15px; }
    .consulting-archive .item .alert {
        margin-top: 10px;
        font-size: 14px;
        padding: 7.5px 5px;
        background-color: #2ab0bc;
        color: #ffffff;
        border-radius: 5px; }
    .consulting-archive .item .alert i {
        color: #ffffff; }
    .consulting-archive .item .calender {
        width: 100%;
        margin-top: 10px;
        font-size: 14px;
        border-radius: 5px;
        padding: 7.5px 5px;
        background-color: #5d11ac;
        color: #ffffff;
        text-align: center; }
    .consulting-archive .item .calender b {
        color: #ffffff; }
    .consulting-archive .item .calender i {
        color: #ffffff;
        font-size: 25px;
        height: 25px; }
    .consulting-archive .item .calender span {
        display: block;
        width: 100%; }
    .consulting-archive .item .btn-group {
        margin-top: 10px; }
    .consulting-archive .item .btn-group .btn .dropdown-share-sub {
        left: 100%;
        right: unset; }
    .consulting-archive .item .btn-group .btn i {
        margin: 0; }
    .consulting-archive .item .btn-group .btn span {
        display: none; }
    .consulting-archive .item .text {
        font-size: 15px;
        text-align: justify;
        text-align-last: center;
        margin-top: 10px;
        margin-bottom: 10px; }
    .consulting-archive .item .price, .consulting-archive .item .reserve {
        font-size: 15px;
        padding: 7.5px 10px;
        margin-left: 0;
        width: 100%;
        text-align: center; }
    .consulting-archive .item .price {
        margin-bottom: 10px; }

    /* CONSULTING-STEPS */
    .consulting-steps .tab {
        overflow-x: auto;
        padding-bottom: 5px;
        justify-content: flex-start; }
    .consulting-steps .tab .tab-item {
        padding: 10px 10px;
        white-space: nowrap; }
    .consulting-steps .tab .tab-item i {
        font-size: 18px;
        height: 18px; }

    /* SHOPPING CART */
    .shopping-cart-section {
        margin-bottom: 30px; }
    .shopping-cart-section .td {
        justify-content: center !important; }
    .shopping-cart-section .td .title, .shopping-cart-section .td .subtitle {
        text-align: center; }
    .shopping-cart-section .tr {
        padding-top: 10px;
        padding-bottom: 10px; }
    .shopping-cart-section .price {
        width: 100%; }
    .shopping-cart-section .btn-next {
        width: 100%;
        height: 50px;
        margin: 5px 0 !important; }
    .shopping-cart-section .btn-next:hover .__hvr-span {
        width: 1000px;
        height: 1000px; }
    .shopping-cart-section .empty-cart {
        padding: 15px; }
    .shopping-cart-section .empty-cart img {
        max-height: 150px;
        padding-right: 15px; }
    .shopping-cart-section .empty-cart .text {
        font-size: 16px; }
    .shopping-cart-section .empty-cart .nav .nav-item {
        margin: 5px 10px; }
    .shopping-cart-section .empty-cart .nav .nav-item .nav-link {
        font-size: 16px; }

    .discount-form {
        width: 100%; }

    /* CONSULTING */
    .consulting .dropdown-share-sub {
        left: 100%;
        right: unset; }

    /* QUIZ TITLE */
    .title-quiz article {
        flex-wrap: wrap;
        text-align: center; }
    .title-quiz div {
        width: 100%; }
    .title-quiz .btn-group {
        justify-content: space-between; }
    .title-quiz .btn-group .btn {
        width: fit-content;
        width: -moz-fit-content; }
    .title-quiz .btn-group .btn-like {
        width: 50px;
        height: 50px; }

    /* TITLE VOICE */
    .title-voice .btn-group {
        justify-content: space-between; }
    .title-voice .btn-share .dropdown-share-sub {
        top: 100%;
        transform: unset;
        left: 0;
        right: unset;
        margin-left: 0;
        margin-top: 5px; }
    .title-voice .btn-failure {
        display: none; }

    /* MAIN VOICE */
    .main-voice {
        margin-bottom: 30px; }
    .main-voice .container {
        padding-bottom: 30px !important; }
    .main-voice img {
        width: auto;
        height: 200px;
        padding: 15px;
        display: block;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 20px; }
    .main-voice .rate-row {
        margin-bottom: 15px; }
    .main-voice .rate {
        margin-bottom: 10px; }
    .main-voice .link {
        font-size: 16px;
        margin-bottom: 15px; }
    .main-voice .price {
        font-size: 16px;
        padding-right: 25px;
        margin-bottom: 15px; }
    .main-voice .price del {
        font-size: 14px; }
    .main-voice .price .percent {
        font-size: 16px; }
    .main-voice .info {
        font-size: 15px;
        margin-bottom: 15px; }
    .main-voice .voice #waveform1 {
        padding-right: 20px;
        padding-left: 20px;
        padding-top: 40px; }
    .main-voice .voice wave {
        margin-bottom: 20px; }
    .main-voice .voice .time-div {
        top: 10px;
        left: 50%;
        transform: translateX(-50%); }
    .main-voice .voice .time {
        font-size: 16px; }
    .main-voice .voice .titr {
        font-size: 14px;
        padding: 15px 5px;
        text-align: center; }
    .main-voice .voice .btn {
        padding: 10px 20px; }
    .main-voice .voice .btn i {
        font-size: 24px;
        height: 24px; }
    .main-voice .voice .plyr__controls {
        padding: 20px 15px; }
    .main-voice .voice .plyr--audio .plyr__controls button i {
        font-size: 19px;
        height: 19px; }
    .main-voice .btn-failure {
        display: flex; }

    .btn-organization {
        margin-bottom: 10px; }

    .modal-register .login-register .title {
        font-size: 18px; }

    .mobile-show {
        display: flex; }

    .modal-bin .modal-content {
        padding: 30px 15px; }
    .modal-bin .title {
        font-size: 21px;
        margin-bottom: 10px; }
    .modal-bin .nav .nav-item .nav-link {
        font-size: 16px;
        padding: 10px 15px; } }
.telegram-mobile-form {width: 70% !important; padding-right: 15px !important;}
.telegram-mobile-form .mobile-code {padding-right: 10px;padding-left: 10px; text-align: left !important; width: 67% !important; direction: ltr !important; height: 55px;border-radius: 8px}
.telegram-mobile-form .country-code {padding-left: 10px; text-align: left !important; width: 30% !important; margin-right: 3%; direction: ltr !important;height: 55px;border-radius: 8px; border: 1px solid #e5e5e5 }
.telegram-mobile-form input::placeholder {text-align: right !important;direction: rtl !important;}
.telegram-mobile-form .temp_country {width: 100px !important; direction: ltr !important; text-align: center;}
.telegram-mobile-form .forget-pass{font-size: 12px}
.login-register .forget-acount {color: #a5a5a5; font-weight: 700; font-size: 14px; margin-right: auto;}
#feedback-captcha-image{width: 30%; border: 1px solid #09d691; margin-right: 10px; background: #09d691;}
.img-comment-captcha{ height: 50px !important;}
.img_green{display:none}

.register-rule{font-size: 12px;color: black;}
/* MAX WIDTH 460PX */
.form .mobile-code-100{width:100% !important}
.install-td2, .install-td4{width: 15%}
.install-td1{width: 10%}
.install-td3{width: 20%}
.force_shopping_icon{display:block;float: left; font-weight: bold; font-size: 18px; color: grey }
.contact-user{position: fixed; left:10px; bottom: 10px; height: 70px;width: 70px; display: flex; justify-content: center; align-items: center; background: #f3bf11; border-radius: 50%; color: white; text-align: center;padding: 5px;z-index: 1000000;}
.bale-user{position: fixed; right:10px; bottom: 10px;  display: flex; justify-content: center; align-items: center; text-align: center;padding: 5px;z-index: 1000000; }
.bale-user a img{width: 90px;height: 90px; border-radius: 50%; }
#consulting-question{background: #2ab0bc; color: black; width: 100%; height: 850px; padding:20%; padding-top: 50px}
#consulting-question #part1{display: flex;justify-content: center; align-items: center;flex-direction: column}
#consulting-question #part1 h4{text-align: center}
#consulting-question .btn-select{color: white; border-radius: 15px;text-align: center; display: flex; justify-content: center; background: #ae4b84; font-weight: bold; padding: 1%;font-size: 22px}
#consulting-question .question{display: flex }
#consulting-question .question .input-question{font-size: 14px !important;  background: #2ab0bc; width: 100%;border: none; display: flex; flex-wrap: wrap}
#consulting-question .question .star-after-question{font-size: 30px;  color: #ae4b84;}
#consulting-question .part-answer{display: flex; margin-bottom: 5px}
#consulting-question .desc-after-question{font-size: 17px;}
#consulting-question .answer{width: 50%;background: #2294a4; border-radius: 10px; padding-right:55px ; opacity: 0.8; color: black; font-size: 18px; border: 1px solid grey; height: 50px; cursor: pointer; position: relative }
#consulting-question .input-checkbox{height: 50px; width: 100%; opacity: 0; position: absolute;cursor: pointer}
#consulting-question .answer:hover{border:5px solid #ae4b84; background: #2ab0bc }
#consulting-question .btn-confirm{color: white; border-radius: 15px;text-align: center; display: flex; justify-content: center; align-items: center; background: #ae4b84; height:45px;font-size: 17px; width: 15%; cursor: pointer}
#consulting-question .answer::placeholder{color: black;}
#consulting-question .answer-without-check{padding-right: 10px}
#consulting-question .check-box-befor-answer{display: flex;width: 40px; height: 40px; background: black !important; color: white !important; text-align: center; justify-content: center; font-size: 25px; border-radius: 10px; margin-left: -50px; margin-top: 4px}
#consulting-question #part2,#consulting-question #part3,#consulting-question #part4,#consulting-question #part5,#consulting-question #part6,#consulting-question #part7,#consulting-question #part8,#consulting-question #part9,#consulting-question #part10,#consulting-question #part11,#consulting-question #part12,#consulting-question #part13,#consulting-question #part14,#consulting-question #part15,#consulting-question #part16,#consulting-question #part17,#consulting-question #part18,#consulting-question #final-part{display: none}
#consulting-question .sub-answer{display: none;margin-right: -380px;margin-top:50px !important}
#consulting-question .answer1{display: flex; width: 50%;background: #2294a4; border-radius: 10px; padding-right:55px ; opacity: 0.8; color: black; font-size: 18px; border: 1px solid grey; height: 50px; cursor: pointer; position: relative; justify-content: flex-start; align-items: center; align-content: center; text-align: center }
#consulting-question .answer1 p{margin-top: 18px}
#consulting-question .answer18{display: flex; width: 100%;background: #2294a4; border-radius: 10px; padding-right:10px ; opacity: 0.8; color: black; font-size: 16px; border: 1px solid grey; height: 40px; cursor: pointer; position: relative; justify-content: flex-start; align-items: center; align-content: center; text-align: center;margin-top:10px; }
#consulting-question .answer18 p{margin-top: 16px}
#consulting-question .check-box-befor-answer1{width: 40px; height: 40px; background: black !important; color: white !important;font-size: 25px; border-radius: 20px; margin-right: -50px; margin-top: 2px; cursor: pointer;margin-left:5px}
#consulting-question .adviser_img{width: 100px;height: 100px;border-radius: 100px;margin-left: 15px}
.agreement-ticket{direction: ltr!important; text-align: left}
.exam-english{direction: ltr!important; text-align: left;float: left !important; }
.agreement-ticket p{justify-content: left; direction: ltr !important; }
.agreement-ticket .agreement-input{display: flex !important; justify-content: flex-start !important;}
.agreement-input input{display: block !important; height: 30px;width:30px !important;margin-left: 10px;float:left}
.agreement-input span{margin-left: 10px;float:left;font-size: large;font-weight: bold}
.img-magnifier-glass {position: absolute;border: 1px solid #908f8f;border-radius: 50%;cursor: none;width: 150px;height: 150px;}
.training{height: 1200px}
.after_email{text-align:left;direction:ltr;width:100px; margin-left:10px}
.register-login-email{display: flex;}
.register-login-email a{width: 48%;display: block !important;margin-left:2% !important ;}

/*slider for resevation*/
.slideshow-container {position: relative;margin: auto;display: flex;align-items: center;justify-content: center;
}
.slideshow-container .prev, .slideshow-container .next {cursor: pointer;width: auto;padding: 16px;font-weight: bolder;font-size: 20px !important;transition: 0.6s ease;user-select: none;color: white !important;background-color: #2ab0bc;
}

.slideshow-container .next {
    margin-right: 0;
    border-radius: 3px 0 0 3px;

}
.slideshow-container .prev {
    margin-left: 0 !important;
    border-radius: 0 3px 3px 0;
}

.slideshow-container .prev:hover, .slideshow-container .next:hover {
    background-color: #5d11ac;
}
.slideshow-container .mySlides  .filter-item.three .day-item input[type="radio"]:checked + label {background-color: #2ab0bc; }
.slideshow-container .mySlides  .filter-item.three .day-item input[type="checkbox"]:checked + label {background-color: #2ab0bc; }
.slideshow-container .mySlides  .day-item .day {font-size: 14px;color: #ffffff;background-color: #eda61c !important;font-weight: bold !important;display: block;text-align: center;border-radius: 5px;padding: 5px;margin: 5px 0; font-family: shabnam !important;}
.slideshow-container .mySlides  .day-item input[type="radio"] {display: none; }
.slideshow-container .mySlides  .day-item input[type="radio"]:checked + label {background-color: #2ab0bc;color: #FFFFFF; border: 1px solid #2a73bc}
.slideshow-container .mySlides  .day-item input[type="checkbox"] {display: none; }
.slideshow-container .mySlides  .day-item input[type="checkbox"]:checked + label {background-color: #2ab0bc;color: #FFFFFF; border: 1px solid #2a73bc}
.slideshow-container .mySlides  .day-item input[disabled] + label {opacity: 0.5;border: 1px solid rgba(211, 211, 211, 0.98) !important }
.slideshow-container .mySlides  .day-item .time {overflow: hidden;position: relative;cursor: pointer;font-size: 16px;color: #666666;display: block;text-align: center;padding: 5px 10px 5px 10px;border-radius: 5px;background-color: #f9f9f9;margin: 5px 0;transition: all 0.3s;font-family: shabnam !important; border: 1px solid rgba(211, 211, 211, 0.99);}
.slideshow-container .mySlides  .day-item .time.active {background-color:  #eda61c;color: #FFFFFF; border: 1px solid #f1ac27;}
/*register english*/
.register-theme-en{direction: rtl !important;}
.register-theme-en .form,.register-theme-en .form .container{direction: rtl !important;}
.register-theme-en .detail-form .form-group::placeholder{float:left !important;direction: rtl !important;}
/*new style consultant*/
#consultant{position: relative;}
#consultant #part1{height: 280px; position: absolute; background: #E9F6F7;width: 100%;z-index: -1; top:0;}
#consultant #content{display: flex; padding: 50px 100px 50px 100px;}
#consultant #content #body{width: 66%; margin-left: 2%;}
#consultant #content #body #part2{border-radius: 20px;border: 1px solid  #ECEFF1;background: #FFF;box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.04); display: flex; padding: 15px;}
#consultant #content #body #part2 #part2_1{display: flex; flex-direction: column;  align-items: center;padding-left: 30px; border-left: 1px solid #B0BEC5;width: 35%;}
#consultant #content #body #part2 #part2_1 img{width: 160px;height: 160px; margin-bottom: 20px;}
#consultant #content #body #part2 #part2_1 h5{color: #455A64;text-align: center;font-family: iransans;font-size: 18px;font-weight: 700;margin-bottom: 20px;}
#consultant #content #body #part2 #part2_1 #part2_1_3{color: #546E7A;text-align: center;font-family: iransans;font-size: 13px;font-weight: 400;margin-bottom: 30px;}
#consultant #content #body #part2 #part2_1 #part2_1_4{color: #455A64; text-align: center; font-family: shabnam; font-size: 18px; font-weight: 500;}
#consultant #content #body #part2 #part2_2{display: flex; flex-direction: column; justify-content: center; align-items: center;width: 65%;padding: 20px;}
#consultant #content #body #part2 #part2_2 #part2_2_1{display: flex; margin-bottom: 30px; }
#consultant #content #body #part2 #part2_2 #part2_2_1 .card{border-radius: 21px;background: #FFF;box-shadow: 0px 10px 25px 0px rgba(107, 119, 154, 0.20);  margin-left: 20px; width: 100px; display: flex; flex-direction: column; align-items: center;}
#consultant #content #body #part2 #part2_2 #part2_2_1 .card img{width: 49px;height: 63px;flex-shrink: 0;margin-top: 0;}
#consultant #content #body #part2 #part2_2 #part2_2_1 .card .card_3{color: #222B45;text-align: center;font-family: yekanbakh;font-size: 17px;font-weight: 400;letter-spacing: 0.517px;}
#consultant #content #body #part2 #part2_2 #part2_2_1 .card .card_4{color:  #546E7A;text-align: center;font-family: yekanbakh;font-size: 12px;font-weight: 400;}
#consultant #content #body #part2 #part2_2 h5{color: #37474F;text-align: right;font-family:iransans;font-size: 18px;font-weight: 700; margin-top: 10px;}
#consultant #content #body #part2 #part2_2 p{color: #455A64; text-align: right;  font-family: shabnam; font-size: 14px;  font-weight: 400;margin-top: 5px;margin-bottom: 10px; /* 26.702px */}
#consultant #content #body #part3{margin-top: 20px; padding: 15px;border-radius: 20px;border: 1px solid  #ECEFF1;background: #FFF;box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.04);}
#consultant #content #body #part3 #commentHead{display: flex;padding-bottom: 5px; border-bottom: 1px solid #CFD8DC;}
#consultant #content #body #part3 #commentHead img{width: 32px;height: 32px;}
#consultant #content #body #part3 #commentHead p{color:  #37474F;text-align: center;font-family: iransans;font-size: 18px;font-weight: 700;}
#consultant #content #sidebar{width: 32%;}
#consultant #content #sidebar #sidePart1,#consultant #content #sidebar #sidePart2{border-radius: 16px;border: 1px solid var(--f-7, #ECEFF1);background: #FFF; padding: 10px; margin-bottom: 20px;}
#consultant #content #sidebar #sidePart1 h5{color: #455A64;text-align: center;font-family: iransans;font-size: 17px;font-weight: 700;}
#consultant #content #sidebar #sidePart1 #sidePart1_1{display: flex; align-items: center; justify-content: space-between; padding:20px; border-bottom: 1px solid rgba(0, 0, 0, 0.10);;}
#consultant #content #sidebar #sidePart1 #sidePart1_1 div{display: flex; justify-content: center; align-items: center;width: 56px;height: 56px;background-color: #E7F4F5; border-radius: 56px;}
#consultant #content #sidebar #sidePart1 #sidePart1_1 div img{width: 28px;height: 28px;}
#consultant #content #sidebar #sidePart1 #sidePart1_2 h5{color: #37474F;text-align: center;font-family: iransans;font-size: 16px;font-weight: 700;}
#consultant #content #sidebar #sidePart1 #sidePart1_2 div{display: flex; justify-content: space-between; margin-bottom: 15px;}
#consultant #content #sidebar #sidePart1 #sidePart1_2 div span:nth-child(1){color:  #546E7A;text-align: right;font-family: yekanbakh;font-size: 14px;font-weight: 500;}
#consultant #content #sidebar #sidePart1 #sidePart1_2 div span:nth-child(2){color:  #455A64; text-align: right; font-family: iransans; font-size: 14px;font-weight: 600;}
#consultant #content #sidebar #sidePart1 a{display: flex;height: 48px;justify-content: center;align-items: center;border-radius: 8px; background: #BD564D; color: #FFF;text-align: center;font-family: iransans;font-size: 15px;font-weight: 500; margin: 15px 1% 15px 1%; width: 98%;}
#consultant #content #sidebar #sidePart2 p{color:  #546E7A;text-align: justify;font-family: iransans;font-size: 14px;font-weight: 400;line-height: 190.727%; /* 26.702px */}
#consultant #content #sidebar #sidePart2 div{display: flex;}
#consultant #content #sidebar #sidePart2 div span{color:  #37474F;text-align: right;font-family: iransans;font-size: 15px;font-weight: 500;line-height: 180%; /* 27px */}
/*coaching reserve*/
.reserve_new .reserve_part2{border: 1px solid #ECEFF1; background-color: white; padding: 10px;margin-left: 12%; margin-right: 12%; margin-top: 10px; border-radius: 16px;}
.reserve_new .reserve_part2 .reserve_part2_2{ width: 100%;border-radius: 20px;background: white;border: 1px solid #ECEFF1;box-shadow: 0px 10px 20px 0px #0000001A; display: flex;align-items: center;justify-content: center; margin-top: 20px;}
.reserve_new .reserve_part2 .reserve_part2_2 .reserve_part2_2_1 .reserve_part2_2_1_time{width: 100%; height: auto}
.reserve_new .reserve_part2 .reserve_part2_2 .reserve_part2_2_1 .reserve_part2_2_1_time h5{color: #BD564D;}
.reserve_new .reserve_part2 .reserve_part2_2 .reserve_part2_2_1 .reserve_part2_2_1_time .reserve_part2_2_1_time_list{display: flex; align-items: center; margin-top: 15px;flex-wrap: wrap;}
.reserve_new .reserve_part2 .reserve_part2_2 .reserve_part2_2_1 .reserve_part2_2_1_time .reserve_part2_2_1_time_list button{width: 24%; margin-left: 1%; background-color: #becbd2; height: 48px; display: flex; align-items: center; justify-content: center; border-radius: 8px; margin-bottom: 15px;font-family: shabnam;}
.reserve_new .reserve_part2 .reserve_part2_2 .reserve_part2_2_1 .reserve_part2_2_1_time .reserve_part2_2_1_time_reserved{color: #BD564D; border: 1px solid #BD564D;}
.reserve_new .reserve_part2 .reserve_part2_2 .reserve_part2_2_1 .reserve_part2_2_1_time .reserve_part2_2_1_time_selected{color: white; border: 1px solid #4DB4BD; background-color: #4DB4BD !important;}
.reserve_new .reserve_part2 .reserve_part2_2 .reserve_part2_2_2{display: flex; margin-top: 20px; align-items: center;flex-wrap: wrap;}
.reserve_new .reserve_part2 .reserve_part2_2 .reserve_part2_2_2 .reserve_part2_2_2_reserved{width: 48%; margin-left: 2%; flex-wrap: wrap; height: 66px; border-radius: 10px;background:#D2EBEE;border: 1px solid #48A9B1; display: flex; align-items: center;margin-top: 10px;}
.reserve_new .reserve_part2 .reserve_part2_2 .reserve_part2_2_2 .reserve_part2_2_2_reserved p{width:20%;font-family: shabnam;font-size: 14px;font-weight: 700;line-height: 24px;letter-spacing: 0em; text-align: center;color: #37474F;}
.reserve_new .reserve_part2 .reserve_part2_2 .reserve_part2_2_2 .reserve_part2_2_2_reserved div{display: flex; align-items: center; width: 35%;}
.reserve_new .reserve_part2 .reserve_part2_2 .reserve_part2_2_2 .reserve_part2_2_2_reserved div span:nth-child(1){font-family: iransans; font-size: 14px;font-weight: 400;line-height: 24px;letter-spacing: 0em;text-align: center;color: #546E7A;}
.reserve_new .reserve_part2 .reserve_part2_2 .reserve_part2_2_2 .reserve_part2_2_2_reserved div span:nth-child(2){font-family: iransans;font-size: 14px;font-weight: 500; line-height: 24px;letter-spacing: 0em;text-align: center;color: #37474F;}
.reserve_new .reserve_part2 .reserve_part2_2 .reserve_part2_2_2 .reserve_part2_2_2_reserved img{height: 24px; width: 24px; cursor: pointer;}
.reserve_new .reserve_part2  .reserve_part2_2_link{display: flex; align-items: center;  margin-top: 20px;justify-content: flex-end !important;}
.reserve_new .reserve_part2  .reserve_part2_2_link .btn1{height: 48px; width: 10%; border-radius: 8px; display: flex; align-items: center; justify-content: center;border: 1.5px solid #4DB4BD; color: #4DB4BD;margin-left: 5px;cursor: pointer}
.reserve_new .reserve_part2  .reserve_part2_2_link button,.reserve_new .reserve_part2  .reserve_part2_2_link .btn2{width: 85px; height: 48px; border-radius: 8px;background: #4DB4BD;display: flex; justify-content: center; align-items: center;font-size: 15px;font-weight: 500;line-height: 25px;letter-spacing: 0em;text-align: left;color: white;cursor: pointer}
.reserve_new .reserve_part2 .tab {display: flex;align-items: center;justify-content: center;width: 100%; }
.reserve_new .reserve_part2 .tab .tab-item {cursor: pointer;font-size: 14px;font-weight: 700;color: #666666;display: flex;align-items: center;justify-content: center;padding: 9px 25px;border-radius: 5px;background-color: #fafafa;margin: 5px; }
.reserve_new .reserve_part2 .tab .tab-item i {font-size: 20px;height: 20px;display: block;margin-left: 10px; }
.reserve_new .reserve_part2 .tab .tab-item.active {background-color: #2ab0bc;color: #ffffff; }
.reserve_new .reserve_part2 .reserve_info{display: none;height: auto;width: 100%;border-radius: 20px;background: white;border: 1px solid #ECEFF1;box-shadow: 0px 10px 20px 0px #0000001A; margin-top: 20px;padding: 20px;}
.reserve_new .reserve_part2 .reserve_info .buyer_info_part2_2_input{display: flex !important;}
.reserve_new .reserve_part2 .reserve_info .buyer_info_part2_2_input div{display: block !important;margin-top: 20px !important;width: 33% !important;}
.reserve_new .reserve_part2 .reserve_info .buyer_info_part2_2_input div label{display: block !important;font-weight: 500;font-size: 13px;line-height: 100%;letter-spacing: 0%;text-align: right;color: #455A64;}
.reserve_new .reserve_part2 .reserve_info .buyer_info_part2_2_input div input{background: #F2F4F5;border:1px solid #F2F4F5 !important; height: 48px !important;top: 30px;border-radius: 6px;font-weight: 500;font-size: 14px;line-height: 100%;letter-spacing: 0%;text-align: right;display: flex;align-items: center;padding-right: 5px !important; width: 70%;}
.reserve_new .reserve_part2 .reserve_info .buyer_info_part2_2_input div input:focus{border: 1px solid rgba(128, 128, 128, 0.95) !important;background: rgba(242, 244, 245, 0.68);}
.reserve_new .reserve_part2 .reserve_info #radio_list{display: flex; align-items: center;}
.reserve_new .reserve_part2 .reserve_info #radio_list div{margin-left: 20px; display: flex; align-items: center;}
.reserve_new .reserve_part2 .reserve_info #radio_list div input{width: 20px; height: 20px; background: #455A64; margin-left: 5px;}
.reserve_new .reserve_part2 .reserve_info #radio_list div span{font-size: 14px;font-weight: 500; line-height: 24px;letter-spacing: 0em;text-align: right;color: #37474F;}
.reserve_new .reserve_part2 .reserve_info p{font-size: 14px;font-weight: 500;line-height: 24px;letter-spacing: 0em;text-align: right;color: #BD564D; margin-top: 15px;}
.reserve_part2 .term-condition {
    margin-bottom: 30px; }
.reserve_part2 .term-condition .top {
    padding: 30px 40px;
    background-color: #fbfbfb;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px; }
.reserve_part2 .term-condition .title {
    font-size: 20px;
    font-weight: 700;
    color: #666666;
    display: block;
    margin-bottom: 20px; }
.reserve_part2 .term-condition .list {
    margin-bottom: 0; }
.reserve_part2 .term-condition .list .list-item {
    font-size: 16px;
    font-weight: 300;
    color: #6e6e6e;
    display: block;
    margin-bottom: 10px;
    padding-right: 40px;
    position: relative; }
.reserve_part2 .term-condition .list .list-item:last-child {
    margin-bottom: 0; }
.reserve_part2 .term-condition .list .list-item:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: 7px solid #666666; }

.reserve_part2 .term-condition label {
    font-size: 16px;
    font-weight: 700;
    color: #666666;
    display: flex;
    margin-bottom: 0; }
.reserve_part2 .term-condition label .circle {
    width: 21px;
    height: 21px;
    min-width: 21px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid #c2c2c2;
    border-radius: 3px;
    margin-left: 15px; }
.reserve_part2 .term-condition label .circle i {
    font-size: 10px;
    height: 8px;
    display: block;
    color: #ffffff;
    opacity: 0; }
.reserve_part2 .term-condition input[type="radio"] {
    display: none; }
.reserve_part2 .term-condition input[type="radio"]:checked + label .circle {
    background-color: #2ab0bc;
    border: 1px solid #2ab0bc; }
.reserve_part2 .term-condition input[type="radio"]:checked + label .circle i {
    opacity: 1; }
.reserve_part2 .term-condition input[type="checkbox"] {
    display: none; }
.reserve_part2 .term-condition input[type="checkbox"]:checked + label .circle {
    background-color: #2ab0bc;
    border: 1px solid #2ab0bc; }
.reserve_part2 .term-condition input[type="checkbox"]:checked + label .circle i {
    opacity: 1; }
.reserve_part2 #check_reserve{background: #F9EFEEl !important;color: #37474F !important;border:1px solid #BD564D !important;display: none; }
.shopcart-alert{text-align:center;align-content:center; background: #6acabd;color: white;font-weight: 800; min-height: 50px;border-radius: 5px;padding: 10px}
.register_more_link{display: flex;}
.register_more_link .link_email{width: 48% !important;margin-left: 2%;height: 45px;display: flex !important;align-items: center !important;justify-content: center !important;border: 1px solid rgba(134, 134, 134, 0.83);background-color: #e2e2e2;border-radius: 5px;}
.register_more_link .link_email span{color: rgba(0, 0, 0, 0.65) !important;font-weight: bold;}
.register_more_link .link1{width: 50%;}
.register_more_link .link_email img{width: 20px;height: 20px;margin-left: 4px}
.top_banner{position:fixed; top: 0;width: 100%;height: 65px;background: #ce1c74;display: flex;align-items: center;justify-content: center;z-index: 10000000000000}
.top_banner span{color: white;font-size: 18px;}

@media screen and (max-width: 1000px) {
    .search-results{background: white;font-size:12px;height: 400px; overflow-y:scroll; width: 30%;position: absolute;z-index: 10000000000;color: #f3bf11;top:125px; left:22%;padding: 15px;border:  1px solid #b8b8b8; display: none; }
    .cat-search{background: #2ab0bc; height: 30px; font-size: 15px; color: white; font-weight: bold; padding: 5px}
    .img-comment-captcha{ height: 35px !important;}
    .agreement-input input{display: block !important; height: 20px !important;margin-left: -320px}
    .agreement-input span{margin-left: -320px}
    #consulting-question .sub-answer{display: none;margin-right: -180px !important;margin-top:50px !important}
    .agreement-input input{margin-left: 10px}
    .agreement-input span{margin-left: 10px;float:left}
    /*consultant*/
    #consultant #content{display: flex; padding: 50px 40px 50px 40px;}
    #consultant #content #body{width: 71%; margin-left: 2%;}
    #consultant #content #body #part2{border-radius: 20px;border: 1px solid  #ECEFF1;background: #FFF;box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.04); display: flex; padding: 15px;}
    #consultant #content #body #part2 #part2_1{display: flex; flex-direction: column;  align-items: center;padding-left: 15px; border-left: 1px solid #B0BEC5;width: 35%;}
    #consultant #content #body #part2 #part2_1 img{width: 150px;height: 150px; margin-bottom: 20px;}
    #consultant #content #body #part2 #part2_1 h5{color: #455A64;text-align: center;font-family: iransans;font-size: 18px;font-weight: 700;margin-bottom: 20px;}
    #consultant #content #body #part2 #part2_1 #part2_1_3{color:  #546E7A;text-align: center;font-family: iransans;font-size: 13px;font-weight: 400;margin-bottom: 30px;}
    #consultant #content #body #part2 #part2_1 #part2_1_4{color: #455A64; text-align: center; font-family: shabnam; font-size: 18px; font-weight: 500;}
    #consultant #content #body #part2 #part2_2{display: flex; flex-direction: column; justify-content: center; align-items: center;width: 65%;padding: 10px;}
    #consultant #content #body #part2 #part2_2 #part2_2_1{display: flex; margin-bottom: 30px; }
    #consultant #content #body #part2 #part2_2 #part2_2_1 .card{border-radius: 21px;background: #FFF;box-shadow: 0px 10px 25px 0px rgba(107, 119, 154, 0.20);  margin-left: 10px; width: 90px; display: flex; flex-direction: column; align-items: center;}
    #consultant #content #body #part2 #part2_2 #part2_2_1 .card img{width: 49px;height: 63px;flex-shrink: 0;margin-top: 0;}
    #consultant #content #body #part2 #part2_2 #part2_2_1 .card .card_3{color: #222B45;text-align: center;font-family: yekanbakh;font-size: 17px;font-weight: 400;letter-spacing: 0.517px;}
    #consultant #content #body #part2 #part2_2 #part2_2_1 .card .card_4{color:  #546E7A;text-align: center;font-family: yekanbakh;font-size: 12px;font-weight: 400;}
    #consultant #content #body #part2 #part2_2 h5{color:  #37474F;text-align: right;font-family:shabnam;font-size: 17px;font-weight: 700; margin-top: 10px;}
    #consultant #content #body #part2 #part2_2 p{color: #455A64; text-align: justify; font-size: 14px;  font-weight: 400;margin-top: 5px;margin-bottom: 10px; /* 26.702px */}
    #consultant #content #body #part3{margin-top: 20px; padding: 10px;border-radius: 20px;border: 1px solid  #ECEFF1;background: #FFF;box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.04);}
    #consultant #content #body #part3 #commentHead{display: flex;padding-bottom: 5px; border-bottom: 1px solid #CFD8DC;}
    #consultant #content #body #part3 #commentHead img{width: 30px;height: 30px;}
    #consultant #content #body #part3 #commentHead p{color:  #37474F;text-align: center;font-family: iransans;font-size: 18px;font-weight: 700;}
    #consultant #content #sidebar{width: 27%;}
    #consultant #content #sidebar #sidePart1,#consultant #content #sidebar #sidePart2{border-radius: 16px;border: 1px solid #ECEFF1;background: #FFF; padding: 10px; margin-bottom: 20px;}
    #consultant #content #sidebar #sidePart1 h5{color: #455A64;text-align: center;font-family: iransans;font-size: 17px;font-weight: 700;}
    #consultant #content #sidebar #sidePart1 #sidePart1_1{display: flex; align-items: center; justify-content: space-between; padding:20px; border-bottom: 1px solid rgba(0, 0, 0, 0.10);;}
    #consultant #content #sidebar #sidePart1 #sidePart1_1 div{display: flex; justify-content: center; align-items: center;width: 56px;height: 56px;background-color: #E7F4F5; border-radius: 56px;}
    #consultant #content #sidebar #sidePart1 #sidePart1_1 div img{width: 28px;height: 28px;}
    #consultant #content #sidebar #sidePart1 #sidePart1_2 h5{color:  #37474F;text-align: center;font-family: iransans;font-size: 16px;font-weight: 700;}
    #consultant #content #sidebar #sidePart1 #sidePart1_2 div{display: flex; justify-content: space-between; margin-bottom: 15px;}
    #consultant #content #sidebar #sidePart1 #sidePart1_2 div span:nth-child(1){color:  #546E7A;text-align: right;font-family: yekanbakh;font-size: 14px;font-weight: 500;}
    #consultant #content #sidebar #sidePart1 #sidePart1_2 div span:nth-child(2){color: #455A64; text-align: right; font-family: iransans; font-size: 14px;font-weight: 600;}
    #consultant #content #sidebar #sidePart1 a{display: flex;height: 48px;justify-content: center;align-items: center;border-radius: 8px; background:  #BD564D;color: #FFF;text-align: center;font-family: iransans;font-size: 15px;font-weight: 500; margin: 15px 1% 15px 1%; width: 98%;}
    #consultant #content #sidebar #sidePart2 p{color: #546E7A;text-align: right;font-family: iransans;font-size: 14px;font-weight: 400;line-height: 190.727%; /* 26.702px */}
    #consultant #content #sidebar #sidePart2 div{display: flex;}
    #consultant #content #sidebar #sidePart2 div img{width: 22px;height: 22px;flex-shrink: 0; margin-left: 5px;}
    #consultant #content #sidebar #sidePart2 div span{color:  #37474F;text-align: right;font-family: iransans;font-size: 15px;font-weight: 500;line-height: 180%; /* 27px */}
    .reserve_new .reserve_part2 .reserve_info{ margin-top: 20px;padding: 10px;}
    .reserve_new .reserve_part2 .reserve_info .buyer_info_part2_2_input div input{width: 80%;}
    .slideshow-container .mySlides  .day-item .day {font-size: 12px;}
    .slideshow-container .mySlides  .day-item .time {font-size: 14px;}

}
@media screen and (max-width: 900px) {
    .search-results{background: white;font-size:12px;height: 400px; overflow-y:scroll; width: 34%;position: absolute;z-index: 10000000000;color: #f3bf11;top:125px; left:18%;padding: 15px;border:  1px solid #b8b8b8; display: none; }
    .cat-search{background: #2ab0bc;; height: 30px; font-size: 15px; color: white; font-weight: bold; padding: 5px}
    .agreement-input input{margin-left: 10px}
    .agreement-input span{margin-left: 10px;float:left}
    .slideshow-container .prev, .slideshow-container .next {padding: 14px !important;font-weight: bold;font-size: 18px !important;transition: 0.6s ease;}
    .reserve_new .reserve_part2{border: 1px solid #ECEFF1; background-color: white; padding: 10px;margin-left: 50px; margin-right: 50px; margin-top: 10px; border-radius: 16px;}
    .reserve_new .reserve_part2 .reserve_info .buyer_info_part2_2_input div input{width: 90%;}
    .reserve_new .reserve_part2  .reserve_part2_2_link .btn1{width: 21%;}
}
@media screen and (max-width: 800px) {
    .search-results{background: white;font-size:12px;height: 400px; overflow-y:scroll; width: 37%;position: absolute;z-index: 10000000000;color: #f3bf11;top:125px; left:15%;padding: 15px;border:  1px solid #b8b8b8; display: none; }
    .login-register .form {
        position: relative; z-index: 9;border: 1px solid #e2e2e2; padding: 10px; border-radius: 10px; height: 700px; bottom: 20px}
    /*consultant*/
    #consultant #content{display: flex; padding: 50px 20px 50px 20px;}
    #consultant #content #body{width: 71%; margin-left: 1%;}
    #consultant #content #body #part2{padding: 10px;}
    #consultant #content #body #part2 #part2_1{padding-left: 10px; border-left: 1px solid #B0BEC5;width: 31%;}
    #consultant #content #body #part2 #part2_1 img{width: 130px;height: 130px; margin-bottom: 20px;}
    #consultant #content #body #part2 #part2_1 h5{color: #455A64;text-align: center;font-family: iransans;font-size: 17px;font-weight: 600;margin-bottom: 20px;}
    #consultant #content #body #part2 #part2_1 #part2_1_4{color: #455A64; text-align: center; font-family: shabnam; font-size: 15px; font-weight: 500;}
    #consultant #content #body #part2 #part2_2{width: 69%;padding: 10px;}
    #consultant #content #body #part2 #part2_2 #part2_2_1 .card{margin-left: 5px; width: 80px; }
    #consultant #content #body #part2 #part2_2 #part2_2_1 .card img{width: 40px;height: 56px;flex-shrink: 0;margin-top: 0;}
    #consultant #content #body #part2 #part2_2 #part2_2_1 .card .card_3{color: #222B45;text-align: center;font-family: yekanbakh;font-size: 15px;font-weight: 400;letter-spacing: 0.517px;}
    #consultant #content #body #part2 #part2_2 #part2_2_1 .card .card_4{color:  #546E7A;text-align: center;font-family: yekanbakh;font-size: 12px;font-weight: 400;}
    #consultant #content #body #part2 #part2_2 h5{color:  #37474F;text-align: right;font-family:iransans;font-size: 15px;font-weight: 600; margin-top: 10px;}
    #consultant #content #body #part2 #part2_2 p{color: #455A64; text-align: right;  font-family: shabnam; font-size: 14px;  font-weight: 400;margin-top: 5px;margin-bottom: 10px; /* 26.702px */}
    #consultant #content #body #part3{margin-top: 20px; padding: 10px;border-radius: 20px;border: 1px solid #ECEFF1;background: #FFF;box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.04);}
    #consultant #content #body #part3 #commentHead img{width: 25px;height: 25px;}
    #consultant #content #body #part3 #commentHead p{color: #37474F;text-align: center;font-family: iransans;font-size: 17px;font-weight: 600;}
    #consultant #content #sidebar #sidePart1 h5{color: #455A64;text-align: center;font-family: iransans;font-size: 15px;font-weight: 600;}
    #consultant #content #sidebar #sidePart1 #sidePart1_1{display: flex; align-items: center; justify-content: space-between; padding:10px; border-bottom: 1px solid rgba(0, 0, 0, 0.10);;}
    #consultant #content #sidebar #sidePart1 #sidePart1_1 div{display: flex; justify-content: center; align-items: center;width: 50px;height: 50px;background-color: #E7F4F5; border-radius: 50px;}
    #consultant #content #sidebar #sidePart1 #sidePart1_1 div img{width: 25px;height: 25px;}
    #consultant #content #sidebar #sidePart1 #sidePart1_2 h5{color:  #37474F;text-align: center;font-family: iransans;font-size: 15px;font-weight: 600;}
    #consultant #content #sidebar #sidePart1 #sidePart1_2 div span:nth-child(1){color:  #546E7A;text-align: right;font-family: yekanbakh;font-size: 13px;font-weight: 400;}
    #consultant #content #sidebar #sidePart1 #sidePart1_2 div span:nth-child(2){color:  #455A64; text-align: right; font-family: iransans; font-size: 13px;font-weight: 500;}
    #consultant #content #sidebar #sidePart1 a{display: flex;height: 48px;justify-content: center;align-items: center;border-radius: 8px; background:  #BD564D; color: #FFF;text-align: center;font-family: iransans;font-size: 15px;font-weight: 500; margin: 10px; width: 99%;}
    #consultant #content #sidebar #sidePart2 p{color: #546E7A;text-align: right;font-family: iransans;font-size: 14px;font-weight: 400;line-height: 190.727%; /* 26.702px */}
    #consultant #content #sidebar #sidePart2 div{display: flex;}
    #consultant #content #sidebar #sidePart2 div img{width: 22px;height: 22px;flex-shrink: 0; margin-left: 5px;}
    #consultant #content #sidebar #sidePart2 div span{color:  #37474F;text-align: right;font-family: iransans;font-size: 14px;font-weight: 500;line-height: 180%; /* 27px */}
    .reserve_new .reserve_part2{border: 1px solid #ECEFF1; background-color: white; padding: 10px;margin-left: 10%; margin-right: 10%; margin-top: 10px; border-radius: 16px;}
    .reserve_new .reserve_part2 .reserve_info .buyer_info_part2_2_input{display: block !important;padding: 20px}
    .reserve_new .reserve_part2 .reserve_info #radio_list{display: block}
    .reserve_new .reserve_part2 .reserve_info #radio_list div{margin-top: 10px}
    .reserve_new .reserve_part2 .reserve_info .buyer_info_part2_2_input div{display: block !important;margin-top: 15px !important;width: 80% !important;}
}
@media screen and (max-width: 700px) {
    .search-results{background: white;font-size:12px;height: 400px; overflow-y:scroll; width: 35%;position: absolute;z-index: 10000000000;color: #f3bf11;top:125px;left:23%;padding: 15px;border:  1px solid #b8b8b8; display: none; }
    .login-register .form-login {
        position: relative; z-index: 9;border: 1px solid #e2e2e2; padding: 10px; border-radius: 10px; min-height: 700px; bottom: 20px}
    #consulting-question .sub-answer{display: none;margin-right: -140px !important;margin-top:50px !important}
    .reserve_new .reserve_part2{padding: 10px;margin-left: 10%; margin-right: 10%; }
    .reserve_new .reserve_part2 .reserve_info .accept-term {font-size: 14px !important}
}
.payment-install-box{height: 130px}
@media screen and (max-width: 600px) {
    .search-results{background: white;font-size:12px;height: 400px; overflow-y:scroll; width: 93%;position: absolute;z-index: 10000000000;color: #f3bf11;top:125px;left:4%;padding: 15px;border:  1px solid #b8b8b8; display: none; }
    #feedback-captcha{width: 65%;}
    #feedback-captcha-image{width: 30%; margin-right: 2%; }
    .login-register .select2 {
        height: 49px !important; }
    #detail-send-date-order1{display: none !important;}
    #detail-send-date-order4 table{color: white !important;}
    .payment-install-box{height: 140px}
    .install-td2, .install-td4,.install-td1,.install-td3, .install-td5{width: 25%}
    .install-color-white{color:white !important;}
    .agreement-ticket input{display: block !important; height: 20px !important; float: left;}

    #consulting-question .sub-answer{display: none;margin-right: -120px !important;margin-top:50px !important}
    #consulting-question .adviser_img{width: 50px;height: 50px;border-radius: 50px;margin-left: 10px}
    /*consultant*/
    #consultant{position: relative; }
    #consultant #part1{height: 280px; position: absolute; background:  #E9F6F7;width: 100%;z-index: -1; top:0;}
    #consultant #content{display: flex; padding: 50px 15px 50px 15px; flex-direction: column;position: relative;}
    #consultant #content #body{width: 100% !important; margin-left: 0px !important;}
    #consultant #content #body #part2{border-radius: 20px; padding: 0px; flex-direction: column;min-height: 600px;width: 100%; margin: 0px;}
    #consultant #content #body #part2 #part2_1{display: flex; flex-direction: row;flex-wrap: wrap;  align-items: center;padding: 15px;width: 100%;}
    #consultant #content #body #part2 #part2_1 img{width: 30%;height: 140px; border-radius: 140px;margin-left: 0;}
    #consultant #content #body #part2 #part2_1 h5{font-size: 15px;font-weight: 700;width: 70%; text-align: center;}
    #consultant #content #body #part2 #part2_1 #part2_1_3{margin-top: -40px;width: 70%; text-align: center;margin-right: 30%;}
    #consultant #content #body #part2 #part2_1 #part2_1_4{font-size: 16px; font-weight: 500;width: 80%; text-align: center;margin-top: -20px; margin-right: 20%;}
    #consultant #content #body #part2 #part2_2{display: flex; flex-direction: column; justify-content: center; align-items: center;width: 100%;padding: 15px;margin-right: 0px;margin-left: 0px;margin-top: 20px !important;}
    #consultant #content #body #part2 #part2_2 #part2_2_1{display: flex; margin-bottom: 20px; width: 100%;}
    #consultant #content #body #part2 #part2_2 #part2_2_1 .card{border-radius: 0px 0px 15px 15px;margin-left: 1%; width: 32%; }
    #consultant #content #body #part2 #part2_2 #part2_2_1 .card img{width: 49px;height: 63px;flex-shrink: 0;margin-top: 0; border-radius: 0px 0px 15px 15px;}
    #consultant #content #body #part2 #part2_2 h5{font-size: 15px;font-weight: 700; margin-top: 5px;}
    #consultant #content #body #part2 #part2_2 p{font-size: 13px;  font-weight: 400;margin-top: 5px;margin-bottom: 5px; /* 26.702px */}
    #consultant #content #body #part3{ margin-top: 550px; padding: 15px;border-radius: 20px;border: 1px solid  #ECEFF1;background: #FFF;box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.04);}
    #consultant #content #body #part3 #commentHead{display: flex;padding-bottom: 5px; border-bottom: 1px solid #CFD8DC;}
    #consultant #content #body #part3 #commentHead img{width: 32px;height: 32px;}
    #consultant #content #body #part3 #commentHead p{color: #37474F;text-align: center;font-family: iransans;font-size: 18px;font-weight: 700;}
    #consultant #content #sidebar{width: 100% !important; position: relative; right: 0px !important;left: 0px !important;padding: 10px;}
    #consultant #content #sidebar #sidePart1,#consultant #content #sidebar #sidePart2{margin-bottom: 20px; width: 100%;padding: 5px 10px 5px 10px;}
    #consultant #content #sidebar #sidePart1 h5{margin-top: 5px;}
    #consultant #content #sidebar #sidePart1 a{ margin: 10px 1% 10px 1%; width: 98%;}
    #consultant #content #sidebar #sidePart2 p{color: #546E7A;text-align: right;font-family: iransans;font-size: 13px;font-weight: 400;line-height: 190.727%; /* 26.702px */}
    #consultant #content #sidebar #sidePart2 div {margin-top: 20px;}
    .reserve_new .reserve_part2{ padding: 15px;margin-left: 2%; margin-right: 2%; }
    .reserve_new .reserve_part2 .reserve_info .buyer_info_part2_2_input div{display: block !important;margin-top: 15px !important;width: 100% !important;}

}
@media screen and (max-width: 575px) {
    .login-register .btn-submit.gmail-theme {background-color: #d44638;display: flex;justify-content: left;align-items: center;flex-direction: row; width: 47%; height: 40px; font-size: 15px; font-weight: normal !important;
    }
    .training{height: 1600px !important}
}

@media screen and (max-width: 460px) {
    /* HEADER */
    /* QUIZ START */
    .quiz-start .article {
        padding-bottom: 00px; }
    .quiz-start .btn-group {
        padding-left: 30px;
        padding-right: 30px;
    }
    .quiz-start .btn-group .btn {
        width: 100%; }
    .telegram-mobile-form {width: 100% !important; padding-right: 15px !important;padding-left: 15px}
    .telegram-mobile-form .form-group::placeholder{font-size: 10px !important;direction: ltr}
    .telegram-mobile-form .mobile-code {padding-right: 10px;padding-left: 10px; text-align: left !important; width: 67% !important; direction: ltr !important; height: 50px;border-radius: 8px}
    .telegram-mobile-form .country-code {padding-left: 10px; text-align: left !important; width: 30% !important; margin-right: 3%; direction: ltr !important;height: 50px;border-radius: 8px }
    .telegram-mobile-form input::placeholder {text-align: right !important;direction: rtl !important;}
    .login-register .btn-submit.gmail-theme {background-color: #d44638;display: flex;justify-content: left;align-items: center;
        flex-direction: row; width: 65%; height: 40px; font-size: 15px; font-weight: normal !important; }
    .payment-install-box{height: 160px}
    .install-td2, .install-td4,.install-td1,.install-td3, .install-td5{width: 30%}
    .label-insatll-rule{font-size:12px !important;}
    /*consulting-question*/
    #consulting-question{padding:0 !important;}
    #consulting-question #part1{display: flex;justify-content: center; align-items: center;flex-direction: column}
    #consulting-question #part1 h4{font-size: 17px;}
    #consulting-question .btn-select{border-radius: 5px;font-size: 16px}
    #consulting-question .question{font-size: 13px; width: 100%}
    #consulting-question .question .input-question{font-size: 13px !important;}
    #consulting-question .question .star-after-question{font-size: 15px;  color: #ae4b84;}
    #consulting-question .part-answer1{display: flex;margin-bottom: 5px}
    #consulting-question .desc-after-question{font-size: 13px;}
    #consulting-question .answer{width: 100%;border-radius: 10px; padding-right:40px ; font-size: 13px; padding-top: 10px;height: 45px}
    #consulting-question .answer:hover{border:4px solid #ae4b84; background: #2ab0bc }
    #consulting-question .btn-confirm{color: white; border-radius: 10px;text-align: center; display: flex; justify-content: center; align-items: center; background: #ae4b84; height:40px;font-size: 14px; width: 50%}
    #consulting-question .answer::placeholder{color: black;padding-top: 10px}
    #consulting-question .answer-without-check{padding-right: 10px}
    #consulting-question .check-box-befor-answer{display: flex;width: 30px; height: 30px; background: black !important; color: white !important; text-align: center; justify-content: center; font-size: 20px; border-radius: 10px; margin-left: -35px; margin-top: 8px}
    #consulting-question .answer1{display: flex; width: 90%;background: #2294a4; border-radius: 10px; padding-right:40px ; opacity: 0.8; color: black;  border: 1px solid grey; height: 40px; cursor: pointer; position: relative; justify-content: flex-start; align-items: center; align-content: center; text-align: center }
    #consulting-question .answer1 p{margin-top: 18px; font-size: 12px}
    #consulting-question .answer18{display: flex; width: 100%;background: #2294a4; border-radius: 10px; padding-right:40px ; opacity: 0.8; color: black;  border: 1px solid grey; height: 40px; cursor: pointer; position: relative; justify-content: flex-start; align-items: center; align-content: center; text-align: center }
    #consulting-question .answer18 p{margin-top: 18px; font-size: 12px}
    #consulting-question .check-box-befor-answer1{width: 30px; height: 36px; background: black !important; color: white !important;font-size: 15px; border-radius: 20px; margin-right: -30px; margin-top: 2px; cursor: pointer}
    #consulting-question .sub-answer{display: none;margin-right: -340px !important;margin-top:50px !important}
    .register-login-email {display: block !important;}
    .register-login-email a {width: 100% !important;display: block !important;margin-top: 10px !important;}
    .slideshow-container .prev, .slideshow-container .next {padding: 10px !important;font-size: 14px !important;}
    .slideshow-container .prev, .slideshow-container .next{font-size: 11px}
    .slideshow-container .mySlides .filter-item .day-item .time{ font-size: 12px;}
    .slideshow-container .mySlides .filter-item .day-item .day{ font-size: 11px;font-weight: 400;padding: 2px 2px;}
    /*consultant*/
    #consultant{position: relative;}
    #consultant #part1{height: 260px; position: absolute; background:  #E9F6F7;width: 100%;z-index: -1; top:0;}
    #consultant #content{display: flex; padding: 15px 15px 50px 15px; flex-direction: column;position: relative;}
    #consultant #content #body{width: 100% !important; margin-left: 0px !important;}
    #consultant #content #body #part2{border-radius: 20px; padding: 0px; flex-direction: column;min-height: 500px;width: 100%; margin: 0px;}
    #consultant #content #body #part2 #part2_1{display: flex; flex-direction: row;flex-wrap: wrap;  align-items: center;padding: 10px;width: 100%;}
    #consultant #content #body #part2 #part2_1 img{width: 30%;height: 100px; border-radius: 100px;margin-left: 0;}
    #consultant #content #body #part2 #part2_1 h5{font-size: 15px;font-weight: 700;width: 70%; text-align: center;}
    #consultant #content #body #part2 #part2_1 #part2_1_4{font-size: 16px; font-weight: 500;width: 80%; text-align: center;margin-top: -10px; margin-right: 20%;}
    #consultant #content #body #part2 #part2_2{display: flex; flex-direction: column; justify-content: center; align-items: center;width: 100%;padding: 15px;margin-right: 0px;margin-left: 0px;}
    #consultant #content #body #part2 #part2_2 #part2_2_1{display: flex; margin-bottom: 10px; width: 100%;}
    #consultant #content #body #part2 #part2_2 #part2_2_1 .card{border-radius: 0px 0px 15px 15px;margin-left: 1%; width: 32%; }
    #consultant #content #body #part2 #part2_2 #part2_2_1 .card img{width: 45px;height: 55px;flex-shrink: 0;margin-top: 0; border-radius: 0px 0px 15px 15px;}
    #consultant #content #body #part2 #part2_2 h5{font-size: 15px;font-weight: 700; margin-top: 5px;}
    #consultant #content #body #part2 #part2_2 p{font-size: 13px;  font-weight: 400;margin-top: 5px;margin-bottom: 5px; /* 26.702px */}
    #consultant #content #body #part3{ margin-top: 550px; padding: 15px;border-radius: 20px;border: 1px solid  #ECEFF1;background: #FFF;box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.04);}
    #consultant #content #body #part3 #commentHead{display: flex;padding-bottom: 5px; border-bottom: 1px solid #CFD8DC;}
    #consultant #content #body #part3 #commentHead img{width: 32px;height: 32px;}
    #consultant #content #body #part3 #commentHead p{color:  #37474F;text-align: center;font-family: iransans;font-size: 18px;font-weight: 700;}
    #consultant #content #sidebar{width: 100% !important; position: relative; right: 0px !important;left: 0px !important;padding: 10px;}
    #consultant #content #sidebar #sidePart1,#consultant #content #sidebar #sidePart2{margin-bottom: 20px; width: 100%;padding: 5px 10px 5px 10px;}
    #consultant #content #sidebar #sidePart1 h5{margin-top: 5px;}
    #consultant #content #sidebar #sidePart1 a{ margin: 10px 1% 10px 1%; width: 98%;}
    #consultant #content #sidebar #sidePart2 p{color:  #546E7A;text-align: right;font-family: iransans;font-size: 13px;font-weight: 400;line-height: 190.727%; /* 26.702px */}
    #consultant #content #sidebar #sidePart2 div {margin-top: 20px;}
    #consultant #content #sidebar #sidePart1 #sidePart1_1 div{width: 40px;height: 40px; border-radius: 40px;}
    #consultant #content #sidebar #sidePart1 #sidePart1_1 div img{width: 25px;height: 25px;}
    #consultant #content #sidebar #sidePart1 #sidePart1_2 h5{font-size: 14px;font-weight: 600;}
    .reserve_new .reserve_part2  .reserve_part2_2_link .btn1{width: 30%;}
    .reserve_new .reserve_part2 .reserve_info .accept-term{display: flex;align-items: center;}
    .reserve_new .reserve_part2 .reserve_info .accept-term {font-size: 13px !important}
    .reserve_part2 .term-condition .title {
        font-size: 16px;
        font-weight: 600;}
    .reserve_part2 .term-condition .list .list-item {
        font-size: 14px;
        font-weight: 300;
    }

    .reserve_part2 .term-condition label {
        font-size: 14px;
        font-weight: 500;
    }
    .reserve_part2 .term-condition label .circle {
        width: 14px;
        height: 14px;
        min-width: 14px;
    }
    .detail-send-order .alert-install{color: white}
    .resume-section .resume{font-size: 12px;direction: ltr;float: left}
    .register_more_link{display: flex;flex-direction: column}
    .register_more_link .link_email{width: 100% !important;margin-left: 0px;margin-bottom: 15px !important;}
    .login-register .title_register {
        font-size: 18px;
        font-weight: bolder;
    }
    .top_banner span {color: white;font-size: 13px;font-weight: bold;text-align: center}
    .why_bonyad{height: 150px}
}
@media screen and (max-width: 400px) {
    #feedback-captcha{width: 55%;}
    #feedback-captcha-image{width: 40%;  margin-right: 1%;}
    .form input::placeholder {font-size: 10px; color: #bebebe; padding-right:2px !important;font-weight: 500;}
    .title-pay{color:white !important;
    }
    .install-td2, .install-td4,.install-td1,.install-td3, .install-td5{width: 30%; font-size: 12px}
    .install-td-value{font-size: 12px}
    .payment-install-box{height: 160px; align-items: right; justify-content: right}
    .label-insatll-rule{font-size:12px !important;}
    #join-seminar{font-size:12px}
    .title-blog.seminar-theme{height: 200px !important;}
    .join-seminar-install{width: 45% !important;}
    #consulting-question .answer1 p{font-size: 10px}
    #consulting-question .answer18 p{font-size: 10px}
    .agreement-input input{display: block !important; height: 20px;width:20px !important;margin-left: 10px;float:left}
    .agreement-input span{margin-left: 10px;float:left;font-size: medium;font-weight: bold}

    #consulting-question .sub-answer{display: none;margin-right: -300px !important;margin-top:50px !important}
    .register-login-email a{width: 100% !important;display: block !important;margin-top: 10px !important;}
    .register-login-email {
        display: block !important;
    }
    .why_bonyad{height: 125px}

}
/* PRINT */
@media print {
    header, footer, .board-crumb, .title-blog .btn-group .btn, aside, .blog-single .video, .js-plyr, .nav-tags, .banner-viewpoint, .post-comment, .comment, .last-blog {
        display: none !important; } }