*,body,ul, ul li{
    padding: 0;
    margin: 0;
    font-family: "Roboto-Light";
}
body{overflow-x: hidden;width: 100%;}
.row::after,.row::before{display: none;}
.footer .newsletter input::-webkit-input-placeholder { /* WebKit browsers */
color: #bbbbbb;
}
.footer .newsletter input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
color: #bbbbbb;
}
.footer .newsletter input::-moz-placeholder { /* Mozilla Firefox 19+ */
color: #bbbbbb;
}
.footer .newsletter input:-ms-input-placeholder { /* Internet Explorer 10+ */
color: #bbbbbb;
}
a,a:link,a:visited,a:hover,a:active{  text-decoration:none; }
input,textarea,select,button{outline:none;  -webkit-border-radius: 0;  -moz-border-radius: 0; border-radius: 0;}
select::-ms-expand { display: none; }
h1,h2,h3,h4,h5,h6{  font-weight: 400;  }
select{display:block;}
option{display:block;}
.visible-xs{display:none;}
ul li{list-style:none;}
a{color:#333; transition: all 0.5s ease 0s ;}
.form-control:focus,
.has-success .form-control:focus,
.has-warning .form-control:focus,
.has-error .form-control:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
}
iframe{margin: 0;padding: 0;display: block;}
.btn-group.open .dropdown-toggle{box-shadow:none;}
.headeryd .headright button{background:none;}
.logo img{max-width: 100%;}
.headBox{
    position:relative;
    width: 100%;
    height:89px;
    background: url(../images/nav.png) repeat top center;
    background-size: cover;
    z-index: 999;
    background-color: #fff;
    -webkit-transition: all .5s ease 0s;
    -moz-transition: all .5s ease 0s;
    -ms-transition: all .5s ease 0s;
    -o-transition: all .5s ease 0s;
    transition: all .5s ease 0s;
   
}
.headBox nav ul{height: 89px;width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;}
.headBox nav ul li a{font-size: 24px;color: #fff;}
#menu {
	display: inline-block;
    width: auto;
    border: none;
    min-height: 44px;
    margin-bottom: 0;
    width: 100%;
}
.toptop{padding: 2% 5%;}
.toptop .inner{display: flex;justify-content: space-between;align-items: center;}
.toptop .logo{
    overflow: hidden;
    position: relative;
    z-index: 9999;

}
.toptop .logo img{max-width: 100%;}
.toptop .cart .input-group{margin: 0 10px;}
.toptop .cart #login a{font-size: 24px;color: #a2ca6a;display: block;padding: 10px 20px;background-color: #eff2f1;border-radius: 10px;}
.toptop .cart #login a:hover{background-color: #e1f7f0;}
.toptop .cart .com-btn a{box-shadow: 5px 5px 5px #e2e2e2 !important;}
.searchform-fly-overlay, .menu-full-screen {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    opacity: 0;
    visibility: hidden;
    background-color: #d4251f;
    text-align: center;
    transition: all ease-in-out .25s;
    z-index: 10000999;
}
.searchform-fly-overlay .btn-close-search {
    font-size: 40px;
    display: block;
    position: absolute;
    top: 5%;
    right: 5%;
    line-height: 40px;
    height: 40px;
    transition: all .3s;
    color: #fff;
}
.searchform-fly-overlay .searchform-fly {
    display: inline-block;
    max-width: 100%;
    vertical-align: middle;
    text-align: center;
    font-size: 18px;
    position: absolute;
    top: 30%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.searchform-fly-overlay p {
    text-transform: uppercase;
    color: #fff;
    font-weight: 700;
    font-size: 32px;
    margin-bottom: 70px;
}
.search-form {
    position: relative;
}
.searchform-fly-overlay .search-field {
    width: 800px;
    background-color: transparent;
    box-shadow: 0 3px 0 0 rgba(255,255,255, 1);
    border: 0 !important;
    text-align: center;
    font-size: 24px;
    padding: 20px;
    
    transition: all .3s ease-out;
    font-weight: 300;
    max-width: 95%;
    height: auto;
}
 #search input {
    border: none;
    height: 40px;
    border-radius: 30px;
    padding-left: 6px;
    border-right-width: none;
    background-color: #fff;

}
.search-form .search-button {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    display: block;
    right: 35px;
    border: none;
    color: #ffff;
    background: none;
    padding: 0;
	
}
.search-form .search-button i{background:none;color: #13548c;}
.open-search-form.searchform-fly-overlay, .open-menu-fullscreen.menu-full-screen {
    visibility: visible;
    opacity: 1;
}
 .headBox .header-account {
  display: flex;
  justify-content: flex-end;
  align-items: center;
 

}
.header-account{display: flex;align-items: center;}

.headBox .header-account .input-group a{display: flex;align-items: center;justify-content: center;cursor:pointer;}
#form-language a{padding: 10px 0px;}
.headBox .header-account .input-group{display:flex;justify-content:space-between;align-items:center;padding:0px 5px;position: relative;}
.header-account i{font-style:normal;color: #fff;font-size: 16px;}
.header-account .number{
    position: absolute;
    right: -5px;
    top: -7px;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: #ff0050;
    color: #fff;
    font-size: 10px;
    text-align: center;
}
.headBox .header-account > div {
  margin-left:5px;
  white-space: nowrap;
}
.headBox .header-account > div > img,
.headBox .header-account > div a > img {
  margin-right: 2px;
  
}
.headBox .header-account > div > span,
.headBox .header-account > div a > span {
  font-size: 16px;
  color:#fff;
  font-family: 'Poppins-SemiBold';
  margin: 0 5px;
  
}
.links .input-group{display: flex;box-shadow: 5px 5px 5px #efefef;border-radius: 10px;margin-left: 20px;}
.links .form-control{border: none;box-shadow: none;}
.headBox .nav{position:relative;overflow:hidden;width:100%;}
.lang{display: flex;margin-left: 10px;}
.lang a:nth-child(1)::after{content: '';display: inline-block;width: 1px;height: 8px;background-color: #000;margin: 0 6px;}
.headBox .nav-ul{
    display:flex;
	justify-content:space-between;
    z-index:9998;
	align-items:center;

}
.navbar{width:100%;padding:0;margin-bottom:0px;}
.navbar-nav{width:100%;display: flex;justify-content:space-between;align-items: center;}
.headBox .nav-ul .subnav li a{
    display:inline-block;
    text-align:center;
    color:#333;
    transition:background .1s linear 0s;
    -webkit-transition:background .1s linear 0s;
    -moz-transition:background .1s linear 0s;
    -o-transition:background .1s linear 0s;
	font-size:21px;
}
.headBox .nav-ul .subnav li a i{margin-left:5px;}
.headBox .nav-ul .subnav li a img{
    height: 35px;
    margin: -2px 0 0 10px;
}
.headBox .nav-ul .subnav li a:hover{
    color: #4a4fa1;
	background:none;
}

.headBox .nav-ul .subnav li .this{
    color: #f36e22;
}
.navbar-nav::before{display: none;}

.fixednav{
    position: fixed;
    top: 0;
    background-color: #fff;
}

.menu-bg{
    overflow: hidden;
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 10000;
    background: rgba(0,0,0,.4);
    display: none;
	top:0;
}
.menu-box{
    box-sizing:border-box;
	padding:20px 0px;
    position: fixed;
    top: 0px;
    width: 100%;
    height: 100%;
    background: #fff;
    transition: all ease 0.5s;
    -webkit-transition: all ease 0.5s;
    z-index: 100000000001;
    opacity: 1;
    visibility: visible;
    margin-top: 0;
    overflow-y: auto;
    transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;
    top: 0;
    transform: translateX(100%);
	color:#fff;
    right: 0;
}
.menu-box .shop{display:flex;justify-content:space-between;margin-bottom:30px;align-items:center;}
.menu-box .shop p{display:flex;align-items:center;margin-bottom:0px;}
.menu-box .shop p img{margin-right:5px;}
.menu-box.open {
    transform: translateX(0);
    overflow-x: hidden;
}
.open .logo img{display:block;margin:0px auto;max-width: 100%;}
.open .close{display:block;opacity: 1;}
.phoneshow{display: flex;justify-content: flex-end;align-items: center;padding: 0 15px;}
.language-bg{
    overflow: hidden;
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 10000;
    background: rgba(0,0,0,.4);
    display: none;
}
.language-box{
    overflow: hidden;
    position: fixed;
    width: 100%;
    z-index: 10001;
    display: none;
}
.nav>li>a{font-size:16px;color: #fff; }
.nav>li>a:hover{background:none;color:#d4251f;}
.nav li .cart{border: 1px solid #fff;}
.nav li .cart #cart{border-right: 1px solid #fff;}
.btn-group .dropdown-menu, #top .list-inline li .dropdown-menu, #account-box .dropdown-menu {
    min-width: 100px;
    border-radius: 0 !important;
    padding: 0;
    top: 120%;
    border: none;
    left: 50%;
    color: #333;
    text-align: left;
    margin-left: -55px;
    box-shadow: 0 16px 48px 1px rgba(0, 0, 0, 0.3);
	text-align:center;padding:10px 0px;
}
.btn-group .dropdown-menu:before,.list-inline li .dropdown-menu:before, #account-box .dropdown-menu:before {
    content: '';
    position: absolute;
    top: -6px;
    left: 50%;
    margin-left: -0.4375em;
    width: 0;
    height: 0;
    border-bottom: 7px solid #fff;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
}
.head-v3 .row::after,.head-v3 .row::before{display: none;}
.footer::before{
    content: '';
    display: none;
    width: 100%;
    height: 10px;
    background: linear-gradient(90deg ,#a0a4b0, #aeb3a4, #bcc297, #ccd289, #dde579);
    overflow: hidden;
    position: relative;
    color: #fff;


    
}
.footer .container{padding-top: 2%;}
.footer .col-md-6:nth-child(1){border-right: 1px solid #fff;}
.footer .map{display: flex;justify-content: space-between;align-items: center;}
.footer .map img{width: 100%;}
.footer .map .left{width: 46%;padding-right: 2%;}
.footer .map .right{width: 48%;}
.footer .map .right dl dd{color: #fff;font-size: 16px;vertical-align: middle;margin-top: 20px;margin-bottom: 20px;display: flex;align-items: center;}
.footer .map .right dl dd i{margin-right: 10px;}
.footer form{margin-left: 2%;}
.footer form .form-control{border: none;box-shadow: none;border-radius: 12px;}
.footer form button{height: 44px;border-radius: 12px;border: none;font-size: 18px;margin-top: 6%;display: flex;align-items: center;justify-content: center;}
.footer label{color: #fff;font-size: 16px;}
.footer{width: 100%;height: 100%;padding: 20px 0; background:url(../images/footbg.png) repeat top center;background-size: cover;}
.footer h3{font-size: 25px;color: #fff;}
.copy{width: 100%;height: auto;padding: 10px 0px;}
.copy .row{display: flex;justify-content: center;align-items: center;}
.copy .row::after,.copy .row::before{display: none}
.copy {font-size: 16px;margin: 0;color: #fff;text-align: center;}
.copy  a{color: #fff;}
.navigation-up .links{display: flex;justify-content: flex-end;align-items: center;}
.navigation-up .links .sj a{margin-left: 8px;}
.input-group-addon:last-child{background:none;border: none;padding-right: 20px;}
.headBoxFixed {
	background:#fff;

    top: 0px;
    width: 100%;   
}
.headBoxFixed .free{display: none;}
.menu-box.open {
    transform: translateX(0);
}
.navcon{display: none;}
.modal-content{box-shadow: none;border: none;}
.modal-header{border: none;}
.tab2{display: none;}
.cart-right-wrapper ul li{padding: 0px;}
.button-a{margin-bottom: 5px;}
.opbg{background-color: #ff0050;display: block;color: #333;}
.footer .row{display: flex;justify-content: space-between;flex-wrap: wrap;}
.footer .row::before,.footer .row::after{display: none;}
.footer .items li{font-size: 20px;color: #333333;margin-bottom: 15px;}
.footer .items li a:hover{color: #ef476f;}
.footer .items h3{font-size: 24px;color: #ff6000;}
.footer  .newsletter{display: flex;font-size: 24px;margin: 30px 0px;}
.footer  .newsletter input{border: 1px solid #ff6000;padding: 10px;font-size: 24px;color: #bbbbbb;}
.footer  .newsletter button{padding: 10px 20px;text-align: center;background-color: #ff6000;border: none;color: #fff;}
.footer .logo img{max-width: 100%;}
.headBoxFixed{z-index: 11;}
.head-v3{position:absolute;z-index:100;width: 100%;height: auto; padding: 0px 0 10px 0px;top: 0;background: url(../images/topbg.png) repeat top center;background-size: cover;}
.head-v3 .top{width: 100%;display: flex;justify-content: flex-end;align-items: center;margin: 20px 15px 0 0;}
.head-v3 .top .links{display: flex;align-items: center;justify-content: flex-end;}
.head-v3 .row{display: flex;justify-content: space-between;align-items: center;}
.head-v3 .navigation-inner{position:relative;}
.navigation-up .navigation-v3{margin: 0 auto;width: 100%;}
.navigation-up .navigation-v3 .nav{margin: 0 auto;display: flex;justify-content: flex-end;align-items: center;}
.navigation-up .navigation-v3 li {position: relative;padding: 0 10px;padding-left: 30px;}
.navigation-up .navigation-v3 li a{color: #333333;font-size: 20px;height: 55px;}
.navigation-up .navigation-v3 li a:hover{color: #3b2787;}
.navigation-up .navigation-v3 li a i{margin-left: 8px;}
.navigation-up .navigation-v3 .nav-up-selected{background:#fff;color: #a2ca6a;}
.navigation-up .navigation-v3 .nav-up-selected-inpage{background:#fff;color: #a2ca6a;}
.navigation-up .navigation-v3 .nav-up-selected-inpage a{color: #a2ca6a;}
.navigation-up .navigation-v3 .nav-up-selected a{color: #a2ca6a;}
.navigation-up .navigation-v3 li a{padding:0 5px;color:#333;display:inline-block;font-size: 18px;display: flex;align-items: center;}
.navigation-v3 .nav li dl {
    display: none;
    position: absolute;
    min-width: 100%;
    left: 0%;
    padding-top: 20px;
    float: left;
    background-color: #fff;
    margin-top: 0;
    border-radius: 0 0 20px 20px;
    overflow: hidden;
    
}


.navigation-v3 .nav li dl dd a {
    width: auto;
    font-size: 14px;
    color: #333;
    height: 35px;
    line-height: 35px;
    background-color: #fff;
    border-bottom: 1px dashed #333;
    text-align: center;
    display: block;
    text-align: left;
    box-sizing: border-box;
    margin: 2px 35px;
    display: flex;
    white-space: nowrap;
    padding: 0


    
}
/* .nav>li>a:focus, .nav>li>a:hover{background-color: #fff} */
.navigation-v3 .nav li dl dd a::before{content: '';display: none;width: 2px;height: 15px;background-color: #fff;margin-right: 10px;display: none;}
.navigation-v3 .nav li dl dd:nth-last-child(1) a{border: none;}
.navigation-v3 .nav li dl dd a:hover{
    text-align: left;
    color: #3b2787;
   
}
.navigation-v3 .nav li dl dd a:hover::before{
    background-color: #3b2787;
    display: none;
}
.xffixed{
    position: fixed;
    right: 0px;
    top:50%;
    z-index: 111111;
    margin-top: -8%;
}
.xffixed img{max-width: 100%;}
.navigation-down{display: none;}
.head-v3.sticky {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    z-index: 999;
    animation: sticky 1.2s;
    box-shadow: 0 5px 5px 0 rgb(0 0 0 / 4%);
    background-color: #fff;
}
@-webkit-keyframes sticky{0%{top:-200px}100%{top:0}}
@keyframes sticky{0%{top:-200px}100%{top:0}}
.rightfixed{position: fixed;bottom: 30px;right: 10px;z-index: 999;}
.rightfixed ul li{float: right;clear: both;}
.rightfixed ul li a{margin-bottom: 5px;display: flex;justify-content: center;align-items: center;color: #fff; width: 52px;height: 52px;border-radius: 50%;background-color: #0ad02c;box-shadow:0px 0px 2px #ccc;box-sizing: border-box;padding:0px 10px;}
.rightfixed ul li:nth-child(3) a{background-color: #dd3c31;}
.rightfixed ul li a em{display: none;font-style: normal;margin-right: 10px;}
.rightfixed ul li:nth-child(3) a:hover{width: 52px;height: 52px;}
.rightfixed ul li a:hover{width: 120px;border-radius: 30px;}
.rightfixed ul li a:hover em{display: block;}
.rightfixed ul li a img{max-width: 100%;}

.head-v3.sticky .top{display: none;}
.head-v3.sticky .logo{display: none;}

.head-v3.sticky .navigation-up{width: 100%}
.head-v3.sticky .navigation-up .navigation-v3 .nav{justify-content: space-between;}