*:hover,a:hover{ text-decoration:none}
a.fontnav {text-decoration:none; outline:none} 
body{background:#EFEFEF;padding-right:0!important;font-family: "titillium";}
body.modal-open {overflow-y: auto !important;padding-right: 0 !important;}
i{font-style:normal}
p{padding:0px;margin:0px}
em{font-style:normal}
ul li {list-style-type: none;margin:0px;padding:0px}
h1,h2,h3,h4,h5,h6{font-size:100%; font-weight:normal;}
ul,ol{list-style:none;margin:0px;padding:0px}
img{ border:none; border:0;}
a{color:#000}
a:focus, a:hover{color:#333;text-decoration:none}
a.vice{color:#409CA7}
a.vice:hover{color:#E45E5F}
:root {--btn-black:#000;--btn-red: #FF240E;}
article{position: relative;}
.form-control,
.form-control:focus{background-color:transparent;
-webkit-box-shadow: inset 0 0px 0px rgba(0,0,0,.075);
box-shadow: inset 0 0px 0px rgba(0,0,0,.075);}
.btn,
.btn:focus,
.btn:hover{ background:var(--btn-black);color:#fff;opacity:0.8;border: none;outline: none !important;border-radius: 0;}
.btn:hover{opacity:1}
.container{padding-left: 0;padding-right: 0;}

@font-face{
    font-family:titillium;
    src: url('../../fonts/TitilliumWeb-Regular.ttf'),
         url('../../fonts/titillium.eot'); /* IE9+ */
    }



/* input */
.form-control{border:1px solid #ddd;min-width:40px;border-radius: 0;}
.form-control:hover,
.form-control:focus{border:1px solid var(--btn-black)}
.search-min .form-control{ width:100%}

/* tips */
.tips{background:#ddd;background: #fff3f3; color: #FF240D;  padding: 3px 8px;  position: absolute;  left: 0px; top: 0px; border-radius: 2px;display: none;}
.tips::after {display:inline-block;width:0;height:0;position:relative;bottom: -15px;left: -174px;margin-left:0.255em;vertical-align:0.255em;content:"";border-top:0.3em solid;border-right:0.3em solid transparent;border-bottom:0;border-left:0.3em solid transparent;color: #fff3f3;}
.apply-shake {animation:shake 0.82s cubic-bezier(0.36,0.07,0.19,0.97) both;}
.apply-shake .form-control {border: 2px solid #f3b6b0}
@keyframes shake {10%,90% {transform:translate3d(-1px,0 0);}
20%,80% {transform:translate3d(2px,0,0);}
30%,50%,70% {transform:translate3d(-4px,0,0);}
40%,60% {transform:translate3d(4px,0,0);}
}

/* btn */
.btn-default,
.btn-default:hover,
.btn-default:focus{background:#fff;border: 1px solid #ddd;text-shadow: 0 0px 0 #fff; color: #333;}

/* checkbox */
.form_checkbox{position:relative;}
.form_checkbox i{font-size:26px;position:relative;top:0px;color:#ddd}
.form_checkbox i:hover{color:#e45e5f}
.form_checkbox .fa-check-square{display:none;position:absolute;left:0px;top:0px;font-size:24px;z-index: 1;}
.checkbox_active .fa-check-square{display:block;color:#e45e5f}
.checkbox_active .fa-square-o{color:#fff;}
.form_checkbox .f-text{position:relative;cursor:default;padding-left:4px;top:-5px;text-overflow:ellipsis; word-break:keep-all; white-space:nowrap;}

/* form_circle */
.form_radio{position:relative;margin-top:20px}
.form_radio i{border:2px solid #ddd;display:block; background:#fff;height: 20px;width: 20px;border-radius:20px;position:absolute}
.form_radio i:hover{border:2px solid #e45e5f}
.form_radio .circle-o{background:#e45e5f;z-index:1;width:8px;height:8px;border:0px;left: 6px;top: 6px;display:none}
.radio_active i{border:2px solid #e45e5f;}
.radio_active .circle-o{display:block}


/* off */
.switch{width:65px;overflow:hidden;height:29px;position:relative;left: 0px; background:#cecfd3;cursor:pointer;border-radius:30px;position:relative;opacity:0.7;transition:all 0.3s linear;}
.switch:hover{opacity:1}
.switch .open{display:none;}
.switch .circle{position:absolute;left:2px;top:2px;width:25px;height:25px;background:#fff;border-radius:100px;transition:all 0.3s linear;z-index:1}
.switch span{position:absolute;left:31px;top:5px;transition:all 0.3s linear;}
.wcactive{ background:var(--btn-black)}
.wcactive .circle{left: auto; right: 2px;}
.wcactive span{left:10px;color:#fff;display:none;}
.wcactive .open{display:block;}

/* Load Animation */
.preloader{position: absolute;width: 75px;height: 27px;left: 50%; top: 16px; margin-left: -45px;display:none;}
.preloader:before{width:20px;height:20px;border-radius:20px;background:blue;content:'';position:absolute;background:#9b59b6;-webkit-animation:preloader_before 1.5s infinite ease-in-out;-moz-animation:preloader_before 1.5s infinite ease-in-out;-ms-animation:preloader_before 1.5s infinite ease-in-out;animation:preloader_before 1.5s infinite ease-in-out;}
.preloader:after {width:20px;height:20px;border-radius:20px;background:blue;content:'';position:absolute;background:#2ecc71;left:22px;-webkit-animation:preloader_after 1.5s infinite ease-in-out;-moz-animation:preloader_after 1.5s infinite ease-in-out;-ms-animation:preloader_after 1.5s infinite ease-in-out;animation:preloader_after 1.5s infinite ease-in-out;}
@-webkit-keyframes preloader_before {0% {-webkit-transform:translateX(0px) rotate(0deg)}
50% {-webkit-transform:translateX(50px) scale(1.2) rotate(260deg);background:#2ecc71;border-radius:0px;}
100% {-webkit-transform:translateX(0px) rotate(0deg)}
}
@-webkit-keyframes preloader_after {0% {-webkit-transform:translateX(0px)}
50% {-webkit-transform:translateX(-50px) scale(1.2) rotate(-260deg);background:#9b59b6;border-radius:0px;}
100% {-webkit-transform:translateX(0px)}
}
@-moz-keyframes preloader_before {0% {-moz-transform:translateX(0px) rotate(0deg)}
50% {-moz-transform:translateX(50px) scale(1.2) rotate(260deg);background:#2ecc71;border-radius:0px;}
100% {-moz-transform:translateX(0px) rotate(0deg)}
}
@-moz-keyframes preloader_after {0% {-moz-transform:translateX(0px)}
50% {-moz-transform:translateX(-50px) scale(1.2) rotate(-260deg);background:#9b59b6;border-radius:0px;}
100% {-moz-transform:translateX(0px)}
}
@-ms-keyframes preloader_before {0% {-ms-transform:translateX(0px) rotate(0deg)}
50% {-ms-transform:translateX(50px) scale(1.2) rotate(260deg);background:#2ecc71;border-radius:0px;}
100% {-ms-transform:translateX(0px) rotate(0deg)}
}
@-ms-keyframes preloader_after {0% {-ms-transform:translateX(0px)}
50% {-ms-transform:translateX(-50px) scale(1.2) rotate(-260deg);background:#9b59b6;border-radius:0px;}
100% {-ms-transform:translateX(0px)}
}
@keyframes preloader_before {0% {transform:translateX(0px) rotate(0deg)}
50% {transform:translateX(50px) scale(1.2) rotate(260deg);background:#2ecc71;border-radius:0px;}
100% {transform:translateX(0px) rotate(0deg)}
}
@keyframes preloader_after {0% {transform:translateX(0px)}
50% {transform:translateX(-50px) scale(1.2) rotate(-260deg);background:#9b59b6;border-radius:0px;}
100% {transform: translateX(0px)}
}
.btn-preloader{position: absolute;width: 75px;height: 27px;left: 50%; top: 8px; margin-left: -45px;display:none;}
.btn-preloader:before{width:15px;height:15px;border-radius:20px;background:blue;content:'';position:absolute;background:#9b59b6;-webkit-animation:btn-preloader_before 1.5s infinite ease-in-out;-moz-animation:btn-preloader_before 1.5s infinite ease-in-out;-ms-animation:btn-preloader_before 1.5s infinite ease-in-out;animation:btn-preloader_before 1.5s infinite ease-in-out;}
.btn-preloader:after {width:15px;height:15px;border-radius:20px;background:blue;content:'';position:absolute;background:#2ecc71;left:22px;-webkit-animation:btn-preloader_after 1.5s infinite ease-in-out;-moz-animation:btn-preloader_after 1.5s infinite ease-in-out;-ms-animation:btn-preloader_after 1.5s infinite ease-in-out;animation:btn-preloader_after 1.5s infinite ease-in-out;}

@-webkit-keyframes btn-preloader_before {0% {-webkit-transform:translateX(0px) rotate(0deg)}
50% {-webkit-transform:translateX(30px) scale(1.2) rotate(260deg);background:#2ecc71;border-radius:0px;}
100% {-webkit-transform:translateX(0px) rotate(0deg)}
}
@-webkit-keyframes btn-preloader_after {0% {-webkit-transform:translateX(0px)}
50% {-webkit-transform:translateX(-30px) scale(1.2) rotate(-260deg);background:#9b59b6;border-radius:0px;}
100% {-webkit-transform:translateX(0px)}
}
@-moz-keyframes btn-preloader_before {0% {-moz-transform:translateX(0px) rotate(0deg)}
50% {-moz-transform:translateX(30px) scale(1.2) rotate(260deg);background:#2ecc71;border-radius:0px;}
100% {-moz-transform:translateX(0px) rotate(0deg)}
}
@-moz-keyframes btn-preloader_after {0% {-moz-transform:translateX(0px)}
50% {-moz-transform:translateX(-30px) scale(1.2) rotate(-260deg);background:#9b59b6;border-radius:0px;}
100% {-moz-transform:translateX(0px)}
}
@-ms-keyframes btn-preloader_before {0% {-ms-transform:translateX(0px) rotate(0deg)}
50% {-ms-transform:translateX(30px) scale(1.2) rotate(260deg);background:#2ecc71;border-radius:0px;}
100% {-ms-transform:translateX(0px) rotate(0deg)}
}
@-ms-keyframes btn-preloader_after {0% {-ms-transform:translateX(0px)}
50% {-ms-transform:translateX(-30px) scale(1.2) rotate(-260deg);background:#9b59b6;border-radius:0px;}
100% {-ms-transform:translateX(0px)}
}
@keyframes btn-preloader_before {0% {transform:translateX(0px) rotate(0deg)}
50% {transform:translateX(30px) scale(1.2) rotate(260deg);background:#2ecc71;border-radius:0px;}
100% {transform:translateX(0px) rotate(0deg)}
}
@keyframes btn-preloader_after {0% {transform:translateX(0px)}
50% {transform:translateX(-30px) scale(1.2) rotate(-260deg);background:#9b59b6;border-radius:0px;}
100% {transform: translateX(0px)}
}


/*head*/
.nav-warp{height: 80px;margin-bottom: 0;}
.navbar-default{display: flex;align-items: center;background: #fff;padding-right: 40px;}


.logo{padding: 15px;display: flex;align-items: center;height: 100%;justify-content: center;background: #fff;border-bottom: 1px solid #eee;}
.logo h1{margin: 0;}
.logo a{height: 100%;display: block;}
.logo a img{width: 220px;}
header{transition:all 0.5s linear; }
.header-fixed-active{position:fixed;width: 100%; top: 0px;z-index: 2;    box-shadow:-2px 5px 13px rgb(151 151 151 / 35%);}
.header-fixed-active .logo{display: none;}
.header-fixed-active .nav-warp {height: 70px;}
.header-fixed-active .nav-igation .nav-pills li a:after {bottom: -12px;}

.c-poartber{padding: 0 40px;border-right: 1px solid #eee;height: 100%;margin-right: 40px;display: flex; align-items: center;}
.c-poartber .poartber-warp{padding-left: 51px;position: relative;}
.c-poartber .poartber-warp .poar-name{font-weight: bold;    text-transform: uppercase;font-size: 1rem;}
.c-poartber .poartber-warp .poartber-icon{width: 50px;height: 55px;background: url(../../image/44/staticpage/poartber-icon.png) no-repeat  left center; position: absolute;left: 0px;}
.poartber-icon{-webkit-animation:poartber-icon 2000ms 0s infinite normal;-moz-animation:poartber-icon 2000ms 0s infinite normal;-ms-animation:poartber-icon 2000ms 0s infinite normal;-o-animation:poartber-icon 2000ms 0s infinite normal;animation:poartber-icon 2000ms 0s infinite normal;animation-timing-function:linear;-webkit-animation-timing-function:linear;-moz-animation-timing-function:linear;-ms-animation-timing-function:linear;-o-animation-timing-function:linear;}
@keyframes poartber-icon{from{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
2%{-webkit-transform:rotate(10deg);-moz-transform:rotate(10deg);-ms-transform:rotate(10deg);-o-transform:rotate(10deg);transform:rotate(10deg);}
4%{-webkit-transform:rotate(20deg);-moz-transform:rotate(20deg);-ms-transform:rotate(20deg);-o-transform:rotate(20deg);transform:rotate(20deg);}
6%{-webkit-transform:rotate(10deg);-moz-transform:rotate(10deg);-ms-transform:rotate(10deg);-o-transform:rotate(10deg);transform:rotate(10deg);}
8%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
10%{-webkit-transform:rotate(-10deg);-moz-transform:rotate(-10deg);-ms-transform:rotate(-10deg);-o-transform:rotate(-10deg);transform:rotate(-10deg);}
12%{-webkit-transform:rotate(-20deg);-moz-transform:rotate(-20deg);-ms-transform:rotate(-20deg);-o-transform:rotate(-20deg);transform:rotate(-20deg);}
14%{-webkit-transform:rotate(-10deg);-moz-transform:rotate(-10deg);-ms-transform:rotate(-10deg);-o-transform:rotate(-10deg);transform:rotate(-10deg);}
16%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
18%{-webkit-transform:rotate(10deg);-moz-transform:rotate(10deg);-ms-transform:rotate(10deg);-o-transform:rotate(10deg);transform:rotate(10deg);}
20%{-webkit-transform:rotate(20deg);-moz-transform:rotate(20deg);-ms-transform:rotate(20deg);-o-transform:rotate(20deg);transform:rotate(20deg);}
22%{-webkit-transform:rotate(10deg);-moz-transform:rotate(10deg);-ms-transform:rotate(10deg);-o-transform:rotate(10deg);transform:rotate(10deg);}
24%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
26%{-webkit-transform:rotate(-10deg);-moz-transform:rotate(-10deg);-ms-transform:rotate(-10deg);-o-transform:rotate(-10deg);transform:rotate(-10deg);}
28%{-webkit-transform:rotate(-20deg);-moz-transform:rotate(-20deg);-ms-transform:rotate(-20deg);-o-transform:rotate(-20deg);transform:rotate(-20deg);}
30%{-webkit-transform:rotate(-10deg);-moz-transform:rotate(-10deg);-ms-transform:rotate(-10deg);-o-transform:rotate(-10deg);transform:rotate(-10deg);}
32%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
100%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
}





.c-poartber .poartber-warp .poar-ap{    font-size: 1.1rem;}
.nav-igation{display: flex;align-items: center;flex: 1;}
.nav-igation .example{position: relative;margin-right: 40px;flex: 1;}
.nav-igation .example input{background: #F4F4F4;border:1px solid #ccc;outline: none;padding: 0px 15px;font-size:1rem;border-radius: 50px;width:100%;padding-right: 30px;height: 40px;}
.nav-igation .example input:focus{border:1px solid var(--btn-black);}
.nav-igation .example .fa-search{background: none;border: none;outline: none;position: absolute;right:20px;line-height: 40px;    color: #acacac;font-size: 17px;}

.nav-igation .navbar-default{background: none;margin: 0;border: none;box-shadow: none;}
.nav-igation .nav-pills{display: flex;flex-wrap: wrap;margin-right: 40px;}
.nav-igation .nav-pills>li{float: initial;margin: 0;margin-right: 60px;position: relative;}

.nav-igation .nav-pills>li.active>a, .nav-igation .nav-pills>li.active>a:focus, .nav-igation .nav-pills>li.active>a:hover{background: none;color: #000;font-weight: 600;}
.nav-igation .nav-pills li a{font-size:1rem;    text-transform: uppercase;}
.nav-igation .nav-pills li:last-of-type{margin-right: 0px;}
.nav-igation .nav>li>a:focus, .nav>li>a:hover{background: none;}
.nav-igation .nav-pills li a:after {content: '';display: block;position: absolute;width: 0%;bottom:-5px;-webkit-transform: translateY(-50%);transform: translateY(-50%);-webkit-transition: all .3s ease-in-out;transition: all .3s ease-in-out;height: 4px;background: var(--btn-black);z-index: 2;left: 50%;-webkit-transform: translate(-50%,0%);border-radius: 50px;}
.nav-igation .nav-pills li a:hover:after{width: 40px;}
.nav-igation .nav-pills .active a:after{width: 40px;}
.cart-sign{display: flex;align-items: center;padding: 0 27px; height: 100%;border-left: 1px solid #eee;border-right: 1px solid #eee;}
.cart-sign .nav-cart{font-size: 1.4rem;color: #000;cursor: pointer;    position: relative;}
.cart-sign .nav-cart .tooltip{white-space:nowrap; }
.cart-sign .nav-sign{margin-left:40px;position: relative;z-index: 1;padding: 11px;}
.cart-sign .nav-sign .avatar{width: 40px;height:40px;border-radius:40px;overflow: hidden;display: flex;justify-content: center;justify-items: center;    }
.cart-sign .nav-sign .avatar img{max-height: 40px;max-width: 40px}
.cart-sign .nav-sign .user-info{display: none;padding: 17px;position: absolute;top: 56px;right: 0px;max-width:320px;background: #fff;border: 1px solid rgba(0,0,0,.15); border-radius: 4px; -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);box-shadow: 0 6px 12px rgba(0,0,0,.175);}
.cart-sign .nav-sign:hover .user-info{display:block;}
.cart-sign .nav-sign .user-info img{max-height: 80px;max-width: 60px;border-radius:60px;position: absolute;}
.cart-sign .nav-sign .info-warp{padding:0px 12px;padding-left: 80px;}
.cart-sign .nav-sign .info-warp .info-accont{font-weight: bold;overflow: hidden;text-overflow:ellipsis;word-break:keep-all;white-space:nowrap;width: 170px;}
.cart-sign .nav-sign .info-warp .user-btn{margin-top: 8px;}
.cart-sign .nav-sign .info-warp .user-btn a{    color: #753232;background: #ffecec;padding: 3px 7px;border-radius: 4px;display: inline-block;}
.cart-sign .nav-sign .info-warp .user-btn .logout{margin-left: 5px;color: #d63333}


.cart-sign .nav-cart .badge{position: absolute;background: #f00;top: -7px;right: -17px;padding: 3px 7px; height: 20px;}
.cart-sign .sign-in{padding: 4px 16px;display: inline-block;margin-right: 12px;}
.cart-sign .sign-in a{background: var(--btn-red);color: #fff;border-radius: 22px;color: #ffff;padding: 4px 16px;display: inline-block;opacity: 0.8;}
.cart-sign .sign-in a:hover{opacity: 1;}
.cart-sign .sign-in a:last-child{background: var(--btn-black);margin-left: 7px;opacity: 0.8}

/* web-shopping-cart */
.web-shopping-cart .dropdown-menu{left:auto;right: 0;padding: 0;}
.web-shopping-cart .glyphicon-shopping-cart{padding:0px 0px;}
.web-shopping-cart .glyphicon-shopping-cart:hover{opacity:1}
 .web-shopping-cart .forbidden{color: #c5c5c5; cursor: no-drop;}
.web-shopping-cart .glyphicon-remove{cursor:pointer;color:#373856;position:absolute;right: 10px;top:14px;color:#373856;opacity:0.5;}
.web-shopping-cart .glyphicon-remove:hover{opacity:1}
.web-shopping-cart .dropdown-menu ul { max-height: 750px; overflow: auto;}
.web-shopping-cart .dropdown-menu li a{text-decoration:none}
.web-shopping-cart .dropdown-menu li:hover .title a{color:#373856}
.web-shopping-cart .dropdown-menu li {height:75px;position:relative;padding-left:50px;width:334px;font-size:12px;border-bottom:1px solid #ddd;padding-top:10px ;transition: all 0.3s linear 0s;cursor:default; float:none}
.web-shopping-cart .dropdown-menu li.web-bell{height:auto; }
.web-shopping-cart .dropdown-menu li:hover{background-color:#f5f5f5}
.web-shopping-cart .dropdown-menu li img{width:30px;border-radius:5px;position:absolute;left:12px;top:16px;}
.web-shopping-cart li .title{width:93%;height:34px;overflow:hidden;}
.web-shopping-cart li .title-one{float:left; font-size:14px; color:#3b3a3b;}
.web-shopping-cart li .title-one a{font-size:14px; color:#3b3a3b;}
.web-shopping-cart li .title-one em{color:#970d06;}
.web-shopping-cart li .title-two{width:257px;float:left; font-size:12px; color:#3b3a3b; line-height:24px;}
.web-shopping-cart li .title-two a{ font-size:12px; color:#3b3a3b;}
.web-shopping-cart li .check_details a{color:#22916D;float:right;padding-right:12px;}
.web-shopping-cart li .check_details{color: #f75263;float: left;padding-bottom: 8px;width: 100%;}
.web-shopping-cart li .title a:hover{color:#373856}
.web-shopping-cart li .qit{border-radius:3px; background-color:#505050;color:#fff;position:absolute;left:53px;top:50px;padding:0px 4px;font-size:11px;}
.web-shopping-cart li .price{position:absolute;right:12px;bottom: 10px;color:#df3733;font-size:14px;font-weight:bold;width:92px;text-align:right;}
.web_shopping-cart li .glyphicon-remove{position:absolute;right: 10px;top:14px;color:#373856;opacity:0.5;}
.web-shopping-cart li .glyphicon-remove:hover{opacity: 1;}
.web-shopping-cart .dropdown-menu li:last-child {border-bottom:0px }
.web-shopping-cart .dropdown-menu .total{height:55px;background-color:#f5f5f5;color: #000;padding: 0px 13px;padding-top: 11px;}
.web-shopping-cart .dropdown-menu .total p{padding-top:8px;}
.web-shopping-cart .dropdown-menu .total span{color:#df3733;font-size:14px;font-weight:bold;display: inline;}
.web-shopping-cart .dropdown-menu .total .viewcart{ position:relative}
.web-shopping-cart .dropdown-menu .total .viewcart .btn{ display: block;color:#fff;position: absolute;right: 0px;}
.web-shopping-cart .dropdown-menu .web-tot-more{ height:40px; float:right}
.web-shopping-cart .dropdown-menu .web-tot-more a{ float:right}
.web-shopping-cart .dropdown-menu .loader-black{width:20px;right:10px;height:20px;top:5px;}
.web-shopping-cart .dropdown-menu .loader-black .ball-clip-rotate{width:20px;height:20px}
.web-shopping-cart .dropdown-menu li:hover  .loader-black{ background:#F5F5F5}



/* country */
.ci{background:url(../../image/44/country.png?v240325) no-repeat;height:15px;display:inline-block ;padding-left:24px;line-height:15px;font-size: 12px;}
.ci-pl{background-position:0 0;}
.ci-kr{background-position:0 -15px;}
.ci-jp{background-position:0 -30px;}
.ci-pt{background-position:0 -45px;}
.ci-tw{background-position:0 -60px;}
.ci-es{background-position:0 -75px;}
.ci-ru{background-position:0 -90px;}
.ci-com{background-position:0 -105px;}
.ci-cz{background-position:0 -120px;}
.ci-br{background-position:0 -135px;}
.ci-fr{background-position:0 -150px;}
.ci-it{background-position:0 -165px;}
.ci-uk{background-position:0 -180px;}
.ci-de{background-position:0 -195px;}
.ci-au{background-position:0 -210px;}
.ci-ca{background-position:0 -225px;}
.ci-ro{background-position:0 -240px;}
.ci-gr{background-position:0 -260px;}
.ci-hr{background-position:0 -270px;}


.web-english{cursor: pointer;margin: 0 24px;padding: 18px 0px;}
.web-english .current-lang{line-height: 30px;padding-left: 10px;}
.web-english .dropdown-menu{width: 210px;left: auto;right: -7px;top: 44px;}

.web-english:hover .dropdown-menu,
.s-state:hover  .dropdown-menu{ display: block; }


.web-english span em{display: inline-block;width:22px;height: 15px;overflow: hidden;}
.dro-bars{display: none;padding-right: 40px;}
.dro-bars .dropdown-toggle{background: var(--btn-black);}
.dro-bars .dropdown-menu li.active a{background:  var(--btn-black);}
.dro-bars .dropdown-menu li a:hover{background: #eee;}

.nav-warp .caret {position: relative;top: -2px;}
.nav-warp .s-state {cursor: pointer;padding: 18px 0px;}
.nav-warp .s-state .dropdown-menu{right: 0px;min-width: 55px;left: auto;text-align: center;top: 44px;}
.nav-warp .s-state .dropdown-menu li{padding: 6px;}
.nav-warp .dropdown-menu li:hover{background: #eee;cursor: pointer;}
    
/* checkbox or radio */
.checkbox input[type=checkbox] {cursor: pointer;position: relative;margin-right: 13px;margin-top:0px;}
.checkbox input[type=checkbox]::after {position: absolute;top:-2px;background-color: #fff;color: #fff;width: 20px;height: 20px;display: inline-block;visibility: visible; padding-left: 0px;text-align: center;content: ' ';border-radius: 2px;box-sizing: border-box;border: 2px solid #cacaca;}
.checkbox input[type=checkbox]:checked::after {content: "";  border-color: var(--btn-black); background-color: var(--btn-black);}
.checkbox input[type=checkbox]:checked::before {content: '';position: absolute;top:1px;left:8px;width: 6px;height: 11px;border: solid white;border-width: 0 2px 2px 0;transform: rotate(45deg);z-index: 1;}
.checkbox label{margin-right: 12px;}

.radio input[type=radio] {cursor: pointer;position: relative;margin-right: 13px;margin-top:0px;}
.radio input[type=radio]::after {position: absolute;top:-2px;background-color: #fff;color: #fff;width: 20px;height: 20px;display: inline-block;visibility: visible; padding-left: 0px;text-align: center;    left: -2px;content: ' ';border-radius:50%;box-sizing: border-box;border: 2px solid #cacaca;}
.radio input[type=radio]:checked::after {content: "";  border-color:var(--btn-black) }
.radio input[type=radio]:checked::before {content: '';position: absolute;top: 3px;left: 3px;width: 10px;height: 10px;z-index: 1;background:var(--btn-black);border-radius: 50%;}
.radio label{margin-right: 12px;}

/* search page */
.warp-page{display:none;margin:0px;min-height: 400px; border-radius: 5px; position: relative;width: 1500px; margin: auto;}
.warp-page .container{background:transparent;min-height:400px;border-radius: 5px;position: relative;    margin-top: 31px;margin-bottom: 153px;}
.warp-page .we-found{color:#666;font-size:14px;padding:20px 10px;    padding-top: 0px;}
.warp-page .we-found strong{color:#f60;font-weight: bold}
.warp-page .we-found span{color:#000;font-weight: bold}
.warp-page .record { float: right;}
.warp-page .dropdown-menu-warp {position: initial;box-shadow: 0 0px 0px rgb(255 255 255 / 18%); border: 0px;display:grid;grid-template-columns: repeat(5, 1fr);grid-auto-rows auto;grid-column-gap: 20px;grid-row-gap: 20px;margin: auto;background:transparent;}
.warp-page .dropdown-menu-warp li{padding: 20px;box-shadow:0 1px 3px rgba(34, 25, 25, 0.2);background:#fff;position:relative;text-align:left;overflow: hidden;}
.warp-page .dropdown-menu-warp li img {display: block;max-width: 160px;height: 222px;margin: auto;}
.warp-page .dropdown-menu-warp li .title-one {line-height: 15px;padding-top: 5px;max-height: 50px;overflow: hidden;font-weight: bold;white-space: normal}
.warp-page .dropdown-menu-warp li .title-two{padding-top: 12px;}
.warp-page .dropdown-menu-warp li .title-two em{font-size: 0.8rem;;color: #c4c4c4;text-decoration: line-through;display: block;font-weight: bold;}
.warp-page .dropdown-menu-warp li .title-two .original{     font-size: 1rem;color: #000;color:#f00;font-weight:bold;text-decoration:none;}
.warp-page .dropdown-menu-warp li .title-two .plusprice { text-decoration:none;background: url(../../image/user/plus_pro.png) no-repeat 0px 1px;padding-left: 50px; color: #000;display:none}
.warp-page .dropdown-menu-warp li .check-details{display: none;}
.warp-page .no-results .results-img{text-align: center;padding:80px;}
.warp-page .no-results .results-img img{margin: auto}

.w-page {text-align:center;}
.w-page .pagination{margin: auto;}
.w-page .pagination > li > a,
.w-page .pagination > li > span {padding: 10px 20px;}
.w-page .pagination {margin:auto;display: none;width: 255px;float: none;font-size: 14px;}
.w-page .pagination .page-left,
.w-page .pagination .page-right{cursor: pointer;}





.box-youmay-warp{padding:0px; margin-bottom: 50px; height:490px;overflow: hidden; }
.box-youmay-warp .youmay-title{font-size:1.2rem;padding-bottom:22px;}
/* boxlist */
.box-boxlist{display:grid;grid-template-columns: repeat(6, 1fr);grid-auto-rows auto;grid-column-gap:40px;grid-row-gap: 40px;margin: auto}
.box-boxlist .box-li{box-shadow:3px 5px 9px 3px rgb(34 25 25 / 8%);background:#fff;padding:12px}
.box-boxlist .box-li .box-item{position:relative;text-align:center;overflow: hidden;background: #f6f6f6;}
.box-boxlist .box-li .box-item:before {content:'';background:linear-gradient(45deg,rgba(103,178,111,0.6),rgba(76,162,205,0.6));height:100%;width:100%;opacity:0;filter:blur(10px);transform:scale(1) rotate(180deg);position:absolute;left:0;top:0;z-index:1;transition:all 0.4s ease-in-out;}
.box-boxlist .box-li:hover .box-item:before {box-shadow:0 0 10px 2px #555;opacity:1;filter:blur(0);transform:scale(0.92,0.9) rotate(0);}
.box-boxlist .box-li .box-info{position:relative}
.box-boxlist .box-li .box-info .item-title{padding:5px 0px;font-weight: 600;height: 67px;overflow: hidden;}
.box-boxlist .box-li .box-info .p-sort{padding:4px 0px; color: #969696;}
.box-boxlist .box-li .box-info .original-price{text-decoration: line-through;}
.box-boxlist .box-li .box-info .present-price{font-weight:bold;font-size:1rem}
.box-boxlist .box-li img{width: 100%;transition:all 0.5s ease-in-out;height: 100%;}
.box-boxlist .box-li:hover img {transform:scale(1.9) rotate(45deg);}
.box-boxlist .box-li a{display:block;height: 100%;transition:all 0.5s linear;}
.box-boxlist .box-li  .box-content {color:#fff;text-align:center;width:100%;opacity:0;transform:translateX(-50%) translateY(-50%) scale(3);position:absolute;top:50%;left:50%;z-index:1;transition:all 0.5s ease;}
.box-boxlist .box-li:hover .box-content {opacity:1;transform:translateX(-50%) translateY(-50%) scale(1);}
.box-boxlist .box-li .stock {font-size:1.1rem;text-transform:capitalize;}
.box-boxlist .box-li .title {font-size:1.1rem;letter-spacing:1px;text-transform:uppercase;margin:10px;color:#fff}
.box-boxlist .box-li .box-icon {padding:0;margin:0;list-style:none;filter:blur(10px);transform:scale(0);position:absolute;left: 50%;bottom:29px;z-index:2;transition:all 0.5s ease 0.2s;margin-left:-44px;}
.box-boxlist .box-li:hover .box-icon {transform:scale(1);filter:blur(0);}
.box-boxlist .box-li .box-icon li {display:inline-block;}
.box-boxlist .box-li .box-icon li .glyphicon-heart{left:-1px}
.box-boxlist .box-li .box-icon li .glyphicon{ top: 3px;}
.box-boxlist .box-li .box-icon li a {color:#fff;background:rgba(000,000,000,0.6);font-size:18px;text-align:center;line-height: 35px;height: 35px;width: 35px;margin:0 3px;display:block;position:relative;transition:all 0.3s;border-radius: 34px;}
.box-boxlist .box-li .off{background:#f66a78;border-radius: 40px;color:#fff;height: 40px;left: 12px;position: absolute;top: 12px;width: 40px;text-align:center;line-height: 40px;font-weight: bold;transition:all 0.5s ease-in-out;opacity:0.9;z-index:1}
.box-boxlist .box-li:hover .off{opacity:0}

.modal-header .close {opacity: 0.5;}

.modal-header .modal-title { font-weight: bold;}
.modal-header {padding: 15px; border-bottom: 1px solid #e5e5e5; }
.modal-footer{text-align: center;}
.modal-footer .btn{padding: 9px 27px; margin: 0px 26px;}
.modal-footer .web-but-red{    background: var(--btn-red);}
.modal-footer .btn-primary{background: #eee;color: #000;}

.modal-body {position: relative; padding: 20px;}
.room-big {padding: 30px 45px;}
@media screen and (max-width:1440px){
.modal-body {position: relative; }
.room-big {padding: 20px;}
}

/* cart-modal */
.cart-modal .modal-body .cart-modeal-warp{display: flex;justify-content: center;  align-items: center;}
.cart-modal .modal-body .cart-modeal-warp .datatips{padding:0px;transform: scale(0.8);} 
.cart-modal .modal-body .cart-modeal-warp .c-added{padding-left:15px;}
.cart-modal .modal-body .carttext {font-size: 18px;color: #000;}
.cart-modal .modal-body .button{padding-top:14px}

.cart-modal .modal-body .fa-close{display: inline-block;width: 20px;height: 20px;position: absolute;right: 5px;top: 12px;font-size: 14px;}

.cart-modal .modal-body .btn-keep{background: var(--btn-red);margin-left:20px;}
.cart-modal .prolist .ymtitle{font-weight: bold;font-size: 18px;padding-left:18px;padding-bottom: 18px}
.cart-modal .prolist .product-image{text-align: center;display:block;}
.cart-modal .prolist .product-image img{width: 100%;}
.cart-modal .prolist ul{display: flex;}
.cart-modal .prolist li{width: 165px;text-align: center;margin:0px 15px;min-height: 248px;}
.cart-modal .prolist li .product-name{line-height: 15px;padding-top:12px;margin: 0;text-align: left;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.cart-modal .prolist li .price-box{text-align: left;}
.cart-modal .prolist li .price-box .old-price{ display: block;font-size: 12px;color: #aaa; text-decoration: line-through;}
.cart-modal .prolist li .price-box .special-price{color: #000;font-weight: bold;font-size: 16px}

/* logon-modal */
.logon-modal .sign-in .hello{font-size: 48px;font-weight: 600;}
.logon-modal .sign-in .to-sign{font-size: 18px;font-weight: 600;letter-spacing:1px;margin-bottom: 20px;}
.logon-modal .sign-in .to-sign .home{color: #0AA4EA;}

.logon-modal .sign-in .alert-warning{width:100%;padding: 10px;    text-align: center;font-size: 14px;color: #000;background: #FFE7E7;border: none;}
.logon-modal .sign-in .alert-warning strong{color:#0AA4EA}
.logon-modal .sign-in .alert-warning .coupon-text{width: 12px;    font-weight: bold;border: 0px;background: transparent;text-indent: 44px;outline: none;color: #f00;}
.logon-modal .sign-in .alert-warning .fa-clipboard{color: #FF240E;cursor: pointer;}
.logon-modal .sign-in .alert-warning .coupon-tips{position: relative;left: -8px;  }
.logon-modal .sign-in .alert-warning .coupon-tips .tooltip{white-space:nowrap;display: none;}
.logon-modal .sign-in .alert-warning .coupon-tips:hover .tooltip{display:block;}
.logon-modal .sign-in .alert-warning .coupon-tips .tooltip.top {padding: 4px 0;margin-top: 0;top: -37px;right: -32px;}
.logon-modal .sign-in .alert-warning .coupon-tips .tooltip .tooltip-arrow{right: 36px;left: auto}
.logon-modal .sign-in .to-sign .sign-up { text-decoration: revert; color: #ff240e; cursor: pointer; background: #fff; padding: 4px 12px; border-radius: 41px; font-size: 0.8rem;display: inline-block; margin-left: 4px;}
.logon-modal .sign-in .to-sign .sign-up:hover{ background: #f2f2f2;}
.logon-modal .sign-in .add-address .columns li{position: relative;margin-bottom: 30px;}
.logon-modal .sign-in .add-address .captcha{margin-left: 20px;width: 150px; padding: 0px;height: 43px; border-color: #dbd9d9; cursor: pointer;position: absolute;top: 23px; right: 2px}
.logon-modal .sign-in .add-address{margin-top:20px;position: relative;}
.logon-modal .sign-in .form-control{height: 50px;}
.logon-modal .sign-in .title{padding-bottom: 5px;font-weight: 600;}
.logon-modal .sign-in .hint{padding-top: 5px;color: #aeaeae;}
.logon-modal .sign-in .checkbox-text .tips{top: -21px;}
.logon-modal .sign-in .checkbox-text {padding-top: 1px}
.logon-modal .sign-in .checkbox-text label { display: flex;align-items: center;}
.logon-modal .sign-in .checkbox-text label p a { color: #FF240E;}
.logon-modal .sign-in .hint{padding-top:12px;color: #666;display: none;}
.logon-modal .sign-in .add-address .columns .firstlast{display: grid;grid-template-columns: repeat(2, 1fr);grid-auto-rows auto: ;grid-column-gap: 20px; grid-row-gap: 20px;}
.logon-modal .sign-in .add-address .keep-in{text-align: right;}
.logon-modal .sign-in .add-address .forget{color: #999;}
.logon-modal .sign-in .add-address .forget:hover{color: #000;}
.logon-modal .sign-in .info-but{position: relative;margin-top:30px;text-align: center;}
.logon-modal .sign-in .info-but .tips{top: -30px;}
.logon-modal .sign-in .info-but .tips::after{left: -20px;}

.logon-modal .sign-in .info-but .btn-c{width: 100%;}
.logon-modal .btn-c .btn{width: 100%;height: 60px;font-size: 1.2rem;opacity: 1;}
.logon-modal .btn-c .loader-inner {width: 100%; height: 100%; background: #fff;height: 62px; display:none; position: absolute;  top: -1px;}
.logon-modal .btn-c .loader-inner .btn-preloader{top: 20px;display: block;}
.signup-page .btn-c .loader-inner {width: 100%; height: 100%; background: #fff;height: 62px; display:none; position: absolute;  top: -1px;}
.signup-page .btn-c .loader-inner .btn-preloader{top: 20px;display: block;}
.logon-modal .btn-c .datatips {padding: 0px; position: absolute; width: 100%;background: #fff; top: -12px; height: 71px;display: none;}
.logon-modal .btn-c .datatips .status-icon.sa-success { transform: scale(0.7); margin: auto;}

.logon-modal .third-register{margin-top: 38px;display: none;}
.logon-modal .third-register .third-r h3{display: flex;align-items: center;justify-content: center;}
.logon-modal .third-register .third-r h3 span{padding: 0 15px;color: #999;}
.logon-modal .third-register .third-r i{width:200px;height: 1px;background: #eee;}
.logon-modal .third-register .third-r .t-log{display: flex;justify-content: center;}
.logon-modal .third-register .third-r .t-log .facebook{display: none;}
.logon-modal .third-register .third-r .t-log .google{padding-left: 0;}
.logon-modal .t-log li:not(:first-child){padding-left: 15px;}
.logon-modal .t-log li span {background: url(../../image/44/log-quickly.png) no-repeat;cursor: pointer;display: block;height:39px;overflow: hidden;text-indent: -999px;width:38px; margin:0px}
.logon-modal .t-log .facebook span  {background-position: 0 0;}
.logon-modal .t-log .google span  {background-position:-56px 0;}
.logon-modal .t-log .facebook span:hover{background-position: 0 -44px}
.logon-modal .t-log .google span:hover{background-position:-56px -44px;}
.logon-modal .t-log .twitch span  {background-position: -168px 0;}
.logon-modal .t-log .youtube span  {background-position:-225px 0;}
.logon-modal .t-log .twitch span:hover{background-position: -168px -44px}
.logon-modal .t-log .youtube span:hover{background-position:-225px -44px;}
.logon-modal .sin-logon{display: none;}
.logon-modal .sin-logon .sin-title{font-size: 1.5rem;font-weight: 600;text-align: center;margin-bottom: 20px;}
.logon-modal .sin-logon .add-address .columns-logon li .grey{color: #999;font-size: 12px;}
.logon-modal .sin-logon .add-address .columns-logon{display:grid;grid-template-columns: repeat(2, 1fr);grid-auto-rows auto;grid-column-gap: 20px;grid-row-gap: 20px;}
.logon-modal .info-but .already{padding-top: 10px;}
.logon-modal .sin-logon .info-but .already a{color: #FF240E;}
.logon-modal .sin-logon .info-but .already a:hover{font-weight: 600;}
.logon-modal .sin-logon .info-but.info-logon{margin-top: 30px;}
.logon-modal .sin-logon .checkbox-text label{display: flex;align-items: center;}
.logon-modal .sin-logon .checkbox-text label p a{color: #FF240E;}
.logon-modal .sin-logon .checkbox-text label p a:hover{font-weight: 600;}
.logon-modal .sin-logon .checkbox-text label .subscribe{position: relative;top: 2px;}



/* reg successful modal */
.successfully-modal .success-body .success-warp{display: flex;}
.successfully-modal .modal-dialog { width: 470px;}
.successfully-modal .success-body .success-warp .datatips{padding: 0px;transform: scale(0.8);}
.successfully-modal .success-body .success-warp .welcome-success{padding: 20px 0px 20px 12px;font-size: 0.9rem;color: #6d6d6d;}
.successfully-modal .success-body .close{position: absolute;right: -2px; padding: 23px;top: -11px;}


.successfully-modal .success-body .success-warp .welcome-success .title{font-size: 1rem;padding-bottom: 11px;text-transform: uppercase;color: #557a40;}
.successfully-modal .success-body  .btn-link {text-align: center;padding-bottom: 29px;}
.successfully-modal .success-body  .btn-link a{display: inline-block;padding: 4px 8px; margin: 0px 16px;}
.successfully-modal .success-body  .btn-link .fa-chevron-left{padding-right: 6px}
.successfully-modal .success-body .btn-link .fa-chevron-right{padding-left: 6px}



/* tips-modal */
.tips-modal-content {position:absolute;top:30px;right:-7px;z-index:111;display:none;width:280px;box-sizing:border-box;flex-direction:column;background-color:#fff;border:1px solid #ddd;border-radius:5px;padding:20px 6px;box-shadow:0 4px 14px rgb(0 0 0 / 10%);}
.tips-modal-content .modeal-cont {font-weight:bold;font-size:16px;position:relative;padding-left: 53px;height:50px;}
.tips-modal-content .modeal-cont .fa {font-size:22px;color:#df5e0a;width:40px;height:40px;background-size:38px;cursor:auto;position:absolute;top: 3px;left: 10px;display:block}
.tips-modal-content .modeal-cont .casedl-close {    z-index: 2;position:absolute;right:-6px;font-size:19px;border:0;border-radius:220px;width:36px;display:block;height:40px;top:-23px;cursor:pointer;opacity:0.6;text-align:center;padding-top:8px;}
.tips-modal-content .modeal-cont .casedl-close:hover {opacity:1}
.tips-modal-content .modeal-btn {text-align:center;}
.tips-modal-content .modeal-btn .btn-default {margin-right:9px;font-size:12px;height:33px;border:0;border-radius:0px;background:#eaeaea;color:#000;position: relative;top: 1px;}
.tips-modal-content .modeal-btn .btn-primary {border:0px;}
.tips-modal-content .modeal-btn .btn-confirm{background: var(--btn-red);}
.tips-modal-content .datatips {padding: 0px; padding-bottom: 0px;display: none; left: 0px;border-radius: 5px;position: absolute; width: 100%;  background: #fff; top: 0px;z-index: 1; height: 100%;}
.tips-modal-content .datatips .status-icon.sa-success {transform: scale(0.8);}

/* modeal-btntips */
.modeal-btntips .tab-content{text-align: center;font-weight: bold;font-weight: 20px;font-size: 17px;margin-top: 23px;}
.modeal-btntips .modal-footer{border:0px;padding-bottom: 30px;}



.no-data{background: url(../../image/44/no-data.png) no-repeat center center;height:129px; width:100%;background-size:contain; float:left;margin: 30px 0;}

@media screen and (max-width:1440px){
.logon-modal .sign-in .hello{display: none;}
.logon-modal .sign-in .form-control { height: 40px;}
.logon-modal .sign-in .add-address .columns li { margin-bottom: 10px;} 
.box-boxlist{grid-template-columns: repeat(5, 1fr);}
}


@media screen and (max-width:1167px){
.box-boxlist{grid-template-columns: repeat(4, 1fr);}
.box-boxlist .box-li:nth-child(5){display:none;}
}

@media screen and (max-width:800px){
.box-boxlist{grid-template-columns: repeat(2, 1fr);grid-auto-rows auto;grid-column-gap:10px;grid-row-gap: 10px;}
.box-boxlist .box-li:nth-child(3){display:none;}
.box-boxlist .box-li:nth-child(4){display:none;}
}






/* data tips */
.datatips{padding: 20px 0px; padding-bottom: 0px;}
.datatips .prompt{color: #afafaf}
.datatips .error-system{padding-top: 6px;}
.substance {color: #f27474;font-size: 18px;text-align:center;text-transform:none;position:relative;margin:25px 0;padding:0;line-height: 24px;display:block;}
.status-icon {width:80px;height:80px;border:4px solid gray;-webkit-border-radius:40px;border-radius:50%;margin:20px auto;padding:0;position:relative;box-sizing:content-box;}
.status-icon.sa-error {border-color:#F27474;}
.status-icon.sa-error .sa-x-mark {position:relative;display:block;}
.status-icon.sa-error .sa-line {position:absolute;height:5px;width:47px;background-color:#F27474;display:block;top:37px;border-radius:2px;}
.status-icon.sa-error .sa-line.sa-left {-webkit-transform:rotate(45deg);transform:rotate(45deg);left:17px;}
.status-icon.sa-error .sa-line.sa-right {-webkit-transform:rotate(-45deg);transform:rotate(-45deg);right:16px;}
.status-icon.sa-error.animate-error-icon {-webkit-animation:animate-error-icon 0.5s;animation:animate-error-icon 0.5s;}
.status-icon.sa-warning {border-color:#F8BB86;}
.status-icon.sa-warning .sa-body {position:absolute;width:5px;height:47px;left:50%;top:10px;-webkit-border-radius:2px;border-radius:2px;margin-left:-2px;background-color:#F8BB86;}
.status-icon.sa-warning .sa-dot {position:absolute;width:7px;height:7px;-webkit-border-radius:50%;border-radius:50%;margin-left:-3px;left:50%;bottom:10px;background-color:#F8BB86;}
.status-icon.sa-warning.pulsewarning {-webkit-animation:pulsewarning 0.75s infinite alternate;animation:pulsewarning 0.75s infinite alternate;}
.status-icon.sa-warning .pulsewarningIns {-webkit-animation:pulsewarningIns 0.75s infinite alternate;animation:pulsewarningIns 0.75s infinite alternate;}
.status-icon.sa-info {border-color:#C9DAE1;}
.status-icon.sa-info::before {content:"";position:absolute;width:5px;height:29px;left:50%;bottom:17px;border-radius:2px;margin-left:-2px;background-color:#C9DAE1;}
.status-icon.sa-info::after {content:"";position:absolute;width:7px;height:7px;border-radius:50%;margin-left:-3px;top:19px;background-color:#C9DAE1;left:50%;}
.status-icon.sa-success {border-color:#A5DC86;}
.status-icon.sa-success::before,.status-icon.sa-success::after {content:'';-webkit-border-radius:40px;border-radius:50%;position:absolute;width:60px;height:120px;background:white;-webkit-transform:rotate(45deg);transform:rotate(45deg);}
.status-icon.sa-success::before {-webkit-border-radius:120px 0 0 120px;border-radius:120px 0 0 120px;top:-7px;left:-33px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin:60px 60px;transform-origin:60px 60px;}
.status-icon.sa-success::after {-webkit-border-radius:0 120px 120px 0;border-radius:0 120px 120px 0;top:-11px;left:30px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin:0px 60px;transform-origin:0px 60px;}
.status-icon.sa-success.animate::after {-webkit-animation:rotatePlaceholder 4.25s ease-in;animation:rotatePlaceholder 4.25s ease-in;}
.status-icon.sa-success .sa-placeholder {width:80px;height:80px;border:4px solid rgba(165,220,134,0.6);-webkit-border-radius:40px;border-radius:50%;box-sizing:content-box;position:absolute;left:-4px;top:-4px;z-index:2;}
.status-icon.sa-success .sa-line {height:5px;background-color:#A5DC86;display:block;border-radius:2px;position:absolute;z-index:2;}
.status-icon.sa-success .sa-line.sa-tip {width:25px;left:14px;top:46px;-webkit-transform:rotate(45deg);transform:rotate(45deg);}
.status-icon.sa-success .sa-line.sa-long {width:47px;right:8px;top:38px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);}
.status-icon.sa-success .sa-line.animate-succes-stip {-webkit-animation:animate-succes-stip 0.75s;animation:animate-succes-stip 0.75s;}
.status-icon.sa-success .sa-line.animate-success-long {-webkit-animation:animate-success-long 0.75s;animation:animate-success-long 0.75s;}
@-webkit-keyframes rotatePlaceholder {0% {transform:rotate(-45deg);-webkit-transform:rotate(-45deg);}
5% {transform:rotate(-45deg);-webkit-transform:rotate(-45deg);}
12% {transform:rotate(-405deg);-webkit-transform:rotate(-405deg);}
100% {transform:rotate(-405deg);-webkit-transform:rotate(-405deg);}
}
@keyframes rotatePlaceholder {0% {transform:rotate(-45deg);-webkit-transform:rotate(-45deg);}
5% {transform:rotate(-45deg);-webkit-transform:rotate(-45deg);}
12% {transform:rotate(-405deg);-webkit-transform:rotate(-405deg);}
100% {transform:rotate(-405deg);-webkit-transform:rotate(-405deg);}
}
.status-icon.sa-success .sa-fix {width:5px;height:90px;background-color:white;position:absolute;left:28px;top:8px;z-index:1;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);}
@-webkit-keyframes animate-succes-stip {0% {width:0;left:1px;top:19px;}
54% {width:0;left:1px;top:19px;}
70% {width:50px;left:-8px;top:37px;}
84% {width:17px;left:21px;top:48px;}
100% {width:25px;left:14px;top:45px;}
}
@keyframes animate-succes-stip {0% {width:0;left:1px;top:19px;}
54% {width:0;left:1px;top:19px;}
70% {width:50px;left:-8px;top:37px;}
84% {width:17px;left:21px;top:48px;}
100% {width:25px;left:14px;top:45px;}
}
@-webkit-keyframes animate-success-long {0% {width:0;right:46px;top:54px;}
65% {width:0;right:46px;top:54px;}
84% {width:55px;right:0px;top:35px;}
100% {width:47px;right:8px;top:38px;}
}
@keyframes animate-success-long {0% {width:0;right:46px;top:54px;}
65% {width:0;right:46px;top:54px;}
84% {width:55px;right:0px;top:35px;}
100% {width:47px;right:8px;top:38px;}
}
@-webkit-keyframes animate-error-icon {0% {transform:rotateX(100deg);-webkit-transform:rotateX(100deg);opacity:0;}
100% {transform:rotateX(0deg);-webkit-transform:rotateX(0deg);opacity:1;}
}
@keyframes animate-error-icon {0% {transform:rotateX(100deg);-webkit-transform:rotateX(100deg);opacity:0;}
100% {transform:rotateX(0deg);-webkit-transform:rotateX(0deg);opacity:1;}
}
@-webkit-keyframes pulsewarning {0% {border-color:#F8D486;}
100% {border-color:#F8BB86;}
}
@keyframes pulsewarning {0% {border-color:#F8D486;}
100% {border-color:#F8BB86;}
}
@-webkit-keyframes pulsewarningIns {0% {background-color:#F8D486;}
100% {background-color:#F8BB86;}
}
@keyframes pulsewarningIns {0% {background-color:#F8D486;}
100% {background-color:#F8BB86;}
}
.status-icon.sa-error .sa-line.sa-left {-ms-transform:rotate(45deg) \9;}
.status-icon.sa-error .sa-line.sa-right {-ms-transform:rotate(-45deg) \9;}
.status-icon.sa-success {border-color:transparent \9;}
.status-icon.sa-success .sa-line.sa-tip {-ms-transform:rotate(45deg) \9;}
.status-icon.sa-success .sa-line.sa-long {-ms-transform:rotate(-45deg) \9;}







.modal-tips-success {opacity:0.8;position:relative;z-index: 9999;display: none;}
.modal-tips-success .modal-tips {padding: 18px;font-size: 15px;display:flex;position: fixed;top: 50%;background: #fff;    min-width: 176px;justify-content: center;border-radius: 4px; left: 50%;box-shadow:0 1px 3px rgba(34, 25, 25, 0.4);margin-top:-35px;margin-left:-105px;z-index: 9999;color:#17cf72}
.modal-tips-success .modal-tips .fa {margin-right: 9px;display: flex;justify-content: center; align-items: center;     font-size: 19px;}
.modal-tips-success .modal-tips .mod-cont { white-space: nowrap;}




.modal-tips-fail {opacity:0.8;position:relative;z-index: 9999;display:none;}
.modal-tips-fail .modal-tips {padding: 18px;font-size: 15px;display:flex;position: fixed;top: 50%;background: #fff;    min-width: 176px;justify-content: center;border-radius: 4px; left: 50%;box-shadow:0 1px 3px rgba(34, 25, 25, 0.4);margin-top:-35px;margin-left:-105px;z-index: 9999;color:#F44336}
.modal-tips-fail .modal-tips .fa {margin-right: 9px;display: flex;justify-content: center; align-items: center;     font-size: 19px;}
.modal-tips-fail .modal-tips .mod-cont { white-space: nowrap;}



/*footer*/
footer{background: #E9E9E9;position: relative;}
footer .wer-fot{display: flex;justify-content: center;position: relative;padding: 40px;}
footer .wer-fot .wer-ul:not(:first-child){margin-left: 70px;}
footer .wer-fot .wer-ul p{font-size: 1.5rem;font-weight: 600;padding-bottom: 30px;text-transform: uppercase;}
.wer-fot .list-unstyled a{font-size: 1rem;line-height: 40px;color: #777;}
.wer-fot .list-unstyled a:hover{color: #000;}
.wer-fot .subscribe{width: 210px;height: 200px;background: #fff;position: absolute;left: 30px;top: -100px;box-shadow: -9px 12px 15px rgb(34 25 25 / 6%);border-bottom-left-radius: 50px;padding: 20px;}
.wer-fot .subscribe .subs-proving{font-size:18px;font-weight: 600;}
.wer-fot .subscribe .best-off{font-size: 14px;padding-top: 15px;}
.wer-fot .subscribe .best-go{background: var(--btn-black);color: #fff;margin-top: 20px;display: block;height:25px;width: 100px;text-align: center;line-height: 25px;font-weight: 600;opacity: .8;}
.wer-fot .subscribe .best-go:hover{opacity: 1;}
.wer-fot .subscribe .subs-img{position: absolute;top: -12px;right: -23px;width: 22%;}
footer .addr-ess{text-align: center;background: #D9D9D9;padding: 20px;}
footer .addr-ess p{line-height: 25px;font-size: 14px;}
footer .pay-icon{padding: 20px 0;}
footer .pay-icon ul{display: flex;justify-content: center;}
footer .pay-icon li{background:url(../../image/44/pay-logo.png) no-repeat;height:20px;width: 56px;}
footer .pay-icon li:not(:first-child){margin-left: 15px;}
footer .pay-icon .icon-1{background-position:0 0;width: 65px;}
footer .pay-icon .icon-2{background-position: -75px 0px;width: 50px;}
footer .pay-icon .icon-3{background-position:-134px 0;}
footer .pay-icon .icon-4{background-position:-200px 0;}
footer .pay-icon .icon-5{background-position:-265px 0;}
footer .pay-icon .icon-6{background-position:-330px 0;}
footer .pay-icon .icon-7{background-position:-399px 0;}
footer .pay-icon .icon-8{background-position:-463px 0;}
footer .pay-icon .icon-9{background-position:-529px 0;}
footer .pay-icon .icon-10{background-position:-593px 0;}
footer .pay-icon .icon-11{background-position:-658px 0;}
footer .pay-icon .icon-12{background-position:-728px 0;}
footer .pay-icon .icon-13{background-position:-803px 0;width: 48px;}
footer .pay-icon .icon-14{background-position:-861px 0;}
footer .pay-icon .icon-15{background-position:-927px 0;}
footer .pay-icon .icon-16{background-position:-990px 0;}
footer .pay-icon .icon-17{background-position:-1057px 0;}
footer .pay-icon .icon-18{background-position:-1126px 0;}

/*rig-nav*/
.rig-nav{position: fixed;right: 33px; bottom: 111px; z-index: 999;}
.rig-nav>ul>li{background: var(--btn-black);width: 60px;height: 60px;margin-top: 20px;border-radius: 50px;text-align: center;position: relative;}
.rig-nav>ul>li>a{display: block;color: #fff;font-size: 35px;height: 60px;line-height: 60px;}
.rig-nav>ul>li .amount{position: absolute;background: #f00;height: 20px;width: 20px;border-radius: 50px;line-height: 20px;top: 0px;right: 0;font-size: 12px;}
.rig-nav .rig-user img {width: 60px; height: 60px;border-radius: 60px;position: relative;top: -5px;}
.rig-nav .gotop{background: #BFBFBF;transition:all 0.3s;}
.rig-nav .gotop:hover{background: var(--btn-black);}
.rig-nav .gotop img{position: absolute;left: 50%;top: 50%;-webkit-transform: translate(-50%,-50%);}

.web-main .software{padding-bottom: 130px;}







/* ipad */
@media screen and (max-width:1440px){
.rig-nav {right: 6px; bottom: 39px; transform: scale(0.6);}
#webchat{transform: scale(0.8);margin-right: -21px}
.logo{padding: 6px;}
.logo img{width: 150px}
}


/* all flex  */
.c-flex{display:flex;margin:auto;margin-bottom: 100px;}	
@media (min-width: 1527px){
   .c-flex{width:1500px}
}


/* ipad */
@media screen and (min-width:1024px){
    .nav-igation .nav-pills>li{margin-right:10px;}
}

@media screen and (max-width:1480px){
    .nav-igation .nav-pills{display: none;}
    .dro-bars{display: block;}
    footer .wer-fot{width: auto;}
    .warp-page{width: auto;padding: 0px 21px;}
    .container {width: 100%;}
   
  
}

/* ipad */
@media screen and (max-width:1169px){
    .navbar-default .logo{padding: 0;width: 15%;margin-right: 15px;}
    .navbar-default .logo img{width: 100%;}
    .dro-bars{padding-right: 15px;}
    .nav-igation .example{margin-right: 15px;}
    footer .wer-fot .wer-ul{width: 30%;}
    .wer-fot .subscribe{display: none;}
   
}

/* PC */
@media screen and (min-width:1920px){
    .nav-igation .nav-pills>li{margin-right: 100px;}

}




@media (min-width: 320px){
    html{font-size:12px;}
}
@media (min-width: 700px){
    html{font-size:14px;}
}
@media (min-width: 900px){
    html{font-size:14px;}
}
@media (min-width: 1920px){
    html{font-size:16px;}
}
@media (min-width: 2048px){
    html{font-size:18px;}
}