/* Minification failed. Returning unminified contents.
(1,4970): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1,4989): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1,5025): run-time error CSS1039: Token not allowed after unary operator: '-star-width'
(1,5055): run-time error CSS1039: Token not allowed after unary operator: '-star-height'
(1,5273): run-time error CSS1039: Token not allowed after unary operator: '-rate'
(1,20229): run-time error CSS1039: Token not allowed after unary operator: '-rate'
(1,21836): run-time error CSS1039: Token not allowed after unary operator: '-rate'
(1,30441): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1,30453): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1,30472): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1,30535): run-time error CSS1039: Token not allowed after unary operator: '-gap-column'
(1,30577): run-time error CSS1039: Token not allowed after unary operator: '-gap-column'
(1,30637): run-time error CSS1039: Token not allowed after unary operator: '-column'
(1,30653): run-time error CSS1039: Token not allowed after unary operator: '-gap-column'
(1,30675): run-time error CSS1039: Token not allowed after unary operator: '-column'
(1,30704): run-time error CSS1039: Token not allowed after unary operator: '-gap-column'
(1,30727): run-time error CSS1039: Token not allowed after unary operator: '-gap-row'
(1,38205): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1,38218): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1,38232): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(166,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
 */
@font-face{font-family:fontello;src:url("../fonts/woff2/fontello.woff2") format("woff2"),url("../fonts/woff/fontello.woff") format("woff")}.order{right:0}.navbrcmb{padding:12px 0}.breadcrumb{text-align:right;margin:0 auto}.breadcrumb li{display:inline-block;position:relative;padding:0 0 0 10px}.breadcrumb li::after{content:'';position:absolute;width:1px;height:10px;background-color:#919191;top:50%;transform:translate(-50%, -50%);left:2px}.breadcrumb li a,.breadcrumb li span{font-size:13px;color:#292929;position:relative}.breadcrumb li a:hover,.breadcrumb li a.cur,.breadcrumb li span:hover,.breadcrumb li span.cur{color:#be202e}.breadcrumb li:last-child{padding:0 5px;margin:0}.breadcrumb li:last-child::after{content:none}.inh1{font-size:20px;color:#000;display:flex;align-items:center;padding:16px 0;margin:0 auto;justify-content:flex-start;width:100%;font-weight:bold}.pagination-container{margin:40px auto 0;display:flex;justify-content:center}.pagination-container .pagination{display:flex;justify-content:flex-end;align-items:center}.pagination-container .pagination>li{margin-right:5px;border-radius:50%;transition:all .3s ease-in}.pagination-container .pagination>li>a{width:35px;height:35px;display:flex;align-items:center;justify-content:center;color:#00355f}.pagination-container .pagination>li:hover:not(.active){background-color:#00355f}.pagination-container .pagination>li:hover:not(.active) a{color:#fff}.pagination-container .pagination>li.active a{background-color:maincolor;color:#fff;border-radius:50%;background-color:#00355f}.pagination-container .pagination>li.PagedList-skipToPrevious,.pagination-container .pagination>li.PagedList-skipToNext{cursor:pointer;width:35px;height:35px;display:flex;align-items:center;justify-content:center}.pagination-container .pagination>li.PagedList-skipToPrevious:hover,.pagination-container .pagination>li.PagedList-skipToNext:hover{color:#00355f;background-color:transparent}.popup-public{position:fixed;width:100%;top:0;right:0;height:100%;background:rgba(0,0,0,0.2);z-index:10000;padding:50px 0 30px;transition:all 0.7s;-moz-transform:rotateX(-90deg);-webkit-transform:rotateX(-90deg);-o-transform:rotateX(-90deg);transform:rotateX(-90deg);-moz-transform-origin:0px 0px;-webkit-transform-origin:0px 0px;-o-transform-origin:0px 0px;transform-origin:0px 0px;-moz-backface-visibility:hidden;-webkit-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden;transition:all 0.6s}.popup-public.showing{-moz-transform:rotateX(0deg);-webkit-transform:rotateX(0deg);-o-transform:rotateX(0deg);transform:rotateX(0deg)}.popup-public h3{font-size:15px;margin:20px auto;font-weight:inherit;color:#333333;border-bottom:1px solid #d9d9d9;padding-bottom:10px}.popup-public p{color:#232933;font-size:12px}.popup-public .popup-body{max-width:55%;background:#fff;padding:10px 35px;position:relative;min-height:245px;text-align:center;margin:156px auto 0 auto;border-radius:10px;max-height:100%;overflow:auto;border-radius:5px}.popup-social .popup-body{max-width:28% !important}.popup-social ul{display:flex;justify-content:center;align-items:center;margin-top:20px}.popup-social ul>li{padding:0 5px}.popup-social ul>li>a{width:35px;height:35px;border-radius:5px}.popup-social ul>li>a img{width:100%;max-height:100%;border-radius:5px}.popup-close{position:absolute;background:url(../images/close.png) no-repeat;width:22px;height:22px;left:calc(16% / 2);top:23px;margin-top:0;margin-left:0}.desc{margin-top:50px}.desc *{text-align:justify;color:#7a7a7a;font-size:14px;line-height:36px}.inbody{min-height:400px;padding:0 0 76px}.inbody.pd{padding:115px 0 76px}.cms-page{font-size:15px;color:#404040;line-height:36px;text-align:justify}.cms-page *{font-size:15px;color:#404040;line-height:36px;text-align:justify}.cms-page>figure{float:left;width:42%;margin:0 20px 20px 0;height:392px}.cms-page>figure>img{width:100%;height:100%;object-fit:cover}.public-form span{font-size:15px;color:#790000;min-width:121px;text-align:left;margin-left:8px}.public-form ul>li{display:flex;justify-content:flex-start;align-items:center;margin-bottom:32px}.filterbtn{color:#525252;font-size:14px;width:54%;margin:0 auto;padding:6px 10px;border-radius:5px;background:#f6f6f6;transition:all .5s;text-align:center}.filterbtn:hover{background:#be202e;color:#fff}.tabbox{display:none;padding:29px 50px}.tabbox.active{display:block}.tabbox>h2{color:#000;font-weight:bold}.tabbox>p{font-size:17px;color:#000;line-height:35px;margin:20px 0;text-align:justify}.tabbtn{display:flex;justify-content:flex-start;align-items:center;border-bottom:1px solid #e1e1e1}.tabbtn>li>a{padding:0 45px;font-size:15px;color:#000;transition:all .5s;padding-bottom:10px;position:relative}.tabbtn>li>a::after{content:'';position:absolute;width:0;height:1px;background-color:#be202e;bottom:0;left:50%;transform:translateX(-50%);transition:all .5s}.tabbtn>li>a.active{color:#be202e;font-weight:bold}.tabbtn>li>a.active::after{width:52%}.star_rate{--star-width: 20px;--star-height: 20px;width:calc(var(--star-width) * 5);height:var(--star-height);position:relative}.star_rate::after,.star_rate::before{content:'';position:absolute;top:0;left:0;height:20px}.star_rate::after{background:url(../images/star-fill.png) repeat-x left center;width:calc(var(--rate) * 20px)}.star_rate::before{width:100%;background:url(../images/star-empty.png) repeat-x left center}.star_rate .rate-noti{background-color:#918d7c;color:#fff;padding:5px;text-align:center;position:absolute;bottom:100%}.gulfrm li{margin-bottom:5px}.slider-section{width:100%;height:600px;position:relative;margin-top:116px}header{background:#be202e;box-shadow:0px 4px 8px -3px #c75e64;margin-top:0}header.chng{background:#be202e;box-shadow:0px 4px 8px -3px #c75e64;margin-top:0px}header.chng .header-parent{min-height:66px}header.chng .header-parent .header-l *{color:#fff}header.chng .header-parent .header-l .header-l-l .search *{color:#000}header .header-l .header-l-l .searchbox{box-shadow:0px 0px 4px gray}header .header-l ul>li.active>a{color:#000 !important}header .header-l ul>li>a{color:#fff}header .header-l ul>li>a::before{background-color:#fff !important}header.scroll-down .header-l ul>li.active>a{color:#000 !important}header.scroll-down .header-l ul>li>a{color:#fff !important}header.scroll-down .header-l ul>li>a::before{background-color:#fff !important}header.scroll-down .header-l ul>li>a img{filter:brightness(1)}.beautyadvance-page .public-form{margin-top:94px}.beautyadvance-page .public-form ul{display:flex}.beautyadvance-page .public-form ul li{width:50%}.beautyadvance-page .public-form ul li .txt,.beautyadvance-page .public-form ul li .ddl{width:56%}.beautyadvance-page .public-form ul .address,.beautyadvance-page .public-form ul .faqs{width:100%}.beautyadvance-page .public-form ul .address .txt,.beautyadvance-page .public-form ul .address .ddl,.beautyadvance-page .public-form ul .faqs .txt,.beautyadvance-page .public-form ul .faqs .ddl{width:78%}.beautyadvance-page .public-form ul .sendbtn{width:89%}.BusinessPartner-page>ul>li{padding:60px 0;border-bottom:1px solid #dadada}.BusinessPartner-page>ul>li>span{font-size:19px;color:#be202e;padding-right:35px;position:relative;font-weight:600;margin-bottom:50px}.BusinessPartner-page>ul>li>span::before{content:'';position:absolute;right:0;top:50%;transform:translateY(-50%);width:27px;height:40px}.BusinessPartner-page>ul>li:last-child{border-bottom:none}.BusinessPartner-page>ul>li>ul{width:89%;margin:0 auto}.BusinessPartner-page>ul>li>ul>li{display:flex;justify-content:flex-start;align-items:flex-start;margin-bottom:30px}.BusinessPartner-page>ul>li>ul>li>figure{width:20%;display:flex;flex-direction:column;align-items:center;margin-left:40px}.BusinessPartner-page>ul>li>ul>li>figure>a{width:100%;height:209px;border:1px solid #be202e;background:#f6f6f6;display:flex;justify-content:center;align-items:center}.BusinessPartner-page>ul>li>ul>li>figure>span{font-size:16px;color:#000;padding-top:15px;display:flex;flex-direction:column;align-items:center}.BusinessPartner-page>ul>li>ul>li>figure>span *{font-size:16px;color:#000}.BusinessPartner-page>ul>li>ul>li>figcaption{width:70%}.BusinessPartner-page>ul>li>ul>li>figcaption *{color:#000;font-size:16px}.BusinessPartner-page>ul>li>ul>li>figcaption>h2{font-weight:600;margin-bottom:5px}.BusinessPartner-page>ul>li>ul>li>figcaption>p{line-height:36px}.BusinessPartner-page>ul>li>p{font-size:17px;color:#000;line-height:36px;width:88%;margin:0 auto}.BusinessPartner-page>ul .BusinessPartner-brands>span::before{background:url(../../Content/images/before-icon.png) no-repeat center center}.BusinessPartner-page>ul .BusinessPartner-certificates>span::before{background:url(../../Content/images/certi-icon.png) no-repeat center center}.BusinessPartner-page .BusinessPartner-info *{color:#000;font-size:18px}.BusinessPartner-page .BusinessPartner-info>ul{margin-top:53px}.BusinessPartner-page .BusinessPartner-info>ul>li{margin-bottom:15px}.BusinessPartner-page .BusinessPartner-info>ul>li>span{font-weight:600;margin-left:5px}.products-list-page{display:flex;justify-content:space-between;align-items:flex-start;margin-top:30px}.products-list-page .products-list-r{width:22.6%}.products-list-page .products-list-l{width:75%}.products-list-page .filter-box{margin-bottom:60px}.products-list-page .filter-box>span{font-size:14px;color:#be202e;padding:0 15px 5px;border-bottom:1px solid #7c7c7c;width:100%}.products-list-page .filter-box>ul{margin:5px 0}.products-list-page .filter-box>ul>li{margin-bottom:5px}.products-list-page .filter-box>ul>li>h2{padding:9px 18px;background-color:#f6f6f6;font-size:14px;color:#525252;position:relative;cursor:pointer}.products-list-page .filter-box>ul>li>h2::after{position:absolute;content:'\f107';font-family:fontello;font-size:24px;color:#c33441;left:5%;top:22%;transition:all .5s}.products-list-page .filter-box>ul>li>h2.active::after{transform:rotate(180deg)}.products-list-page .filter-box>ul>li>h2>ul{padding:5% 10% 5% 0}.products-list-page .filter-box>ul>li>ul{padding:5px 10% 5px 0}.products-list-page .filter-box>ul>li>ul>li{margin-bottom:5px}.products-list-page .filter-box>ul>li>ul>li>h2{color:#525252;font-size:14px;font-weight:bold;position:relative;display:inline-flex;cursor:pointer}.products-list-page .filter-box>ul>li>ul>li>h2::after{position:absolute;content:'\f107';font-family:fontello;font-size:19px;color:#646464;left:-25px;padding-left:5px;transition:all .5s}.products-list-page .filter-box>ul>li>ul>li>ul{padding:5px 10% 5px 0}.products-list-page .filter-box>ul>li>ul>li>ul>li{margin-bottom:5px}.products-list-page .filter-box>ul>li>ul>li>ul>li>a{font-size:13px;color:#525252;transition:all .5s}.products-list-page .filter-box>ul>li>ul>li>ul>li>a:hover{color:#be202e}.list-slideupdown{display:none}.has-slideupdown.active::after{transform:rotate(180deg)}.price-title{position:relative}.price-title::after{position:absolute;content:'\f107';font-family:fontello;font-size:24px;color:#c33441;left:5%;top:22%;transition:all .5s}.price-title.active::after{transform:rotate(180deg)}.products-list-l-up{display:flex;justify-content:flex-start;align-items:center}.products-list-l-up>span{font-size:13px;color:#000;padding-right:30px;background:url(../images/order-img.png) no-repeat right center}.products-list-l-up>ul{display:flex;justify-content:flex-start;align-items:center;margin-right:10px}.products-list-l-up>ul>li>a{font-size:13px;color:#7b7b7b;padding:0 15px;transition:all .5s}.products-list-l-up>ul>li>a:hover{font-weight:500;color:#be202e}.products-list-l-up>ul>li.active>a{font-weight:500;color:#be202e}.products-list-slider{padding:152px 10px 50px;width:95%}.products-list-slider .products-slider-Item{opacity:0.5;transition:all .5s;width:92%;margin:0 auto;padding:10px 10px 20px;background-color:#eee;min-height:290px}.products-list-slider .products-slider-Item>figure{height:114px}.products-list-slider .products-slider-Item>figcaption>a{height:45px}.products-list-slider .products-slider-Item>figcaption>a *{font-size:10px;color:#000;line-height:15px}.products-list-slider .products-slider-Item>figcaption .price{margin:10px auto}.products-list-slider .products-slider-Item>figcaption .price *{font-size:10px;line-height:15px}.products-list-slider .products-slider-Item .off{font-size:10px !important;padding:1px 2px;left:-17px}.products-list-slider .products-slider-Item .rating>span{font-size:10px;color:#000}.products-list-slider .products-slider-Item .rating>span *{font-size:10px}.products-list-slider .swiper-slide{transition:all .5s}.products-list-slider .swiper-slide.swiper-slide-active{transform:scale(1.2)}.products-list-slider .swiper-slide.swiper-slide-active .products-slider-Item{opacity:1;padding:10px 10px 23px;box-shadow:0px 0px 11px -1px #c75e64;position:relative;bottom:24px}.products-list-scrollbar{width:100% !important}.products-list-l-listproducts{position:relative}.products-list-l-listproducts .products-list-slider-nxt,.products-list-l-listproducts .products-list-slider-prev{position:absolute;width:15px;height:29px;top:50%;cursor:pointer}.products-list-l-listproducts .products-list-slider-nxt{left:0;background:url(../images/nxt.png) no-repeat center center}.products-list-l-listproducts .products-list-slider-prev{right:0;background:url(../images/prev.png) no-repeat center center}.pro-detail-up{display:flex;justify-content:space-between;align-items:flex-start;margin-top:60px}.pro-detail-up .pro-detail-up-r{width:52%}.pro-detail-up .pro-detail-up-r .pro-detail-up-r-top{margin-bottom:30px}.pro-detail-up .pro-detail-up-r .pro-detail-up-r-top>ul{display:flex;justify-content:flex-start;align-items:center}.pro-detail-up .pro-detail-up-r .pro-detail-up-r-top>ul>li{padding:0 10px;position:relative}.pro-detail-up .pro-detail-up-r .pro-detail-up-r-top>ul>li::after{position:absolute;content:'/';color:#000;font-size:17px;left:0;top:50%;transform:translateY(-50%)}.pro-detail-up .pro-detail-up-r .pro-detail-up-r-top>ul>li *{font-size:17px;color:#000;font-weight:bold}.pro-detail-up .pro-detail-up-r .pro-detail-up-r-top>ul>li:last-child::after{content:''}.pro-detail-up .pro-detail-up-r .pro-detail-up-r-pro-properties{padding-right:10px}.pro-detail-up .pro-detail-up-r .pro-detail-up-r-pro-properties>span{font-size:14px;color:#2c2c2c;font-weight:500;padding-bottom:20px}.pro-detail-up .pro-detail-up-r .pro-detail-up-r-pro-properties>ul{margin-bottom:20px}.pro-detail-up .pro-detail-up-r .pro-detail-up-r-pro-properties>ul>li *{font-size:14px;color:#2c2c2c;position:relative;padding-right:10px}.pro-detail-up .pro-detail-up-r .pro-detail-up-r-pro-properties>ul>li *::before{position:absolute;content:".";font-size:18px;color:#2c2c2c;right:0;top:-3px}.pro-detail-up .pro-detail-up-r .pro-detail-up-r-bottom{display:flex;justify-content:flex-end;align-items:center;padding-bottom:10px;border-bottom:1px solid #d4d4d4}.pro-detail-up .pro-detail-up-r .pro-detail-up-r-bottom>span{font-size:14px;color:#000;padding-left:20px;background:url(../images/star-biger.png) no-repeat left center}.pro-detail-up .pro-detail-up-r .pro-detail-up-r-bottom>span *{font-size:13px;color:#767676;margin-left:5px}.pro-detail-up .pro-detail-up-r .pro-detail-up-r-bottom>ul{display:flex;justify-content:flex-end;align-items:center;margin-left:15px}.pro-detail-up .pro-detail-up-r .pro-detail-up-r-bottom>ul>li{margin-right:10px}.pro-detail-up .pro-detail-up-r .pro-detail-up-r-bottom>ul>li>a:hover>img{transform:scale(1.2)}.pro-detail-up .pro-detail-up-r .pro-detail-up-r-bottom>ul>li>a>img{transition:all .5s}.pro-detail-up .pro-detail-up-r .pro-detail-up-r-buy{margin:44px auto;display:flex;flex-direction:column;align-items:center}.pro-detail-up .pro-detail-up-r .pro-detail-up-r-buy .off{bottom:0;right:-48px}.pro-detail-up .pro-detail-up-r .pro-detail-up-r-buy .price{margin-bottom:30px}.pro-detail-up .pro-detail-up-r .pro-detail-up-r-buy>p{font-size:15px;color:#be202e;font-weight:bold;margin-bottom:10px}.pro-detail-up .pro-detail-up-r .pro-detail-up-r-buy>a{padding:3px 85px;border-radius:5px;background-color:#be202e;color:#f6f6f6;font-size:15px;font-weight:bold}.pro-detail-up .pro-detail-up-l{width:31%;margin-left:77px}.pro-detail-up .pro-detail-up-l .pro-detail-up-l-gallerytop{width:100%;height:100%}.pro-detail-up .pro-detail-up-l .pro-detail-up-l-gallerytop a{width:100%;height:100%}.pro-detail-up .pro-detail-up-l .pro-detail-up-l-gallerytop a>img{width:100%;height:auto}.pro-detail-up .pro-detail-up-l .gallery-bottom-parent{margin-top:5px;position:relative;width:100%;padding:2px 15px;background-color:#eaeaea}.pro-detail-up .pro-detail-up-l .pro-detail-up-l-gallerybottom{width:77%;height:73px}.pro-detail-up .pro-detail-up-l .pro-detail-up-l-gallerybottom figure{border-radius:5px;border:2px solid #fff;cursor:pointer}.pro-detail-up .pro-detail-up-l .Detail-slider-next,.pro-detail-up .pro-detail-up-l .Detail-slider-prev{width:14px;height:27px;position:absolute;top:50%;transform:translateY(-50%);cursor:pointer}.pro-detail-up .pro-detail-up-l .Detail-slider-next{left:20px;background:url(../images/nxt-detail.png) no-repeat center center}.pro-detail-up .pro-detail-up-l .Detail-slider-prev{right:20px;background:url(../images/prev-detail.png) no-repeat center center}.pro-detail-tabs{margin-top:30px}.products-related{margin-top:5%}.popup-public{position:fixed;width:100%;top:0;right:0;height:100%;background:rgba(0,0,0,0.2);z-index:10000;padding:50px 0 30px;transition:all 0.7s;-moz-transform:rotateX(-90deg);-webkit-transform:rotateX(-90deg);-o-transform:rotateX(-90deg);transform:rotateX(-90deg);-moz-transform-origin:0px 0px;-webkit-transform-origin:0px 0px;-o-transform-origin:0px 0px;transform-origin:0px 0px;-moz-backface-visibility:hidden;-webkit-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden;transition:all 0.6s}.popup-public.showing{-moz-transform:rotateX(0deg);-webkit-transform:rotateX(0deg);-o-transform:rotateX(0deg);transform:rotateX(0deg)}.popup-public h3{font-size:15px;margin:20px auto;font-weight:inherit;color:#333333;border-bottom:1px solid #d9d9d9;padding-bottom:10px}.popup-public p{color:#232933;font-size:12px}.popup-public .popup-body{max-width:55%;background:#fff;padding:10px 35px;position:relative;min-height:245px;text-align:center;margin:156px auto 0 auto;border-radius:10px;max-height:100%;overflow:auto;border-radius:5px}.popup-social .popup-body{max-width:28% !important}.popup-social ul{display:flex;justify-content:center;align-items:center;margin-top:20px}.popup-social ul>li{padding:0 5px}.popup-social ul>li>a{width:35px;height:35px;border-radius:5px}.popup-social ul>li>a img{width:100%;max-height:100%;border-radius:5px}.popup-close{position:absolute;background:url(../images/close.png) no-repeat;width:22px;height:22px;right:calc(16% / 2);top:23px;margin-top:0;margin-left:0}.user-comment-products-rl-pan{display:flex;justify-content:space-between;margin-top:30px}.coment-r-col{padding:0 67px 0 99px}.coment-r-col .rate{display:flex;align-items:center}.coment-r-col .rate .emtiaz{width:96px;height:92px;border:3px solid #666666}.coment-r-col .rate .emtiaz>span{width:100%;height:57px;background-color:#fff;display:flex;justify-content:center;align-items:center;color:#000;font-size:22px}.coment-r-col .rate .emtiaz>p{width:100%;height:calc(100% - 57px);background-color:#666666;color:#fff;font-size:15px;position:relative;display:flex;justify-content:center;align-items:center}.coment-r-col .rate .star_rate{margin:14px 10px}.coment-r-col .col-rate{padding-top:30px}.coment-r-col .col-rate .user_rates .user-rate-item .caption{font-size:11px;color:#5a5a5a;width:103px;font-size:13px;text-align:right;padding-left:5px}.coment-r-col .col-rate .user_rates .user-rate-item .bar__rate{width:154px;height:7px;background-color:#e3e3e3;position:relative;border-radius:20px}.coment-r-col .col-rate .user_rates .bar__rate::before,.coment-r-col .col-rate .user_rates .bar__rate::after{content:'';position:absolute;width:20%;height:100%;border-right:1px solid #fff;border-left:1px solid #fff;top:0;z-index:1}.coment-r-col .col-rate .user_rates .bar__rate::before{right:20%}.coment-r-col .col-rate .user_rates .bar__rate::after{right:60%}.coment-r-col .col-rate .user_rates .bar__rate .progress{background-color:#be202e;height:100%;width:calc(var(--rate) * 100% / 5);display:block;border-radius:20px}.coment-l-col{width:53%;display:flex;flex-direction:column;justify-content:center;padding-left:67px}.warning{text-align:center;font-size:14px;color:#5a5a5a}.send-comment{width:209px;padding:8px 0;color:#fff;font-size:14px;background-color:#be202e;border-radius:20px;margin:20px auto;box-shadow:0px 8px 12px 2px #cdcbcb;opacity:1;transition:all .5s;display:flex;justify-content:center}.send-comment:hover{opacity:0.5}.sabmit-coment{display:none}.sabmit-coment>ul .captcha-li{flex-direction:row-reverse;justify-content:flex-start;align-items:center}.sabmit-coment>ul>li{display:flex;justify-content:space-between;margin-bottom:10px}.sabmit-coment>ul>li:last-child{justify-content:flex-end}.sabmit-coment>ul>li>span{color:#5a5a5a;font-size:13px}.sabmit-coment>ul>li>span>label{color:red;margin-left:5px}.sabmit-coment>ul>li .txt{width:49%;border:1px solid #e3e3e3;background-color:#fff;font-size:11px;color:#a7a6a6}.sabmit-coment>ul>li .txtareaform{width:100%;border:1px solid #e3e3e3;font-size:11px;color:#484747;padding:5px}.sabmit-coment>ul>li .btn{width:94px;padding:8px 0;text-align:center;color:#fff;font-size:14px;background-color:#be202e;border-radius:8px;margin:20px 10px 0 0;box-shadow:0px 8px 12px 2px #cdcbcb;opacity:1;transition:all .5s}.sabmit-coment>ul>li .btn:hover{background-color:#ababab}.sabmit-coment>ul>li .bgbtn{background-image:url(../images/bgbtn.png);background-repeat:no-repeat;background-position:right 18px center;padding-right:21px}.sabmit-coment>ul>li .star_rate{margin:0}.sabmit-coment>ul>li .star_rate::after{width:calc(var(--rate) * 20px)}.sabmit-coment>ul>li .star_rate .rate-noti{background-color:#918d7c;color:#fff;padding:5px;text-align:center;position:absolute;bottom:100%}.stars-grade{justify-content:center;align-items:center;padding:10px 0}.singleslider{flex-direction:row !important}.comment-list{margin-top:90px}.comment-list ul li{background-color:#f1f1f1;border:1px solid #dfdcdc;border-radius:5px;margin-top:10px}.comment-list ul li .comment-list-li-up{display:flex;justify-content:space-between;border-bottom:1px solid #dfdcdc;padding:0px 12px}.comment-list ul li .comment-list-li-up .comment-list-li-up-r>span{font-size:12px;color:#000;position:relative;padding-bottom:9px}.comment-list ul li .comment-list-li-up .comment-list-li-up-r>span::after{content:'';position:absolute;width:106px;height:1px;background-color:#be202e;bottom:0;right:-12px}.comment-list ul li .comment-list-li-up .comment-list-li-up-l{display:flex;justify-content:flex-end;align-items:center}.comment-list ul li .comment-list-li-up .comment-list-li-up-l .comment-list-li-up-l-like-unlike{display:flex;justify-content:flex-end;align-items:center}.comment-list ul li .comment-list-li-up .comment-list-li-up-l .comment-list-li-up-l-like-unlike>a{font-size:12px;color:#1d1d1d;margin-right:10px;padding-right:21px}.comment-list ul li .comment-list-li-up .comment-list-li-up-l .comment-list-li-up-l-like-unlike .like{background:url(../images/like-comment.png) no-repeat right center}.comment-list ul li .comment-list-li-up .comment-list-li-up-l .comment-list-li-up-l-like-unlike .unlike{background:url(../images/unlike-comment.png) no-repeat right center}.comment-list ul li .comment-list-li-up .comment-list-li-up-l .comment-list-li-up-l-dateTime>ul{display:flex;justify-content:flex-start;align-items:center;margin-left:38px}.comment-list ul li .comment-list-li-up .comment-list-li-up-l .comment-list-li-up-l-dateTime>ul>li{font-size:12px;color:#7b7a7a;position:relative;padding:0 7px 0 4px}.comment-list ul li .comment-list-li-up .comment-list-li-up-l .comment-list-li-up-l-dateTime>ul>li::after{position:absolute;content:'|';font-size:12px;color:#7b7a7a;right:0;top:50%;transform:translateY(-50%)}.comment-list ul li .comment-list-li-up .comment-list-li-up-l .comment-list-li-up-l-dateTime>ul>li:first-child::after{content:none}.comment-list ul li .comment-list-li-up .comment-list-li-up-l .comment-list-li-up-l-dateTime>ul>li>span{font-size:12px;color:#7b7a7a}.comment-list ul li .comment-list-li-down{display:flex;justify-content:space-between;align-items:center;padding:15px 20px}.comment-list ul li .comment-list-li-down .star_rate{margin:10px 0}.comment-list ul li .comment-list-li-down .comment-list-li-down-r-message *{font-size:13px;color:#4e4e4e}.comment-list ul li .comment-list-li-down .comment-list-li-down-l>span{font-size:12px;text-decoration:underline}.comment-list ul li .comment-list-li-down .comment-list-li-down-l .comment-list-li-down-l-good{color:#f1162a}.comment-list ul li .comment-list-li-down .comment-list-li-down-l .comment-list-li-down-l-bad{color:#4dbf47}.question-tab-list>ul>li{border-bottom:1px solid #f3efed;padding-bottom:10px}.question-tab-list>ul>li h3{color:#000;font-size:14px;position:relative;padding:10px 20px;cursor:pointer}.question-tab-list>ul>li h3::before{position:absolute;content:'+';font-family:fontello;font-size:20px;right:0;top:50%;transform:translateY(-50%);color:#be202e}.question-tab-list>ul>li h3.open::before{content:'-'}.question-tab-list .answerPane{display:none}.question-tab-list .answerPane .answer{font-size:13px;color:#5a5a5a;padding-right:20px}.date-question{padding-right:20px}.date-question span{font-size:11px;color:#a8a8a8;margin-left:15px}.question-form{text-align:center;width:50%;margin:30px auto}.question-form>span{font-size:16px;color:#000;position:relative;padding-bottom:20px;margin-bottom:20px}.question-form>span::after{content:'';position:absolute;width:100px;height:4px;background-color:#be202e;bottom:0;left:50%;transform:translateX(-50%)}.question-form>ul{width:100%}.question-form>ul>li{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;margin-bottom:10px}.question-form>ul>li>span{color:#5a5a5a;font-size:13px}.question-form>ul>li .txt{width:100%}.question-form>ul>li .txt:focus{border:1px solid #be202e}.question-form>ul>li .txtarea{width:100%;border:1px solid #bbbbbb}.question-form>ul>li .txtarea:focus{border:1px solid #be202e}.Specifications-list>li{margin-bottom:10px}.Specifications-list>li *{font-size:17px;color:#000;line-height:35px}.Specifications-list>li>span{font-weight:bold}.related-products{margin-top:40px;position:relative}.related-products>span{width:100%;font-size:15px;color:#be202e;border-bottom:1px solid #d2d2d2;padding-bottom:10px}.related-products .related-products-slider{margin-top:10px;padding:40px 20px;width:90%}.related-products .related-products-slider .related-products-slider-Item{display:flex;flex-direction:column;align-items:center}.related-products .related-products-slider .related-products-slider-Item figure{width:100%;height:143px}.related-products .related-products-slider .related-products-slider-Item figure>a{width:100%;height:100%}.related-products .related-products-slider .related-products-slider-Item figure>a>img{width:100%;height:100%}.related-products .related-products-slider .related-products-slider-Item figcaption{margin-top:40px;display:flex;flex-direction:column;align-items:center}.related-products .related-products-slider .related-products-slider-Item figcaption>a{font-size:14px;color:#000;height:50px;overflow-y:hidden;line-height:20px}.related-products .related-products-slider-nxt,.related-products .related-products-slider-prev{width:40px;height:70px;position:absolute;top:50%;cursor:pointer}.related-products .related-products-slider-nxt::before,.related-products .related-products-slider-prev::before{position:absolute;font-family:fontello;font-size:60px;color:#a1a1a1}.related-products .related-products-slider-nxt{left:10px}.related-products .related-products-slider-nxt::before{content:'\f104'}.related-products .related-products-slider-prev{right:10px}.related-products .related-products-slider-prev::before{content:'\f105'}.blog-page{margin-top:2%}.blog-page-up{display:flex;justify-content:space-between;align-items:flex-start}.blog-page-up .blog-page-up-r{width:25%}.blog-page-up .blog-page-up-r .blog-page-up-r-box>span{padding-bottom:10px;border-bottom:1px solid #000;width:100%;font-size:16px;color:#be202e;padding-right:15px}.blog-page-up .blog-page-up-r .blog-page-up-r-box>ul{padding:18px 8px;max-height:225px;overflow-y:auto;margin:5px 0}.blog-page-up .blog-page-up-r .blog-page-up-r-box>ul>li{display:flex;justify-content:space-between;align-items:center;margin-bottom:9px}.blog-page-up .blog-page-up-r .blog-page-up-r-box>ul>li>a{font-size:13px;color:#525252;position:relative;display:flex;width:87%;transition:all .5s}.blog-page-up .blog-page-up-r .blog-page-up-r-box>ul>li>a:hover{font-weight:bold}.blog-page-up .blog-page-up-r .blog-page-up-r-box>ul>li>a::after{flex:1;-webkit-box-flex:1;content:'';border-bottom:1px dotted #dbdbdb;margin-right:5px;height:15px}.blog-page-up .blog-page-up-r .blog-page-up-r-box>ul>li>label{padding:0 8px;background-color:#ececec;border-radius:6px;color:#525252;font-size:12px}.blog-page-up .blog-page-up-r .blog-page-up-r-box .label-list{display:flex;align-items:center}.blog-page-up .blog-page-up-r .blog-page-up-r-box .label-list>li{margin-left:3px}.blog-page-up .blog-page-up-r .blog-page-up-r-box .label-list>li *{padding:0 10px;background-color:#ececec;border-radius:8px;font-size:13px;color:#525252}.blog-page-up .blog-page-up-l{width:73.7%}.blog-page-up .blog-page-up-l>figure{border-radius:5px;height:394px}.blog-page-up .blog-page-up-l>figure>a{border-radius:5px;width:100%;height:100%}.blog-page-up .blog-page-up-l>figure>a>img{width:100%;height:100%;object-fit:cover;border-radius:5px}.blog-page-up .blog-page-up-l>figcaption{display:flex;justify-content:space-between;align-items:center;padding:20px 0}.blog-page-up .blog-page-up-l>figcaption>a{font-size:17px;color:#000;font-weight:500;transition:all .5s}.blog-page-up .blog-page-up-l>figcaption>a:hover{color:#be202e}.blog-page-up .blog-page-up-l>figcaption>a *{position:relative;font-size:17px;color:#be202e;padding-right:8px}.blog-page-up .blog-page-up-l>figcaption>a *::before{content:'';position:absolute;width:1px;height:15px;background-color:#000;right:0;top:50%;transform:translateY(-50%)}.blog-page-up .blog-page-up-l>figcaption>span{font-size:17px;color:#a5a5a5;font-weight:500}.blog-page-list{margin-top:46px}.blog-page-list>ul{--column: 4;--gap-column: 25px;--gap-row: 25px;display:flex;flex-wrap:wrap;margin:0 calc(var(--gap-column) / -2);width:calc(100% + var(--gap-column))}.blog-page-list>ul>*{width:calc((100% - (var(--column) * var(--gap-column))) / var(--column));margin:0 calc(var(--gap-column) / 2) var(--gap-row)}.blog-page-list>ul>li{position:relative;transition:all .5s;border:1px solid transparent;padding:4px}.blog-page-list>ul>li:hover{border-radius:10px;border:1px solid #be202e;box-shadow:0px 0px 11px 2px #888787}.blog-page-list>ul>li>label{position:absolute;top:-12px;right:17px;border:1px solid #ab2b37;border-radius:5px;padding:0 10px;font-size:14px;color:#000;background-color:#fff}.blog-page-list>ul>li>figure{width:100%;height:224px;transition:all .5s}.blog-page-list>ul>li>figure>a{width:100%;height:100%;transition:all .5s}.blog-page-list>ul>li>figure>a>img{width:100%;height:100%;transition:all .5s}.blog-page-list>ul>li>figcaption>a{font-size:14px;color:#525252;font-weight:bold;padding:10px 0}.blog-page-list>ul>li>figcaption .blog-page-list-desc{height:86px;overflow-y:hidden}.blog-page-list>ul>li>figcaption .blog-page-list-desc *{font-size:13px;color:#525252;line-height:20px}.blog-page-list>ul>li>figcaption .blog-page-list-bottom{margin-top:15px;border-top:1px solid #767676;display:flex;justify-content:space-between;align-items:center;padding:10px 0}.blog-page-list>ul>li>figcaption .blog-page-list-bottom *{font-size:14px;color:#a3a3a3}.blog-page-list>ul>li>figcaption .blog-page-list-bottom>span:first-child{padding-right:23px;background:url(../images/comment-bg.png) no-repeat right center}.blog-detail-page .blog-detail-up{display:flex;justify-content:space-between;align-items:center;margin-top:50px;padding-bottom:20px;border-bottom:1px solid #000}.blog-detail-page .blog-detail-up .blog-detail-up-r>span{color:#a4a4a4;font-size:13px}.blog-detail-page .blog-detail-up .blog-detail-up-r>span *{margin-left:5px;font-size:13px;color:#be202e;font-weight:500;padding-left:5px;position:relative}.blog-detail-page .blog-detail-up .blog-detail-up-r>span *::after{content:'';position:absolute;width:1px;height:13px;background-color:#000;left:0;top:50%;transform:translateY(-50%)}.blog-detail-page .blog-detail-up .blog-detail-up-l>span{font-size:13px;color:#000}.blog-detail-page .blog-detail-up .blog-detail-up-l>span *{font-size:13px;color:#a4a4a4;position:relative;padding-right:5px}.blog-detail-page .blog-detail-up .blog-detail-up-l>span *::after{content:'';position:absolute;width:1px;height:13px;background-color:#a4a4a4;right:0;top:50%;transform:translateY(-50%)}.blog-detail-page .blog-detail-content{margin-top:30px;color:#404040;font-size:16px;text-align:justify;line-height:36px}.blog-detail-page .blog-detail-content figure{float:left;margin:20px 0}.blog-detail-page .blog-detail-content .small-pic{margin-right:20px}.blog-detail-page .blog-detail-content *{color:#404040;font-size:16px;text-align:justify;line-height:36px}.blog-detail-page .blog-detail-down{display:flex;justify-content:space-between;align-items:center;padding:40px 0;border-bottom:1px solid #000}.blog-detail-page .blog-detail-down .blog-detail-down-r{display:flex;align-items:center}.blog-detail-page .blog-detail-down .blog-detail-down-r>span{font-size:15px;color:#a4a4a4;margin-right:5px}.blog-detail-page .blog-detail-down .blog-detail-down-r>span *{font-size:15px;color:#a4a4a4}.blog-detail-page .blog-detail-down .blog-detail-down-l>ul{display:flex;align-items:center;justify-content:flex-end}.blog-detail-page .blog-detail-down .blog-detail-down-l>ul>li{margin:0 10px}.blog-detail-page .blog-detail-down .blog-detail-down-l>ul>li>a{display:flex;align-items:center}.blog-detail-page .blog-detail-down .blog-detail-down-l>ul>li>a>span{font-size:13px;color:#a4a4a4}.blog-detail-page .blog-detail-down .blog-detail-down-l>ul>li>a>img{margin-right:5px}.blog-detail-page .blog-detail-label-list{padding:40px 0;border-bottom:1px solid #000;display:flex;align-items:center}.blog-detail-page .blog-detail-label-list>label{font-size:16px;color:#be202e;margin-left:5px}.blog-detail-page .blog-detail-label-list>ul{display:flex;align-items:center}.blog-detail-page .blog-detail-label-list>ul>li{margin-left:3px}.blog-detail-page .blog-detail-label-list>ul>li>h2{padding:0 10px;background-color:#ececec;border-radius:8px;font-size:13px;color:#525252}.blog-detail-page .blog-detail-form{width:52%;margin:30px auto}.blog-detail-page .blog-detail-form>span{font-size:17px;color:#000}.blog-detail-page .blog-detail-form .comment-list{margin:40px 0 27px}.blog-detail-page .blog-detail-form .comment-list>li{margin-bottom:10px}.blog-detail-page .blog-detail-form .comment-list>li .comment-list-up{display:flex;justify-content:flex-start;align-items:center}.blog-detail-page .blog-detail-form .comment-list>li .comment-list-up>figure{width:30px;height:30px;border-radius:50%;overflow:hidden;margin-left:5px}.blog-detail-page .blog-detail-form .comment-list>li .comment-list-up>figure>img{width:100%;height:100%;object-fit:cover}.blog-detail-page .blog-detail-form .comment-list>li .comment-list-up>p{font-size:16px;color:#777777}.blog-detail-page .blog-detail-form .comment-list>li .comment-list-down>ul{display:flex;justify-content:flex-end;align-items:center}.blog-detail-page .blog-detail-form .comment-list>li .comment-list-down>ul>li>a{display:flex;align-items:center}.blog-detail-page .blog-detail-form .comment-list>li .comment-list-down>ul>li>a>img{margin-left:5px}.blog-detail-page .blog-detail-form .comment-list>li .comment-list-down>ul>li>a>span{font-size:14px;color:#777777}.blog-detail-page .blog-detail-form .blog-form .txt{width:100%;height:55px;background-color:#f5f5f5;font-size:16px;color:#777777;padding-right:10px;border-radius:5px;border:none}.blog-detail-page .blog-detail-form .blog-form ul li{margin-bottom:20px}.blog-detail-page .blog-detail-form .blog-form ul .captcha-code{display:flex;justify-content:flex-start;flex-direction:row-reverse}.blog-detail-page .blog-detail-form .blog-form ul .captcha-code .btn{padding:0px 30px;font-size:15px;color:#fff;background-color:#be202e;margin-right:11px;border-radius:5px}.blog-detail-page .blog-detail-form .blog-form ul .captcha-code .txt{width:17%;height:40px;border-radius:5px}.contact-page{display:flex;justify-content:space-between;align-items:center}.contact-page .contact-page_right,.contact-page .contact-page_left{width:48%}.contact-page .contact-page_left{height:400px;box-shadow:0px 0px 10px gray;border-radius:15px}.contact-page .contact-list>li{display:flex;align-items:center;font-size:15px;font-weight:500;color:#000;margin-bottom:25px}.contact-page .contact-list>li *{color:#323232;font-size:14px;padding-right:5px}.contact-form{margin-top:7%}.contact-form>span{width:100%;position:relative;font-size:18px;color:#000;display:flex;justify-content:center;align-items:center}.contact-form>span::after,.contact-form>span::before{content:'';border-bottom:1px solid #000;flex:1;-webkit-box-flex:1}.contact-form>span::after{margin-right:35px}.contact-form>span::before{margin-left:35px}.contact-form form ul{width:56%;margin:40px auto}.contact-form form ul>li{margin-bottom:5px}.contact-form form ul>li .txt,.contact-form form ul>li .txtarea{width:100%}.c-list_photo-gallery-image{transition:all .5s}.c-list_photo-gallery-image:hover{transform:scale(1.2)}.c-photo-gallery .c-list_photo-gallery>li>a{transition:all .5s}.c-photo-gallery .c-photo-gallery--gallery_list>li>a .c-list_photo-gallery-content{z-index:9;position:relative}.c-photo-gallery .c-list_photo-gallery>li>a:hover{box-shadow:0px 0px 11px -1px #c75e64;transform:scale(1.1) !important}.c-photo-gallery .c-list_photo-gallery>li>a .c-list_photo-gallery-image{width:100%}.c-photo-gallery .c-list_photo-gallery>li>a .c-list_photo-gallery-image>figure{--width: 236;--height: 210;--max-width-images: 234px;position:relative;max-width:100%;width:100%;overflow:hidden;transition:all .5s}.c-photo-gallery .c-list_photo-gallery>li>a .c-list_photo-gallery-image>figure img{transition:all .5s}.c-photo-gallery .c-list_photo-gallery>li>a .c-list_photo-gallery-image{max-width:100%}.c-photo-gallery .c-list_photo-gallery>li>a:hover .c-list_photo-gallery-image>figure img{transform:scale(1.2)}
/*# sourceMappingURL=inside.css.map */

/*0 up to 479*/
@media only screen and (min-width:0px) and (max-width : 479px) {

.table-responsive { width: 100%; margin-bottom: 15px; overflow-y: hidden; -ms-overflow-style: -ms-autohiding-scrollbar; border: 1px solid #ddd; }
.table-responsive > .table { margin-bottom: 0; }
    .slider-section .slider-main-pagination {
        top: 80%;
    }
    .slider-section {
        margin-top: 64px;
        height: auto;
    }
    .inbody.pd {
        padding: 66px 0 76px;
    }
    .breadcrumb li a, .breadcrumb li span {
        font-size: 11px;
    }
    .inh1 {
        font-size: 16px;
        padding: 5px 0;
    }
    .pro-detail-up {
        margin-top: 25px;
    }
    .products-list-page .products-list-r {
        width: 100%;
    }
    .products-list-page .filter-box {
        margin-bottom: 20px;
    }
    .products-list-page .products-list-l {
        width: 100%;
    }
    .products-list-l-up > ul > li > a {
        font-size: 10px;
        padding: 0 5px;
    }

    .products-list-slider {
        width: 77%;
        padding: 90px 20px 50px;
    }
    .tabbox {
        padding: 29px 10px;
        font-size: 12px;
        text-align: justify;
    }
    footer .footer-down .footer-down-kaspid {
        width: 100%;
    }
    /*pro detail*/
    .pro-detail-up .pro-detail-up-r {
        width: 100%;
    }

    .pro-detail-up .pro-detail-up-l {
        width: 100%;
        margin-left: 0;
    }

        .pro-detail-up .pro-detail-up-l .pro-detail-up-l-gallerytop {
            width: 100%;
            height: auto;
        }

    .tabbtn > li > a {
        padding: 0 5px;
        font-size: 11px;
    }

    .coment-r-col {
        padding: 0 0px 0 0px;
    }

    .coment-l-col {
        width: 100%;
        padding-left: 0;
        margin-top: 30px;
    }
    .beautyadvance-page .public-form {
        margin-top: 25px;
    }
        .beautyadvance-page .public-form ul {
            display: flex;
            justify-content: space-between;
        }
            .beautyadvance-page .public-form ul li {
                width: 49%;
            }
    .public-form ul > li {
        margin-bottom: 5px;
    }
    .public-form span {
        font-size: 12px;
        text-align: right;
        margin-left: 8px;
    }
    .beautyadvance-page .public-form ul li .txt, .beautyadvance-page .public-form ul li .ddl {
        width: 100%;
    }
    .beautyadvance-page .public-form ul .address .txt, .beautyadvance-page .public-form ul .address .ddl, .beautyadvance-page .public-form ul .faqs .txt, .beautyadvance-page .public-form ul .faqs .ddl {
        width: 100%;
    }
    .beautyadvance-page .public-form ul li {
        width: 100%;
    }
    .beautyadvance-page .public-form ul .captcha-li {
        padding-right: 0;
    }
    .BusinessPartner-page > ul > li > ul > li > figure {
        width: 20%;
        margin-left: 20px;
    }
        .BusinessPartner-page > ul > li > ul > li > figure > a {
            height: auto;
        }
    .BusinessPartner-page > ul > li {
        padding: 20px 0;
        border-bottom: 1px solid #dadada;
    }
    .cms-page > figure {
        float: unset;
        width: 100%;
        margin: 10px auto;
        height: auto;
    }
    .contact-page .contact-page_right, .contact-page .contact-page_left {
        width: 100%;
    }
    .contact-form form ul {
        width: 100%;
        margin: 20px auto;
    }
    .linkpan a {
        padding: 18px 5px;
        margin: 5px 0px;
        width: 100%;
    }
    .blog-detail-page .blog-detail-form {
        width: 100%;
        margin: 20px auto;
    }
        .blog-detail-page .blog-detail-form .comment-list {
            margin: 10px 0 27px;
        }
    .blog-detail-page .blog-detail-up {
        margin-top: 10px;
    }
    .blog-detail-page .blog-detail-down .blog-detail-down-l > ul > li {
        margin: 0 3px;
    }
        .blog-detail-page .blog-detail-down .blog-detail-down-l > ul > li > a > span {
            font-size: 10px;
        }
    .blog-page-up .blog-page-up-r {
        width: 100%;
    }
    .blog-page-up .blog-page-up-l {
        width: 100%;
    }
    .blog-page-list > ul {
        --column: 1;
        margin: 0 auto;
        width: 100%;
    }
}
/*480 up to 719*/
@media only screen and (min-width : 480px) and (max-width : 719px) {

.table { width: 100%; margin-bottom: 15px; overflow-y: hidden; -ms-overflow-style: -ms-autohiding-scrollbar; border: 1px solid #ddd; }
.table > .table { margin-bottom: 0; }
    .ham {
        top: -20px;
    }
    .slider-section {
        margin-top: 63px;
    }
    .inbody.pd {
        padding: 65px 0 76px;
    }
    .products-list-page .products-list-r {
        width: 100%;
    }
    .products-list-page .filter-box {
        margin-bottom: 20px;
    }
    .products-list-page .products-list-l {
        width: 100%;
    }
    .products-list-l-up > ul > li > a {
        font-size: 10px;
        padding: 0 5px;
    }
    .products-list-slider {
        padding: 90px 10px 50px;
        width: 95%;
    }
    .products-list-slider {
        width: 84%;
        padding: 90px 16px 50px;
    }
   
    /*pro detail*/
    .pro-detail-up .pro-detail-up-r {
        width: 100%;
    }
    .pro-detail-up .pro-detail-up-l {
        width: 100%;
        margin-left: 0;
    }
        .pro-detail-up .pro-detail-up-l .pro-detail-up-l-gallerytop {
            width: 100%;
            height: auto;
        }
    .tabbtn > li > a {
        padding: 0 10px;
        font-size: 14px;
    }
    .coment-r-col {
        padding: 0 0px 0 0px;
    }
    .coment-l-col {
        width: 37%;
        padding-left: 0;
    }
    .beautyadvance-page .public-form {
        margin-top: 25px;
    }

        .beautyadvance-page .public-form ul {
            display: flex;
            justify-content: space-between;
        }

            .beautyadvance-page .public-form ul li {
                width: 49%;
            }

    .public-form ul > li {
        margin-bottom: 5px;
    }

    .public-form span {
        font-size: 12px;
        text-align: right;
        margin-left: 8px;
    }

    .beautyadvance-page .public-form ul li .txt, .beautyadvance-page .public-form ul li .ddl {
        width: 100%;
    }

    .beautyadvance-page .public-form ul .address .txt, .beautyadvance-page .public-form ul .address .ddl, .beautyadvance-page .public-form ul .faqs .txt, .beautyadvance-page .public-form ul .faqs .ddl {
        width: 100%;
    }

    .beautyadvance-page .public-form ul li {
        width: 100%;
    }

    .beautyadvance-page .public-form ul .captcha-li {
        padding-right: 0;
    }
    .BusinessPartner-page > ul > li > ul > li > figure > a {
        width: 100%;
        height: auto;
    }
    .contact-page .contact-page_right, .contact-page .contact-page_left {
        width: 100%;
    }
    .contact-page .contact-page_left {
        height: 330px;
    }
    .linkpan a {
        padding: 18px 5px;
        margin: 5px 0px;
        width: 100%;
    }
}
/*720 up to 1000*/
@media only screen and (min-width : 720px) and (max-width : 1000px) {
    .slider-section {
        margin-top: 107px;
    }
    .products-list-l-up > ul > li > a {
        padding: 0 10px;
    }
    .products-list-page {
        margin-top: 10px;
    }
    /*pro detail*/
    .pro-detail-up .pro-detail-up-l {
        width: 44%;
        margin-left: 0;
    }
    .BusinessPartner-page > ul > li > ul > li > figure > a {
        width: 100%;
        height: auto;
    }
}
/*1001 up to 1249*/
@media only screen and (min-width : 1001px) and (max-width : 1249px) {
    .slider-section {
        margin-top: 100px;
    }
    .inbody.pd {
        padding: 100px 0 76px;
    }
}
/*laptop*/
@media only screen and (min-width : 1250px) and (max-width : 1366px) {
    .slider-section {
        margin-top: 100px;
    }
}
/*1250 up to 1400*/
@media only screen and (min-width : 1367px) and (max-width : 1450px) {

}

/*1400 up to 1920*/
@media only screen and (min-width : 1400px) and (max-width : 1920px) {
}
.TMpaging {clear:both;direction:rtl;padding:10px;border-bottom:1px solid #c1c1c1;}
.TMpanel{float:left;margin-right:20px;text-align:center;margin-top: 0px !important;}
.TMinfo{}
.TMpaging > span {padding:5px 0}
.TMpaging a {min-width:20px;height:20px;margin:0 2px;color:#000;border:1px solid transparent;border-radius:2px}
.TMpaging a:hover {color:#fff;border:1px solid #4abce2;border-radius: 50%;height: 30px;width: 30px;}
.TMpaging .current {background-color: #4abce2;color:#fff;border-radius: 50%;height: 30px;width: 30px;}
.TMpaging .prev,.TMpaging .next,.TMpaging .first,.TMpaging .last{border:1px solid #fff;font:17pt/16px arial;color:#4abce2;background:#fff;border-radius:2px;border-radius: 50%;height: 30px;width: 30px;}
.TMpaging .prev:hover,.TMpaging .next:hover,.TMpaging .first:hover,.TMpaging .last:hover{background:#4abce2;border:1px solid #4abce2;color:#fff;border-radius: 50%;height: 30px;width: 30px;}
.TMpaging .prev {background-position:-28px 0}
.TMpaging .next {background-position:0 0}
.TMpaging .first {background-position:-21px -17px}
.TMpaging .last {background-position:0 -17px}
.TMpagingloadingPane{position:relative;min-height:300px;margin-top:15px}
.TMpagingloading{position:absolute;top:0;right:0;left:0;bottom:0;background: url(TMloading.gif) no-repeat center 100px;background-color:#fff;background-color:rgba(255, 255, 255, 0.86);display:none;z-index:20}
.TMcolor{color:#514e4e;}
ul.chosen{display:none}


/*-edited*/
.filterBox {  padding-top:17px;}
.filterBox .hxtit { color: #2069a6; text-align: right; font-size: 13px;padding:0 14px 15px 0 ;position:relative; margin-bottom:10px}
.filterBox .hxtit::before { content: ''; position: absolute; right: 0; bottom: 3px; height: 1px; width: 184px; background-color: #d9d2dd; }
.filterBox .hxtit::after { content: ''; position: absolute; right: 0; bottom: 0; height: 1px; width: 147px; background-color: #d9d2dd; }
.filterBox .ftcontent {  padding: 0px 12px 12px;}

.TMcategory li{/*margin-bottom:16px;*/margin-bottom:5px}
.TMcategory li a{font-size:12px;color:#5c5c5c}
.TMcategory li a:hover{color:#ff9310}
/*Price Pick*/
.pricePick{text-align:center;padding: 12px 0 34px 0;width:207px}
.pricePick .ui-slider{position:relative;width: 207px;height: 10px;background:url("TMpricePick.png") no-repeat 0 -35px;margin:0 auto;}
.pricePick .ui-slider .ui-slider-range{height:10px;background:url("TMpricePick.png") no-repeat 0 -46px;border:0;display:block;font-size:.7em;position:absolute;z-index:1}
.pricePick .ui-slider .ui-slider-handle{position:absolute;top:-5px;margin-left:-7px;width:18px;height:25px;cursor:ew-resize;z-index:2;background:url("TMpricePick.png") no-repeat;-webkit-transition:0s;transition:0s;}
.pricePick .ui-slider .right{background-position:0 -5px;}
.pricePick .ui-slider .left{background-position:0 -5px;}
/*.pricePick .ui-slider .ui-state-focus.right{background-position:-5px -2px}
.pricePick .ui-slider .ui-state-focus.left{background-position:-5px -2px}*/
.pricePick .ui-slider #amount{position:absolute;top:17px;direction:rtl;width:207px;right:0px;font-size: 14px;}
.pricePick .ui-slider #amount2{position:absolute;top:17px;direction:rtl;width:207px;right:0px;font-size: 14px;}
.pricePick .ui-slider #amount .minprice{float:right;color: #b4bbbe;}
.pricePick .ui-slider #amount .maxprice{float:left;color: #b4bbbe;}
.pricePick .ui-slider #amount2 .minheight{float:right;color: #b4bbbe;}
.pricePick .ui-slider #amount2 .maxheight{float:left;color: #b4bbbe;}
/*Brand Filter*/
/*Brand Filter*/
.ulscrll { max-height: 252px;/*height:252px;*/ overflow: hidden;direction:ltr }
.TMfilter{}
/*.TMfilter > li{height:26px}*/
.TMfilter > li > a{display:block;color:#555;width:16px;height:16px;background:url(TMcheckbox.png) no-repeat 0 0;position:relative;/*margin: 10px 0px;*/margin: 6px 0px;}
.TMfilter > li > a.checkbox-icon-checked{background-position:0 -23px}
.TMfilter > li > a > .chkName{position:absolute;top:-4px;right:24px;width:180px;}



.TMfilter > li > a > .chkName *{vertical-align:middle}
.TMfilter > li > a > input { margin: 0; opacity: 0; width: 16px; height: 16px; position: absolute; top: 0; right: 0; }
.TMfilter > li:hover{color:#a00;cursor:pointer}
.TMColorFilter > li a .chkColor { width: 7px; height: 16px; margin-left: 2px; position: absolute; right: 25px; top: 0px; }
.TMfilter.TMColorFilter > li > a > .chkName{right:0}
.TMfilter.ulrateflt .chkName .cnt{width:65px;text-align:left}
/*new*/
/*check*/
.ulchklist { }
.ulchklist li { text-align: right; }
.ulchklist li > a { display: block; color: #626262; height: auto; position: relative; margin-top: 5px; /*remove*/width:auto;background:none;margin:5px auto 0; }
.ulchklist li > a::before { content: ''; position: absolute; top: 5px; left: 0; width: 16px; height: 16px; background: url(TMcheckbox.png) no-repeat 0 0; }
.ulchklist li > a > input { margin: 0; opacity: 0; width: 21px; height: 22px; position: absolute; right: 0; top: 0; }
.ulchklist li > a > .chkName { position: relative; top: 0px; right: 0px; width: auto; color: #5c5c5c; font-size: 13px; margin-right: 26px; display: block; overflow: hidden; }
.ulchklist li > a.checkbox-icon-checked::before { background-position: 0 -23px; }
 .ulchklist li > a > .chkName span { float: left; text-align: left; }
 /*textbox*/
.filterBox .txtqflt { height: 32px; width: 243px; margin: 0 auto; border: 1px solid #e6e6e6; background-color: #fafafa; }
.filterBox .txtqflt:focus{border-color:#4790cd}
/*Dynamic Filter*/
/*.prd_crap_list > li > a:after{content:"";position:absolute;background: url(../images/DSprite.png) no-repeat -25px -134px;width: 10px;height: 5px;left: 7px;top: 14px;}*/
.TMselectedfilter{border-top:1px solid #fff;text-align:right;padding-top:5px;margin-top:5px}
.TMselectedfilter > li{display:inline-block;margin:2px}
.TMselectedfilter > li > a{border:1px solid #fff;padding:0 5px 0 22px;background:#f1f1f1;border-radius:5px;font-size:12px;position:relative;cursor:pointer}
.TMselectedfilter > li > a:after{content:"\f057";font:normal normal normal 13px/1 FontAwesome;text-rendering:auto;-webkit-font-smoothing:antialiased;position:absolute;top:5px;left:5px}
.filter-one{margin-bottom:23px;}

.prd_crap_list{}
.prd_crap_list > li{margin:0 auto 5px;position:relative;}
.prd_crap_list > li > a { color: #2069a6; text-align: right; font-size: 13px;padding: 0 14px 15px 0;position: relative;margin-bottom: 10px; border: none;display:block; }
.prd_crap_list > li > a::before { content: ''; position: absolute; right: 0; bottom: 3px; height: 1px; width: 184px; background-color: #d9d2dd; }
.prd_crap_list > li > a::after { content: ''; position: absolute; right: 0; bottom: 0; height: 1px; width: 147px; background-color: #d9d2dd; }

/*.prd_crap_list > li > a:hover{color:#555}*/
.prd_crap_box { padding: 0px 12px 12px; }

.filter-dynamic{max-height: 252px;/*height:252px;*/overflow: hidden;direction:ltr}
/*.filter-dynamic{max-height: 252px;overflow-y:auto;}*/
    .filter-dynamic li { padding: 1px 25px 1px 5px; cursor: pointer; background: url('TMcheckbox.png') no-repeat right 4px; direction: rtl; color: #5c5c5c; font-size: 13px; }
.filter-dynamic  li.selected{background-position:right -17px !important;}
/*.filter-dynamic > li:hover {background-position:right -17px;}*/
.viewall {padding:1px 25px 1px 5px;/*background:#f5f5f5 url('../TMpaging/filter_link_bg.png') no-repeat right 7px;*/background: url('TMcheckbox.png') no-repeat right 7px;cursor:pointer}
.viewall.selected{background-position:right -17px !important;}


/*#######-Search-#######*/
.filter__box .searchBox .txts
{
    width: 100%;
    height: 40px;
    padding: 8px 40px 8px 16px;
    background: #fbfbfb url('../Content/images/src-1.png') no-repeat 95% center;
    color: rgba(0,0,0,0.87);
    border: 1px solid rgba(0,0,0,0.24);
    border-radius: 4px;
    transition: 0.3s ease-in-out;
}
.filter__box .searchBox .txts:focus{border-color:#222}
.filter__box .searchBox .btns{display:none;}
.itemSearch
{
    display: flex;
    width: 100%;
}

    .itemSearch .txts
    {
        width: 100%;
        height: 40px;
        padding: 8px 40px 8px 16px;
        margin: 0 0 4px;
        background: #fbfbfb url('../Content/images/src-1.png') no-repeat 95% center;
        color: rgba(0,0,0,0.87);
        border: 1px solid rgba(0,0,0,0.24);
        border-radius: 4px;
        transition: 0.3s ease-in-out;
    }

        .itemSearch .txts:focus
        {
            border-color: #222;
        }
/*#######-rangevalue-#######*/
.rangeOverlay { }
.rangeValue {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: nowrap;
    width: 96%;
    margin-bottom: 23px;
}
    .rangeValue .rangeValue_box {
        display: flex;
        justify-content: space-between;
        align-items: center;
        background: #f6f6f6;
        padding: 0 5px;
        border-radius: 5px;
    }
    .rangeValue .rangeValue_box .txt {
        width: 60px;
        text-align: center;
        color: #be202e;
        font-size: 13px;
        background-color: transparent;
        border: none;
    }
    .rangeValue .rangeValue_box .lbl {
        color: #be202e;
        font-size: 12px;
    }
        /*nouislider - 14.0.2*/
        .noUi-target, .noUi-target * {
            -webkit-touch-callout: none;
            -webkit-tap-highlight-color: transparent;
            -webkit-user-select: none;
            -ms-touch-action: none;
            touch-action: none;
            -ms-user-select: none;
            -moz-user-select: none;
            user-select: none;
            -moz-box-sizing: border-box;
            box-sizing: border-box
        }.noUi-target{position:relative;direction:ltr}.noUi-base,.noUi-connects{width:100%;height:100%;position:relative;z-index:1}.noUi-connects{overflow:hidden;z-index:0}.noUi-connect,.noUi-origin{will-change:transform;position:absolute;z-index:1;top:0;left:0;-ms-transform-origin:0 0;-webkit-transform-origin:0 0;-webkit-transform-style:preserve-3d;transform-origin:0 0;transform-style:flat}.noUi-connect{height:100%;width:100%}.noUi-origin{height:10%;width:10%}html:not([dir=rtl]) .noUi-horizontal .noUi-origin{left:auto;right:0}.noUi-vertical .noUi-origin{width:0}.noUi-horizontal .noUi-origin{height:0}.noUi-handle{-webkit-backface-visibility:hidden;backface-visibility:hidden;position:absolute}.noUi-touch-area{height:100%;width:100%}.noUi-state-tap .noUi-connect,.noUi-state-tap .noUi-origin{-webkit-transition:transform .3s;transition:transform .3s}.noUi-state-drag *{cursor:inherit!important}.noUi-horizontal{height:18px}
            .noUi-horizontal .noUi-handle {
                width: 34px;
                height: 28px;
                left: -8px;
                top: -6px
            }.noUi-vertical{width:18px}.noUi-vertical .noUi-handle{width:28px;height:34px;left:-6px;top:-17px}html:not([dir=rtl]) .noUi-horizontal .noUi-handle{right:-17px;left:auto}.noUi-target{background:#FAFAFA;border-radius:4px;}.noUi-connects{border-radius:3px}.noUi-connect{background:#3FB8AF}.noUi-draggable{cursor:ew-resize}.noUi-vertical .noUi-draggable{cursor:ns-resize}.noUi-handle{border-radius:3px;cursor:default;}.noUi-active{box-shadow:inset 0 0 1px #FFF,inset 0 1px 7px #DDD,0 3px 6px -3px #BBB}.noUi-handle:after,.noUi-handle:before{content:"";display:block;position:absolute;height:14px;width:1px;background:#E8E7E6;left:14px;top:6px}.noUi-handle:after{left:17px}.noUi-vertical .noUi-handle:after,.noUi-vertical .noUi-handle:before{width:14px;height:1px;left:6px;top:14px}.noUi-vertical .noUi-handle:after{top:17px}[disabled] .noUi-connect{background:#B8B8B8}[disabled] .noUi-handle,[disabled].noUi-handle,[disabled].noUi-target{cursor:not-allowed}.noUi-pips,.noUi-pips *{-moz-box-sizing:border-box;box-sizing:border-box}.noUi-pips{position:absolute;color:#999}.noUi-value{position:absolute;white-space:nowrap;text-align:center}.noUi-value-sub{color:#ccc;font-size:10px}.noUi-marker{position:absolute;background:#CCC}.noUi-marker-sub{background:#AAA}.noUi-marker-large{background:#AAA}.noUi-pips-horizontal{padding:10px 0;height:80px;top:100%;left:0;width:100%}.noUi-value-horizontal{-webkit-transform:translate(-50%,50%);transform:translate(-50%,50%)}.noUi-rtl .noUi-value-horizontal{-webkit-transform:translate(50%,50%);transform:translate(50%,50%)}.noUi-marker-horizontal.noUi-marker{margin-left:-1px;width:2px;height:5px}.noUi-marker-horizontal.noUi-marker-sub{height:10px}.noUi-marker-horizontal.noUi-marker-large{height:15px}.noUi-pips-vertical{padding:0 10px;height:100%;top:0;left:100%}.noUi-value-vertical{-webkit-transform:translate(0,-50%);transform:translate(0,-50%);padding-left:25px}.noUi-rtl .noUi-value-vertical{-webkit-transform:translate(0,50%);transform:translate(0,50%)}.noUi-marker-vertical.noUi-marker{width:5px;height:2px;margin-top:-1px}.noUi-marker-vertical.noUi-marker-sub{width:10px}.noUi-marker-vertical.noUi-marker-large{width:15px}.noUi-tooltip{display:block;position:absolute;border:1px solid #D9D9D9;border-radius:3px;background:#fff;color:#000;padding:5px;text-align:center;white-space:nowrap}.noUi-horizontal .noUi-tooltip{-webkit-transform:translate(-50%,0);transform:translate(-50%,0);left:50%;bottom:120%}.noUi-vertical .noUi-tooltip{-webkit-transform:translate(0,-50%);transform:translate(0,-50%);top:50%;right:120%}
/*nouislider customise*/
.noUi-horizontal {
    height: 3px;
    margin: 28px auto;
    width: 90%;
    background-color: #a7a7a7;
}
.noUi-connect {
    background: #be202e;
}
.noUi-handle {
    border-radius: 50%;
    cursor: w-resize;
    
}
.noUi-handle::after{content:none}
    .noUi-handle::before {
        content: "";
        width: 0;
        height: 0;
        top: 3px;
        background: none;
        pointer-events: none;
    }
.noUi-handle-lower::before{left:4px;width:6px;height:9px;background:url(../Content/images/price-left.png) no-repeat center center;}
.noUi-handle-upper::before {
    left: 4px;
    width: 6px;
    height: 9px;
    background: url(../Content/images/price-right.png) no-repeat center center;
}
.noUi-horizontal .noUi-handle {
    width: 15px;
    height: 15px;
    top: -6px;
    text-align: center;
    background: #be202e;
}
/*#######-rangevalue end-#######*/
/*#######-loader-#######*/
.storeLoader { display:none;position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 5; height: 100%; -webkit-backface-visibility: hidden; background: rgba(135, 135, 135,0.5); }
.storeLoader .storeLoader_box { background-color:#fff;width: 330px; min-height: 165px;padding: 38px 0 64px;position:relative; overflow: hidden; }
.storeLoader.active { display: flex; align-items: center; justify-content: center; }
.storeLoader.active .storeLoader_box { animation: loaderview 0.3s forwards; }
@keyframes loaderview {
    0% { transform: scale(1.05); opacity: 0; }
    100% { transform: none; opacity: 1; }
}
.storeLoader img{margin:0  auto}
.gooey {
  position: absolute;
  bottom: 25px;
  left: 0;
  right:0;
  width: 142px;
  height: 40px;
  margin: 0 auto;
  background: #fff;
  filter: contrast(20);
}
.gooey .dot {
  position: absolute;
  width: 12px;
  height: 12px;
  top: 12px;
  left: 15px;
  filter: blur(4px);
  background: #000;
  border-radius: 50%;
  transform: translateX(0);
  animation: dot 2.8s infinite;
}
.gooey .dots {
  transform: translateX(0);
  margin-top: 12px;
  margin-left: 31px;
  animation: dots 2.8s infinite;
}
.gooey .dots span {
  display: block;
  float: left;
  width: 12px;
  height: 12px;
  margin-left: 16px;
  filter: blur(4px);
  background: #000;
  border-radius: 50%;
}
@keyframes dot {
  50% {
    transform: translateX(96px);
  }
}
@keyframes dots {
  50% {
    transform: translateX(-31px);
  }
}
/*#######-loader end-#######*/

.slider-container {
    width: 300px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin-top:7px;

}
.slider-container .back-bar {
  height: 10px;
  position: relative;
}
.slider-container .back-bar .selected-bar {
  position: absolute;
  height: 100%;
}
.slider-container .back-bar .pointer {
  position: absolute;
  width: 10px;
  height: 10px;
  background-color: red;
  cursor: col-resize;
  opacity: 1;
  z-index: 2;
}
.slider-container .back-bar .pointer.last-active {
  z-index: 3;
}
.slider-container .back-bar .pointer-label {
  position: absolute;
  top: -17px;
  font-size: 8px;
  background: white;
  white-space: nowrap;
  line-height: 1;
}
.slider-container .back-bar .focused {
  z-index: 10;
}
.slider-container .clickable-dummy {
  cursor: pointer;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.slider-container .scale {
  top: 2px;
  position: relative;
}
.slider-container .scale span {
  position: absolute;
  height: 5px;
  border-left: 1px solid #999;
  font-size: 0;
}
.slider-container .scale ins {
  font-size: 9px;
  text-decoration: none;
  position: absolute;
  left: 0;
  top: 5px;
  color: #999;
  line-height: 1;
}
.slider-container.slider-readonly .clickable-dummy,
.slider-container.slider-readonly .pointer {
  cursor: auto;
}
.theme-green .back-bar {
  height: 5px;
  border-radius: 2px;
  background-color: #eeeeee;
  background-color: #e7e7e7;
  background-image: -moz-linear-gradient(top, #eeeeee, #dddddd);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#eeeeee), to(#dddddd));
  background-image: -webkit-linear-gradient(top, #eeeeee, #dddddd);
  background-image: -o-linear-gradient(top, #eeeeee, #dddddd);
  background-image: linear-gradient(to bottom, #eeeeee, #dddddd);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffeeeeee', endColorstr='#ffdddddd', GradientType=0);
}
    .theme-green .back-bar .selected-bar {
        border-radius: 2px;
        background-color: #be202e;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffbdfade', endColorstr='#ff76fabc', GradientType=0);
    }
.theme-green .back-bar .pointer {
  width: 14px;
  height: 14px;
  top: -5px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 10px;
  border: 1px solid #AAA;
  background-color: #e7e7e7;
  background-image: -moz-linear-gradient(top, #eeeeee, #dddddd);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#eeeeee), to(#dddddd));
  background-image: -webkit-linear-gradient(top, #eeeeee, #dddddd);
  background-image: -o-linear-gradient(top, #eeeeee, #dddddd);
  background-image: linear-gradient(to bottom, #eeeeee, #dddddd);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffeeeeee', endColorstr='#ffdddddd', GradientType=0);
}
.theme-green .back-bar .pointer-label {
  color: #999;
}
.theme-green .back-bar .focused {
  color: #333;
}
.theme-green .scale span {
  border-left: 1px solid #e5e5e5;
}
.theme-green .scale ins {
  color: #000;
}
.theme-blue .back-bar {
  height: 5px;
  border-radius: 2px;
  background-color: #eeeeee;
  background-color: #e7e7e7;
  background-image: -moz-linear-gradient(top, #eeeeee, #dddddd);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#eeeeee), to(#dddddd));
  background-image: -webkit-linear-gradient(top, #eeeeee, #dddddd);
  background-image: -o-linear-gradient(top, #eeeeee, #dddddd);
  background-image: linear-gradient(to bottom, #eeeeee, #dddddd);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffeeeeee', endColorstr='#ffdddddd', GradientType=0);
}
.theme-blue .back-bar .selected-bar {
  border-radius: 2px;
  background-color: #92c1f9;
  background-image: -moz-linear-gradient(top, #b1d1f9, #64a8f9);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#b1d1f9), to(#64a8f9));
  background-image: -webkit-linear-gradient(top, #b1d1f9, #64a8f9);
  background-image: -o-linear-gradient(top, #b1d1f9, #64a8f9);
  background-image: linear-gradient(to bottom, #b1d1f9, #64a8f9);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffb1d1f9', endColorstr='#ff64a8f9', GradientType=0);
}
.theme-blue .back-bar .pointer {
  width: 14px;
  height: 14px;
  top: -5px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 10px;
  border: 1px solid #AAA;
  background-color: #e7e7e7;
  background-image: -moz-linear-gradient(top, #eeeeee, #dddddd);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#eeeeee), to(#dddddd));
  background-image: -webkit-linear-gradient(top, #eeeeee, #dddddd);
  background-image: -o-linear-gradient(top, #eeeeee, #dddddd);
  background-image: linear-gradient(to bottom, #eeeeee, #dddddd);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffeeeeee', endColorstr='#ffdddddd', GradientType=0);
}
.theme-blue .back-bar .pointer-label {
  color: #999;
}
.theme-blue .back-bar .focused {
  color: #333;
}
.theme-blue .scale span {
  border-left: 1px solid #e5e5e5;
}
.theme-blue .scale ins {
  color: #999;
}

/* required styles */

.leaflet-pane,
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-tile-container,
.leaflet-pane > svg,
.leaflet-pane > canvas,
.leaflet-zoom-box,
.leaflet-image-layer,
.leaflet-layer {
	position: absolute;
	left: 0;
	top: 0;
	}
.leaflet-container {
	overflow: hidden;
	}
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow {
	-webkit-user-select: none;
	   -moz-user-select: none;
	        user-select: none;
	  -webkit-user-drag: none;
	}
/* Prevents IE11 from highlighting tiles in blue */
.leaflet-tile::selection {
	background: transparent;
}
/* Safari renders non-retina tile on retina better with this, but Chrome is worse */
.leaflet-safari .leaflet-tile {
	image-rendering: -webkit-optimize-contrast;
	}
/* hack that prevents hw layers "stretching" when loading new tiles */
.leaflet-safari .leaflet-tile-container {
	width: 1600px;
	height: 1600px;
	-webkit-transform-origin: 0 0;
	}
.leaflet-marker-icon,
.leaflet-marker-shadow {
	display: block;
	}
/* .leaflet-container svg: reset svg max-width decleration shipped in Joomla! (joomla.org) 3.x */
/* .leaflet-container img: map is broken in FF if you have max-width: 100% on tiles */
.leaflet-container .leaflet-overlay-pane svg,
.leaflet-container .leaflet-marker-pane img,
.leaflet-container .leaflet-shadow-pane img,
.leaflet-container .leaflet-tile-pane img,
.leaflet-container img.leaflet-image-layer,
.leaflet-container .leaflet-tile {
	max-width: none !important;
	max-height: none !important;
	}

.leaflet-container.leaflet-touch-zoom {
	-ms-touch-action: pan-x pan-y;
	touch-action: pan-x pan-y;
	}
.leaflet-container.leaflet-touch-drag {
	-ms-touch-action: pinch-zoom;
	/* Fallback for FF which doesn't support pinch-zoom */
	touch-action: none;
	touch-action: pinch-zoom;
}
.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom {
	-ms-touch-action: none;
	touch-action: none;
}
.leaflet-container {
	-webkit-tap-highlight-color: transparent;
}
.leaflet-container a {
	-webkit-tap-highlight-color: rgba(51, 181, 229, 0.4);
}
.leaflet-tile {
	filter: inherit;
	visibility: hidden;
	}
.leaflet-tile-loaded {
	visibility: inherit;
	}
.leaflet-zoom-box {
	width: 0;
	height: 0;
	-moz-box-sizing: border-box;
	     box-sizing: border-box;
	z-index: 800;
	}
/* workaround for https://bugzilla.mozilla.org/show_bug.cgi?id=888319 */
.leaflet-overlay-pane svg {
	-moz-user-select: none;
	}

.leaflet-pane         { z-index: 400; }

.leaflet-tile-pane    { z-index: 200; }
.leaflet-overlay-pane { z-index: 400; }
.leaflet-shadow-pane  { z-index: 500; }
.leaflet-marker-pane  { z-index: 600; }
.leaflet-tooltip-pane   { z-index: 650; }
.leaflet-popup-pane   { z-index: 700; }

.leaflet-map-pane canvas { z-index: 100; }
.leaflet-map-pane svg    { z-index: 200; }

.leaflet-vml-shape {
	width: 1px;
	height: 1px;
	}
.lvml {
	behavior: url(#default#VML);
	display: inline-block;
	position: absolute;
	}


/* control positioning */

.leaflet-control {
	position: relative;
	z-index: 800;
	pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */
	pointer-events: auto;
	}
.leaflet-top,
.leaflet-bottom {
	position: absolute;
	z-index: 1000;
	pointer-events: none;
	}
.leaflet-top {
	top: 0;
	}
.leaflet-right {
	right: 0;
	}
.leaflet-bottom {
	bottom: 0;
	}
.leaflet-left {
	left: 0;
	}
.leaflet-control {
	float: left;
	clear: both;
	}
.leaflet-right .leaflet-control {
	float: right;
	}
.leaflet-top .leaflet-control {
	margin-top: 10px;
	}
.leaflet-bottom .leaflet-control {
	margin-bottom: 10px;
	}
.leaflet-left .leaflet-control {
	margin-left: 10px;
	}
.leaflet-right .leaflet-control {
	margin-right: 10px;
	}


/* zoom and fade animations */

.leaflet-fade-anim .leaflet-tile {
	will-change: opacity;
	}
.leaflet-fade-anim .leaflet-popup {
	opacity: 0;
	-webkit-transition: opacity 0.2s linear;
	   -moz-transition: opacity 0.2s linear;
	        transition: opacity 0.2s linear;
	}
.leaflet-fade-anim .leaflet-map-pane .leaflet-popup {
	opacity: 1;
	}
.leaflet-zoom-animated {
	-webkit-transform-origin: 0 0;
	    -ms-transform-origin: 0 0;
	        transform-origin: 0 0;
	}
.leaflet-zoom-anim .leaflet-zoom-animated {
	will-change: transform;
	}
.leaflet-zoom-anim .leaflet-zoom-animated {
	-webkit-transition: -webkit-transform 0.25s cubic-bezier(0,0,0.25,1);
	   -moz-transition:    -moz-transform 0.25s cubic-bezier(0,0,0.25,1);
	        transition:         transform 0.25s cubic-bezier(0,0,0.25,1);
	}
.leaflet-zoom-anim .leaflet-tile,
.leaflet-pan-anim .leaflet-tile {
	-webkit-transition: none;
	   -moz-transition: none;
	        transition: none;
	}

.leaflet-zoom-anim .leaflet-zoom-hide {
	visibility: hidden;
	}


/* cursors */

.leaflet-interactive {
	cursor: pointer;
	}
.leaflet-grab {
	cursor: -webkit-grab;
	cursor:    -moz-grab;
	cursor:         grab;
	}
.leaflet-crosshair,
.leaflet-crosshair .leaflet-interactive {
	cursor: crosshair;
	}
.leaflet-popup-pane,
.leaflet-control {
	cursor: auto;
	}
.leaflet-dragging .leaflet-grab,
.leaflet-dragging .leaflet-grab .leaflet-interactive,
.leaflet-dragging .leaflet-marker-draggable {
	cursor: move;
	cursor: -webkit-grabbing;
	cursor:    -moz-grabbing;
	cursor:         grabbing;
	}

/* marker & overlays interactivity */
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-image-layer,
.leaflet-pane > svg path,
.leaflet-tile-container {
	pointer-events: none;
	}

.leaflet-marker-icon.leaflet-interactive,
.leaflet-image-layer.leaflet-interactive,
.leaflet-pane > svg path.leaflet-interactive,
svg.leaflet-image-layer.leaflet-interactive path {
	pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */
	pointer-events: auto;
	}

/* visual tweaks */

.leaflet-container {
	background: #ddd;
	outline: 0;
	}
.leaflet-container a {
	color: #0078A8;
	}
.leaflet-container a.leaflet-active {
	outline: 2px solid orange;
	}
.leaflet-zoom-box {
	border: 2px dotted #38f;
	background: rgba(255,255,255,0.5);
	}


/* general typography */
.leaflet-container {
	font: 12px/1.5 "Helvetica Neue", Arial, Helvetica, sans-serif;
	}


/* general toolbar styles */

.leaflet-bar {
	box-shadow: 0 1px 5px rgba(0,0,0,0.65);
	border-radius: 4px;
	}
.leaflet-bar a,
.leaflet-bar a:hover {
	background-color: #fff;
	border-bottom: 1px solid #ccc;
	width: 26px;
	height: 26px;
	line-height: 26px;
	display: block;
	text-align: center;
	text-decoration: none;
	color: black;
	}
.leaflet-bar a,
.leaflet-control-layers-toggle {
	background-position: 50% 50%;
	background-repeat: no-repeat;
	display: block;
	}
.leaflet-bar a:hover {
	background-color: #f4f4f4;
	}
.leaflet-bar a:first-child {
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	}
.leaflet-bar a:last-child {
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	border-bottom: none;
	}
.leaflet-bar a.leaflet-disabled {
	cursor: default;
	background-color: #f4f4f4;
	color: #bbb;
	}

.leaflet-touch .leaflet-bar a {
	width: 30px;
	height: 30px;
	line-height: 30px;
	}
.leaflet-touch .leaflet-bar a:first-child {
	border-top-left-radius: 2px;
	border-top-right-radius: 2px;
	}
.leaflet-touch .leaflet-bar a:last-child {
	border-bottom-left-radius: 2px;
	border-bottom-right-radius: 2px;
	}

/* zoom control */

.leaflet-control-zoom-in,
.leaflet-control-zoom-out {
	font: bold 18px 'Lucida Console', Monaco, monospace;
	text-indent: 1px;
	}

.leaflet-touch .leaflet-control-zoom-in, .leaflet-touch .leaflet-control-zoom-out  {
	font-size: 22px;
	}


/* layers control */

.leaflet-control-layers {
	box-shadow: 0 1px 5px rgba(0,0,0,0.4);
	background: #fff;
	border-radius: 5px;
	}
.leaflet-control-layers-toggle {
	background-image: url(images/layers.png);
	width: 36px;
	height: 36px;
	}
.leaflet-retina .leaflet-control-layers-toggle {
	background-image: url(images/layers-2x.png);
	background-size: 26px 26px;
	}
.leaflet-touch .leaflet-control-layers-toggle {
	width: 44px;
	height: 44px;
	}
.leaflet-control-layers .leaflet-control-layers-list,
.leaflet-control-layers-expanded .leaflet-control-layers-toggle {
	display: none;
	}
.leaflet-control-layers-expanded .leaflet-control-layers-list {
	display: block;
	position: relative;
	}
.leaflet-control-layers-expanded {
	padding: 6px 10px 6px 6px;
	color: #333;
	background: #fff;
	}
.leaflet-control-layers-scrollbar {
	overflow-y: scroll;
	overflow-x: hidden;
	padding-right: 5px;
	}
.leaflet-control-layers-selector {
	margin-top: 2px;
	position: relative;
	top: 1px;
	}
.leaflet-control-layers label {
	display: block;
	}
.leaflet-control-layers-separator {
	height: 0;
	border-top: 1px solid #ddd;
	margin: 5px -10px 5px -6px;
	}

/* Default icon URLs */
.leaflet-default-icon-path {
	background-image: url(images/marker-icon.png);
	}


/* attribution and scale controls */

.leaflet-container .leaflet-control-attribution {
	background: #fff;
	background: rgba(255, 255, 255, 0.7);
	margin: 0;
	}
.leaflet-control-attribution,
.leaflet-control-scale-line {
	padding: 0 5px;
	color: #333;
	}
.leaflet-control-attribution a {
	text-decoration: none;
	}
.leaflet-control-attribution a:hover {
	text-decoration: underline;
	}
.leaflet-container .leaflet-control-attribution,
.leaflet-container .leaflet-control-scale {
	font-size: 11px;
	}
.leaflet-left .leaflet-control-scale {
	margin-left: 5px;
	}
.leaflet-bottom .leaflet-control-scale {
	margin-bottom: 5px;
	}
.leaflet-control-scale-line {
	border: 2px solid #777;
	border-top: none;
	line-height: 1.1;
	padding: 2px 5px 1px;
	font-size: 11px;
	white-space: nowrap;
	overflow: hidden;
	-moz-box-sizing: border-box;
	     box-sizing: border-box;

	background: #fff;
	background: rgba(255, 255, 255, 0.5);
	}
.leaflet-control-scale-line:not(:first-child) {
	border-top: 2px solid #777;
	border-bottom: none;
	margin-top: -2px;
	}
.leaflet-control-scale-line:not(:first-child):not(:last-child) {
	border-bottom: 2px solid #777;
	}

.leaflet-touch .leaflet-control-attribution,
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
	box-shadow: none;
	}
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
	border: 2px solid rgba(0,0,0,0.2);
	background-clip: padding-box;
	}


/* popup */

.leaflet-popup {
	position: absolute;
	text-align: center;
	margin-bottom: 20px;
	}
.leaflet-popup-content-wrapper {
	padding: 1px;
	text-align: left;
	border-radius: 12px;
	}
.leaflet-popup-content {
	margin: 13px 19px;
	line-height: 1.4;
	}
.leaflet-popup-content p {
	margin: 18px 0;
	}
.leaflet-popup-tip-container {
	width: 40px;
	height: 20px;
	position: absolute;
	left: 50%;
	margin-left: -20px;
	overflow: hidden;
	pointer-events: none;
	}
.leaflet-popup-tip {
	width: 17px;
	height: 17px;
	padding: 1px;

	margin: -10px auto 0;

	-webkit-transform: rotate(45deg);
	   -moz-transform: rotate(45deg);
	    -ms-transform: rotate(45deg);
	        transform: rotate(45deg);
	}
.leaflet-popup-content-wrapper,
.leaflet-popup-tip {
	background: white;
	color: #333;
	box-shadow: 0 3px 14px rgba(0,0,0,0.4);
	}
.leaflet-container a.leaflet-popup-close-button {
	position: absolute;
	top: 0;
	right: 0;
	padding: 4px 4px 0 0;
	border: none;
	text-align: center;
	width: 18px;
	height: 14px;
	font: 16px/14px Tahoma, Verdana, sans-serif;
	color: #c3c3c3;
	text-decoration: none;
	font-weight: bold;
	background: transparent;
	}
.leaflet-container a.leaflet-popup-close-button:hover {
	color: #999;
	}
.leaflet-popup-scrolled {
	overflow: auto;
	border-bottom: 1px solid #ddd;
	border-top: 1px solid #ddd;
	}

.leaflet-oldie .leaflet-popup-content-wrapper {
	zoom: 1;
	}
.leaflet-oldie .leaflet-popup-tip {
	width: 24px;
	margin: 0 auto;

	-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";
	filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678);
	}
.leaflet-oldie .leaflet-popup-tip-container {
	margin-top: -1px;
	}

.leaflet-oldie .leaflet-control-zoom,
.leaflet-oldie .leaflet-control-layers,
.leaflet-oldie .leaflet-popup-content-wrapper,
.leaflet-oldie .leaflet-popup-tip {
	border: 1px solid #999;
	}


/* div icon */

.leaflet-div-icon {
	background: #fff;
	border: 1px solid #666;
	}


/* Tooltip */
/* Base styles for the element that has a tooltip */
.leaflet-tooltip {
	position: absolute;
	padding: 6px;
	background-color: #fff;
	border: 1px solid #fff;
	border-radius: 3px;
	color: #222;
	white-space: nowrap;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	pointer-events: none;
	box-shadow: 0 1px 3px rgba(0,0,0,0.4);
	}
.leaflet-tooltip.leaflet-clickable {
	cursor: pointer;
	pointer-events: auto;
	}
.leaflet-tooltip-top:before,
.leaflet-tooltip-bottom:before,
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
	position: absolute;
	pointer-events: none;
	border: 6px solid transparent;
	background: transparent;
	content: "";
	}

/* Directions */

.leaflet-tooltip-bottom {
	margin-top: 6px;
}
.leaflet-tooltip-top {
	margin-top: -6px;
}
.leaflet-tooltip-bottom:before,
.leaflet-tooltip-top:before {
	left: 50%;
	margin-left: -6px;
	}
.leaflet-tooltip-top:before {
	bottom: 0;
	margin-bottom: -12px;
	border-top-color: #fff;
	}
.leaflet-tooltip-bottom:before {
	top: 0;
	margin-top: -12px;
	margin-left: -6px;
	border-bottom-color: #fff;
	}
.leaflet-tooltip-left {
	margin-left: -6px;
}
.leaflet-tooltip-right {
	margin-left: 6px;
}
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
	top: 50%;
	margin-top: -6px;
	}
.leaflet-tooltip-left:before {
	right: 0;
	margin-right: -12px;
	border-left-color: #fff;
	}
.leaflet-tooltip-right:before {
	left: 0;
	margin-left: -12px;
	border-right-color: #fff;
	}

.datePicker{border:1px solid #C6BFD7;width:190px;direction:rtl;font-family:Tahoma;font-size:12px;background-color:#e8f2fa;border-radius:2px;box-shadow:0 0 3px rgba(0,0,0,0.3);text-shadow:0 1px 1px rgba(0,0,0,0.1);color:#375170;padding:5px}.datePickerRow{background-color:#FFF}.datePickerFriDay{background-color:#FFCBB3}.datePickerDay{width:25px;height:16px;text-align:center;cursor:pointer}.datePickerDay:hover{background-color:#Fe8}.datePickerDaySelect{text-align:center;cursor:pointer;background-color:#66F;color:#FFF;border-radius:2px}.datePickerToday{text-align:center;cursor:pointer;background-color:#8FD08C;color:#FFF;border-radius:2px}.datePickerHeader td{padding-bottom:7px}.datePickerFooter td{padding-top:5px}.datePickerHeader button,.datePickerFooter button{border-radius:2px;height:20px;border:1px solid #c2cedc;font-family:Tahoma;font-size:11px;background:linear-gradient(#dcecff,#bacadd);cursor:pointer;padding:0 8px 2px}.datePickerHeader button{padding:0 0 2px}.datePickerFooter button{padding:0 8px 2px}.datePickerHeader button:hover,.datePickerFooter button:hover{border:1px solid #FC6;background:linear-gradient(#FFee88,#eFde78)}.datePickerYear,.datePickerMonth{background-color:#FFF;text-align:center;display:inline-block;color:#116f1c;height:17px}.datePickerMonth{width:53px}.datePickerYear{width:33px}