html{font-family:arial;font-size:14pt;color:var(--text);}
body{padding:0;margin:0;height:100vh;overflow-x:hidden;overflow-y:scroll;}
a{text-decoration:none;color:var(--dark);transition:all 0.5s ease-in-out;}
main{display:inline-block;padding:0 20px;margin:0;width:calc(100% - 40px);}
form select,
form input{outline:none;padding:10px 20px;margin:5px 0 15px 0;font-size:12pt;line-height:25px;font-weight:lighter;}
form input{height:20px;}
form select,
form input{-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;border:1px solid var(--dgrey);}
form button{-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;outline:none;padding:10px 20px;margin:5px 0;font-size:12pt;line-height:25px;font-weight:lighter;}
/* REFORM */
.main-container{display:inline-block;position:relative;width:1200px;margin:25px calc(50% - 600px);background:1px solid #fff;}
.main-container .body{margin:0;}
.container,
.landing,
.distributor,
.oversea{display:inline-block;position:relative;width:100%;margin:0;}
.distributor a,
.oversea a{display:inline-block;background:var(--yellow);padding:5px 20px;}
.salepoint .container{background:var(--main);}
.distributor .container{background:var(--dark);padding:30px 30px 0 30px;width:calc(100% - 60px);}
.oversea .container{background:var(--dark);padding:0 30px 30px 30px;width:calc(100% - 60px);}
/* FULL CSS */
.scroller{display:inline-block;width:100%;padding:75px 0 0 0;}
/* MODULES */
.modules{margin:-5px 0;}
.modules .container{width:1200px;}
/* HOTLINE */
.subscribe{display:inline-block;text-align:center;padding:10px 0;width:100%;margin:0;}
.subscribe .p_text{display:inline-block;height:55px;line-height:55px;font-size:16pt;margin:0 15px 0 0;text-transform:uppercase;}
.subscribe .p_phone{display:inline-block;min-width:210px;height:55px;line-height:55px;font-size:22pt;color:var(--text);cursor:pointer;text-align:right;margin:0 30px 0 0;}
.subscribe .m_text{display:inline-block;height:55px;line-height:55px;font-size:16pt;margin:0 15px 0 0;text-transform:uppercase;}
.subscribe .m_email{display:inline-block;width:250px;height:55px;line-height:55px;font-size:22pt;color:var(--text);cursor:pointer;text-align:right;margin:0;}
.items-leading{display:inline-block;width:100%;}
.body{display:inline-block;width:100%;padding:0;margin:20px 0 5px 0;}
.footer{display:inline-block;width:100%;font-size:13pt;text-align:center;margin:0 0 20px 0;}
.clearfix{height:5px;clear:both;}
/* FACEBOOK */
.fb_iframe_widget_fluid_desktop,
.fb_iframe_widget_fluid_desktop span,
.fb_iframe_widget_fluid_desktop iframe{max-width:100% !important;width:100% !important;}
#d-slide{display:inline-block;width:100%;overflow:hidden;}
#m-slide{display:none;}
/* TRANSLATE */
.translator{display:inline-block;position:fixed;z-index:9999;}
.translator{padding:4px;bottom:10px;left:10px;width:45px;height:45px;overflow:hidden;background:var(--grey);border:1px solid var(--dgrey);}
.translator:hover{width:calc(45px * 4 + 50px);}
.translate{display:block;width:calc(45px * 4 + 50px);height:45px;}
.translate-icon{float:left;width:45px;cursor:pointer;}
.translator .translate-flags{display:none;float:left;width:calc(100% - 45px);}
.translator:hover .translate-flags{display:block;}
.translate-flags .translate-flag{float:left;width:45px;margin:0 0 0 10px;position:relative;cursor:pointer;}
.translate-flags .translate-flag:first-child{width:60px;}
.translate-flags .translate-flag:first-child:after{display:block;height:100%;width:20px;content:" ";background:transparent url('../images/translate-to.png') no-repeat center;position:absolute;top:0;right:-5px;}
.translate-flag .translate a,
.translate-flag .translate a:hover,
.translate-flag .translate a{display:inline-block;width:100%;text-transform:uppercase;color:#fff;}
.translate-flag .translate a span{display:inline-block;margin:0 0 0 10px;font-size:11pt;line-height:28px;}
.translate-flag .lang-active img{cursor:initial;opacity:0.25;}
.translator-hint{display:inline-block;position:fixed;padding:0 20px;bottom:25px;left:15px;width:auto;height:45px;line-height:45px;text-align:center;background:var(--dark);color:#fff;}
.translator-hint{transform:rotate(270deg);transform-origin:top left;}
.register-btn{display:block;width:140px;position:fixed;z-index:3;right:10px;bottom:10px;}
.register-btn{background:#fff url(../images/connect.gif) no-repeat left center;border:3px solid var(--dark);background-size:contain;}
.register-btn{-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;}
.register-btn a{display:block;padding:6px 0;text-align:left;text-indent:60px;text-transform:uppercase;font-size:14pt;color:var(--dark);}
.register-btn a span{display:block;font-size:7.5pt;color:var(--grey);}
.register-btn:before{display:block;content:' ';width:140px;height:180px;position:absolute;bottom:48px;background:url(../images/customer-support.png) no-repeat center;}
.blog-featured{background:var(--blur);padding:20px;}
.article-info,
.muted{display:none;}
.image-full{}
.image-full img{width:100%;}
.column{padding:30px 20px 50px 20px;background:var(--lgrey);border-bottom:10px solid var(--grey);}
.column .cols{display:inline-block;width:calc((100% - 46px) / 4);height:240px;margin:0 10px 0 0;overflow:hidden;}
.column .cols:last-child{margin:0;}
.column-title{color:var(--dark);font-size:15pt;font-weight:bold;margin:0 0 25px 0;position:relative;}
.column-title:after{display:block;position:absolute;content:' ';width:45%;height:6px;background:var(--dark);top:27px;}
.column-title:after{-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}
.column-content{}
.column-content ul.nav{margin:0;padding:0;list-style:none;}
.column-content ul.nav li{width:100%;margin:0 0 10px 0;padding:0 0 5px 0;border:none;border-bottom:1px dotted var(--grey);font-size:13pt;color:var(--text);}
.column-content ul.nav li a{text-transform:none;font-weight:lighter;color:var(--text);}
.column-content ul.nav li a:hover{color:var(--dark);}
.column-content .custom{}
.column-content .custom a{}
.column-content .custom a:hover{}
.column-content .custom img{margin:0 15px 0 0;}
/* LIST DISTRIBUTOR */
.list-expand{display:block;margin:auto;width:320px;height:95px;padding:0 0 20px 0;background:url(../images/list.png) no-repeat center;cursor:pointer;}
/* SALEPOINT */
.salepoint{margin:0;}
.form-center{text-align:center;position:relative;}
.form-result{text-align:center;color:#fff;}
.form-result strong{color:#fff;}
.seller-filter{display:inline-block;width:100%;position:relative;margin:10px 0 30px 0;}
.seller-filter label{position:absolute;color:#fff;}
.seller-filter select{margin:30px 10px 0 0;}
.seller-filter input{margin:30px 10px 0 0;min-width:265px;}
.seller-filter button{margin:30px 0 0 0;padding:10px 30px;text-transform:uppercase;}
.seller-filter .seller-header{font-size:22pt;color:var(--yellow);text-shadow:1px 1px 0px var(--dark);text-align:center;margin:12px 0 56px 0;text-transform:uppercase;}
.seller-filter .seller-header:after{display:block;clear:both;height:6px;width:10%;margin:auto;content:" ";background:var(--yellow);box-shadow:1px 1px 0px var(--dark);position:relative;top:15px;}
.seller-filter .seller-header:after{-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}
.distributor .seller-filter .seller-header,
.oversea .seller-filter .seller-header{color:var(--yellow);text-shadow:1px 1px 0px var(--dark);}
.distributor .seller-filter .seller-header:after,
.oversea .seller-filter .seller-header:after{background:var(--yellow);box-shadow:1px 1px 0px var(--dark);}
#seller-clear{position:fixed;top:102px;right:5%;background:#fff;width:52px;height:52px;line-height:52px;text-align:center;cursor:pointer;z-index:3;}
#seller-clear{-webkit-border-radius:16px;-moz-border-radius:16px;border-radius:16px;}
#seller-result{position:fixed;top:58px;left:0;width:90%;height:calc(100% - 58px);overflow:hidden;padding:20px 5%;background:var(--dark);z-index:2;}
#results{display:inline-block;width:80%;height:90%;padding:30px 0;overflow:hidden;margin:0 10%;}
.result-caption{text-align:center;color:#fff;text-transform:uppercase;margin:0 0 15px 0;}
.result-list{display:inline-block;width:100%;height:calc(100% - 50px);margin:0 0 20px 0;overflow-y:scroll;}
.result-list::-webkit-scrollbar{width:1px;background:transparent;}
.result-list::-webkit-scrollbar-button{}
.result-list::-webkit-scrollbar-track{}
.result-list::-webkit-scrollbar-track-piece{}
.result-list::-webkit-scrollbar-thumb{width:1px;background:var(--dark);}
.result-list::-webkit-scrollbar-corner{}
.result-list::-webkit-resizer{}
.result-block{display:inline-block;width:calc(100% - 4px);border-bottom:1px solid var(--dbox);margin:0 0 10px 0;}
.result-block .inner{margin:20px;}
.list-name{margin:0 0 10px 0;color:#ffeeaa;text-transform:uppercase;}
.list-name .list-number{display:inline-block;width:32px;height:32px;line-height:32px;text-align:center;font-weight:normal;margin:0 15px 0 0;}
.list-name .list-number{background:var(--main);color:var(--dark);-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}
.list-addr{color:#fff;background:url('../images/addr-icon.png') no-repeat left center;text-indent:52px;margin:2px 0;font-size:11pt;height:18px;overflow:hidden;}
.list-city{color:#fff;background:url('../images/city-icon.png') no-repeat left center;text-indent:52px;margin:2px 0;font-size:11pt;height:18px;overflow:hidden;}
.list-phone{color:#fff;background:url('../images/tel-icon.png') no-repeat left center;text-indent:52px;margin:2px 0;font-size:11pt;height:18px;overflow:hidden;}
.list-phone a{display:inline-block;color:#fff;text-transform:uppercase;margin:0 0 0 10px;background:url('../images/map-icon.png') no-repeat left center;text-indent:52px;}
/* DISTRIBUTOR */
.mn{float:left;width:calc((100% - 84px) / 3);min-height:420px;padding:0 20px 0 0;border-right:1px solid var(--deep);}
.mt{display:inline-block;width:calc((100% - 84px) / 3);min-height:420px;padding:0 20px;border-right:1px solid var(--deep);border-left:1px solid var(--main);}
.mb{float:right;width:calc((100% - 84px) / 3);min-height:420px;padding:0 0 0 20px;border-left:1px solid var(--main);}
.mb h3,
.mt h3,
.mn h3{color:var(--main);text-shadow:1px 1px 0px var(--dark);margin:0;font-size:18pt;font-weight:normal;text-align:center;text-transform:uppercase;}
.mb h3 a,
.mt h3 a,
.mn h3 a{color:#fff;margin:0;font-weight:normal;}
.list-distributor{margin:10px 0 20px 0;}
.list-distributor:last-child{margin:10px 0 0 0;}
.list-distributor p{margin:5px 0 10px 0;font-size:11pt;text-align:center;color:var(--grey);}
.list-distributor p:last-child{color:#fff;}
.list-distributor .list-name{font-size:12pt;color:var(--yellow);font-weight:lighter;}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;}
input[type=number]{-moz-appearance:textfield;}