@font-face {
    font-family:'font-main'; /*font-main-sans*/
    src:url('../font/eot/IRANSansWeb(FaNum)_Medium.eot');
    src:local('IRANSansWeb(FaNum)_Medium'),url('../font/woff2/IRANSansWeb(FaNum)_Medium.woff2') format('woff'),url('../font/ttf/IRANSansWeb(FaNum)_Medium.ttf') format('truetype');
    font-weight:normal;
    font-style:normal;
}


@media print {
    html,body,div,a,p,input,textarea,select,label,li,ul,ol,blockquote,noscript,button,
    abbr,article,aside,figcaption,figure,footer,header,menu,nav,section,details,summary,dialog,dt,dd {
        font:normal normal 12pt font-main,font-main,tahoma,arial;
    }
}
html,body,div,a,p,input,textarea,select,label,li,ul,ol,blockquote,noscript,button,
abbr,article,aside,figcaption,figure,footer,header,menu,nav,section,details,summary,dialog,dt,dd {
    font:normal normal 14px font-main,font-main,tahoma,arial;
    scroll-behavior: smooth;
}
@media screen and (max-width: 1200px){
    html,body,div,a,p,input,textarea,select,label,li,ul,ol,blockquote,noscript,
    abbr,article,aside,figcaption,figure,footer,header,menu,nav,section,details,summary,dialog,dt,dd {
        font:normal normal 13px font-main,font-main,tahoma,arial;
    }
}
@media screen and (max-width: 992px){
    html,body,div,a,p,input,textarea,select,label,li,ul,ol,blockquote,noscript,
    abbr,article,aside,figcaption,figure,footer,header,menu,nav,section,details,summary,dialog,dt,dd {
        font:normal normal 12px font-main,font-main,tahoma,arial;
    }
}
@media screen and (max-width: 768px){
    html,body,div,a,p,input,textarea,select,label,li,ul,ol,blockquote,noscript,
    abbr,article,aside,figcaption,figure,footer,header,menu,nav,section,details,summary,dialog,dt,dd {
        font:normal normal 11px font-main,font-main,tahoma,arial;
    }
    .modal-backdrop{display: none}
}
@media (min-width: 1500px) {
    .container {
        max-width: 1470px !important;
    }
}
@media (max-width: 1500px) {
    .container {
        max-width: 100% !important;
    }
}
._container {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}

@media (min-width: 576px) {
    ._container {
        max-width: 540px !important;
    }
}

@media (min-width: 768px) {
    ._container {
        max-width: 720px !important;
    }
}

@media (min-width: 992px) {
    ._container {
        max-width: 960px !important;
    }
}

@media (min-width: 1200px) {
    ._container {
        max-width: 1140px !important;
    }
}


.mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical, .mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical {right: -15px !important;left: auto !important;}
.mCSB_scrollTools .mCSB_dragger{background: #333333;width: 4px !important;border-radius: 10px}
.modal-backdrop{display: none}
.num{font-family: num,font-main,tahoma,arial}

body{background-color: #f5f5f5}

.firstSlide{/*background: linear-gradient(to right,#e71d36 50%,#383838 50%);*/display: flex;align-items: center;justify-content: center;position: relative;overflow: hidden}
.firstSlide .bgRow{width: 100%;height: 100%;position: absolute;right: 0;top: 0;left: 0;bottom: 0;display: flex;justify-content: center}
.firstSlide .bgRow_1{width: 50%;height: 100%;background: #383838;animation: windowAnimate 3s 1s}
.firstSlide .bgRow_2{width: 50%;height: 100%;background: #e71d36;animation: windowAnimate 3s 1s}


.firstSlide .backImgBanner{z-index: 1;opacity: 0.05;animation: fadeAnimate 2.5s;margin-bottom: 15px}
.firstSlide .firstSlide_row{display: flex;align-items: center;justify-content: center;flex-direction: column;position: absolute;right: 0;left: 0;margin: auto}
.firstSlide .firstSlide_row > img{width: 250px !important;margin: 0 auto 30px auto !important;}
.firstSlide h1{color: #f9f9f9;text-align: center}
.firstSlide .sASubTitle{font-size: 18px;color: #f9f9f9;text-align: center}
.m_img{display: none !important;}
.animated {
    animation-duration: 2s;
    animation-fill-mode: both;
}
.animatedBig.animated{
    animation-delay: 0.5s;
}
.fadeInLeft{}


@keyframes fadeInLeft {
    0% {
        opacity: 0;
        transform: translate3d(-50%,0,0);
    }
    100% {
        opacity: 1;
        transform: none;
    }
}
@keyframes fadeInRight {
    0% {
        opacity: 0;
        transform: translate3d(50%,0,0);
    }
    100% {
        opacity: 1;
        transform: none;
    }
}
@keyframes windowAnimate {
    0% {width: 0}
    100% {width: 50%}
}
@keyframes fadeAnimate {
    0% {opacity: 1}
    50% {opacity: 1}
    100% {opacity: 0.05}
}


@media screen and (max-width: 1200px) {
    .firstSlide .firstSlide_row > img{width: 165px !important;margin-bottom: 15px !important;}
    .firstSlide h1{font-size: 22px}
    .firstSlide .sASubTitle{font-size : 16px}
}
@media screen and (max-width: 768px) {
    .firstSlide .firstSlide_row{height: auto;max-height: inherit}
    .firstSlide .firstSlide_row .section_1_row{padding: 100px 15px}
    .firstSlide .firstSlide_row > img{width: 110px !important;margin-bottom: 10px!important;}
    .firstSlide h1{font-size: 20px}
    .firstSlide .sASubTitle{font-size : 14px}
}

@media screen and (max-width: 576px){
    .firstSlide h1{font-size: 14px}
    .firstSlide .sASubTitle{font-size : 12px}
    .firstSlide .firstSlide_row > img{width: 110px !important;}
    .m_img{display: block !important;}
    .d_img{display: none !important;}
}


/*-------------------------------------------------*/

.swiper-button-next:after, .swiper-button-prev:after{color: #000000;background: none;font-size: 22px !important;}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next, .swiper-button-next, .swiper-container-rtl .swiper-button-prev{background: none}

.homeSlider{margin-bottom: 50px}
.homeSlider .swiper-slide img{display: block;margin: auto;width: 100%;border-radius: 5px}

.slogan{height: 140px;display: flex;align-items: center;justify-content: center;background: #383838 url('../img/banner.jpg') center top no-repeat;background-size: cover;position: relative;flex-direction: column;}
.slogan:before{content: '';position: absolute;top: 0;right: 0;bottom: 0;left: 0;background: #f9f9f9e0;box-shadow: inset 0 0 100px rgba(0, 0, 0, 0.1);}
.slogan:after{content: '';position: absolute;top: 15px;right: 15px;bottom: 15px;left: 15px;margin: auto;max-width: 100%;width: 700px;height: calc(100% - 40px);border: 1px solid #383838;border-radius: 3px}
.slogan h3{font-size: 24px;color: #383838;font-weight: bold;position: relative;z-index: 1;margin-bottom: 20px;padding: 0 30px;text-align: center}
.slogan h4{font-size: 14px;color: #383838;font-weight: bold;position: relative;z-index: 1;padding: 0 30px;text-align: center}

@media screen and (max-width: 768px){
    .slogan:after{width: auto}
    .slogan h3{font-size: 20px}
    .slogan h4{font-size: 12px}
}
@media screen and (max-width: 576px){
    .homeSlider {margin-bottom: 20px;}
}
@media screen and (max-width: 350px){
    .slogan:after{width: auto}
    .slogan h3{font-size: 16px}
    .slogan h4{font-size: 12px}
}

/*-----------------------------*/
#scrollup{display: none !important;}
/*-----------------------------*/
.img-lazy{transition: 0.3s}


.spBranches{display: flex;flex-wrap: wrap-reverse;align-items: flex-end}
.spBranches .spBranchesBody{width: 50%;padding-left: 30px}
.spBranches .spBranchesImg{width: 50%}
.aboutPage .spBranchesImg{margin-top: 40px}
.spContentStatic{background: #ffffff;border-radius: 10px;padding: 15px;margin-bottom: 30px}
.spContentStatic video, .spContentStatic img ,.spContentStatic table{
    display: block;
    margin: 0 auto;
    max-width: 100%;
    border: none;
}
.spContentStatic table{
    display: flex;justify-content: center;
}
.spContentStatic table th,.spContentStatic table td{
    padding: 3px;
}
@media screen and (max-width: 992px){
    .spBranches .spBranchesBody{width: 100%}
    .spBranches .spBranchesImg{width: 100%}
}
@media screen and (max-width: 768px){
    .spContentStatic table{
        overflow-x: scroll;
    }
}

.cnt-html video, .cnt-html img ,.cnt-html table{
    display: block;
    margin: 0 auto;
    max-width: 100%;
    border: none;
}
.cnt-html table{
    display: flex;justify-content: center;
}
.cnt-html table th,.cnt-html table td{
    padding: 3px;
}
@media screen and (max-width: 768px){
    .cnt-html table{
        overflow-x: scroll;
    }
}
/*-----------------------------*/
.step_dots .dots .dot.active .photo{background: #e71d36}
.step_dots .dots .dot.active a span{color: #e71d36}
.basket_c_btn{background: #e71d36}
.c_form .login_btn{background: #e71d36}
.sign_footer_link > div::after{background: #e71d36}
.c_form .c_input:focus{border-color: #e71d36}
.c_check input:checked ~ .checkmark{background-color: #e71d36;}
.c_check:hover input ~ .checkmark {background-color: #e71d36;}
.toggle-rating-pill{border-color: #e71d36 !important;}
.smile-rating-toggle{background: #e71d36 !important;}
.s_dashboard .side_menu header h1{background: #e71d36 !important;}
.step_dots .dots .dot.active:not(:first-child)::before{background: #e71d36;}
.s_dashboard .member_dashboard_action a{color: #e71d36 !important;}
.s_dashboard .member_dashboard_action span::before {border-color: #e71d36 !important;}
.address_main_div .item.selected .checkbox-selected{color: #229c48;}
/*-----------------------------header (menu)*/

.enPage{margin-left: 25px;color: #2ec4b6 !important;font-weight: bold;border: 2px solid #2ec4b6;width: 25px;height: 25px;display: inline-flex;align-items: center;justify-content: center;border-radius: 3px;font-size: 12px;line-height: 12px;}

.categorySlider{margin-bottom: 50px;padding: 3px 0 !important;}
.categorySlider .swiper-slide a{display: flex;flex-direction: column;align-items: center;justify-content: center;border-radius: 10px;border: solid 0.5px #686868;background-color: #ffffff;padding: 15px;height: 130px;overflow: hidden;transition: 0.3s}
.categorySlider .swiper-slide a:hover{background-color: #ffe5be;}
.categorySlider .swiper-slide a img{width: 45px;height: 45px;object-fit: contain;margin-bottom: 15px}
.categorySlider .swiper-slide a span{color: #000000;font-size: 12px;text-align: center;display: block;white-space: nowrap;text-overflow: ellipsis;}

.productItem{border-radius: 10px;background-color: #ffffff;display: block;margin: 15px 0;padding: 15px;height: 300px;transition: 0.3s}
.productItem:hover{box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);}
.productItemImg{width: 100%;height: 140px;object-fit: contain}
.productTitle{font-size: 14px;color: #000000;text-align: center;margin: 15px 0;height: 50px;overflow: hidden;line-height: 25px}
.productPriceRow{display: flex;flex-direction: column;}
.productPriceDiscountRow{display: flex;align-items: center;justify-content: flex-end;width: 100%;height: 25px}
.productOriginalPrice{color: #6e6e6e;font-size: 14px}
.productPriceDiscount{color: #e71d36;font-size: 14px;margin-left: 10px}
.productTotalPrice{display: flex;align-items: center;justify-content: flex-end;width: 100%}
.productPrice{color: #000000;font-size: 18px}
.productPriceToman{color: #000000;font-size: 12px;margin-right: 5px}
.callPrice{border: 1px solid #e71d36 ;border-radius: 3px;padding: 3px 7px;color: #e71d36}

.modernTabCarousel{background: #ffffff url('../img/carousel_bg.jpg') no-repeat 100%;background-size:cover;padding: 15px 0;margin-bottom: 50px;}
.tabCarousel{border: 0;display: flex;flex-direction: column;padding: 0 0 0 15px;margin: 0;width: 200px;}
.tabCarousel .nav-item{margin: 7.5px 0 ;}
.tabCarousel .nav-item .nav-link{border-radius: 5px;border: none;background-color: rgba(255,255,255,0.8);text-align: center;color: #000000;font-size: 14px;padding: 10px;white-space: nowrap}
.tabCarousel .nav-item .nav-link.active{background-color: rgb(255,255,255);font-size: 14px;color: #000;}
.tabCarouselContent{width: calc(100% - 200px)}

.productCarousel{margin-bottom:50px}
.productCarousel .productCarouselRow{position: relative;background-color: #ffffff;padding: 0 40px;border-radius: 10px;box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.16);}
.productCarousel .productCarouselDiv{position: relative;}
.productCarousel .swiper-container{padding: 0 5px;}
.productCarousel .swiper-button-prev{left: -30px;}
.productCarousel .swiper-button-next{right: -30px;}
.swiper-button-prev[aria-disabled="false"]:after, .swiper-button-next[aria-disabled="false"]:after{color: #2ec4b6}
.carouselTitleRow{border-bottom: 1px solid #2ec4b6;display: flex;align-items: center;justify-content: space-between;}
.carouselTitle{width: auto;height: 100%;padding: 15px 0;display: inline-block;border-bottom: 2px solid #2ec4b6;margin-bottom: -1px;font-weight: bold;position: relative}
.carouselTitle:after{content: '';width: 15px;height: 100%;background: #ffffff;display: inline-block;position: absolute;left: -16px;top: 2px;bottom: 0;}
.relatedMore{color: #2ec4b6}

.carouselTitleCenter{width: auto;height: 100%;padding: 15px 0;display: table;border-bottom: 2px solid #2ec4b6;margin:0 auto -1px auto;font-weight: bold;position: relative}


.productCarousel .brandCarousel .swiper-container{padding: 30px 0}
.brandCarousel img{width: 100%;height: 80px;object-fit: contain;filter: grayscale(1) opacity(0.7);transition: 0.3s}
.brandCarousel img:hover{filter: inherit}



.accordion_container{overflow-x: hidden;width: 100%;margin: 0 auto 50px auto;display: flex;align-items: center;justify-content: space-between;}
.accordion_container > div {overflow: hidden;width: 13%;height: 370px;position: relative;cursor: pointer;-webkit-transition: .5s all cubic-bezier(.43,.42,.56,1);-o-transition: .5s all cubic-bezier(.43,.42,.56,1);transition: .5s all cubic-bezier(.43,.42,.56,1);}
.accordion_container .accordion_open{width: 465px;border-radius: 16px !important;}
.accordion_container > div:nth-child(1),.accordion_container > div:nth-child(2),.accordion_container > div:nth-child(3){border-radius: 0 16px 16px 0;}
.accordion_container > div:nth-child(5),.accordion_container > div:nth-child(5),.accordion_container > div:nth-child(6){border-radius: 16px 0 0 16px;}
.accordion_container > div:nth-child(3){border-radius: 16px}
.accordion_img {height: 285px;}
.accordion_img img{width: 100%;height: 100%;object-fit: cover;border-radius: 16px}
.accordion_desc .sccTitle {color: #000000;margin: 10px 0;padding: 0 10px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;font-size: 18px;display: block}
.accordion_body {height: 0;opacity: 0;overflow: hidden;line-height: 32px;padding: 0 10px;color: #000000;font-size: 14px;}
.accordion_btn {display: flex;align-items: center;justify-content: flex-end;padding: 0 10px;}
.accordion_btn a {background: linear-gradient(90deg, #2ec4b6 0%, #2ec4b6 105.84%);border-radius: 16px;color: #fff;font-size: 15px;display: flex;align-items: center;justify-content: center;width: 130px;height: 35px;}
.accordion_bg {width: 100%;height: 100%;position: absolute;transition: .5s all cubic-bezier(.43,.42,.56,1);filter: grayscale(1)}
.accordion_bg_open {bottom: -100%}
.accordion_info {width: 0;height: 100%;}
.accordion_info {width: 0;height: 100%;}
.accordion_bg_open ~ .accordion_info{width: 100%}


.insta_container{width: 100%;}
.insta_container img{width: 100%;object-fit: cover;border-radius: 16px}



.services{background: #ffffff;padding: 110px 0 30px 0;position: relative;margin-bottom: 50px}
.tabServices{display: flex;align-items: center;justify-content: space-between;border: 0;margin: 0;width: 100%;padding: 0}
.tabServices .nav-link{width: 200px;height: 50px;border-radius: 10px;background-color: #2ec4b6;color: #ffffff;display: flex;justify-content: center;align-items: center}
.tabServices .nav-item{margin: 0 8px}
.tabServices.nav-tabs .nav-item.show .nav-link,.tabServices.nav-tabs .nav-link.active{border: 2px solid #2ec4b6;}
.tabServicesContent .tab-pane{}
.tabServiceRow{padding: 45px 7.5px;display: flex;align-items: flex-start;max-width: 100%;margin: auto}
.servicesBody{width: calc(100% - 350px);padding-left: 30px;line-height: 33px;text-align: justify}
.servicesImgRow{width: 350px;height: 250px;display: flex;justify-content: flex-end}
.servicesImg{height: 100%}
.servicesTitle{position: absolute;top: -8px;right: 0;left: 0;margin: auto;display: flex;align-items: center;justify-content: center;}
.servicesTitle img{width: 300px;}
.servicesTitle span{position: absolute;font-size: 16px;font-weight: bold;}


.c_footer{background: #3c3c3c;box-shadow: 0 -2px 13px 0 rgba(0, 0, 0, 0.16);padding: 30px 0;}
.c_footerRow{display: flex;align-items: flex-start}
.c_footer .footer_menus{width: 600px;display: flex;align-items: flex-start;justify-content: space-between}
.c_footer .footer_social{width: calc(100% - 600px)}
.c_footer .footer_menu_col{width: 270px;margin-left: 130px;}
.c_footer .footer_menu_col .header_menu{color: #ffffff;font-size: 17px;border-bottom: 1px solid #707070}
.c_footer .footer_menu_col .header_menu span{border-bottom: 2px solid #2ec4b6;display: inline-block;margin-bottom: -1px;padding: 5px 0 5px 15px;font-weight: 700}
.c_footer .footer_menus .footer_menu_col .menuRow{padding: 2px 0;display: flex;align-items: flex-start}
.c_footer .footer_menus .footer_menu_col .menuRow .key{color: #ffffff;font-size: 16px;padding-left: 5px;display: flex;align-items: center}
.c_footer .footer_menus .footer_menu_col .menuRow .key i {padding-left: 7px;color: #2ec4b6;font-size: 14px;width: 20px;display: flex;align-content: center;justify-content: center;}
.c_footer .footer_menus .footer_menu_col .menuRow .value{color: #ffffff;font-size: 16px}
.c_footer .footer_menus .footer_menu_col ul{list-style: none;padding: 15px 0 15px 15px}
.c_footer .footer_menus .footer_menu_col ul li a{font-size: 14px;color: #ffffff;display: block}
.c_footer .enamad{display: flex;padding: 15px 0}
.c_footer .enamad img{width: 120px;padding: 5px;height: 120px;object-fit: contain}


.socialList{display: flex;align-items: center;justify-content: space-between;padding: 5px}
.socialListRow ._tooltip .tooltip-content{width: 90px;margin: 0 0 20px -30px}
.socialListTitle{color: #ffffff;font-size: 12px}
.socialListRow{display: flex;justify-content: space-between}
.socialListRow img{width: 25px;height: 25px;object-fit: contain;margin-right: 10px}
.socialSlogan{color: #ffffff;padding: 15px 0;font-size: 15px;margin-bottom: 16px}

#insta{margin-bottom: 50px}
#map_footer{width: 300px;height: 170px !important;margin-top: 15px}

@media screen and (max-width: 1200px){
    .c_footer .footer_menus{width: 500px}
    .c_footer .footer_social{width: calc(100% - 500px)}
    .c_footer .footer_menu_col{margin-left: 50px}

    /*-------------------*/
    .modernTabCarousel > .container{width: 100%;max-width: 100%;padding: 0 15px 0 0}

    /*-------------------*/
    .accordion_container .accordion_open{width: 390px}
    .accordion_desc .sccTitle{font-size: 16px}
    .accordion_body {line-height: 26px;font-size: 13px}

    /*-------------------*/
    .insta_container img {height: 150px;}

    /*-------------------*/

}
@media screen and (max-width: 992px){
    .c_footer .footer_menus{width: 470px}
    .c_footer .footer_menu_col{width: 210px;margin-left: 25px;}
    .c_footer .footer_social{width: calc(100% - 470px)}
    .socialList{flex-wrap: wrap;padding: 10px 5px}
    .socialListTitle{width: 100%;text-align: center;margin-bottom: 10px}
    .socialListRow{width: 100%;justify-content: space-around}

    /*-------------------*/
    .tabServices{flex-wrap: nowrap}
    .tabServices .nav-link{width: 150px;font-size: 13px;}

    /*-------------------*/
    #accordion > .container{width: 100%;max-width: 100%;}
}
@media screen and (max-width: 780px){
    .c_footerRow{flex-wrap: wrap}
    .c_footer .footer_menus{width: 100%}
    .c_footer .footer_social{width: 100%}

    /*-------------------*/
    .productCarousel > .container{width: 100%;max-width: 100%;padding: 0}
    .productCarousel .productCarouselRow{border-radius: 0;padding: 0}
    .carouselTitleRow{margin: 0 15px}
    .productCarousel .swiper-button-next,.productCarousel .swiper-button-prev{display: none}

    /*-------------------*/
    #homeSlider > .container{width: 100%;max-width: 100%;padding: 0}
    .homeSlider{padding: 0 15px !important;}

    /*-------------------*/
    #categorySlider > .container{width: 100%;max-width: 100%;padding: 0}
    .categorySlider{padding: 0 15px !important;}

    /*-------------------*/
    .modernTabCarousel > .container{padding: 0}
    .modernTabCarouselRow{flex-wrap: wrap}
    .wModernTabCarousel{padding: 0 15px !important;}
    .tabCarousel{width: 100%;flex-direction: row;justify-content: center;flex-wrap: nowrap;overflow: auto}
    .tabCarouselContent{width: 100%}
    .tabCarousel .nav-item{margin: 0 7.5px}
    .tabCarousel .nav-item .nav-link{padding: 7px 10px;font-size: 13px}
    .tabCarousel .nav-item .nav-link.active{font-size: 13px}

    /*-------------------*/
    .productItem{padding: 8px;height: 280px}
    .productTitle{font-size: 12px}
    .productItemImg{height: 120px}
    .productPrice{font-size: 16px}
    .productOriginalPrice{font-size: 12px}
    .productPriceDiscount{font-size: 12px}

    /*-------------------*/
    .servicesTitle img{width: 240px}
    .servicesTitle span{font-size: 13px}

    /*-------------------*/
    .services{padding: 75px 0 15px 0;position: relative;}
    .services > .container{width: 100%;max-width: 100%;padding: 0}
    .tabServices{overflow: auto;padding: 0 7.5px;}
    .tabServices .nav-item{margin: 0 7.5px}
    .tabServices .nav-link {width: 140px;height: 40px;}
    .tabServiceRow{padding: 20px 15px;}
    .servicesImgRow{width: 250px;height: 200px}
    .servicesBody{width: calc(100% - 250px)}

    /*-------------------*/
    #accordion{display: none}

    /*-------------------*/
    .c_footer .footer_menu_col{margin: 0;width: 100%}
    .c_footer .footer_menus{flex-wrap: wrap}

    /*-------------------*/
}
@media screen and (max-width: 576px){
    .categorySlider{margin-bottom: 20px;}
    .modernTabCarousel{margin-bottom: 20px}
    .productCarousel{margin-bottom: 20px}
    #insta{margin-bottom: 20px}

}
@media screen and (max-width: 570px){
    .tabServices{justify-content: flex-start}
}
@media screen and (max-width: 570px){
    .tabServiceRow{flex-wrap: wrap-reverse}
    .servicesImgRow{display: none}
    .servicesBody{width: 100%}
    .services{margin-bottom: 20px}
}
@media screen and (max-width: 400px){
    .c_footer .footer_menus{flex-wrap: wrap}
    .c_footer .footer_menu_col {width: 100%;}
}
/*-----------------------------header (menu)*/

#header{height: 120px;background: #ffffff;box-shadow: 0 1px 10px 0 rgba(0,0,0,.16);margin-bottom: 30px}
.header_logo img {width: 60px;}
.header_logo a {font-size: 40px;color: #000;}
.header_container {display: flex;align-items: center;height: 100%;}
.header_info {width: 100%;height: 100%;display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;padding-top: 10px;}
.header_register {display: flex;justify-content: flex-end}
.header_register > a {color: #444;margin-right: 15px}
#topMenu{transition: 0.5s}
.mini_cart_btn:after{content: none}
.langPage {margin-left: 0}
.langPage button{padding-left: 0}
.langPage button {border: 0 !important;color: #00bfd6}
.langPage button:hover {color: #00bfd6}
.langPage button:focus {box-shadow: none}
.langPage .dropdown-menu {min-width: 100px !important;text-align: center;padding: 0}
.langPage .dropdown-menu li{height: 30px;display: flex;align-items: center;justify-content: center}
.langPage .dropdown-menu a{color: #00bfd6;width: 100%;text-align: center}
.add_to_cart{position: relative;width: 154px;background-color: #fff;border: 1px solid #00bfd6;color: #00bfd6;align-items: center;border-radius: 5px;font-size: 1rem;line-height: 25px;display: flex;height: 100%;padding: 0 15px;margin-right: 20px;}
.cart_summary{position: absolute;top: 100%;right: 0;background: #fff;background-color: rgb(255, 255, 255);z-index: 20;-webkit-box-shadow: 0 2px 9px 0 hsla(0,0%,44.3%,.32);box-shadow: 0 2px 9px 0 hsla(0,0%,44.3%,.32);padding-top: 1px;display: none;}
.add_to_cart_dropdown{width: 290px;box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.16);background-color: #ffffff;left: 0;top: calc(100% - 20px) !important;right: unset;display: none;padding: 0 0 45px;line-height: 22px;border: 0;border-radius: 3px ;overflow: hidden}
.mini_cart_footer{display: flex;align-items: flex-start;justify-content: space-between;border-top: 1px solid #eee;position: absolute !important;bottom: 0;left: 0;right: 0;}
.cart_summary_header{background-color: hsla(0,0%,98%,.9);padding: 14px 10px 14px 15px;display: inline-flex;justify-content: space-between;width: 100%;position: relative;align-items: center}
.cart_summary_header_total{font-size: 12px;line-height: 20px;color: #ffffff;direction: rtl;text-align: right;}
.cart_summary_header_total span:first-child{color: #ffffff;font-size: 16px;line-height: 20px;margin: 0 4px}
.cart_basket_link{font-size: 11px;line-height: 19px;background: rgba(0, 172, 234, 0.7);position: absolute;top: 0;left: 0;display: flex;bottom: 0;justify-content: center;padding-left: 15px;padding-right: 15px;transition: background-color .3s ease-in-out;align-items: center;color: #ffffff;width: calc(100% - 180px)}
.cart_basket_link:hover{color: #ffffff}
/*.cart_basket_link:hover,.cart_basket_link:hover .cart_basket_link_arrow{background: #e5e5e5;color: #454545}*/
/*.cart_basket_link_arrow{transform: rotate(45deg);border-left: 1px solid #c6c6c6;border-top: 1px solid #c6c6c6;background-color: #fafafa;position: absolute;width: 10px;height: 10px;top: -6px;left: 10px;transition: background-color .3s ease-in-out;}*/
.cart_summary_list{max-height: 293px;overflow: auto;padding: 0 15px;list-style: none;}
.cart_summary_list_item{padding: 10px 0 10px 0;position: relative;min-height: 88px;display: block;border-bottom: 1px solid #f0f0f0;}
.cart_summary_list_item:first-child{border-bottom: 0;}
.cart_summary_list_item_content{display: inline-flex;align-items: center;flex-wrap: nowrap;justify-content: flex-start;width: 100%;}
.cart_summary_list_item_img{display: inline-flex;align-items: center;width: 75px;height: 75px;justify-content: center;flex: 0 0 75px;max-width: 75px;position: relative;border-radius: 3px;}
.cart_summary_list_item_img img{max-height: 90%;max-width: 90%;overflow: hidden;object-fit: contain;box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.08);}
.cart_summary_list_item_detail{padding-right: 10px;display: flex;flex-direction: column;align-items: flex-start;flex-grow: 1;}
.cart_summary_list_item_title{font-size: 12px;line-height: 20px;text-align: right;direction: rtl;color: #454545;max-width: 100%;font-weight: 700;}
.cart_summary_list_item_params{display: inline-flex;justify-content: space-between;align-items: center;width: 100%;margin-top: 12px;}
.cart_summary_list_item_props{display: inline-flex;flex-wrap: nowrap;font-size: 10px;line-height: 17px;}
.cart_summary_list_item_props span{color: #666;}
.cart_summary_list_item_submit{font-size: 14px;line-height: 26px;letter-spacing: -.5px;font-weight: 700;color: #ffffff;text-align: center;padding-top: 9px;padding-bottom: 10px;background: #2ec4b6;width: 180px;display: flex;align-items: center;justify-content: center}
.mini_cart_count{padding-left: 3px}
.cart_summary_list li:first-child{display: none}
.cart_summary_list li:not(:last-child){border-bottom: 1px solid #D7E8E340}
.cart_summary_list_item_remove{position: absolute;top: 65%;transform: translateY(-50%);left: 0;border-radius: 50%;background-color: #ffffff;width: 15px;height: 15px;border: none;z-index: 123;cursor: pointer;}
.cart_summary_list_item_remove:before{content: '';background: url("../img/trash.svg");width: 14px;height: 14px;background-size: 100%;position: absolute;top: 0;right: 3px;}
.basket_badge{text-align: center;display: none;align-items: center;justify-content: center;position: absolute;width: 20px;height: 20px;border-radius: 50%;background: #2ec4b6;color: #ffffff;right: 12px;top: 15px;}
.empty_mini_cart{top: 20px !important;width: 190px;text-align: center;padding: 25px 0;position: relative}
.empty_mini_cart img{width: 70px !important;margin-bottom: 20px}
.arrow_empty{height: 15px;width: 15px;border-left:1px solid rgba(0,0,0,.15);border-top: 1px solid rgba(0,0,0,.15);transform: rotate(45deg);background: #ffffff;position: absolute ;left: 7px;top: -8px;}
.count_basket  {background: #2ec4b6;height: 19px;width: 19px;display: flex;align-items: center;justify-content: center;color: #fff;border-radius: 100%;position: absolute;right: -10px;top: 0;font-size: 12px;}
.mini_cart_count[total-count='0']{display: none}
.header_register {margin-top: 0}
.header_action {height: auto;display: flex;flex-direction: column;justify-content: space-between;}
.header_search {width: 500px;margin-top: 0;position: relative}
.top_search {height: 40px;border: none;border-radius: 3px;background: #f5f5f5}
#q-search{text-align: right}
#q-search::placeholder{text-align: right !important;}
.night_mode{display: none}
.header_info_top {height: auto;display: flex;flex-direction: column;justify-content: space-between;position: relative}
#header-search .search_submit {position: absolute;left: 0;top: 0;height: 100%;background: transparent;border: 0;width: 40px;}
.header_menu > ul {display: flex;list-style: none;padding: 0;margin: 0;height: 100%;align-items: center;}
.header_menu_bar {width: 100%;margin-top: 0;display: flex;align-items: center;justify-content: space-between}
.header_menu {height: auto;position: relative;width: 100%;display: flex;align-items: center}
.header_menu > img{width: 22px;height: 22px;}
.header_menu > ul > li {height: 45px;display: flex;align-items: center;}
.header_menu > ul li {color: #000000;}
.header_menu > ul li a{color: #000000;transition: .2s}
.header_menu > ul li a:hover{color: #2ec4b6;}
.header_menu > ul > li > ul > li{margin: 0;padding: 0 15px}
/*.header_menu > ul > li > ul li:not(:last-child){border-bottom: 1px solid #eeeeee}*/
.header_menu > ul > li:hover > a{color: #2ec4b6}
.header_menu > ul > li:hover > ul{display: flex;opacity: 1;top: 45px;border-radius: 0 0 3px 3px}
.header_menu > ul > li > ul > li:hover > ul{display:flex;opacity: 1;top: 0;border-radius: 0 0 3px 3px}
.header_menu > ul > li > ul > li > ul {background-color: #fff;list-style: none;padding: 5px 0;z-index: 2;background-size: 200px;background-repeat: no-repeat;background-position: 15px calc(100% - 15px);}
.header_menu > ul > li > ul > li > a{height: 30px;display: flex;width: 100%;align-items: center}

.header_menu > ul > li > ul {flex-direction: column;max-height: 350px;;display: none;box-shadow: 0 0 16px rgba(0,0,0,.1);position: absolute;background: #fff;list-style: none;border-top: 1px solid #dedede;margin: 0;width: 100%;right: 0;z-index: 3;}
.header_menu > ul > li i {padding-right: 7px;}
.header_menu > ul > li:hover > ul{opacity: 1;display: flex}
.header_menu > ul > li > a{height: 100%;display: flex;align-items: center;justify-content: center;padding: 0 15px;position: relative;}
.header_menu > ul > li > a{color: #686868;font-size: 14px;transition: .2s}
.header_menu > ul > li:hover > a:before{opacity: 1;width: 100%;}
.header_menu > ul > li > ul a:hover{color: #2ec4b6;}
.header_menu > ul > li > ul a{color: #333333}
.header_menu > ul > li > a:before{content: "";position: absolute;right: 0;left: 0;margin: auto;bottom: 0;background-color: #2ec4b6;opacity: 0;width: 0;height: 3px;transition: .5s}

/*------------------------------- hmenu-mega -----------------------------------*/
.header_menu > ul > li > ul{padding: 0;flex-direction: column;flex-wrap: nowrap;min-height: 350px}
.header_menu > ul > li > ul:after{content: '';position: absolute;top: 0;right: 250px;width: 1px;height: 100%;background: #cccccc;z-index: 2}
.header_menu > ul > li > ul > li{padding: 0;transition: .2s;display: flex;margin: 0;width: 100%}
.header_menu > ul > li > ul > li > a{font-size: 14px;color: #686868;padding: 20px 15px;line-height: 30px;text-align: right;display: flex;width: 250px;height: 35px;align-items: center}
.header_menu > ul > li > ul > li > a > img{margin-left: 10px}
.header_menu > ul > li > ul > li > ul{list-style: none;padding: 0 10px;margin:0;width: calc(100% - 250px);right: 250px;position: absolute;height: 100%;display: none;flex-direction: column;flex-wrap: wrap;top:0;}
.header_menu > ul > li > ul > li > ul > li {padding: 0;width: 200px}
.header_menu > ul > li > ul > li > ul > li > a{font-size: 14px;color: #000000;display: flex;padding: 7px 5px;align-items: center}
.header_menu > ul > li > ul > li > ul > li > a img{margin-right: 10px}
.header_menu > ul > li > ul > li > ul > li > ul {list-style: none;padding-right: 0}
.header_menu > ul > li > ul > li > ul > li > ul > li{}
.header_menu > ul > li > ul > li > ul > li > ul > li > a{color: #686868;display: block;padding: 3px 10px 3px 3px;}
.header_menu > ul > li > ul > li > ul > a{height: 30px;width: 100%;display: flex;align-items: center;justify-content: flex-start;transition: .2s;color: #222;padding: 0;font-size: 13px}
.header_menu ul.active{display: flex}
/*.header_menu > ul > li > ul > li:hover{background-color: #eee;}*/
/*.header_menu > ul > li > ul > li:first-child > ul{display: flex}*/
.headerPhone{display: flex;align-items: center}
.headerPhone > a{font-size: 16px;color: #686868;margin-right: 5px;white-space: nowrap;direction: ltr}
.headerPhone > span{font-size: 14px;color: #686868;margin-right: 5px}
.headerPhone > img{width: 18px;margin-right: 15px;}

.notMega{position: relative}
.notMega > ul{width: 200px !important;min-height: auto !important;}
.notMega > ul:after{display: none !important;}
.notMega > ul.notSubMenu{width: 200px !important;}

.entity_search_header .dropdown-menu {background: #2ec4b6;min-width: 115px;border-radius: 0;right: auto !important;left: 2px !important;width: 115px !important;}
.entity_search_header .dropdown-menu > a {color: #ffffff !important;display: block;cursor: pointer}
.entity_search_header .dropdown-menu > a input {display: none}
.entity_search_header .dropdown-menu > a label {width: 100%;cursor: pointer;transition: .2s;padding: 0 5px;margin: 0}
/*.entity_search_header .dropdown-menu > a label:hover {background: rgba(255,255,255,.15);}*/
.entity_search_header .dropdown-menu .dropdown-item{padding: 3px 2px}
.entity_search_header .dropdown-menu .dropdown-item:hover{background: rgba(255,255,255,.3) !important;}
#entity_header {position: absolute;right: 0;top: 0;height: 40px;border-radius: 0 3px 3px 0;background: #2ec4b6;color: #fff;display: flex;align-items: center;justify-content: flex-start;width: 115px;}
#entity_header:after{position: absolute;left: 5px}
/*.shop-count {background: #2ec4b6;height: 19px;width: 19px;display: flex;align-items: center;justify-content: center;color: #fff;border-radius: 100%;position: absolute;right: -10px;top:0;font-size: 12px;}*/
.img_header {width: 22px;height: 22px;object-fit: contain;}
.header_social {display: flex}
.abSocial{margin-right: 10px}
.abSocial img{width: 22px;height: 22px;object-fit: contain}
.mh-hamburger{position: absolute;right: 15px;top: 5px;width: 35px;background: transparent;height: 35px;z-index: 3;display: none}
.mh-hamburger .bar {height: 3px;width: 100%;background: #2ec4b6;border-radius: 10px;margin: 6px 0;}
.sticky {height: 120px;position: fixed;top: 0 !important;width: 100%;background: #ffffff;z-index: 11;box-shadow: 0 1px 10px 0 rgba(0,0,0,.16) !important;border-radius: 0;}
.sticky .header_info{padding-top: 5px}
#product-q-list {padding: 0;display: none;background: #fff;z-index: 12;position: absolute;list-style: none;width: 100%;margin-bottom: 0;max-height: 300px;overflow-y: auto;border-radius: 0 0 10px 10px;box-shadow: -2px 10px 8px 0 #aaa;;}
.auto_item {display: flex;height: 70px;align-items: center;justify-content: flex-start;transition: .2s;padding: 0 15px}
.auto_item:hover{background: #fafafa}
.auto_item_link {display: flex;align-items: center;justify-content: flex-start;width: 100%;height: 100%;}
.auto_img img {width: 50px;height: 60px;margin-left: 20px;object-fit: contain}
.overlayer{position: fixed;right: 0;top: 0;width: 100%;height: 100%;background: rgba(0,0,0,.5);display: none;z-index: 12}
.auto_title{color: #555555}
#article-q-list {padding: 0;display: none;background: #fff;z-index: 12;position: absolute;list-style: none;width: 100%;margin-bottom: 0;max-height: 300px;overflow-y: auto;border-radius: 0 0 10px 10px;box-shadow: -2px 10px 8px 0 #aaa;;}



@media screen and (max-width: 992px){
    /*.header_menu > ul li{margin-left: 15px}*/
    .header_search{width: 450px}
    .header_info {width: 100%;}
    .header_menu > ul > li > a{padding: 0 10px;font-size: 12px}
    .mh-hamburger{display: block}
    .menu_ham {position: relative;top: 0;width: auto;right: 0}
    .menu_ham button{width: 100px;color: #2ec4b6;background: #2ec4b6;height: 40px;border: 0;border-radius: 3px}
    .header_logo img{width: 50px}
    .menuBar{width: 35px;height: 0;display: block;margin: 7px 0;border-bottom: 3px solid #2ec5b6;}
    .header_register > a{margin: 0 10px;}
    .header_info_top{justify-content: center}
    .header_menu > img{display: none}
    .az_hMenu ul li a{margin: 0 10px;font-size: 13px}
    .az_servicesItem:nth-child(6){margin-bottom: 30px}
    .az_services{padding-bottom: 40px}
    .categorySlider .swiper-slide a{height: 110px;}
}

@media screen and (max-width: 768px){
    #header{height: 100px}
    .header_search{margin-top: 5px;width: 100%}
    .header_register {margin-top: 0;}
    .abSocial img {width: 17px;height: 17px;}
    .img_header {width: 25px;height: 25px}
    .mm-menu.mm-offcanvas{width: 285px !important;min-width: 285px !important;background: #ffffff;box-shadow: -2px 0 4px 0 rgba(0,0,0,.13);}
    .mm-listview > li:not(.mm-divider)::after{content: none}
    .abHomeBg{background-size: 170px 470px, 510px 780px, 340px 180px;}
    .header_info{padding-top: 0}
    .header_info_top{flex-direction: row-reverse;width: calc(100% - 250px);}
    .header_menu_bar{margin-top: 0}
    .header_logo {display: flex;align-items: center;justify-content: center;padding-left: 10px}
    #topMenu > .container{width: 100%;max-width: 100%}
    .header_register > a span{display: none}
}

@media screen and (max-width: 576px){
    .header_info{flex-wrap: wrap}
    #header{height: auto}
    .header_info_top{height: auto;}
    .header_action{width: 100%;height: auto;align-items: center}
    .header_action {width: auto;height: auto;flex-direction: row-reverse;}
    .header_register {margin-top: 0;}
    .header_social {margin-bottom: 0;}
    .header_info_top{flex-direction: row-reverse}
    .header_search {margin-top: 0;}
    .menu_ham{top: 0}
    .menu_ham{width: auto;right: 0}
    .header_container{justify-content: space-between}
    .menu_ham button{margin-left: 5px}
    #entity_header{width: 80px}
}


@media screen and (max-width: 480px){
    .menu_ham button{width: 50px;padding: 5px}
    .abSocial{margin-right: 5px}
    .header_register > a{margin-right: 10px}
    .img_header {width: 20px;height: 20px;}
    .shop-count{width: 15px;height: 15px;font-size: 10px}
    .add_to_cart_dropdown{width: 310px}
    .header_search {width: 100%;}
    .header_info_top{width: calc(100% - 70px)}
    .categorySlider .swiper-slide a span{font-size: 10px}
    .categorySlider .swiper-slide a {height: 100px;}

}


/*--------------------------------------product.q*/

.cat_desc{line-height: 2;font-size: 15px;background: #ffffff;padding: 15px}
.cat_desc p{line-height: 2;font-size: 15px}
.cat_desc.box img {max-width: 100%;height: auto;}
.dynamic-height-wrap {overflow: hidden;width: 100%;transition: max-height 0.25s ease-in-out;}
.js-dynamic-height{margin-bottom: 20px}
.js-dynamic-show-hide {display:block;position: relative;margin:auto;padding: 5px;background: #fff;border: 0;z-index: 3}
.btn_more_summary .js-dynamic-show-hide {color: #ffffff;background: #2ec4b6;width: 100px}
.dynamic-height-active .dynamic-height-wrap:after{color: #ffffff;bottom: 0;content: '';height: 120px;left: 0;position: absolute;right: 0;z-index: 1;}
.btn_more_summary{text-align: center;background: #ffffff;padding: 10px 0}
.range_price{display: flex;justify-content: space-between;margin-top: 20px}
.range_price > div{display: flex}
.price_container{width: 65px;height: 30px;border-radius: 2px;border: solid 1px #d7e8e3;background-color: rgba(34, 170, 134, 0.05);display: flex;align-items: center;justify-content: center}
.range-price{height: 2px!important;;width: 100%!important;;background: #bed2d2!important;margin-top: 10px}
.bar{background: #2ec4b6 !important;height: 2px !important;top: 0!important;}
.rightGrip,.leftGrip{background: #2ec4b6!important;width: 15px!important;height: 15px!important;top: -7px !important;position: relative}

/*.rightGrip::after {content: '';width: 20px;height: 20px;background-color: #ffffff;position: absolute;top: -22px;right: -6px;left: 0;margin: auto;}*/
/*.leftGrip::after {content: '';width: 20px;height: 20px;background-color: #ffffff;position: absolute;top: -22px;right: -6px;left: 0;margin: auto;}*/

.range_btn{width: 100%;background: #2ec4b6;margin-top: 15px;color: #ffffff;margin-bottom: 15px}
.range_btn:hover{color: #ffffff}

.close_all {width: 100%;display: flex;align-items: center;justify-content: center;background: #22aa86;color: #fff !important;margin-top: 15px;padding: 5px 10px;border-radius: 3px;cursor: pointer}
.tag_item > span {margin-right: 5px}
#aside_box_range{padding: 0 15px}
.c_switch span{padding-right: 10px}


.scroll_box{max-height: 300px;overflow: auto;padding-right: 15px}
.scroll_box ul{list-style: none;padding: 0}
.scroll_box ul{}
.scroll_box ul li{margin-bottom: 15px}

.brandSearching{height: 30px;width: 100%;border-radius: 3px;border: 1px solid #8c8b8b;margin-bottom: 15px;}

.breadcrumb-h {display: none;}
.c_breadcrumb{position: relative}
.breadcrumb_search {display: flex;position: absolute;left: 2px;}
.breadcrumb_search button{background: #f5f5f5;border: 0;box-shadow: none}
.c_breadcrumb ol {padding: 0;list-style: none;margin: 0;display: flex;align-items: center;justify-content: flex-start;white-space: nowrap;overflow: auto;background: transparent;flex-wrap: nowrap}
.c_breadcrumb ol li{margin-left: 25px;font-size: 12px;}
.c_breadcrumb ol li a{color: #000000;position: relative;font-size: 12px;display: flex;align-items: center}
.c_breadcrumb ol li:not(:last-child) a:after{content: '';width: 12px;height: 12px;display: flex;left: -18px;top: 0;bottom: 0;margin: auto;position: absolute;background: url('../img/left-arrow.svg') no-repeat;}
.c_breadcrumb {height: 45px;background-color: #ffffff;display: flex;align-items: center;padding: 0 15px;border-bottom: 1px solid rgba(204, 204, 204, 0.3);margin-bottom: 15px;}

#sidebar-category.category a.selected, .li_category.has-selected > a{text-shadow: 0 0 1px #66594d;}

.product_list_wrapper{display: flex;justify-content: space-between;align-items: flex-start;background: #f9f9f9;}
.sidebar_product{width: 270px;background: #f9f9f9;padding-top: 5px;}
.product_list{width: calc(100% - 270px);background: #ffffff}
.sidebar_title {height: 45px;display: flex;align-items: center;color: #000;font-size:1.1em ;justify-content: space-between;text-shadow: 0 0 3px rgba(0,0,0,0.2)}
.sidebar_sec{padding: 0 15px;border-top: 1px solid #eeeeee}

.sidebar_link{border-bottom: 0}
.c_switch{position: relative;width: 100%;height: auto;margin: 0;display: flex;align-items: center;}
.c_switch span{font-size: 1.1em;text-shadow: 0 0 3px rgba(0,0,0,0.2)}
.c_switch input{width: 0;height: 0;display: none}
.status_switcher{display: inline-block;position: relative;cursor: pointer;width: 65px;height: 21px;border-radius: 25px;background: #b2b2b2;transition: .15s ease-in;}
.status_switcher:before{position: absolute;content: "";height: 16px;width: 16px;right: 3px;bottom: 2px;background-color: #ffffff;-webkit-transition: .4s;transition: .4s;border-radius: 25px;}
.input_switcher ~ .inputCheck{display: none}
.input_switcher ~ .inputUnCheck{display: inline-block}
.input_switcher:checked ~ .inputCheck{display: inline-block;background: #2ec4b6;border: none}
.input_switcher:checked ~ .inputUnCheck{display: none}

.sidebar_img img {width: 100%;margin: 20px 0;}
.product_sort{padding: 0 0 0 20px;height: 50px;position: relative;border-bottom: 1px solid rgba(204, 204, 204, 0.30);box-sizing: border-box;margin-right: auto;display: flex;align-items: center;justify-content: flex-end;}
.sort_txt{color: #000000;font-size: 14px;}
#filters .sort {cursor: pointer;color: #000;font-size: .9em;margin-right: 15px;}
#filters .sort.selected {background: #2ec4b6;border-radius: 5px;color: #ffffff;padding: 4px 20px;}
/*.product_list_box .abBookItem .abBookItemImg img{height: 230px;}*/
.product_list_box {margin-top: 15px;padding: 0 15px;min-height: 50vh}
.product_list_box ._item {padding-bottom: 20px;}
.product_list_box .abBookItemImg{padding: 0 20px}
.advances_serach_m {width: 100%;margin: 25px 0 0;display: none;position: relative;}
.advances_serach_m button{background: #2ec4b6;color: #ffffff;width: 100%;border: 0;border-radius: 3px;height: 39px}
.advances_serach_m i{position: absolute;top: 6px;right: 25px;font-size: 25px;color: #ffffff}
.search_footer_btn button {width: 100%;height: 40px;background: #2ec4b6;color: #ffffff;display: flex;align-items: center;justify-content: center;border: 0;border-radius: 3px}
#modal_filter_side {background: #ffffff}
#modal_filter_side .modal-dialog {margin: 0;max-width: 100%;}
#modal_filter_side .modal-content {height: 100%;}
.close img {width: 15px;}
.search_footer_btn{margin-top: auto}
.no_avail{color: #ffffff;font-size: 20px;line-height: 20px;background: #e71d36;padding: 12px 30px;border-radius: 3px;cursor: pointer}
.no_avail.d_status{font-size: 15px;background: transparent;color: #e71d36;padding: 12px 0;display: none}
.m_status{display: none}
.m_status:hover{color: #ffffff}
.post-tags a {background: #2ec4b6;color: #fff;margin-bottom: 10px;display: inline-block;margin-left: 10px;padding: 2px 10px;border-radius: 3px;}
.tags > span {margin-bottom: 10px;display: block}
.tags{margin-bottom: 20px}
.page_count{display: none}
.c_pagination .pagination .pagination{padding: 0;margin: 0}
.c_pagination .page-link{border: 0;color: #000000;width: 31px;height: 31px;padding: 0;display: flex;align-items: center;justify-content: center}
.c_pagination .page-item.active .page-link {background: #2ec4b6;color: #ffffff;width: 31px;height: 31px;border-radius: 3px}
.all_count {padding-left: 20px;}
.c_pagination {margin: 30px 0;}
.c_pagination .page-item {height: 31px;margin: 0 5px;}
.c_pagination > .pagination {margin: 0 auto;padding-top: 15px}
#sidebar-category.category {padding: 10px;margin: 0;}
#sidebar-category.category > li {padding: 5px 0}
#sidebar-category.category > li > a{color: #000000 !important;font-size: 1em !important;}
#sidebar-category.category > li .icon i{color: #2ec4b6 !important;}
#sidebar-category.category > li ul{padding-right: 30px !important;}
#sidebar-category.category > li > ul a{color: #525252 !important;padding: 5px 0;font-size: 1em !important;}
.n_product .product_tab{margin-top: 0}
.n_product .product_title h1{font-size: 17px}
.n_product .product_list_detail{display: flex;flex-wrap: wrap;margin-top: 0}
.more_product_btn a {width: 100%;height: 40px;display: flex;align-items: center;justify-content: center;color: #fff;background: #2ec4b6;margin-top: 10px;border-radius: 5px;}

.productList{padding: 0}

.nothing_found{font-size: 30px;color: #acacac;text-align: center;padding: 100px 15px;}
.productListItem .productItem{margin-top: 0;z-index: 1;position: relative}
.productListItem{width: calc((100% / 4) - 11.25px);margin-left: 15px}
.productListItem:nth-child(4n+4){margin-left: 0;}
.inputCh {width: 18px;height: 18px;border: 2px solid #000000;border-radius: 3px;margin-left: 0}

@media screen and (max-width: 1400px){
    .product_list_box .abBookItemImg{padding: 0 15px}
}

@media screen and (max-width: 1200px){
    .product_list_box .abBookItemImg{padding: 0}
    .sidebar_product{width: 240px}
    .product_list{width: calc(100% - 240px)}
}

@media screen and (max-width: 992px){
    .sort_txt{display: none}
    .sidebar_product{width: 240px}
    .product_list {width: calc(100% - 240px);}
    .product_list_box .abBookItem .abBookItemImg img{height: 180px}
    .productListRow{width: 100%;max-width: 100%;}
    .productListItem{width: calc((100% / 3) - 10px);margin-left: 15px}
    .productListItem:nth-child(4n+4){margin-left: 15px;}
    .productListItem:nth-child(3n+3){margin-left: 0;}

}

@media screen and (max-width: 768px){
    .sidebar_product{display: none}
    .product_list_box{padding: 0}
    .product_list_box .abBookItem .abBookItemImg img {height: 160px;}
    .advances_serach_m {display: flex;align-items: center;justify-content: center;background: #2ec4b6;max-width: 320px;width: 100%;margin: 15px auto;border-radius: 25px;padding: 0;}
    .product_list {width: 100%;}

    .product_list_box .abBookItem .abBookItemImg img {height: 200px;}
    .product_list_box ._item {width: 33.33%}
    .product_list_box .abBookItemImg {padding: 0}

    .advances_serach_m{padding: 0}
    .advances_serach_m button{background: transparent;border-radius: 0}
    .advances_serach_m button:first-child{border-left: 1px solid #ffffff}

    .product_sort{display: none}

    .MFMobileSort{}
    .MFMobileSort .sort_title{display: flex;align-items: center;justify-content: space-between;padding: 15px 0;width: 100%;font-weight: bold;font-size: 13px;border-bottom: 1px solid #eeeeee}
    .MFMobileSort .sort_title img{width: 15px;height: 15px;object-fit: contain}
    .MFilterMobile{padding: 0 15px 15px 15px;min-height: 100vh;height: 100%}

    .all_count{display: none}
    .m_status{display: block}
    .d_status{display: none}
    .d_status_btn{display: none}
}

@media screen and (max-width: 570px){
    .product_list {width: 100%;background: #ffffff}
    .productListItem{width: calc(100% / 2);margin-left: 0}
    .productListItem:nth-child(4n+4){margin-left: 0}
    .productListItem:nth-child(3n+3){margin-left: 0}
    .productListItem:nth-child(2n+2){margin-left: 0;}
    .productListRow{padding: 0}

    .productListItem .productItem{border-bottom: 1px solid rgba(204, 204, 204, 0.3);border-left: 1px solid rgba(204, 204, 204, 0.3);border-radius: 0;margin-bottom: 0}
    .productListItem .productItem:hover{box-shadow: none;}
}

@media screen and (max-width: 480px){
    .product_list_box .abBookItem .abBookItemImg img {height: 140px;}
    #filters {white-space: nowrap;overflow-x: auto;}
}

@media screen and (max-width: 400px){
    .product_list_box .abBookItem .abBookItemImg img {height: 190px;}
    .product_list_box ._item {width: 50%}
}


/*--------------------id-------------------*/

.idBoxStyle{background: #ffffff;border-radius: 5px;box-shadow: 0 0 3px 0 rgba(146, 146, 146, 0.09);}
.idTop{display: flex}
.idSliderRow{width: 400px;height: 380px;margin-bottom: 15px}
.idControl{width: 400px;height: 100px;display: flex;align-items: center;justify-content: space-between;position: relative;z-index: 2}
.idDetail{width: calc(100% - 415px);height:495px;margin-right: 15px}
.single_product_rate{width: 50%;height: 100%;display: flex;flex-direction: column;justify-content: space-between;align-items: center}
.product_action{width: 50%;height: 100%;display: flex;align-items: center;justify-content: space-around;position: relative}
.product_action.hasVote:after{content: '';width: 1px;height: 80%;background: rgba(104, 104, 104, 0.42);position: absolute;right: 0;top: 0;bottom: 0;margin: auto;z-index: 1}
.product_basket_price{display: flex;flex-direction: column;align-items: flex-end;padding: 0 30px;}
.abBookItemPriceDiscount{font-size: 18px;text-decoration: line-through;color: #999;}
.article_box_wrapper {display: flex;align-items: center;justify-content: space-between;margin: 10px 0;transition: .2s}
.article_box_img {width: 60px;}
.article_box_img img{width: 100%;height: 60px;object-fit: cover;border-radius: 5px}
.article_container {width: 400px;}
.article_container_inner {background: #fff;padding: 10px 15px;border-radius: 10px;box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.16);height: 420px}
.article_box_title {height: 40px;border-bottom: 1px solid #aaa;padding-top: 5px;}
.article_box_details {width: calc(100% - 70px);display: flex;flex-direction: column}
.article_box_date {color: #888;font-size: 12px;margin-top: 5px;}
.article_box_details a{color: #383c40;transition: .2s;max-height: 45px;overflow: hidden}
.article_box_wrapper:hover a{color: #2ec4b6}
.article_box_list{max-height: 355px;overflow-y: auto}
#articleBox {margin-bottom: 50px;}
.articleBoxWrapper{display: flex;flex-wrap: wrap;justify-content: space-between}
.banner_container {width: calc(100% - 415px);}
.b_banner {height: 205px;}
.b_banner img{height: 100%;width: 100%;border-radius: 10px}
.s_banner {display: flex;align-items: flex-start;justify-content: space-between;margin-top: 15px}
.s_banner .s_banner_inner{width: 49%}
.s_banner .s_banner_inner img{width: 100%;height: 200px;border-radius: 10px}


@media screen and (max-width: 992px){
    .banner_container{width: calc(100% - 315px)}
    .article_container {width: 300px;}
}

@media screen and (max-width: 768px){
    .banner_container{width: 100%;margin-top: 20px}
    .article_container {width: 100%;}
    .b_banner {height: auto;}
    .s_banner .s_banner_inner img{height: auto}
}
@media screen and (max-width: 576px){
    #articleBox{margin-bottom: 20px}
}
/*----------------------------------------- product.id-*/
.product_wrapper{display: flex;align-items: flex-start;justify-content: space-between;margin-bottom: 40px}
.product_info{width: 370px;padding: 30px;margin-top: 10px}
.product_details{width: calc(100% - 390px);position: relative}
.c_box{border-radius: 5px;box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.16);background-color: #ffffff;}
.SliderThumbs{margin: 20px 40px !important;}
.c_gallery_items {padding: 0;margin: 0}
.c_gallery_items li {cursor: pointer;list-style: none;display: flex;justify-content: center}
.c_gallery_items li img{max-width: 100%;max-height: 100%;vertical-align: top;opacity: .7;width: 65px;height: 65px;object-fit: cover;border-radius: 5px;box-shadow: 0 0 3px 0 rgba(146, 146, 146, 0.09);}
.gallery_item {height: 260px;}
#gallery_img {height: 100%;padding: 15px}
#main_img {height: 100%;object-fit: contain;width: 100%;}
.product_basket_dis_container{display: flex;align-items: center;justify-content: center}
._txt{color: #818181;font-size: 12px;}
.product_basket_dis_container ._txt{margin-left: 10px}
.product_price {display: flex;align-items: center;justify-content: center;margin-top: 0}
.product_price .abBookItemLabel {font-size: 18px;margin-right: 10px;font-weight: bold}
.product_price .abBookItemPrice {font-size: 30px;color: #e71d36;font-weight: bold}
.product_add_basket {cursor: pointer;font-size: 20px;background: #e71d36;display: flex;align-items: center;justify-content: center;color: #fff;height: 50px;border-radius: 5px;box-shadow: 0 0 6px 0 rgba(0, 103, 102, 0.25);margin: 20px auto 0 30px;width: 200px;}
.product_add_basket img{margin-right: 5px}
.product_basket {position: absolute;bottom: 70px;left: 0;}

.MFAddBasket{background: #e71d36;color: #ffffff;border-radius: 3px;padding: 5px 15px;font-size: 20px;border: 1px solid #e71d36;width: 200px;z-index: 10;text-align: center;max-width: 100%;margin: 20px auto 0 30px;height: 50px;display: flex;align-items: center;justify-content: center;cursor: pointer;transition: 0.2s}
.MFAddBasket:hover{background: #ffffff;color: #e71d36}
/*.addBasketControl{position: absolute;right: 0;bottom: 0}*/
.addBasketControl .add_basket[product_count='0']{display: none}
.addBasketControl .add_basket img{width: 35px;height: 35px;object-fit: contain;border: 1px solid #b8b8b8;border-radius: 3px;padding: 9px;background: #e71d36;display: flex;align-items: center;justify-content: center}
.addBasketControl .opAddBasketControl{width: 35px;height: 35px;background: #e71d36;color: #ffffff !important;display: flex;align-items: center;justify-content: center;border-radius: 25px;font-size: 16px}
.MFProductFooter .addBasketControl .basket_quick{width: 180px;max-width: 100%;margin-right: auto;}
.addBasketControl .basket_quick{box-shadow: 0 0 3px rgba(0,0,0,0.1);width: 200px;height: 50px;display: flex;align-items: center;justify-content: space-between;background: rgba(255, 255, 255, 0.91);border-radius: 3px;margin: 20px auto 0 30px}
.addBasketControl .basket_quick .basket-item-update-count{width: 50px;height: 50px;padding: 5px;display: flex;align-items: center;justify-content: center}
.addBasketControl .basket_quick .basket-item-update-count img{width: 25px;height: 25px;object-fit: contain}
.addBasketControl .basket-count{width: 40px;height: 40px;padding: 5px;display: flex;align-items: center;justify-content: center;color: #000000;font-size: 20px}
.addBasketControl .hidden{display: none !important;}




._dis {font-size: 18px;color: #2ec4b6;font-weight: bold;margin-left: 7px}
.product_detail_container {padding: 30px}
.product_detail_container .product_title_container{width: calc(100% - 100px)}
.product_detail_container .product_title_container h1{font-size: 20px;margin: 0;line-height: 35px;font-weight: bold}
.product_details .c_breadcrumb {padding: 0 30px;}
.product_list_detail {margin-top: 10px;}
.product_list_detail ul{list-style: none;padding: 0;margin: 0}
.product_list_detail ul li{height: 30px;display: flex;align-items: center;justify-content: flex-start}
.product_list_detail ul li span:first-child{font-size: 14px;font-weight: bold}
.product_list_detail ul li span:last-child {color: #555;}
.product_list_detail ul li .val{color: #2ec4b6;padding: 0 5px;font-size: 15px;font-weight: bold}
.c_details li {list-style: none;display: flex;align-items: center;justify-content: flex-start;height: 30px;}
.c_details li > div:last-child span {padding-right: 5px;color: #888;font-size: 13px;}
.c_details li > div:first-child span {font-size: 13px;color: #333;}
.item_like {cursor: pointer}
.item_like img {width: 32px;height: 32px;object-fit: contain;}
.item_like.add-like {margin-left: 0;}
._liked{display: none}
.item_like[status="1"] .normal_mode._liked{display: block}
.item_like[status="1"] .normal_mode._like{display: none}
.product_title {display: flex;align-items: baseline;justify-content: space-between;padding: 0 0 8px 0;}
.product_action img{width: 20px;height: 20px;object-fit: contain}
.share {cursor: pointer;position: relative}
.product_subtitle {margin: 15px 0 0;display: flex;color: #888;font-size: 14px;}
.product_tab {width: 100%;margin-bottom: 40px}
#product_tab {border-radius: 5px;height: 90px;border-bottom: 1px solid #eeeeee;background: #ffffff;padding: 0;width: 850px;margin: 0 auto -30px auto;box-shadow: 0 3px 6px 0 rgba(146, 146, 146, 0.2);display: flex;align-items: center;justify-content: center;position: relative;z-index: 1}
#product_tab .nav-item{margin: 0}
#product_tab .nav-item .nav-link {font-size: 16px;color: #000000;outline: none;padding: 0 40px;height: 100%;display: flex;align-items: center;justify-content: center;}
#product_tab .nav-item .nav-link.active{color: #ffffff;background: #2ec4b6;height: 45px;margin: auto;border-radius: 5px;}
#product_tab .nav-item .nav-link img {margin-left: 10px;width: 30px;height: 30px;object-fit: contain;}
/*#product_tab.nav-tabs .nav-link.active{border-color: #c1c1c1 #c1c1c1 #fff;}*/
#description {padding: 60px 20px 20px 20px;background: #fff;border-radius: 5px;box-shadow: 0 0 3px 0 rgba(146, 146, 146, 0.09);position: relative;}
#custom_tab {padding: 60px 20px 20px 20px;background: #fff;border-radius: 5px;box-shadow: 0 0 3px 0 rgba(146, 146, 146, 0.09);position: relative;}
#details {padding: 60px 20px 20px 20px;background: #fff;border-radius: 5px;box-shadow: 0 0 3px 0 rgba(146, 146, 146, 0.09);position: relative;}
#vote_tab {padding: 60px 20px 20px 20px;background: #fff;border-radius: 5px;box-shadow: 0 0 3px 0 rgba(146, 146, 146, 0.09);position: relative;}
#description p {line-height: 40px;font-size: 15px;color: #636363;}
#description a {line-height: 40px;font-size: 15px;color: #636363;}
#description img {max-width: 100%;text-align: center;width: 100%;object-fit: contain;}
#details li div:first-child {width: 30%;font-size: 14px;}
#details li div {flex-wrap:wrap;display: flex;align-items: center;min-height: 50px;background: #FFFFFF;box-sizing: border-box;border-radius: 2px;}
#details li span {display: inline-block;color: #808080}
#details li a {color: #808080}
#details li div:last-child {width: 70%;margin: 0;}
#details li div {background: #f8f8f8;padding: 10px 25px;margin-left: 15px;}
#details li {display: flex;margin: 15px 0;}
#details ul {padding: 25px}
.product_tab .nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {border: none;}
.product_tab .nav-tabs .nav-link {border: none;}
.message_comment {padding: 30px;}
.write_comment {cursor: pointer;background: #2ec4b6;border-radius: 5px;width: 130px;display: flex;align-items: center;justify-content: center;color: #fff;font-size: 14px;height: 40px;}
.write_comment:hover {color: #ffffff}
.product_related{padding: 15px 30px 2px;margin-bottom: 20px}
.product_related .abCarouselRow{margin-bottom: 20px}
.social_share{padding: 15px 0 25px 0;border-top: 1px solid #000000;margin-top: 3px !important;}
.social_share #article-share{width: 20%;float: right;text-decoration: none}
.social_share i{color: #ffffff;width: 45px;height: 45px;border-radius: 50%;font-size: 24px;padding: 10px 0;text-align: center;}
.social_share span{font-size: 18px;}
.social_share #article-share i{background: #5a9139}
.social_share #article-share span{color: #5a9139; padding-right: 4px;}
.social_share .jssocials-share-facebook i{background: #295396}
.social_share .jssocials-share-facebook span{color: #295396}
.social_share .jssocials-share-googleplus i{background: #dd5044}
.social_share .jssocials-share-googleplus span{color: #dd5044}
.social_share .jssocials-share-twitter i{background: #2caae0}
.social_share .jssocials-share-twitter span{color: #2caae0}
.social_share .jssocials-share-linkedin i{background: #007ab9}
.social_share .jssocials-share-linkedin span{color: #007ab9}
#share {width: 30px;overflow: hidden;transition: .2s;position: absolute;top: 30px;z-index: 5;background: #fff;padding: 0;display: flex;flex-direction: column;justify-content: center;align-items: center;height: 0}
#share .jssocials-share img {width: 100%;margin-bottom: 7px}
#share .jssocials-shares {display: flex;align-items: center;justify-content: center;flex-direction: column}
#share .jssocials-share {margin: 1px 0;}
#share.show_share{height: auto }

@media screen and (max-width: 992px){
    .product_info{width: 300px;padding: 30px 15px;}
    .product_details {width: calc(100% - 320px);}
    #product_tab .nav-item .nav-link{padding: 0 20px;font-size: 14px}
    #description p{font-size: 14px;line-height: 35px}
    #details li div{padding: 10px}
    .product_detail_container .product_title_container h1{font-size: 16px}
    .product_wrapper{flex-wrap: wrap}
    .idSlider{width: 100%;margin-bottom: 15px}
    .idSliderRow{width: 100%}
    .idControl{width: 100%}
    .product_details{width: 100%;margin: 0}
    #product_tab{width: calc(100% - 30px);}
    .comment-form-holder{flex-wrap: wrap;}
    .idDetail{height: auto}
    .productId{overflow: hidden}
    ._dis{font-size: 16px}
    .abBookItemPriceDiscount{font-size: 16px}
    .MFAddBasket{margin: 0 auto 0 30px}
}


@media screen and (max-width: 768px){
    .product_info{width: 100%}
    .product_details{width: 100%}
    .product_details .c_breadcrumb{display: none}
    .product_detail_container{margin-top: 10px}
    .product_basket {box-shadow: 0 3px 20px rgba(0,0,0,.16);padding: 10px;position: fixed;bottom: 0;width: 100%;left: 0;right: 0;background: #fff;z-index: 11;display: flex;align-items: center;justify-content: space-around;}
    .product_price{margin: 0}
    .product_add_basket{margin: 0;padding: 0 15px;}
    .productId{width: 100%;max-width: 100%}
}


@media screen and (max-width: 576px){
    .product_add_basket{font-size: 12px}
    .product_basket_dis_container ._txt{display: none}
    .product_price .abBookItemPrice {font-size: 17px;}
    .product_price .abBookItemLabel{margin-right: 5px}
    .abBookItemPriceDiscount{margin-left: 5px}
    .MFAddBasket{width: 150px;}
}

@media screen and (max-width: 480px){
    #details li div:first-child{width: 100%;margin: 0;border-bottom: 1px solid #eee}
    #details li div:last-child {width: 100%;}
    #details li{flex-wrap: wrap}
    #details li span{font-size: 14px}
    .product_related{padding: 15px 0}
}

@media screen and (max-width: 400px){
    #product_tab .nav-item .nav-link {padding: 0 12px;font-size: 12px;}
    #details ul {padding: 10px;}
}


/*----------------------------------------- modal -*/
.modal_wrapper{background:rgba(0,0,0,0.5);align-items: center;justify-content: center;backface-visibility: hidden;z-index: 100002;padding: 10px 10px 0;overflow: auto;text-align: center;top: 0;right: 0;bottom: 0;left: 0;position: fixed;display:none}
.modal_gallery{border-radius: 20px;border: 1px solid #2ec4b6;box-sizing: border-box;width: 100%;margin-bottom: 10px;transform: translateZ(0);color: #2b2e38;background: #fff;display: inline-block;position: relative;text-align: left;max-width: 650px;direction: ltr;height: 650px;overflow: visible !important;max-height: 95vh;}
.main_modal{display: flex;flex-wrap: wrap;margin-right: 0;margin-left: 0;height: 100%;}
.gallery_main_slider{border-radius: 20px 0 0 20px;position: relative;width: 100%;min-height: 1px;padding-right: 0;padding-left: 0;flex: 0 0 70%;max-width: 70%;height: 100%;margin: 0}
.gallery_main_slider img{max-width: 80%;max-height: 80%;overflow: hidden;}
.gallery_main_slider video{max-width: 100%;max-height: 90%;overflow: hidden;width: 90%}
.gallery_main_slider .swiper-slide{display: flex;align-items: center;justify-content: center;height: 250px}
.close_modal{width:35px;height: 35px;position: absolute;top: 10px;left: 17px;display: block;overflow: visible;margin: 0;padding: 0;cursor: pointer;transition: color .2s;text-decoration: none;color: #989898;border: 0;outline: 0;background: transparent;font-size: 23px;line-height: 1;padding: 5px;z-index: 100;}
.close_modal:before{content: '';position: absolute;right: 8px;top: 8px;background-image: url("../img/cancel.svg");background-size: 100%;position: absolute;width: 20px;height: 20px}
.gallery_main_thumbs{height: 100%;position: relative;width: 100%;min-height: 1px;padding-right: 0;padding-left: 0;-ms-flex: 0 0 30%;flex: 0 0 30%;max-width: 30%;border-left: 1px solid #eaeaea;text-align: center;height: 100%;}
.gallery_main_thumbs .swiper-slide{display: -ms-flexbox;display: flex;-ms-flex-align: center;align-items: center;-ms-flex-pack: center;justify-content: center;height: 20%;cursor: pointer;position: relative;}
.gallery_main_thumbs .swiper-slide img{height: 100px;width: 100px;opacity: .45;object-fit: contain}
.gallery_main_thumbs .swiper-slide-active img{opacity: 1 !important;}
.showModal{display: flex !important;}
.zoomImg{cursor: zoom-in}
.gallery_main_thumbs .swiper-slide-active:before{height: 100%;width: 2px;left: 0;position: absolute;content: "";background: #2ec4b6}
.gallery_main_slider .swiper-slide-active{background: #ffffff}
.gallery_main_slider .swiper-button-prev{position: absolute;top: 0}
.main_modal .swiper-button-next{background: #fff;box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);width: 62px;height: 22px;top: auto;bottom: 0;left: auto;right: 59px;margin-top: 0;margin-left: 0;border-radius: 5px 5px 0 0;display: none}
.main_modal .swiper-button-prev{background: #fff;box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);width: 62px;height: 22px;top: 0;bottom: auto;left: auto;right: 59px;margin-top: 0;margin-left: -35px;border-radius: 0 0 5px 5px;display: none}
.main_modal .swiper-button-prev:before{content: '';background-image: url("../img/angle_dark.svg");background-size: 100%;width: 13px;height: 15px;position: absolute;top: 5px;right: 25px;transform: rotate(-90deg);}
.main_modal .swiper-button-next:before{content: '';background-image: url("../img/angle_dark.svg");background-size: 100%;width: 13px;height: 15px;position: absolute;top: 5px;right: 24px;transform: rotate(90deg);}
.o_h{overflow: hidden}
@media screen and (max-width: 768px){
    .modal_gallery{max-height: 100%;max-width: 100%;height: 100%;margin: 0}
    .modal_wrapper{padding: 0}
    .main_modal .swiper-button-next,.main_modal .swiper-button-prev{display: none}
    .gallery_main_thumbs .swiper-slide img {height: 70px;width: 70px;border-radius: 3px}
    .gallery_main_slider{flex: 0 0 75%;max-width: 75%;}
    .gallery_main_thumbs{flex: 0 0 25%;max-width: 25%;}
    .gallery_main_thumbs .swiper-slide{height: 100px}
}

.stars{display: flex;flex-direction: row-reverse;height: 50%;}
.starsRow{width: 100%;display: flex;justify-content: space-around;height: 50%;padding-top: 15px;}
.guarantee{display: flex;align-items: center;margin: 10px 0}
.guarantee img{width: 30px;margin-left: 5px}
.guarantee span{font-size: 14px;font-weight: bold}

.askCustomer{background: #f8f8f8;border: 1px solid #dcdcdc;display: flex;align-items: center;justify-content: center;border-radius: 3px;margin: 20px 30px;flex-wrap: wrap}
.askCustomerTitle{font-size: 16px;color: #999999;margin-left: 20px;height: 55px;display: flex;align-items: center}
.askCustomerBtn{display: flex;align-items: center}
.askCustomerBtn > a{color: #999999;font-size: 20px;margin-right: 26px;display: block;border-bottom: 1px dashed #999999;}


.comment-form-holder{display: flex;width: 100%;align-items: center;justify-content: space-around;}
.comment-form-holder > p{font-size: 18px}
.add-comment{background: #2ec4b6;color: #fff;padding: 8px 30px;font-size: 15px;border-radius: 5px;}
.comment_container{list-style: none;padding: 0;margin: 50px 0;}
.comment_container > li{padding: 15px;border-bottom: 1px solid #eeeeee}
.comment_container > li:last-child{border-bottom: none}
.comment_header{margin-bottom: 20px}
.comment_headerTitle{font-size: 16px;font-weight: bold;margin-bottom: 5px;}
.comment_info{font-size: 12px;color: #999;}
.commentBody{padding: 0;}
.commentBodyTitle{font-weight: bold}
.advantages > .commentBodyItem{display: flex;position: relative;padding-right: 15px;width: 100%;align-items: center;margin-bottom: 5px;margin-right: 15px}
.advantages > .commentBodyItem:after{content: '';width: 8px;height: 8px;border-radius: 3px;background: #2ec4b6;position: absolute;right: 0;top: 0;bottom: 0;margin: auto}

.disadvantages > .commentBodyItem{display: flex;position: relative;padding-right: 15px;width: 100%;align-items: center;margin-bottom: 5px;margin-right: 15px}
.disadvantages > .commentBodyItem:after{content: '';width: 8px;height: 8px;border-radius: 3px;background: rgba(231, 29, 54, 0.7);position: absolute;right: 0;top: 0;bottom: 0;margin: auto}


.top_category {display: flex;flex-wrap: wrap;padding: 0 2px 0;align-items: center;justify-content: space-between;max-height: 353px;overflow: hidden;transition: .2s;margin-bottom: 40px;}
.top_category .cat_div {width: 11.8%;display: flex;align-items: center;justify-content: center;flex-direction: column;background: #ffffff;border-radius: 2px;margin-bottom: 10px;box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.10);border-bottom: 2px solid #ffffff;transition: .2s}
.top_category .cat_div:hover {border-bottom: 2px solid #2ec4b6}
.top_category .cat_div .cat_img img{width: 90px;height: 80px;object-fit: contain;}
.top_category .cat_div .cat_img {height: 100px;display: flex;align-items: center;justify-content: center;}
.top_category.auto_height ~ .more_btn div::after{transform: scale(-1);}
.top_category.auto_height ~ .more_btn .plus{display: none}
.top_category.auto_height ~ .more_btn .minus{display: inline-block}
.cat_title{height: 27px;background-color: #f4f9f8;width: 100%;text-align: center;color: #426159;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;padding: 0 5px}
.cat_count{color: #77918a;text-align: center;width: 100%;height: 27px;display: flex;align-items: center;justify-content: center;border-top: 1px solid #dedede;position: relative}
.cat_count:after{content: '';width: 15px;height: 1px;background: #f4f9f8;position: absolute;left: 15px;top: -1px}
.more_btn {height: 60px;width: 100%;background: #fcfcfc;position: relative;display: none;align-items: center;justify-content: center;}
.more_btn:after {width: 100%;height: 1px;background: #aaaaaa;content: '';position: absolute;right: 0;top: 50%;transform: translateY(-50%)}
.more_btn div {display: inline-block;position: relative;background: #fcfcfc;padding: 10px 20px 10px 50px;cursor: pointer;z-index: 2;color: #77918a}
.more_btn div:after {content: '';background: url("../img/chevron.svg") no-repeat;background-size: 100%;width: 25px;height: 25px;position: absolute;left: 12px;top: 8px;}
/*********************************** category ******************************/
/*.has_sub_category .cat_count{border-bottom: 1px solid #dedede}*/
.has_sub_category .cat_div {width: 15%;margin: 0 10px 20px;}
.has_sub_category {justify-content: flex-start;max-height: unset;overflow: visible}
.sub_category  {padding: 10px;width: 100%;height: 115px;overflow: hidden;border-top: 1px solid #eee;}
.sub_category ul {margin: 0;padding: 0;}
.sub_category ul li{position: relative;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;padding: 0 15px;}
.sub_category ul li:before{content: '';position: absolute;width: 6px;height: 6px;border-radius: 1px;background-color: #d7e8e3;right: 3px;top: 10px;transform: rotate(45deg);}
.sub_category ul a{color: #77918a;line-height: 1.79;font-size: 14px}
.more_category{width: 100%;display: flex;align-items: center;justify-content: flex-end;color:#2ec4b6;font-size: 14px;padding: 5px 10px 10px;}
.more_category:hover{color:#2ec4b6;}
.more_category span {margin-right: 5px}
.more_category span img{width: 25px;height: 25px}
.has_subset{width: 100%;display: flex;align-items: flex-start;flex-direction: column}
.subset_cat {width: 100%;display: flex;flex-wrap: wrap;justify-content: center;margin-bottom: 15px}
.subset_cat > a {padding: 8px 25px;background: #fff;margin: 5px;border-radius: 5px;box-shadow: 0 1px 2px rgba(0,0,0,0.1);transition: 0.3s}
.subset_cat > a:hover {background: #2ec4b6;color: #ffffff}
.subset_slider {width: 100%}
.has_sub_category .product_slider{margin-top: 0;margin-bottom: 20px}
.c_cat_div {color: #555;margin-bottom: 7px;display: block;}
.subset_cat h4{margin-bottom: 15px}
.categoryTitle{width: 100%;text-align: center;font-size: 25px;margin-bottom: 25px;}
.brand_profile{display: flex;background: #fff;margin-bottom: 15px;padding: 15px;}
.brand_profile_name{padding: 0 15px;font-size: 18px}

.orderGuide{display: flex;align-items: flex-start;justify-content: space-between;margin-bottom: 50px;flex-direction: row}
.orderGuideItem{width: calc((100% / 6) - 15px);display: flex;align-items: center;justify-content: center;flex-direction: column;background: #ffffff;border-radius: 10px;box-shadow: 0 0 5px 0 rgba(61, 61, 61, 0.16);padding: 15px;height: 160px;position: relative}
.orderGuideItem:after{content: '';position: absolute;right: -50%;top: -25px;width: 90%;background: url('../img/process-line.png') no-repeat;height: 43px;background-size: 100% auto;z-index: 1;transform: scaleX(-1)}
.orderGuideItem:first-child:after{display: none}
.orderGuideItem img{width: 85px;height: 85px;max-width: 100%;object-fit: contain;margin: 0 auto 20px auto}
.orderGuideItem span{width: 100%;font-size: 12px;text-align: center;}

@media screen and (max-width: 1200px){
    .top_category {justify-content: center;}
    .top_category .cat_div {width: 16%;margin: 3px;}
    .top_banner img {height: 200px;}
    .orderGuideItem {height: 140px;}
    .orderGuideItem img{width: 55px;height: 55px}
}
@media screen and (max-width: 992px){
    .top_category .cat_div {width: 19%}
    .orderGuide {flex-wrap: wrap}
    .orderGuideItem {width: calc((100% / 3) - 15px);height: 180px;margin-bottom: 20px}
    .orderGuideItem img{width: 70px;height: 70px;}
    .orderGuideItem:nth-child(4):after{display: none}
    .orderGuideItem:after{top: -10px;width: 80%;height: 50px;}

}
@media screen and (max-width: 768px){
    .top_category .cat_div {width: 23%;}
    .orderGuideItem img {width: 50px;height: 50px;}  .orderGuideItem {height: 150px;}
}
@media screen and (max-width: 576px){
    .orderGuide{margin-bottom: 20px}
}
@media screen and (max-width: 480px){
    .top_category .cat_div {width: 47%;}
    .brand_profile{flex-wrap: wrap}
    .brand_profile_header{width: 100%}
    .brand_profile_details{width: 100%}
    .orderGuide{justify-content: space-around}
    .orderGuideItem{max-width: 160px;width: calc((100% / 2) - 15px)}
    .orderGuideItem:nth-child(4):after{display: block}
    .orderGuideItem:nth-child(2n+1):after{display: none}
}


/*----------------------------------------- content.id -*/
.content_container {display: flex;align-items: flex-start;justify-content: space-between;}
.content_image {width: 39%;border-radius: 10px}
.productImageRow {display: flex;min-height: 300px;align-items: center;}
.content_info {width: 59%;}
.content_image img {width: 100%;height: 100%;object-fit: contain;max-height: 300px}
.content_wrapper {margin-top: 30px;margin-bottom: 30px;background: #fff;padding: 15px;border-radius: 3px;}
.content_info h1 {font-size: 25px;line-height: 1.7;margin-bottom: 30px;}
.content_info h2 {font-size: 18px;line-height: 1.5;color: #777777;margin-top: -15px}
.content_param {display: flex;align-items: center;margin-bottom: 30px}
.content_param > div img {margin-left: 5px;width: 20px}
.content_param > div {margin-left: 40px;}
.content_param > div .item_like img{width: 20px;height: 20px}
.content_summary{position: relative;padding-right: 15px;font-size: 16px;margin-bottom: 15px}
.content_summary:before{content: '';position: absolute;right: 0;height: 100%;width: 5px;background: #2ec4b6;border-radius: 20px}
.content_body {margin-top: 50px;}
.content_body p{font-size: 16px;line-height: 30px}
.content_body a{font-size: inherit;line-height: 30px}
.content_body img{max-width: 100%}
.divider{height: 1px;width: 100%;background: #aaaaaa;margin: 30px 0}
.comment_title{font-size: 18px;margin-bottom: 20px;display: flex}
.input_c{background: #f8f8f8;border-radius: 5px;border: 0;padding: 10px;height: 100%}
.comment_info{display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap}
.comment_info .input_container {width: 49%;background: #f8f8f8;height: 45px;display: flex;align-items: center;border-radius: 5px;margin-top: 20px}
.comment_info .captcha_refresh .captcha_img{height: auto}
.comment_input_title {width: 140px;height: 100%;display: flex;align-items: center;justify-content: flex-start;border-left: 1px solid #aaa;padding: 10px;}
.form_action {display: flex;height: 45px;align-items: center;margin-top: 20px;width: 49%;justify-content: flex-end;}
.form_action_btn {background: #2ec4b6;color: #ffffff;height: 45px;width: 200px;}
.form_action_btn:hover {color: #ffffff;}
.form_action_btn img {width: 25px;margin-right: 10px;}
.captcha_img {height: 45px;}
.comment_single_info{display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;margin-bottom: 15px}
.comment_name {font-size: 16px;}
.comment_name img{margin-left: 10px;width: 20px;height: 20px;object-fit: contain}
.comment_desc {line-height: 2;font-size: 15px;}
.comment_single {padding: 0 10px;}
.comment_single:not(:last-child) {border-bottom: 1px solid #aaaaaa}
.comments_wrapper{border-top: 1px solid #aaaaaa;margin-top: 30px;padding-top: 30px}
.captcha_refresh i {color: #2ec4b6;font-size: 20px;display: flex;align-items: center;}
.comment_container{margin-bottom: 50px}
.n-img-div a {display: flex;align-items: center;justify-content: flex-start;}
.content-attach {margin-top: 30px;}
.content-attach .n-img-div a {background: #eee;padding: 10px;display: flex;align-items: center;justify-content: center;border-radius: 3px;box-shadow: 0 0 6px 0 rgba(0, 103, 102, 0.09);}
.n-img-div a i {margin-left: 10px;color: #2ec4b6;}
.filesize {margin-right: 5px;color: #111;font-size: 12px;}


.projectProperty{list-style: none;padding: 0}
.projectProperty li{padding: 10px 0}
.projectProperty li span{display: inline-block}
.projectProperty li .key{font-weight: bold;margin-left: 10px}
.projectProperty li .value{}
@media screen and (max-width: 992px){
    .content_info h1{font-size: 17px;margin-bottom: 15px}
    .content_summary{font-size: 14px}
    .content_param{margin-bottom: 15px}

}

@media screen and (max-width: 768px){
    .content_image img{max-height: 250px}
    .form_action_btn{width: 120px}
    .content_body p {font-size: 14px;}
}

@media screen and (max-width: 576px){
    .comment_input_title{width: 90px;padding: 5px;font-size: 10px;}
}

@media screen and (max-width: 480px){
    .content_image{width: 100%}
    .content_container{flex-wrap: wrap}
    .content_info {width: 100%;margin-top: 15px}
    .comment_info .input_container{width: 100%}
    .form_action{width: 100%}
}


/*----------------------------------------- content q -*/
.news_main{margin-top: 30px;margin-bottom: 30px;}
.news_list{transition: all .2s ease;border-radius: 10px ;overflow: hidden;background: #ffffff;position: relative;height: 100%;display: flex;flex-direction: column;justify-content: space-between;box-shadow: 0 0 3px 0 rgba(146, 146, 146, 0.09)}
.news_img img{width: 100%;height: 200px;object-fit: cover}
.news_title {height: 50px;overflow: hidden}
.news_title a {color: #000000;font-size: 14px;line-height: 24px}
.news_desc{padding: 15px;}
.news_img{height: 200px}
.news_main > div {margin: 0 -15px;display: flex;align-items: stretch;flex-wrap: wrap}
.news_main > div > div{margin-bottom: 30px}
.news_icon{;position:relative;padding: 5px 15px;border-top: 1px solid #dddddd;display: flex;justify-content: space-between;align-items: center}
.news_icon_txt{color: #777777;font-size: 10px}
.red_like {position: absolute;right: 15px;top: 10px;display: none;}
.news-icons img{cursor: pointer;margin-left: 10px;width: 16px}
.news-icons i{color: #8d8d8d;margin: 0 0 0 5px}
.news-icons[status='1'] i{color: #f14325}
.news-external-link img{cursor: pointer;width: 16px}
.news_p {height: 75px;margin: 0;font-size: 12px;color: #7f7f7f;}
.new_div .share_item{position: absolute;left: 10px;bottom: 10px;}
.news_info {text-align: left;font-size: 12px;color: #aaa;}


@media screen and (max-width: 1200px){
    .news_img img{height: 160px}
    .news_img {height: 160px;}
    .news_desc {padding: 10px;}
}

@media screen and (max-width: 768px){
    .news_main > div > div {padding: 0 5px}
    .news_main > div  {margin: 0}
}

@media screen and (max-width: 380px){
    .news_main > div > div {width: 100%}
}

.compare_content{overflow: auto}
#compareModal{margin-bottom: 30px;}
.compare_header ._title {margin-bottom: 20px}
.compare_side{width: 250px;;padding: 15px;;padding-top: 233px;}
.compare_info {display: flex;justify-content: flex-start;background: #ffffff;padding: 0;box-shadow: 0 0 3px 0 rgba(146, 146, 146, 0.09);border-radius: 5px}
.compare_list_item{display: inline-block;width: 25%;padding: 15px;}
.compare_list_item:not(:last-child){border-left: 1px solid #dbdbdb}
#modal_compare_list .compare_list_item{border-left: none}
.compare_close {position: absolute;left: 30px;top: 20px;}
.compare_info{width: 100%;white-space: nowrap;display: flex;}
.compare_info_wrapper{position: relative}
.compare_remove{cursor: pointer;font-size: 19px;position: absolute;left: 0;top: 0;width: 25px;height: 25px;display: flex;align-items: center;justify-content: center;background: #dbdbdb;border-radius: 50%;}
#modal_compare_list .compare_info_wrapper img{height: 145px}
.compare_info_wrapper img{width: 140px;max-width: 100%;margin: 0 auto;display: block;height: 230px;object-fit: contain;}
.compare_list_title{font-size: 16px;font-weight: bold;text-align: center;display: block;margin-bottom: 10px;height: 40px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;color: #2ec5b6}
#modal_compare_list .compare_list_title{font-size: 14px}
#modal_compare_list .compare_list_information{margin-top: 10px}
.compare_list_information ul {margin: 0;padding: 0;list-style: none}
/*.compare_list_information ul li{font-size: 14px;margin-bottom: 10px;color: #393939;height: 25px;overflow: hidden;text-overflow: ellipsis}*/
.compare_key {font-size: .929rem;line-height: 1.692;padding: 9px 26px;background-color: #eaeaea;font-weight: 700;}
.compare_vals {background: #fff;padding: 10px 0;display: flex;align-items: center;justify-content: flex-start}
.compare_vals > div{width: 25%;display: flex;align-items: center;justify-content: center;padding: 10px;color: #4d4d4d;text-align: center}
.compare_vals > div:not(:last-child){border-left: 1px solid #e4e4e4}
.compare_side ul{margin: 0;padding: 0;list-style: none}
.compare_side ul li{font-size: 14px;margin-bottom: 10px;color: #7d7d7d;height: 25px}
.compare_add{height: 100%;padding:0;text-align: center;cursor: pointer;display: flex;margin: auto 10px;flex-direction: column;align-items: center;width: 25%}
.compare_add button{border-radius: 19px;border: 5px dashed #d2d2d2;background: none;max-width: 280px;margin: 0;display: flex;padding: 15px 5px;font-size: 12px;line-height: 1.467;color: #b3b3b3;cursor: pointer;flex-direction: column;align-items: center;margin-top: 20px}
.compare_add button:before{content: '';position: relative;background: url("../img/plus_white.svg") no-repeat ;width: 100px;height: 100px;display: flex;align-items: center;justify-content: center;background-size: 100%}
#modal_compare_list .modal-dialog{max-width: 980px}
#modal_compare_list .compare_info{width: 100%;flex-wrap: wrap;overflow: hidden}
#modal_compare_list .compare_info_wrapper{height: 190px;border: 1px solid #e9e9e9;border-radius: 6px;padding: 10px}
#modal_compare_list .compare_list_title{height: auto}
#modal_compare_list a:hover {color: #80868b}
#modal_compare_list .compare_image {display: flex;flex-direction: column}
#modal_compare_list .compare_image img{max-width: 80%;margin: auto}
.compare_info_wrapper ._price{text-align: center;display: flex;align-items: center;justify-content: center;color: #fb3449}
.compare_add_desc{white-space: normal;padding: 0 5px}
.productSupport{display: flex;align-items: center;justify-content: space-between;position: absolute;bottom: 0;right: 0;left: 0;padding: 10px 0;border-top: 1px solid #dcdcdc;margin: 0 30px;}
.productSupportItem{display: flex;align-items: center;justify-content: space-between;}
.productSupportItem > span{font-size: 11px;color: #999999;padding: 3px 5px;text-shadow: 0 0 #000;}

@media screen and (max-width: 998px){
    .productSupport{position: relative}
}
@media screen and (max-width: 768px){
    .productSupport{margin: 0 15px;}
    .product_detail_container{padding: 15px}
    .askCustomer{margin: 20px 15px;}
    /*.compare_list_item{min-width: 250px;}*/
    /*.compare_vals > div{min-width: 250px}*/
    .mobile_not_show{display: none !important}
    .compare_list_item{width: 50%}
    .compare_add{width: 50%}
    .compare_vals > div{width: 50%;font-size: 14px}
    .compare_info_wrapper ._price{font-size: 14px}
    .compare_key{font-size: 14px}

}
@media screen and (max-width: 500px){
    .compare_side{width: 150px;padding: 10px;padding-top: 233px;}
    .compare_list_information ul li{font-size: small;}
    .compare_side ul li{font-size: 11px;}
    /*.compare_list_item{width: 230px;}*/
    /*.compare_info{width: calc(100% - 150px);}*/
    .productSupport{flex-wrap: wrap}
    .productSupportItem{width: 50%;margin-bottom: 10px;justify-content: flex-start}
}



/*-------------------------------------------------contact*/
#map_div{width: 49%;height: 750px !important;border-radius: 5px;z-index: 1;box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.16);overflow: hidden}
.contactUs{display: flex;margin:30px auto 40px;max-width: 1100px;justify-content: space-between;text-align: right}
.contact_info{width: 49%;background: #ffffff;padding: 25px;border-radius: 5px;min-height: 470px;border: 1px  solid #ebebeb}
.icon_social{border: 1px solid #6f7070;width: 30px;height: 30px;background: #ffffff;border-radius: 100%;display: flex;align-items: center;justify-content: center;margin-right: 10px}
.spContact .icon_social{margin-right: 0;margin-left: 10px}
.spContact #map_div{height: auto !important}
.icon_social i{color: #6f7070}
.icon_social img{width: 15px;height: 15px}
.social_div {display: flex}
.social_div > div {width: 100%}
.social_div > div > div {display: flex;align-items: center;justify-content: flex-start;margin-bottom: 15px}
.social_div > div > div a{display: flex;align-items: center;justify-content: flex-start;color: #212529}
.social_div > div > div a:hover{color: #777777}
.address_{display: flex;align-items: center}
.social_text {width: calc(100% - 30px);}
.contact_title{font-size: 25px;color: #777777;margin-top: 40px;text-align: center;}
.contact_desc p{max-width: 1100px;margin: 20px auto;line-height: 2.3;font-size: 14px;}
.contact_desc a{font-size: 14px;}
.captcha_reload{margin-right: 10px}
.register_captcha label{justify-content: flex-end;}
.form_contact {border-top: 1px solid #e7e7e7;margin-top: 10px;padding-top: 15px;}
.c_area{height: 100px;border-radius: 5px;background: #fff;border: 1px solid #c8c8c8;color: #717171;font-size: 14px;line-height: 1.571;padding: 11px 12px;width: 100%;letter-spacing: -.8px;}
.contact_btn{display: flex;justify-content: flex-end}
.contact_btn button {background: #e71d36;border-radius: 6px;color: #fff;width: 100%;height: 46px;border: 0;font-size: 16px;text-align: center;max-width: 200px}
.form_contact .refresh{width: 30px;object-fit: contain}
.team_container{display: flex;flex-wrap: wrap;margin-top: 40px}
.team_wrapper {max-width: 1100px;margin: 30px auto;border-top: 1px solid #e7e7e7;padding-top: 30px;}
.team_wrapper h3 {text-align: center;}
.member_box img{width: 100%;height: 180px;object-fit: cover}
.member_box {transition: .2s;border: 1px solid #e7e7e7;margin-bottom: 20px;box-shadow: 0 5px 8px 0 rgba(2, 2, 2, 0.12);border-radius: 15px;overflow: hidden;background: #fff;}
.member_box:hover {transform: translateY(-5px)}
.member_info {padding: 10px;display: flex;flex-direction: column;align-items: center;justify-content: center;}
.member_info p{margin-bottom: 5px;text-align: center}
.member_name {font-weight: 700;color: #333;font-size: 15px;}
.c_input{display: block;box-sizing: border-box;width: 100%;height: 39px;padding: 0.5rem;border: 1px solid #c6c6c6;border-radius: 6px;background-color: #fefefe;box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1);font-family: inherit;font-size: 12px;font-weight: normal;line-height: 1.5;color: #000;transition: box-shadow 0.5s, border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;}
.c_form .c_input {display: block;box-sizing: border-box;width: 100%;height: 45px;padding: 0.5rem;border: 1px solid #c6c6c6;border-radius: 6px;background-color: #fefefe;box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1);font-family: inherit;font-size: 14px;font-weight: normal;line-height: 1.5;color: #000;transition: box-shadow 0.5s, border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;}
.c_form .c_input:focus{border: 1px solid #006766}
.c_form .c_input{padding-right: 35px;}
.c_form .c_input::placeholder{text-align: left !important;color: #aaaaaa}
::placeholder{text-align: left !important}
#form-contact .captcha_img {height: auto;}
#form-contact {display: flex;flex-wrap: wrap;justify-content: space-between}
#form-contact .form-group{width: 100%}
#form-contact .half_w{width: 49%}

@media screen and (max-width: 768px) {
    #map_div{width: 100%;margin-bottom: 20px;height: 270px !important;}
    .contact_info{height: auto;width: 100%;margin-bottom: 30px}
    .contactUs{flex-wrap: wrap}
    .contact_btn{justify-content: center}
}

@media screen and (max-width: 576px){
    .register_captcha label > div {width: 47.5%;}
}

/*-----------------------------------phone animate*/


.Phone {position: fixed;display: block;width: 50px;height: 50px;font-size: 50px;background-color: #e71d36;border-radius: 50%;box-shadow: 0 0 0 0 rgba(52, 152, 219, 0), 0 0.05em 0.1em rgba(0, 0, 0, 0.2);-webkit-transform: translate3d(0, 0, 0) scale(1);transform: translate3d(0, 0, 0) scale(1);bottom: 15px;z-index: 1000;left: 15px;}

.Phone::before, .Phone::after {position: absolute;content: "";}

.Phone::before {top: 0;left: 0;width: 1em;height: 1em;background-color: rgba(255, 255, 255, 0.1);border-radius: 100%;opacity: 1;-webkit-transform: translate3d(0, 0, 0) scale(0);transform: translate3d(0, 0, 0) scale(0);}

.Phone::after {top: 0.25em;left: 0.25em;width: 0.5em;height: 0.5em;background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTYuNiAxMC44YzEuNCAyLjggMy44IDUuMSA2LjYgNi42bDIuMi0yLjJjLjMtLjMuNy0uNCAxLS4yIDEuMS40IDIuMy42IDMuNi42LjUgMCAxIC40IDEgMVYyMGMwIC41LS41IDEtMSAxLTkuNCAwLTE3LTcuNi0xNy0xNyAwLS42LjQtMSAxLTFoMy41Yy41IDAgMSAuNCAxIDEgMCAxLjIuMiAyLjUuNiAzLjYuMS40IDAgLjctLjIgMWwtMi4zIDIuMnoiIGZpbGw9IiNmZmZmZmYiLz48L3N2Zz4=');background-position: 50% 50%;background-repeat: no-repeat;background-size: cover;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}

.Phone.is-animating {-webkit-animation: phone-outer 3000ms infinite;animation: phone-outer 3000ms infinite;}
.Phone.is-animating::before {-webkit-animation: phone-inner 3000ms infinite;animation: phone-inner 3000ms infinite;}
.Phone.is-animating::after {-webkit-animation: phone-icon 3000ms infinite;animation: phone-icon 3000ms infinite;}

@-webkit-keyframes phone-outer {
    0% {
        -webkit-transform: translate3d(0, 0, 0) scale(1);
        transform: translate3d(0, 0, 0) scale(1);
        box-shadow: 0 0 0 0em rgba(52, 152, 219, 0), 0em 0.05em 0.1em rgba(0, 0, 0, 0.2);
    }
    33.3333% {
        -webkit-transform: translate3d(0, 0, 0) scale(1.1);
        transform: translate3d(0, 0, 0) scale(1.1);
        box-shadow: 0 0 0 0em rgba(52, 152, 219, 0.1), 0em 0.05em 0.1em rgba(0, 0, 0, 0.5);
    }
    66.6666% {
        -webkit-transform: translate3d(0, 0, 0) scale(1);
        transform: translate3d(0, 0, 0) scale(1);
        box-shadow: 0 0 0 0.5em rgba(52, 152, 219, 0), 0em 0.05em 0.1em rgba(0, 0, 0, 0.2);
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0) scale(1);
        transform: translate3d(0, 0, 0) scale(1);
        box-shadow: 0 0 0 0em rgba(52, 152, 219, 0), 0em 0.05em 0.1em rgba(0, 0, 0, 0.2);
    }
}
@keyframes phone-outer {
    0% {
        -webkit-transform: translate3d(0, 0, 0) scale(1);
        transform: translate3d(0, 0, 0) scale(1);
        box-shadow: 0 0 0 0em rgba(52, 152, 219, 0), 0em 0.05em 0.1em rgba(0, 0, 0, 0.2);
    }
    33.3333% {
        -webkit-transform: translate3d(0, 0, 0) scale(1.1);
        transform: translate3d(0, 0, 0) scale(1.1);
        box-shadow: 0 0 0 0em rgba(52, 152, 219, 0.1), 0em 0.05em 0.1em rgba(0, 0, 0, 0.5);
    }
    66.6666% {
        -webkit-transform: translate3d(0, 0, 0) scale(1);
        transform: translate3d(0, 0, 0) scale(1);
        box-shadow: 0 0 0 0.5em rgba(52, 152, 219, 0), 0em 0.05em 0.1em rgba(0, 0, 0, 0.2);
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0) scale(1);
        transform: translate3d(0, 0, 0) scale(1);
        box-shadow: 0 0 0 0em rgba(52, 152, 219, 0), 0em 0.05em 0.1em rgba(0, 0, 0, 0.2);
    }
}
@-webkit-keyframes phone-inner {
    0% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0) scale(0);
        transform: translate3d(0, 0, 0) scale(0);
    }
    33.3333% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0) scale(0.9);
        transform: translate3d(0, 0, 0) scale(0.9);
    }
    66.6666% {
        opacity: 0;
        -webkit-transform: translate3d(0, 0, 0) scale(0);
        transform: translate3d(0, 0, 0) scale(0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, 0, 0) scale(0);
        transform: translate3d(0, 0, 0) scale(0);
    }
}
@keyframes phone-inner {
    0% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0) scale(0);
        transform: translate3d(0, 0, 0) scale(0);
    }
    33.3333% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0) scale(0.9);
        transform: translate3d(0, 0, 0) scale(0.9);
    }
    66.6666% {
        opacity: 0;
        -webkit-transform: translate3d(0, 0, 0) scale(0);
        transform: translate3d(0, 0, 0) scale(0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, 0, 0) scale(0);
        transform: translate3d(0, 0, 0) scale(0);
    }
}
@-webkit-keyframes phone-icon {
    0% {
        -webkit-transform: translate3d(0em, 0, 0);
        transform: translate3d(0em, 0, 0);
    }
    2% {
        -webkit-transform: translate3d(0.01em, 0, 0);
        transform: translate3d(0.01em, 0, 0);
    }
    4% {
        -webkit-transform: translate3d(-0.01em, 0, 0);
        transform: translate3d(-0.01em, 0, 0);
    }
    6% {
        -webkit-transform: translate3d(0.01em, 0, 0);
        transform: translate3d(0.01em, 0, 0);
    }
    8% {
        -webkit-transform: translate3d(-0.01em, 0, 0);
        transform: translate3d(-0.01em, 0, 0);
    }
    10% {
        -webkit-transform: translate3d(0.01em, 0, 0);
        transform: translate3d(0.01em, 0, 0);
    }
    12% {
        -webkit-transform: translate3d(-0.01em, 0, 0);
        transform: translate3d(-0.01em, 0, 0);
    }
    14% {
        -webkit-transform: translate3d(0.01em, 0, 0);
        transform: translate3d(0.01em, 0, 0);
    }
    16% {
        -webkit-transform: translate3d(-0.01em, 0, 0);
        transform: translate3d(-0.01em, 0, 0);
    }
    18% {
        -webkit-transform: translate3d(0.01em, 0, 0);
        transform: translate3d(0.01em, 0, 0);
    }
    20% {
        -webkit-transform: translate3d(-0.01em, 0, 0);
        transform: translate3d(-0.01em, 0, 0);
    }
    22% {
        -webkit-transform: translate3d(0.01em, 0, 0);
        transform: translate3d(0.01em, 0, 0);
    }
    24% {
        -webkit-transform: translate3d(-0.01em, 0, 0);
        transform: translate3d(-0.01em, 0, 0);
    }
    26% {
        -webkit-transform: translate3d(0.01em, 0, 0);
        transform: translate3d(0.01em, 0, 0);
    }
    28% {
        -webkit-transform: translate3d(-0.01em, 0, 0);
        transform: translate3d(-0.01em, 0, 0);
    }
    30% {
        -webkit-transform: translate3d(0.01em, 0, 0);
        transform: translate3d(0.01em, 0, 0);
    }
    32% {
        -webkit-transform: translate3d(-0.01em, 0, 0);
        transform: translate3d(-0.01em, 0, 0);
    }
    34% {
        -webkit-transform: translate3d(0.01em, 0, 0);
        transform: translate3d(0.01em, 0, 0);
    }
    36% {
        -webkit-transform: translate3d(-0.01em, 0, 0);
        transform: translate3d(-0.01em, 0, 0);
    }
    38% {
        -webkit-transform: translate3d(0.01em, 0, 0);
        transform: translate3d(0.01em, 0, 0);
    }
    40% {
        -webkit-transform: translate3d(-0.01em, 0, 0);
        transform: translate3d(-0.01em, 0, 0);
    }
    42% {
        -webkit-transform: translate3d(0.01em, 0, 0);
        transform: translate3d(0.01em, 0, 0);
    }
    44% {
        -webkit-transform: translate3d(-0.01em, 0, 0);
        transform: translate3d(-0.01em, 0, 0);
    }
    46% {
        -webkit-transform: translate3d(0em, 0, 0);
        transform: translate3d(0em, 0, 0);
    }
}
@keyframes phone-icon {
    0% {
        -webkit-transform: translate3d(0em, 0, 0);
        transform: translate3d(0em, 0, 0);
    }
    2% {
        -webkit-transform: translate3d(0.01em, 0, 0);
        transform: translate3d(0.01em, 0, 0);
    }
    4% {
        -webkit-transform: translate3d(-0.01em, 0, 0);
        transform: translate3d(-0.01em, 0, 0);
    }
    6% {
        -webkit-transform: translate3d(0.01em, 0, 0);
        transform: translate3d(0.01em, 0, 0);
    }
    8% {
        -webkit-transform: translate3d(-0.01em, 0, 0);
        transform: translate3d(-0.01em, 0, 0);
    }
    10% {
        -webkit-transform: translate3d(0.01em, 0, 0);
        transform: translate3d(0.01em, 0, 0);
    }
    12% {
        -webkit-transform: translate3d(-0.01em, 0, 0);
        transform: translate3d(-0.01em, 0, 0);
    }
    14% {
        -webkit-transform: translate3d(0.01em, 0, 0);
        transform: translate3d(0.01em, 0, 0);
    }
    16% {
        -webkit-transform: translate3d(-0.01em, 0, 0);
        transform: translate3d(-0.01em, 0, 0);
    }
    18% {
        -webkit-transform: translate3d(0.01em, 0, 0);
        transform: translate3d(0.01em, 0, 0);
    }
    20% {
        -webkit-transform: translate3d(-0.01em, 0, 0);
        transform: translate3d(-0.01em, 0, 0);
    }
    22% {
        -webkit-transform: translate3d(0.01em, 0, 0);
        transform: translate3d(0.01em, 0, 0);
    }
    24% {
        -webkit-transform: translate3d(-0.01em, 0, 0);
        transform: translate3d(-0.01em, 0, 0);
    }
    26% {
        -webkit-transform: translate3d(0.01em, 0, 0);
        transform: translate3d(0.01em, 0, 0);
    }
    28% {
        -webkit-transform: translate3d(-0.01em, 0, 0);
        transform: translate3d(-0.01em, 0, 0);
    }
    30% {
        -webkit-transform: translate3d(0.01em, 0, 0);
        transform: translate3d(0.01em, 0, 0);
    }
    32% {
        -webkit-transform: translate3d(-0.01em, 0, 0);
        transform: translate3d(-0.01em, 0, 0);
    }
    34% {
        -webkit-transform: translate3d(0.01em, 0, 0);
        transform: translate3d(0.01em, 0, 0);
    }
    36% {
        -webkit-transform: translate3d(-0.01em, 0, 0);
        transform: translate3d(-0.01em, 0, 0);
    }
    38% {
        -webkit-transform: translate3d(0.01em, 0, 0);
        transform: translate3d(0.01em, 0, 0);
    }
    40% {
        -webkit-transform: translate3d(-0.01em, 0, 0);
        transform: translate3d(-0.01em, 0, 0);
    }
    42% {
        -webkit-transform: translate3d(0.01em, 0, 0);
        transform: translate3d(0.01em, 0, 0);
    }
    44% {
        -webkit-transform: translate3d(-0.01em, 0, 0);
        transform: translate3d(-0.01em, 0, 0);
    }
    46% {
        -webkit-transform: translate3d(0em, 0, 0);
        transform: translate3d(0em, 0, 0);
    }
}


/*---------------------------------------tooltip*/

._tooltip {
    display: inline;
    position: relative;
    z-index: 999
}

._tooltip .tooltip-item {
    /*background: rgba(0, 0, 0, 0.1);*/
    cursor: pointer;
    display: inline-block;
    font-weight: 500;
}

._tooltip .tooltip-content {
    position: absolute;
    z-index: 9999;
    width: 160px;
    margin: 0 0 20px -70px;
    bottom: 100%;
    left: 0;
    text-align: right;
    font-size: 14px;
    line-height: 30px;
    -webkit-box-shadow: 5px -5px 15px rgba(48, 54, 61, 0.2);
    box-shadow: 5px -5px 15px rgba(48, 54, 61, 0.2);
    background: #2ec4b6;
    opacity: 0;
    cursor: default;
    pointer-events: none;
}

._tooltip .tooltip-content::after {
    content: '';
    top: 100%;
    right: 50%;
    border: solid transparent;
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: #2ec4b6 transparent transparent;
    border-width: 10px;
    margin-right: -10px
}

._tooltip .tooltip-content img {
    position: relative;
    height: 140px;
    display: block;
    float: right;
    margin-left: 1em
}

._tooltip .tooltip-item::after {
    content: '';
    position: absolute;
    width: 360px;
    height: 20px;
    bottom: 100%;
    right: 50%;
    pointer-events: none;
    -webkit-transform: translateX(50%);
    transform: translateX(50%)
}

._tooltip:hover .tooltip-item::after {
    pointer-events: auto
}

._tooltip:hover .tooltip-content {
    pointer-events: auto;
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0) rotate3d(0, 0, 0, 0);
    transform: translate3d(0, 0, 0) rotate3d(0, 0, 0, 0)
}

._tooltip:hover .tooltip-content2 {
    opacity: 1;
    font-size: 18px
}

._tooltip:hover .tooltip-content2 i {
    opacity: 1;
    font-size: 18px
}

._tooltip:hover .tooltip-content2 {
    opacity: 1;
    font-size: 18px;
    pointer-events: auto;
    -webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
    transform: translate3d(0, 0, 0) scale3d(1, 1, 1)
}

._tooltip:hover .tooltip-content2 i {
    opacity: 1;
    font-size: 18px;
    pointer-events: auto;
    -webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
    transform: translate3d(0, 0, 0) scale3d(1, 1, 1)
}

._tooltip:hover .tooltip-item2 {
    color: #fff;
    -webkit-transform: translate3d(0, -0.9em, 0);
    transform: translate3d(0, -0.9em, 0)
}

._tooltip:hover .tooltip-text3 {
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1)
}

._tooltip:hover .tooltip-content3 {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1)
}

._tooltip:hover .tooltip-content4 {
    pointer-events: auto;
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

._tooltip:hover .tooltip-text2 {
    pointer-events: auto;
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

._tooltip:hover .tooltip-inner2 {
    -webkit-transition-delay: 0.3s;
    transition-delay: 0.3s;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

._tooltip:hover .tooltip-content5 {
    opacity: 1;
    pointer-events: auto;
    -webkit-transition-delay: 0s;
    transition-delay: 0s
}

._tooltip .tooltip-text {
    font-size: 14px;line-height: 24px;display: block;padding: 2px 10px;color: #fff;text-align: center;
}

._tooltip .tooltip-item2 {
    color: #01a9ac;
    cursor: pointer;
    z-index: 100;
    position: relative;
    display: inline-block;
    font-weight: 700;
    font-size: 14px;
    -webkit-transition: background-color 0.3s, color 0.3s, -webkit-transform 0.3s;
    transition: background-color 0.3s, color 0.3s, -webkit-transform 0.3s;
    transition: background-color 0.3s, color 0.3s, transform 0.3s;
    transition: background-color 0.3s, color 0.3s, transform 0.3s, -webkit-transform 0.3s
}

.tooltip.tooltip-effect-2:hover .tooltip-content {
    -webkit-transform: perspective(1000px) rotate3d(1, 0, 0, 0deg);
    transform: perspective(1000px) rotate3d(1, 0, 0, 0deg)
}

.tooltip-effect-5 .tooltip-text {
    padding: 1.4em
}

.tooltip-effect-1 .tooltip-content {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
    -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
    transition: opacity 0.3s, -webkit-transform 0.3s;
    transition: opacity 0.3s, transform 0.3s;
    transition: opacity 0.3s, transform 0.3s, -webkit-transform 0.3s;
    color: #fff
}

.tooltip-effect-2 .tooltip-content {
    -webkit-transform-origin: 50% calc(110%);
    transform-origin: 50% calc(110%);
    -webkit-transform: perspective(1000px) rotate3d(1, 0, 0, -45deg);
    transform: perspective(1000px) rotate3d(1, 0, 0, -45deg);
    -webkit-transition: opacity 0.2s, -webkit-transform 0.2s;
    transition: opacity 0.2s, -webkit-transform 0.2s;
    transition: opacity 0.2s, transform 0.2s;
    transition: opacity 0.2s, transform 0.2s, -webkit-transform 0.2s
}

.tooltip-effect-3 .tooltip-content {
    -webkit-transform: translate3d(0, 10px, 0) rotate3d(1, -1, 0, -25deg);
    transform: translate3d(0, 10px, 0) rotate3d(1, -1, 0, -25deg);
    -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
    transition: opacity 0.3s, -webkit-transform 0.3s;
    transition: opacity 0.3s, transform 0.3s;
    transition: opacity 0.3s, transform 0.3s, -webkit-transform 0.3s
}

.tooltip-effect-4 .tooltip-content {
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-transform: scale3d(0.7, 0.3, 1);
    transform: scale3d(0.7, 0.3, 1);
    -webkit-transition: opacity 0.2s, -webkit-transform 0.2s;
    transition: opacity 0.2s, -webkit-transform 0.2s;
    transition: opacity 0.2s, transform 0.2s;
    transition: opacity 0.2s, transform 0.2s, -webkit-transform 0.2s
}

.tooltip-effect-5 .tooltip-content {
    width: 180px;
    margin-right: -90px;
    -webkit-transform-origin: 50% calc(106%);
    transform-origin: 50% calc(106%);
    -webkit-transform: rotate3d(0, 0, 1, -15deg);
    transform: rotate3d(0, 0, 1, -15deg);
    -webkit-transition: opacity 0.2s, -webkit-transform 0.2s;
    transition: opacity 0.2s, -webkit-transform 0.2s;
    transition: opacity 0.2s, transform 0.2s;
    transition: opacity 0.2s, transform 0.2s, -webkit-transform 0.2s;
    -webkit-transition-timing-function: ease, cubic-bezier(0.17, 0.67, 0.4, 1.39);
    transition-timing-function: ease, cubic-bezier(0.17, 0.67, 0.4, 1.39)
}

.tooltip-effect-6 .tooltip-content2 {
    -webkit-transform: translate3d(0, 10px, 0) rotate3d(1, -1, 1, -45deg);
    transform: translate3d(0, 10px, 0) rotate3d(1, -1, 1, -45deg);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
    transition: opacity 0.3s, -webkit-transform 0.3s;
    transition: opacity 0.3s, transform 0.3s;
    transition: opacity 0.3s, transform 0.3s, -webkit-transform 0.3s
}

.tooltip-effect-6 .tooltip-content2 i {
    -webkit-transform: scale3d(0, 0, 1);
    transform: scale3d(0, 0, 1);
    -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
    transition: opacity 0.3s, -webkit-transform 0.3s;
    transition: opacity 0.3s, transform 0.3s;
    transition: opacity 0.3s, transform 0.3s, -webkit-transform 0.3s
}

.tooltip-effect-7 .tooltip-content2 {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
    -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
    transition: opacity 0.3s, -webkit-transform 0.3s;
    transition: opacity 0.3s, transform 0.3s;
    transition: opacity 0.3s, transform 0.3s, -webkit-transform 0.3s
}

.tooltip-effect-7 .tooltip-content2 i {
    -webkit-transform: translate3d(0, 15px, 0);
    transform: translate3d(0, 15px, 0);
    -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
    transition: opacity 0.3s, -webkit-transform 0.3s;
    transition: opacity 0.3s, transform 0.3s;
    transition: opacity 0.3s, transform 0.3s, -webkit-transform 0.3s
}

.tooltip-effect-8 .tooltip-content2 {
    -webkit-transform: translate3d(0, 10px, 0) rotate3d(0, -1, 0, -90deg);
    transform: translate3d(0, 10px, 0) rotate3d(0, -1, 0, -90deg);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
    transition: opacity 0.3s, -webkit-transform 0.3s;
    transition: opacity 0.3s, transform 0.3s;
    transition: opacity 0.3s, transform 0.3s, -webkit-transform 0.3s
}

.tooltip-effect-8 .tooltip-content2 i {
    -webkit-transform: scale3d(0, 0, 1);
    transform: scale3d(0, 0, 1);
    -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
    transition: opacity 0.3s, -webkit-transform 0.3s;
    transition: opacity 0.3s, transform 0.3s;
    transition: opacity 0.3s, transform 0.3s, -webkit-transform 0.3s
}

.tooltip-effect-9 .tooltip-content2 {
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
    -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
    transition: opacity 0.3s, -webkit-transform 0.3s;
    transition: opacity 0.3s, transform 0.3s;
    transition: opacity 0.3s, transform 0.3s, -webkit-transform 0.3s
}

.tooltip-effect-9 .tooltip-content2 i {
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
    -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
    transition: opacity 0.3s, -webkit-transform 0.3s;
    transition: opacity 0.3s, transform 0.3s;
    transition: opacity 0.3s, transform 0.3s, -webkit-transform 0.3s
}

.tooltip-effect-6:hover .tooltip-content2 i {
    -webkit-transform: rotate3d(1, -1, 1, 0);
    transform: rotate3d(1, -1, 1, 0)
}

.tooltip-content2 {
    position: absolute;
    z-index: 9999;
    width: 80px;
    height: 80px;
    padding-top: 25px;
    right: 50%;
    margin-right: -40px;
    bottom: 100%;
    border-radius: 50%;
    text-align: center;
    background: #01a9ac;
    color: #fff;
    opacity: 0;
    margin-bottom: 20px;
    cursor: default;
    pointer-events: none
}

.tooltip-content2 i {
    opacity: 0
}

.tooltip-content2::after {
    content: '';
    position: absolute;
    top: 100%;
    right: 50%;
    margin: -7px -15px 0 0;
    width: 30px;
    height: 20px;
    background: url("../images/tooltip/tooltip1.svg") center center no-repeat;
    background-size: 100%
}

.tooltip-content3 {
    position: absolute;
    background: url("../images/tooltip/shape1.svg") center bottom no-repeat;
    background-size: 100% 100%;
    z-index: 9999;
    width: 200px;
    bottom: 100%;
    right: 50%;
    margin-right: -100px;
    padding: 50px 30px;
    text-align: center;
    color: #fff;
    opacity: 0;
    cursor: default;
    font-size: 14px;
    line-height: 27px;
    pointer-events: none;
    -webkit-transform: scale3d(0.1, 0.2, 1);
    transform: scale3d(0.1, 0.2, 1);
    -webkit-transform-origin: 50% 120%;
    transform-origin: 50% 120%;
    -webkit-transition: opacity 0.4s, -webkit-transform 0.4s;
    transition: opacity 0.4s, -webkit-transform 0.4s;
    transition: opacity 0.4s, transform 0.4s;
    transition: opacity 0.4s, transform 0.4s, -webkit-transform 0.4s;
    -webkit-transition-timing-function: ease, cubic-bezier(0.6, 0, 0.4, 1);
    transition-timing-function: ease, cubic-bezier(0.6, 0, 0.4, 1)
}

.tooltip-content3::after {
    content: '';
    position: absolute;
    width: 16px;
    height: 16px;
    right: 50%;
    margin-right: -8px;
    top: 100%;
    background: #00AEEF;
    -webkit-transform: translate3d(0, -60%, 0) rotate3d(0, 0, 1, -45deg);
    transform: translate3d(0, -60%, 0) rotate3d(0, 0, 1, -45deg)
}

.tooltip-content4 {
    position: absolute;
    z-index: 99;
    width: 360px;
    right: 50%;
    margin-right: -180px;
    bottom: -5px;
    text-align: right;
    background: #01a9ac;
    opacity: 0;
    font-size: 14px;
    line-height: 27px;
    padding: 1.5em;
    color: #fff;
    border-bottom: 55px solid #004547;
    cursor: default;
    pointer-events: none;
    border-radius: 5px;
    -webkit-transform: translate3d(0, -0.5em, 0);
    transform: translate3d(0, -0.5em, 0);
    -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
    transition: opacity 0.3s, -webkit-transform 0.3s;
    transition: opacity 0.3s, transform 0.3s;
    transition: opacity 0.3s, transform 0.3s, -webkit-transform 0.3s
}

.tooltip-content4 a {
    color: #2b2b2b
}

.tooltip-content4 .tooltip-text2 {
    opacity: 0;
    -webkit-transform: translate3d(0, 1.5em, 0);
    transform: translate3d(0, 1.5em, 0);
    -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
    transition: opacity 0.3s, -webkit-transform 0.3s;
    transition: opacity 0.3s, transform 0.3s;
    transition: opacity 0.3s, transform 0.3s, -webkit-transform 0.3s
}

.tooltip-content5 {
    position: absolute;
    z-index: 9999;
    width: 300px;
    right: 50%;
    bottom: 100%;
    font-size: 20px;
    line-height: 1.4;
    text-align: center;
    font-weight: 400;
    color: #fff;
    background: 100% 0;
    opacity: 0;
    margin: 0 -150px 20px 0;
    cursor: default;
    pointer-events: none;
    -webkit-font-smoothing: antialiased;
    -webkit-transition: opacity 0.3s 0.3s;
    transition: opacity 0.3s 0.3s
}

.tooltip-content5 span {
    display: block
}

.tooltip-content5::after {
    content: '';
    bottom: -20px;
    right: 50%;
    border: solid transparent;
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: #01a9ac transparent transparent;
    border-width: 10px;
    margin-right: -10px
}

.tooltip-content5 .tooltip-text3 {
    border-bottom: 10px solid #01a9ac;
    overflow: hidden;
    -webkit-transform: scale3d(0, 1, 1);
    transform: scale3d(0, 1, 1);
    -webkit-transition: -webkit-transform 0.3s 0.3s;
    transition: -webkit-transform 0.3s 0.3s;
    transition: transform 0.3s 0.3s;
    transition: transform 0.3s 0.3s, -webkit-transform 0.3s 0.3s
}

.tooltip-content5 .tooltip-inner2 {
    background: #2b2b2b;
    padding: 40px;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    webkit-transition: -webkit-transform 0.3s;
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s
}

a._tooltip {
    font-weight: 700;
    color: #01a9ac;
    z-index: 9
}

.tooltip-link a {
    margin-right: 10px;
    color: #01a9ac
}

.tooltip-icon button i {
    margin-left: 0
}


.socket{background: #1b1b1b}
.socket .socketRow{display: flex;align-items: center;justify-content: space-between;padding: 15px 0;flex-wrap: wrap}
.copyright_text{}
.copyright_text p{margin: 0;color: #2ec4b6}
.almaatech{}
.almaatech p{margin: 0;color: #ffffff}