@charset "utf-8";

body {
	background: #fff;
	transition: background;transition-duration: 1s;
	margin:0;
	padding: 0;
	font: 12px/18px "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;
	font-weight: 100;
}

h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
}
a { text-decoration:none;color: #000;transition: background,color,border;transition-duration: 0.5s;}
a:hover { color: #f31478;}
img {border:none;}
input,textarea {outline:none;font-size:12px;padding: 0px; margin: 0px;}
input[type=text],input[type=password],textarea {-webkit-appearance: none;}
._mobile,._table,._middle,._desktop {display: none;}
._left {float: left !important;left: 0;}
._right {float: right !important;right: 0;}
._nomargin {margin: 0px !important;}
._noborder {border: none !important;}
._whitetext {color: #fff !important;}
._hidden {display: none !important;}
._center {margin: auto;width: 100%; max-width: 1400px; min-width: 400px;padding: 0 20px 0 20px;box-sizing: border-box;}
._blurbg {position: fixed;z-index: 900;background: #fff;opacity: 0.8;top: 0;left: 0;width: 100%;height: 100%;display: none;}
._clear {float: left;width: 100%;height: 1px;}

/*TOPBAR*/
.topbar {float: left;width: 100%;height: 50px;background: #e4be89;}
.topbar-notice {float: left;line-height: 50px;}
.topbar-lang {float: right;}
.topbar-lang .a-current {float: left;height: 50px;line-height: 50px;}
.topbar-lang .a-current img {float: right;height: 30px;margin: 10px;}

/*HEADER*/
.header {float: left;width: 100%;padding: 50px 0 50px 0;}
/*logo*/
.header-logo {float: left;height: 40px;}
.header-logo img {height: 100%;}
/*menu*/
.header-menu {float: left;padding-left: 30px;line-height: 30px;}
.header-menu a {float: left;padding-right: 10px;}
.header-menu a img {float: right;height: 20px;margin: 5px 0 0 0;}
/*user*/
.header-user {float: right;height: 50px;line-height: 50px;padding: 0 15px 0 15px;box-shadow: 0px 0px 10px #ccc;border-radius: 50px;margin: -10px 0 0 0;}
.header-user-name {float: left;}
.header-user-name img {float: right;height: 20px;margin: 15px 0 0 0;}
.header-user-avatar {float: right;height: 30px;width: 30px;border-radius: 100%;overflow: hidden;margin: 10px -5px 0 0;}
.header-user-avatar img {width: 100%;min-height: 30px;}

/*SEARCH FORM*/
.searchform {float: left;width: 100%;margin-top: -130px;}
.searchform-ct {margin: auto;max-width: 600px;position: relative;}
.searchform-ct-form {float: left;width: 100%;background: #fff;z-index: 100;padding: 25px;box-sizing: border-box;border-radius: 50px;}
.searchform-ct-form-input {float: left;width: 100%;border-radius: 50px;box-shadow: 0 0 10px #ccc;overflow: hidden;position: relative;}
.searchform-ct-form input {float: left;width: 100%;height: 50px;border: none;padding: 0 50px 0 20px; box-sizing: border-box;}
.searchform-ct-form-input a {position: absolute;right: 5px;top: 0;height: 50px;width: 50px;}
.searchform-ct-form-input a img {width: 30px;height: 30px;margin: 10px;}
.searchform-ct-input-show {float: left;width: 100%;background: #fff;height: 0px;transition: height; transition-duration: 0.5s;overflow: hidden;}
.searchform-ct-input-showactive {height: 130px;}
.searchform-ct-input-show-ct {float: left;padding: 20px 0px 0px 0px;width: 100%;}
.searchform-ct-input-show-ct a {float: left;width: 100%;height: 35px;line-height: 35px;padding: 0 20px 0 20px 0;border-radius: 35px;box-sizing: border-box;}
.searchform-ct-input-show-ct a:hover {background: #f9f9f9;}
.searchform-ct-input-show-ct a img {float: left;height: 25px;margin: 5px 5px 5px 17px;}
.searchform-ct-input-show-ct a .img-search {float: right;margin-right: 17px;opacity: 0;}
.searchform-ct-input-show-ct a:hover .img-search {opacity: 0.5;}
.searchform-ct-input-show-ct a i {color: #19bfb0;font-style: normal;text-transform: capitalize;}

/*HOME PRODUCT CATE*/
.homeproductcate {float: left;width: 100%;padding: 79px 0 50px 0;background: #81d8d0;}
.homeproductcate h3 {float: left;width: 100%;text-align: center;color: #fff;font-size: 20px;}
.homeproductcate-show {float: left;width: 100%;z-index: 1;position: relative;padding: 0 0 40px 0;}
.homeproductcate-show-control {float: left;width: 100px;text-align: center;height: 40px;margin: 65px 0 0 0;transition: opacity;transition-duration: 0.5s;}
.homeproductcate-show-control:hover {opacity: 0.5;}
.homeproductcate-show-control img {height: 100%;}
.homeproductcate-show-li {float: left;width: calc(100% - 200px);height: 160px;padding: 20px;box-sizing: border-box;}
.homeproductcate-show-li a {float: left;width: 14.285%;height: 100%;text-align: center;position: relative;}
.homeproductcate-show-li a span {position: absolute;width: 100%;bottom: -50px; left: 0px;height: 50px;line-height: 50px;text-align: center;text-transform: uppercase;color: #fff;}
.homeproductcate-show-li a img {height: 100%;transition: height,filter;transition-duration: 0.5s;border-radius: 100%;}
.homeproductcate-show-li a:hover img {height: 110%;filter: contrast(1.3);}

/*CT BANNER*/
.ctshowbanner {float: left;width: 100%;padding: 200px 0 200px 0;background-repeat: no-repeat;background-size: cover;background-attachment: fixed;}
.ctshowbannersmall {padding: 60px 0 60px 0;}
.ctshowbanner h3 {float: left;width: 100%; text-align: center; font-size: 18px;}
.ctshowbanner-sum {float: left;width: 100%;text-align: center;padding: 0 15% 0 15%;box-sizing: border-box;}
.ctshowbanner-btn {margin: auto;width: 300px;}
.ctshowbanner-btn a {float: left;width: 100%;height: 50px;line-height: 50px;margin: 30px 0 0 0;text-align: center;background: #000;color: #fff;text-transform: uppercase;border-radius: 50px;}
.ctshowbanner-btn a:hover {background: #e4be89;}

/*HALF SHOW CT*/
.halfshowct {float: left;width: 100%;position: relative;}
.halfshowct-bn {position: absolute;right: 0;width: 50%;height: 100%;background-repeat: no-repeat;background-size: cover;background-attachment: fixed;}
.halfshowct-ct {float: left;width: 50%;padding: 200px 50px 200px 0;box-sizing: border-box;background: #f1f1f1;}
.halfshowct-ct-sum {float: right;width: 100%; text-align: right;margin-bottom: 20px;width: 50%;}
.halfshowct-ct-sum h3 {font-size: 18px;}
.halfshowct-ct-btn {float: right;height: 50px;padding: 0 50px 0 50px; background: #000;color: #fff;border-radius: 50px;line-height: 50px;}
.halfshowct-ct-btn:hover {background: #e4be89;}

/*RPODUCT NEW*/
.productnew {float: left;width: 100%;margin: 50px 0 0 0;padding: 0 10% 0 10%;box-sizing: border-box;}

/*PRODUCT*/
.product {float: left;width: 100%;padding: 100px 0 100px 0;}
.productlist {padding-top: 50px;}
.product-main-title {float: left;width: 100%;text-align: center;color: #000;font-size: 20px;margin: 0 0 50px 0;}
.product-main {float: left;width: calc(100% + 40px);}
.product-main-li {float: left;width: 20%;margin-top: 40px;}
.productlist .product-main-li {float: left;width: 25%;}
.product-main-li-show {float: left;width: calc(90% - 10px);background: #fff;position: relative;}
.product-main-li-show-sale {position: absolute;background: rgba(0, 0, 0, 0.6);color: #fff;color: #fff;font-size: 12px;left: 0;top: 0;height: 30px;line-height: 30px;padding: 0 20px 0 20px;z-index: 1;}
.product-main-li-show-img {float: left;position: relative;width: 100%;}
.product-main-li-show-img .img-square {float: left;width: 100%;}
.product-main-li-show-img ._productimg {position: absolute;width: 100%;height: 100%;overflow: hidden;background: #fff;}
.product-main-li-show-img ._productimg img {width: 100%;min-height: 100%;}
.product-main-li-show-detail {float: left;width: 100%;padding: 20px;background: #f9f9f9;box-sizing: border-box;}
.product-main-li-show-detail h3 {float: left;width: 100%;padding: 0;margin: 0;height: 50px;overflow: hidden;}
.product-main-li-show-detail ._price {float: left;height: 40px;line-height: 40px;color: red;font-size: 14px;padding-right: 5px;}
.product-main-li-show-detail ._oldprice {float: left;height: 40px;line-height: 40px;color: #ccc;font-size: 14px;text-decoration: line-through;}
.product-main-li-show-detail .a-btn {float: right;height: 40px;line-height: 40px;padding: 0 15px 0 15px;background: #000;letter-spacing: 1px;color: #fff;text-transform: uppercase;}
.product-main-li-show-detail .a-btn:hover {background: #0097cf;color: #fff;}
.product-shopallbtn {float: left;width: 100%;margin: 50px 0 0 0;}
.product-shopallbtn-btn {margin: auto;width: 300px;}
.product-shopallbtn-btn a {float: right;height: 50px;width: 100%;line-height: 50px;background: #000;color: #fff;text-align: center;text-transform: uppercase;border-radius: 50px;}
.product-shopallbtn-btn a:hover {background: #e4be89;}

/*PRODUCT DETAIL*/
.productdetail {float: left;width: 100%;padding: 50px 0 100px 0;background: #fff;}
/*image*/
.productdetail-image {float: left;width: 50%;padding-right: 45px;box-sizing: border-box;}
.productdetail-image-ls {float: left;width: 33.3333%;padding: 0 10px 10px 0;box-sizing: border-box;}
.productdetail-image-ls-img {float: left;width: 100%;background-color: #e4be89;background-size: cover;}
.productdetail-image-ls-img .img-square {float: left;width: 100%;}
/*content*/
.productdetail-ct {float: right;width: 50%;}
.productdetail-ct h3 {font-size: 20.8px;padding: 0;margin: 0 0 20px 0;float: left;width: 100%;}
.productdetail-ct-review {float: left;height: 30px;line-height: 30px;width: 100%;}
.productdetail-ct-review span {float: left;padding-right: 10px;}
.productdetail-ct-review span img {float: left;height: 20px;margin: 3px 3px 0 0;}
.productdetail-ct-sum {float: left;width: 100%;}
.productdetail-ct-sum-ct {float: left;width: 100%;max-height: 100px;overflow: hidden;}
.productdetail-ct-va {float: left;width: 100%;height: 40px;line-height: 40px;}
.productdetail-ct-va span {font-size: 16px;float: left;margin-right: 20px;}
.productdetail-ct-textoption {float: left;width: 100%;margin: 10px 0 10px 0;}
.productdetail-ct-textoption a {float: left;height: 50px;line-height: 50px;padding: 0 50px 0 50px;border-radius: 50px;background: #fff;border: 1px solid #e4be89;margin-right: 10px;}
.productdetail-ct-coloroption {float: left;width: 100%;margin: 10px 0 10px 0;}
.productdetail-ct-coloroption a {float: left;height: 50px; width: 50px;border-radius: 50px;margin-right: 10px;}
.productdetail-ct-numberoption {float: left;width: 100%;margin: 10px 0 10px 0;}
.productdetail-ct-numberoption a {float: left;height: 50px; width: 50px;border-radius: 50px;margin-right: 10px;border: 1px solid #e4be89;line-height: 50px;text-align: center;}
.productdetail-ct-buletct {float: left;width: 100%;position: relative;padding-left: 40px;box-sizing: border-box;margin: 10px 0 10px 0;}
.productdetail-ct-buletct img {position: absolute;left: 0;top: 0;height: 25px;}
.productdetail-ct-buletct span {float: left;line-height: 25px;}
.productdetail-ct-addcart {float: left;height: 50px;line-height: 50px;background: #000;padding: 0 50px 0 50px;text-transform: uppercase;color: #fff;margin: 20px 0 20px 0;margin-right: 10px;}
.productdetail-ct-addcart:hover {background: #e4be89;color: #fff;}

/*SHOW PATH*/
.showpath {float: left;width: 100%;background: #f9f9f9;}
.showpath a {float: left;height: 88px;line-height: 88px;font-size: 14px;}
.showpath a img {float: right;height: 30px;margin: 28.8px 8px 0 8px;}

/* BLOCK NEWS */
.blocknews { background: #fff;padding:50px 0 50px 0;float: left;width: 100%;}
.blocknews h1 { float: left; width: 100%; margin:2% 0 2% 0; font-size: xx-large;text-align: center;color: #444;}
.blocknews h4 {float:left;width: 92%;text-align: center;font-weight:100;color: #444;padding:0 4% 0 4%;line-height: 25px;margin:0px 0px 20px 0px;font-size: 14px;}
.blocknews_main {float: left;width:100%;}

.blocknews_main .list { float: left; width:23%;padding:1%;}
.blocknews_main .list .listmain {float: left; width:98%; background:#fff;padding:0 0% 0% 0%;border-radius:0px;border:1px solid #f9f9f9;}
.productnew1 .blocknews_main .list .listmain {border: none;}
.blocknews_main .list .listmain .image {float: left;width: 100%;position: relative;overflow: hidden;}
.blocknews_main .list .listmain .image  img {float: left; width: 100%;}
.blocknews_main .list .listmain .readmore {position: absolute;z-index: 1000;left:25%;top:100%;width: 50%;background:#e4be89;color:#fff;text-align: center;padding:5% 0 5% 0;font-size:12px;border-radius:3px;opacity:0;}
.blocknews_main .list .listmain .readmore:hover {background: #444; color: #fff !important;}
.blocknews_main .list .listmain .title {position:absolute; width: 100%;left: 0;bottom: 0px;height:30%;}
.productnew1 .blocknews_main .list .listmain .title {height: 24%;}
.blocknews_main .list .listmain .title .bg {position: absolute;left: 0;top: 0;background: #fff;width: 100%;height: 100%;opacity:0.7;filter:alpha(opacity=70);}
.blocknews_main .list .listmain .title b {position: absolute;left: 0;top: 0;z-index: 100;font-weight:100;color: #333;font-size:14px;width: 96%;padding: 2%;line-height:20px;text-align: center;}
.blocknews_summary { position: absolute;width: 100%;height: 100%;left: 0;top: 0;display: none;}
.blocknews_summary .bg {position: absolute;left: 0;top: 0;background: #fff;width: 100%;height: 100%;opacity:0.7;filter:alpha(opacity=70);}

/*EMAIL SUB*/
.emailsub {float: left;width: 100%;background: #fff;padding: 88px 0 88px 0;}
.emailsub-title {float: left;line-height: 50px;font-size: 25px;}
.emailsub-input {float: left;height: 48px;width: 300px;background: #fff;margin: 0 0 0 20px;overflow: hidden;background: #f9f9f9;border: 1px solid #333;}
.emailsub-input input {width: 100%;border: none;padding: 18px;box-sizing: border-box;background: none;}
.emailsub-btn {float: left;height: 50px;background: #333;padding: 0 20px 0 20px;line-height: 50px;color: #fff;}


/*DIAMOND FILTER*/
.dmfilter {float: left;width: 100%;padding: 50px 0 50px 0;}
.dmfilter-name {float: left;width: 100%;font-size: 14px;margin: 20px 0 20px 0;font-weight: bold;}
.dmfilter a:hover {border: 1px solid #58b99e !important;color: #58b99e;}
.dmfilter .a-active {border: 1px solid #58b99e !important;color: #58b99e;}
/*shape*/
.dmfilter-shape {float: left;width: 100%;}
.dmfilter-shape a {float: left;width: 100px;text-align: center;border: 1px solid #f1f1f1;margin: 0 10px 10px 0;overflow: hidden;border-radius: 10px;}
.dmfilter-shape a img {float: left;width: 100%;}
.dmfilter-shape a span {float: left;width: 100%;height: 35px;line-height: 35px;}
/*color*/
.dmfilter-color {float: left}
.dmfilter-color a {float: left;width: 60px;height: 60px;line-height: 60px;text-align: center;border: 1px solid #f1f1f1;margin: 0 10px 10px 0;overflow: hidden;border-radius: 10px;font-size: 14px;}
/*clarity*/
.dmfilter-clarity {float: left;}
.dmfilter-clarity a {float: left;padding: 0 20px 0 20px;height: 60px;line-height: 60px;text-align: center;border: 1px solid #f1f1f1;margin: 0 10px 10px 0;overflow: hidden;border-radius: 10px;font-size: 14px;}
/*price*/
.dmfilter-price {float: left;width: 100%;margin-left: -20px;}


/*PAGING*/
.paging {float: left;width: 100%;margin: 50px 0 0 0;}
.paging a {float: left;padding: 15px 20px 15px 20px;border: 1px solid #f1f1f1;margin: 0 5px 5px 0;}
.paging a:hover {border: 1px solid #58b99e !important;color: #58b99e;}
.paging .a-active {border: 1px solid #58b99e !important;color: #58b99e;}


/*TOP AUTOBAR*/
.topautobar {position: fixed;top: -1000px;left: 0;width: 100%;background: #fff;z-index: 1000;transition: top;transition-duration: 0.5s;padding: 50px 0 80px 0;box-shadow: 0 0 10px #ccc;}
.topautobarshow {top: 0px;}
.topautobar-closebtn {position:absolute; left: 0; bottom: -25px;width: 100%;height: 50px;}
.topautobar-closebtn-ct {margin: auto;width: 200px;}
.topautobar-closebtn-ct a {float: left;width: 100%;text-align: center;height: 50px;background: #000;color: #fff;line-height: 50px;border-radius: 50px;}
.topautobar-closebtn-ct a:hover {background: #e4be89;}

/*RIGHT AUTOBAR*/
.rightautobar {position: fixed;top: 0;right: -800px;height: 100%;width: 300px;background: #fff;z-index: 1000;transition: right;transition-duration: 0.5s;padding: 50px 0 0 20px;box-shadow: 0 0 10px #ccc;box-sizing: border-box;}
.rightautobarshow {right: 0px;}
.rightautobar-closebtn {position:absolute; left: 0; bottom: 0;width: 100%;text-align: center;height: 50px;background: #000;color: #fff;height: 50px;line-height: 50px;text-align: center;}
.rightautobar-closebtn:hover {background: #e4be89;}
.rightautobar-title {float: left;width: 100%;margin-bottom: 10px;}


/*SIDEBAR SELECT*/
.sidebarselect {float: left;width: 100%;}
.sidebarselect a {float: left;width: 225px;margin: 0 0 5px 0;height: 30px;line-height: 20px;padding: 5px;box-sizing: border-box;border-radius: 20px;border: 1px solid #f1f1f1;}
.sidebarselect a span {float: left;margin-right: 10px;height: 20px;width: 20px;border-radius: 20px;background: #f1f1f1;}
.sidebarselect a:hover span {background: #e4be89;}

/*SIDEBAR LANG*/
.sidebarlang {float: left;width: 100%;}
.sidebarlang a {float: left;width: 100%;height: 30px;line-height: 30px;}
.sidebarlang a img {height: 20px;margin: 5px;float: left;}

/*SIDEBAR USER*/
.sidebaruser_notloggedin, .sidebaruser {float: left;width: 100%;}
.sidebaruser_notloggedin a, .sidebaruser a {float: left;width: 100%;height: 30px;line-height: 30px;}
.sidebaruser_notloggedin a .span-cartcount, .sidebaruser a .span-cartcount {color: red;}
.sidebaruser_notloggedin a img , .sidebaruser a img {height: 20px;margin: 5px;float: left;}

/*AUTO CATEGORY*/
.autocategory {float: left;width: 100%;}
.autocategory h3 {float: left;width: 100%;margin: 0 0 30px;padding: 0 0 20px 0;font-size: 28px;text-align: center;border-bottom: 1px solid #f1f1f1;}
.autocategory-block {float: left; width: 25%;padding: 0 20px 0 0;box-sizing: border-box;}
.autocategory-block-title {float: left;width: 100%;margin: 20px 0 10px 0;font-size: 18px;}
.autocategory-block .a-ca {float: left;width: 100%;padding: 5px 0 5px 0;}

/*FOOTER*/
.footer {float: left;width: 100%;padding: 88px 0 88px 0;background: #111;}
/*social media*/
.footer-social {float: left;line-height: 30px;}
.footer-social-text {float: left;margin-right: 0px;color: #fff;}
.footer-social-icon {float: left;color: #fff;margin-left: 15px;}
.footer-social-icon img {float: left;height: 30px;filter: invert(100%);}
/*menu*/
.footer-menu {float: left;width: 100%;margin: 10px 0 0 0;color: #fff;}
.footer-menu-ct {float: left;width: 33.333333%;float: left;box-sizing: border-box;padding: 0 50px 0 0;}
.footer-menu-ctl {float: right;padding: 0 0 0 0;}
.footer-menu-ct h3 {float: left;width: 100%;margin: 30px 0 10px 0;padding: 0 0 5px 0;border-bottom: 1px solid #171921;}
.footer-menu-ct .a-mn {float: left;width: 100%;color: #fff;}
.footer-menu-ct .a-mn:hover {color: #e55c00;}
/*list payment*/
.footer-payment {float: left;width: 100%;margin: 50px 0 0 0;}
.footer-payment img {width: 50%;}
.footer fieldset {border: 1px solid #171717;border-radius: 10px;}

/*COPY RIGHT*/
.copyright {float: left;width: 100%;height: 50px;line-height: 50px;}


.fullpage {float: left; width: 100%;}



/*SLIDER*/
  [slider] {
	position: relative;
	height: 14px;
	border-radius: 10px;
	text-align: left;
	margin: 0px 0 10px 0;
  }
  
  [slider] > div {
	position: absolute;
	left: 13px;
	right: 15px;
	height: 14px;
  }
  
  [slider] > div > [inverse-left] {
	position: absolute;
	left: 0;
	height: 14px;
	border-radius: 10px;
	background-color: #CCC;
	margin: 0 7px;
  }
  
  [slider] > div > [inverse-right] {
	position: absolute;
	right: 0;
	height: 14px;
	border-radius: 10px;
	background-color: #CCC;
	margin: 0 7px;
  }
  
  [slider] > div > [range] {
	position: absolute;
	left: 0;
	height: 14px;
	border-radius: 14px;
	background-color: #1ABC9C;
  }
  
  [slider] > div > [thumb] {
	position: absolute;
	top: -7px;
	z-index: 2;
	height: 28px;
	width: 28px;
	text-align: left;
	margin-left: -11px;
	cursor: pointer;
	box-shadow: 0 3px 8px rgba(0, 0, 0, 0.4);
	background-color: #FFF;
	border-radius: 50%;
	outline: none;
  }
  
  [slider] > input[type=range] {
	position: absolute;
	pointer-events: none;
	-webkit-appearance: none;
	z-index: 3;
	height: 14px;
	top: -2px;
	width: 100%;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
  }
  
  div[slider] > input[type=range]::-ms-track {
	-webkit-appearance: none;
	background: transparent;
	color: transparent;
  }
  
  div[slider] > input[type=range]::-moz-range-track {
	-moz-appearance: none;
	background: transparent;
	color: transparent;
  }
  
  div[slider] > input[type=range]:focus::-webkit-slider-runnable-track {
	background: transparent;
	border: transparent;
  }
  
  div[slider] > input[type=range]:focus {
	outline: none;
  }
  
  div[slider] > input[type=range]::-ms-thumb {
	pointer-events: all;
	width: 28px;
	height: 28px;
	border-radius: 0px;
	border: 0 none;
	background: red;
  }
  
  div[slider] > input[type=range]::-moz-range-thumb {
	pointer-events: all;
	width: 28px;
	height: 28px;
	border-radius: 0px;
	border: 0 none;
	background: red;
  }
  
  div[slider] > input[type=range]::-webkit-slider-thumb {
	pointer-events: all;
	width: 28px;
	height: 28px;
	border-radius: 0px;
	border: 0 none;
	background: red;
	-webkit-appearance: none;
  }
  
  div[slider] > input[type=range]::-ms-fill-lower {
	background: transparent;
	border: 0 none;
  }
  
  div[slider] > input[type=range]::-ms-fill-upper {
	background: transparent;
	border: 0 none;
  }
  
  div[slider] > input[type=range]::-ms-tooltip {
	display: none;
  }
  
  [slider] > div > [sign] {
	opacity: 0;
	position: absolute;
	margin-left: -11px;
	top: -39px;
	z-index:3;
	background-color: #1ABC9C;
	color: #fff;
	width: 28px;
	height: 28px;
	border-radius: 28px;
	-webkit-border-radius: 28px;
	align-items: center;
	-webkit-justify-content: center;
	justify-content: center;
	text-align: center;
  }
  
  [slider] > div > [sign]:after {
	position: absolute;
	content: '';
	left: 0;
	border-radius: 16px;
	top: 19px;
	border-left: 14px solid transparent;
	border-right: 14px solid transparent;
	border-top-width: 16px;
	border-top-style: solid;
	border-top-color: #1ABC9C;
  }
  
  [slider] > div > [sign] > span {
	font-size: 12px;
	font-weight: 700;
	line-height: 28px;
  }
  
  [slider]:hover > div > [sign] {
	opacity: 1;
  }