@import https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300|Open+Sans|Fjalla+One;
/* @import url('https://fonts.googleapis.com/css?family=Open+Sans:600'); */

@font-face { font-family: 'Impact'; src: url(fonts/Impact.eot?#iefix) format("embedded-opentype"), url(fonts/Impact.woff) format("woff"), url(fonts/Impact.ttf) format("truetype"), url(fonts/Impact.svg#Impact) format("svg"); font-weight: 400; font-style: normal;font-display: swap; }

@font-face { font-family: 'dk_crayon_crumbleregular'; src: url(fonts/dk_crayon_crumble-webfont.woff2) format("woff2"), url(fonts/dk_crayon_crumble-webfont.woff) format("woff"); font-weight: 400; font-style: normal;font-display: swap; }

@font-face { font-family: "OpenSansSemibold"; src: url(fonts/OpenSans-Semibold.eot?) format("eot"), url(fonts/OpenSans-Semibold.woff) format("woff"), url(fonts/OpenSans-Semibold.ttf) format("truetype"), url(fonts/OpenSans-Semibold.svg#OpenSans-Semibold) format("svg"); font-weight: 400; font-style: normal;font-display: swap; }

@font-face { font-family: "OpenSansExtraBold"; src: url(fonts/OpenSansExtraBold.eot)format(eot); src: url(fonts/OpenSansExtraBold.eot) format("embedded-opentype"), url(fonts/OpenSansExtraBold.woff2) format("woff2"), url(fonts/OpenSansExtraBold.woff) format("woff"), url(fonts/OpenSansExtraBold.ttf) format("truetype"), url(fonts/OpenSansExtraBold.svg#OpenSansExtraBold) format("svg");font-display: swap; }

@font-face { font-family: 'OpenSans-Bold'; src: url(fonts/OpenSans-Bold.eot); src: url(fonts/OpenSans-Bold.woff) format("woff"), url(fonts/OpenSans-Bold.ttf) format("truetype"), url(fonts/OpenSans-Bold.svg#OpenSans-Bold) format("svg"), url(fonts/OpenSans-Bold.eot?#iefix) format("embedded-opentype"); font-weight: 400; font-style: normal;font-display: swap; }

@font-face { font-family: 'OpenSansRegular_0'; src: url('fonts/OpenSansRegular_0.eot'); src: url('fonts/OpenSansRegular_0.eot') format('embedded-opentype'),  url('fonts/OpenSansRegular_0.woff2') format('woff2'),  url('fonts/OpenSansRegular_0.woff') format('woff'),  url('fonts/OpenSansRegular_0.ttf') format('truetype'),  url('fonts/OpenSansRegular_0.svg#OpenSansRegular_0') format('svg');font-display: swap; }

@font-face { font-family: 'OpenSansSemibold_0'; src: url('fonts/OpenSansSemibold_0.eot'); src: url('fonts/OpenSansSemibold_0.eot') format('embedded-opentype'),  url('fonts/OpenSansSemibold_0.woff2') format('woff2'),  url('fonts/OpenSansSemibold_0.woff') format('woff'),  url('fonts/OpenSansSemibold_0.ttf') format('truetype'),  url('fonts/OpenSansSemibold_0.svg#OpenSansSemibold_0') format('svg');font-display: swap; }

a,abbr,acronym,address,applet,b,big,blockquote,body,caption,center,cite,code,dd,del,dfn,div,dl,dt,em,fieldset,font,form,h1,h2,h3,h4,h5,h6,html,i,iframe,img,ins,kbd,label,legend,object,p,pre,q,s,samp,small,span,strike,strong,sub,sup,table,tbody,td,tfoot,th,thead,tr,tt,u,var
{-webkit-text-size-adjust: none;}
body{-webkit-text-size-adjust: none;}
.wrapper-header{
	min-width: 1200px !important;
    max-width: 1400px !important;
    margin: 0px auto !important;
    padding: 0 30px !important;
    position: relative !important;
}
.header {
    padding-top:6px;
}
.header:after{
	content:"";
	display:block;
	clear:both;
}
.new-serach {
	float:left;
}
.new-serach input{
	width:475px;
	height:43px;
	border:#dcdcdc 1px solid;
	background: url(../images/search-icon-glass.png) left 10px center no-repeat;
	padding:0px 0px 0px 70px;
	font-family: "OpenSansSemibold_0";
	font-size:15px;
	text-indent:30px;
	color:#4b4b4b;
}

.new-search-button{
	float: right;
    background: #740a34;
    text-transform: uppercase;
    min-height: 45px;
    box-sizing: border-box;
    position: relative;
    overflow: hidden;
    text-decoration: none;
    color: #fff;
    position: relative;
    border: 1px solid #740a34;
    overflow: visible;
    margin-left: 0px;
    font-family: 'OpenSans-Bold', sans-serif, Arial, Helvetica;
    font-size: 14px;
	width:51px;
	display: flex;
    align-items: center;
    justify-content: center;
	line-height:42px;
}
.new-search-button:hover, li.dropdown:hover{
	background:#480126 !important;
}
li.dropdown:hover a.all-sunglasses{color:#ffffff !important;}
.new-search-button:after{
	content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    background-color: rgba(255,255,255,0.4);
}
.new-search-button:hover:after{
    width: 120%;
    background-color: rgba(255,255,255,0);
    -webkit-transition: all .6s ease-out;
    -moz-transition: all .6s ease-out;
    -ms-transition: all .6s ease-out;
    -o-transition: all .6s ease-out;
    transition: all .6s ease-out;
}
.logo-area{float:left;}
.contact-number {
    float: left;
    margin: 0px 51px 0px 52px;
    font-weight: bold;
    font-size: 25px;
    font-family: Arial, sans-serif;
    color: #000000;
    letter-spacing: 0.4px;
}
.contact-number span {
    font-size: 14px;
    display: block;
    text-align: center;
    font-family: "OpenSansSemibold_0";
    letter-spacing: normal;
    line-height: 14px;
    position: relative;
}
.contact-number span.active_online{
    padding-left:20px;
}
.contact-number span.active_online::before {
    content: "";
    position: absolute;
    width: 12px;
    height: 12px;
    background:#35ca00;
    border: 1px solid #fff;
    border-radius: 50%;
    -webkit-box-shadow: 0px 0px 5px 2px #71ff3e;
    -moz-box-shadow: 0px 0px 5px 2px #71ff3e;
    box-shadow: 0px 0px 5px 2px #71ff3e;
    left:11px;
    top: 0px;
    -webkit-animation: rippleOnline 1s linear infinite;
    animation: rippleOnline 1s linear infinite;
}
.contact-number span.inactive_online::before {display: none;}
@-webkit-keyframes rippleOnline {
    0% {
        -webkit-box-shadow: 0px 0px 0px #71ff3e;
        -moz-box-shadow: 0px 0px 0px #71ff3e;
        box-shadow: 0px 0px 0px #71ff3e;
    }
  
    70% {
        -webkit-box-shadow: 0px 0px 5px 2px #71ff3e;
    -moz-box-shadow: 0px 0px 5px 2px #71ff3e;
    box-shadow: 0px 0px 5px 2px #71ff3e;
    }
  
    100% {
        -webkit-box-shadow: 0px 0px 0px #71ff3e;
        -moz-box-shadow: 0px 0px 0px #71ff3e;
        box-shadow: 0px 0px 0px #71ff3e;
    }
  }
  
  @keyframes rippleOnline {
    0% {
        -webkit-box-shadow: 0px 0px 0px #71ff3e;
        -moz-box-shadow: 0px 0px 0px #71ff3e;
        box-shadow: 0px 0px 0px #71ff3e;
    }
  
    70% {
        -webkit-box-shadow: 0px 0px 5px 2px #71ff3e;
    -moz-box-shadow: 0px 0px 5px 2px #71ff3e;
    box-shadow: 0px 0px 5px 2px #71ff3e;
    }
  
    100% {
        -webkit-box-shadow: 0px 0px 0px #71ff3e;
        -moz-box-shadow: 0px 0px 0px #71ff3e;
        box-shadow: 0px 0px 0px #71ff3e;
    }
  }
.contact-number a{color:#000000}
.header-menu-container:before {
    content: "";
    border-top: 1px solid #f1f1f1;
    position: absolute;
    width: 100%;
    top: -5px;
}
.header-menu-container:after {
    content: "";
    border-bottom: 1px solid #f1f1f1;
    position: absolute;
    width: 100%;
    bottom: -5px;
    z-index: 99;
    background: #fff;
    height: 4px;
}
.header-menu-container{
    width: 100%;
	background: #f2f2f2; /* Old browsers */
	background: -moz-linear-gradient(left,  #f2f2f2 0%, #fafafa 47%, #f2f2f2 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  #f2f2f2 0%,#fafafa 47%,#f2f2f2 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  #f2f2f2 0%,#fafafa 47%,#f2f2f2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#f2f2f2',GradientType=1 ); /* IE6-9 */
    margin: 10px 0 5px 0;
    position: relative;
	height:45px;
}
.header-menu-wrapper{
	min-width: 1200px;
    max-width: 1400px;
    margin: 0px auto;
    position: relative;	
	padding:0 30px;
}
.header-menu-bg{
	display:block;
	padding:0;
	margin:0;
	list-style:none;
}
.header-menu-bg ul{
	display:inline-table;
	width:100%;
	position:relative;
}
.header-menu-bg li {
    float:none;
    list-style: none;
	display:table-cell;
    box-sizing: border-box;
    text-align: center;
    line-height: 18px;
    text-transform: uppercase;
    height: 45px;
	padding: 4px 0px;
}
.header-menu-bg li.dropdown {
    margin:0px !important;
    text-align: left;
    border: 0;
    cursor: pointer;
	background:#e40046;
	color:#ffffff;
	min-width: 245px;
    justify-content: flex-start;
}
.header-menu-bg li:first-child:after{
	content:"";
	display:none;
}
.header-menu-bg li:last-child a:after{
	content:"";
	display:none;
}
.header-menu-bg li.dropdown a{
	margin-left:30px;
}
.header-menu-bg li.dropdown a{
	color:#ffffff;
}
.header-menu-bg li.dropdown a{
	/* font-weight:bold; */
	font-family: "OpenSansExtraBold";
	font-size:18px;
}
.header-menu-bg li  a {
    list-style: none;
    padding: 0;
    color: #232323;
    font-size: 15px;
    text-decoration: none;
    text-transform: uppercase;
	font-family: 'OpenSans-Bold';
    letter-spacing: 0;
    line-height: 16px;
	width:100%;
	position:relative;
}
.header-menu-bg li a:after {
    border-right: 1px solid #d6d6d6;
    content: "";
    display: block;
    height: 30px;
    right: 0;
    position: absolute;
    top: 0;
}
.header-area-wrapper{position:relative;background:#ffffff; z-index:101;}
.header-menu-bg li:last-child:after{display:none;}
.header-menu-wrapper:after, .products-models-tabs:after{
    content: "";
    clear: both;
    display: block;
}
.dropdown-nav-links ul{
	margin: 0;
    padding: 0 0 0 0;
    list-style: none;
    display: block;
}
.dropdown-nav-links ul li{
    display: inline-block;
    padding: 0 6px;
    margin-right:25px;
    width: 23.18%;
    border: 0;
    text-align: left;
	height:auto;
}
.dropdown-nav-links ul li:last-child{
	padding: 0 !important;
}
.header-menu-bg li.dropdown a.all-sunglasses:after {
    content: "";
    position: absolute;
    border-right: 7px solid transparent;
    border-left: 7px solid transparent;
    border-top: 7px solid #ffffff;
    top: 5px;
    margin-left: 13px;
    right: 27px;
}
.header-menu-bg li:hover a{
	color:#e40046;
}
.account-login-warpper{
	float: right;
    /* margin-top:10px; */
}
.account-login-warpper ul{
	display:block;
	/* width:140px; */
}
.account-login-warpper ul li{
	float:left;
	text-decoration:none;
	list-style:none;
	position:relative;
}
.account-login-warpper ul li:first-child{
	float:left;
	/* margin-top:1px; */
}
.account-login-warpper ul li:nth-child(2){
	/* margin:0px 26px 0px 30px; */
}
.account-login-warpper ul li:last-child{
	/* margin-top:-2px; */
}
span.hd-car-display{
	position:absolute;
    border-radius: 50%;
    width:25px;
    height:25px;
	background:#ffbf45;
	display: flex;
    align-items: center;
    justify-content: center;
	top:-10px;
	right:-10px;
}
.main-wrapper-header{
	min-width: 1200px;
	max-width: 1400px;
    margin: 0 auto;
    padding: 0 30px;
}
.main-wrapper-header:after {
    clear: both;
    content: "";
    display: block;
}
.headertotsec{float:right; margin:32px 9px 0px 0px;}
.fpanel-login.fpanel {
    width: 230px;
}
.fpanel {
    top: 26px;
    position: absolute;
    right: 0;
    z-index: 9999;
	width:450px;
	right:-24px
}
.fpanel .myaccnt-inner {

	background: #FFF;

	width: 100%;

	z-index: 1;

	float: left;

	border: 1px solid #d4d4d4;

	-webkit-border-radius: 5px;

	-moz-border-radius: 5px;

	border-radius: 5px;

	box-sizing: border-box;

	margin-top: 30px;

	position: relative;

	-webkit-box-shadow: 0 3px 8px 1px rgba(0,0,0,0.23);

	-moz-box-shadow: 0 3px 8px 1px rgba(0,0,0,0.23);

	box-shadow: 0 3px 8px 1px rgba(0,0,0,0.23);
	padding: 10px;

}
.myaccnt-inner:after {

	content: "";

	position: absolute;

	top: -8px;
    right: 27px;
    width: 14px;
    height: 8px;

	background: url(../images/drp_menu_arw.png) no-repeat;

}

.topsectionmenu ul li {

	position: relative;

}

.fpanel ul li {

	display: inline-block;

	border-bottom: 1px solid #d4d4d4;

	padding: 8px 0!important;

	width: 91%;

	margin-left: 11px;

	border-right: 0;

}

.fpanel ul li:last-child {

	border: none

}

.fpanel ul li a {

	font-size: 14px;

	text-decoration: none;

	color: #000;

	display: inline-block;

	width: 96%;

	padding: 4px

}

.fpanel ul li a:hover {

	color: #FFF;

	background: #f67c29;

	-webkit-border-radius: 2px;

	-moz-border-radius: 2px;

	border-radius: 2px

}
.fpanel-login ul li{

	margin:0px 0 0 0 !important;

	width:100%;

	padding:5px 0px !important;

}

.fpanel-login ul li:nth-of-type(6) a {

    margin-left:0px;

}
.myaccnt-inner ul{
	display:block !important;
	width: 100% !important;
}
.mycartm { width: 335px; top: 31px; position: absolute; right: -15px; z-index: 9999; cursor: default }

.myflip { line-height: 20px; cursor: pointer; }

li.paddlft.myflip { padding-right: 0 !important; min-height: 34px; box-sizing: border-box; }

.myflip div img { margin-left: 0px }

.myflip div a img { margin-left: 4px }

.mycartm .cart-inner { width: 100%; box-sizing: border-box; position: relative; border: 1px solid #d4d4d4; padding: 10px; background: #fff; border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px 5px 5px 5px; float: right; margin-top: 22px; -webkit-box-shadow: 0 3px 8px 1px rgba(0,0,0,0.23); -moz-box-shadow: 0 3px 8px 1px rgba(0,0,0,0.23); box-shadow: 0 3px 8px 1px rgba(0,0,0,0.23); margin-left:15px;}

.mycartm .cart-inner:after { content: ""; position: absolute; top: -7px; right: 20px; width: 14px; height: 8px; background: url(../images/drp_menu_arw.png) no-repeat }
#cart-total{color:#000000;}
#mycart .cart-inner #cart { background: #f7f7f7; padding: 1px 8px; margin-bottom: 10px }
#mycart .myflip span { font-size: 13px; color: #333; line-height: 13px }
.mini-cart-info table td a { color: #000; text-decoration: none; line-height: normal; font-size: 13px;  display: inline-block;}
.mini-cart-info table tr td { vertical-align:top; text-align: left; }
.mini-cart-total table td.right:nth-of-type(even) { color: #de3741; font-weight: 700; text-align: right }

.checkout a { font-size: 13px; text-decoration: none; color: #de3741 }

.mini-cart-total { border-top: 1px solid #CECECE; font-family: 'OpenSans-Bold'; }

.mini-cart-total table { width: 100%; margin-top: 5px }
.menu-overlay{
	position: fixed;
    background: rgba(0, 0, 0, .65);
    left: 0;
    right: 0;
    top:0px;
    bottom: 0;
    z-index: 100;
   	opacity: 1;
    animation: fade .1s ease-in;
	width:100%;
	height:100%;
	display:block !important;
}

@keyframes fade {
  0%,50% { opacity: .5}
  100% { opacity: 1}
}

@media only screen and (max-width:1499px){
.header-menu-bg li:after {
    z-index: 99;
    top: 7px;
}
.header-menu-bg ul {
    display: inline-table;
    width: 100%;
}
.header-menu-bg li.dropdown{
	width: 245px;
	display: table-cell;
    vertical-align: middle;
}
.new-serach input{width:352px;}
.header-menu-bg li a{display:block;}
.header-menu-bg li a:after{top:3px;}
.header-menu-bg li.dropdown a:after{right:57px !important;}
.dropdown-nav-links ul li{width: 22.7%;}
}
@media only screen and (min-width:1500px){
.header-menu-bg li {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    cursor: pointer;
	padding: 0 !important;
    min-width: 192.5px;
	float:left;
}
.header-menu-bg li.lowstar:last-child{
	/*min-width: auto;*/
    float: right;
    border-right: 0px;
    background: url(../images/efs-bg.png) center center no-repeat;
    background-size: 100%;

}
.header-menu-bg li:last-child {
      padding-right: 0px !important;
}
}
.specifications-title{
	margin-bottom: -3px!important;
    font-family: 'Open Sans', sans-serif!important;
    font-size: 18px!important;
    font-weight: 700!important;
}
.login-username {
    padding: 10px 12px 10px 12px;  
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    background: #efefef;
    margin: 0px;
    box-sizing: border-box;
    -webkit-border-radius: 3px 3px 3px 3px;
    -moz-border-radius: 3px 3px 3px 3px;
    border-radius: 3px 3px 3px 3px;
}

.login-username span {
    font-weight: normal;
}
.dropdown-nav-links{
	background: #ffffff;
	padding:23px 0px 0px 39px !important;
	-moz-box-shadow: 0 8px 16px -9px rgba(0,0,0,.66);
	box-shadow: 0 8px 16px -9px rgb(0 0 0 / 30%);
	cursor:default;
	box-sizing: border-box;
}
.dropdown-nav-links ul{
	margin: 0;
    padding: 0 0 0 0;
    list-style: none;
    display: block;
}
.dropdown-nav-links ul li{
    display: inline-block;
    padding: 0 6px;
    margin-right:25px;
    width: 23.18%;
    border: 0;
    text-align: left;
	height:auto;
}
.dropdown-nav-links ul li:last-child{
	padding: 0 !important;
}
.cpanel {
    width: 100%;
    min-width: 1200px;
    max-width: 1400px;
    top: 45px !important;
    padding-top: 9px;
    position: absolute;
    left: 0;
    padding: 0 0px;
    z-index: 9999;
    box-sizing: border-box;
}

.dropdown-nav-links ul li a:hover{
	color:#e40046  !important;
}
.dropdown-nav-links:after{
	content:"";
	display:block;
	clear:both;
}
.nav-left-side-wrapper{
	width:300px;
	display:table-cell;
	padding-right:30px;
	box-sizing:border-box;
    position: relative;
	/* border-right:1px solid #ececec; */
}
.nav-left-side-wrapper:after {
    content: "";
    position: absolute;
    border-right: 1px solid #ececec;
    width: 1px;
    top: 0;
    bottom: 25px;
    right: 0;
}
.nav-right-side-wrapper{
	display:table-cell;
	width:calc(100% - 323px);
	padding-left:23px;
	position:relative;
}
.nav-left-side-wrapper section span.droop-dn-title{
	/* font-family: 'Open Sans', sans-serif!important; */
    font-family: "OpenSansExtraBold",sans-serif !important;;
    font-size: 16px!important;
    /* font-weight:800!important; */
	color:#000 !important;
	margin-bottom:7px;
	display:block;
	text-transform: uppercase;
}
.nav-left-side-wrapper section a{
	/* font-family: 'Open Sans', sans-serif!important; */
    font-family: "OpenSansSemibold_0",sans-serif !important;
    font-size: 15px!important;
    /* font-weight: 600!important; */
    color: #000 !important;
    display: block;
    padding: 16px 0px 15px 0px !important;
    border-bottom: 1px solid #ececec;
    margin: 0 !important;
    text-transform: capitalize !important;
    line-height: 14px; 
    box-sizing: border-box;
}
.nav-left-side-wrapper section a:last-child{
	border-bottom:none;
}
.nav-left-side-wrapper section a:hover{
	color:#e40046 !important;
}
.nav-left-side-wrapper section:nth-child(2){
	margin-top:17px !important;
}
.nav-left-side-wrapper section:nth-child(2) a:last-child{
	border-bottom:none !important;
}
.nav-left-side-wrapper section a:after{
	content:"";
	display:none;
}
.dropdown-nav-links{
	display:inline-table;
	width:100%;
	min-width: 1200px;
    max-width: 1400px;
}
.nav-right-side-wrapper div.droop-dn-title span{
	font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    font-weight:800;
	color:#000 ;
	position:relative;
	padding-right:13px;
	background:#fff;
	text-transform: uppercase;
}
.nav-right-side-wrapper div.droop-dn-title:before{
	content:"";
	width:100%;
	height:1px;
	background:#ececec;
	display: block;
    top: 8px;
    position: absolute;
    z-index: 0;
}
.droop-dn-title{
    margin-bottom:17px;
    margin-right: 39px;
    position: relative;
}
.nav-collections-area{
	width:20%;
	float:left; 
	margin:0px 0px 25px 0px;
}
.nav-collections-area .sg-items-wrapper{
	width:100%;
    height: 110px;
	border-right:1px solid #ececec;
	cursor:pointer;
	box-sizing:border-box;
}
.nav-collections-area .sg-items-wrapper a::after {
    display: none;
}
.nav-collections-area:nth-child(5n+6) .sg-items-wrapper{
	border-right:none;
}
.nav-collections-area .sg-items-wrapper:hover .sg-products aside span{
	color:#e40046 ;
	
}
.nav-collections-area .sg-items-wrapper .sg-products aside:before{
	content: "";
    background: #000;
    visibility:hidden;
    position: absolute;
    bottom: -4px;
    left: 50%; 
    height: 1px;
    transition: all 0.3s ease-in-out;
    right: 50%; 
}
.nav-collections-area .sg-items-wrapper:hover .sg-products aside:before{  
    visibility:visible;
    left: 20%;
    right: 20%; 
}
/*.nav-collections-area:last-child .sg-items-wrapper{
	border:none;
}*/
/* .nav-collections-area:last-child .sg-items-wrapper .sg-products{
	width:auto;
} */
.sg-products{
	width:125px;
	margin:0 auto;
	display:block;
	text-align:center;
    font-family: 'Open Sans', sans-serif;
    font-weight: normal;
}
.sg-products .sg-products-img {
    margin: 0px 0 2px 0;
    min-height: 63px;
    display: inline-flex;
    align-items: center;
}
.sg-products aside{color:#000; font-size:14px; text-align:center; text-transform:capitalize;line-height:18px; position:relative;}
.sg-products aside span{
	font-family: 'Open Sans', sans-serif;
    font-weight: 700;
}
.nav-collections-area .sg-items-wrapper a {
    line-height: normal;
    margin-left: 0 !important;
}
.header__bottom-links {
    float: left;
    /* margin-top: 6px;  */
}

.header__chat {
    text-align: center;
    cursor: pointer;
}

.header__chat-text {
    text-align: center;
    font-family: "OpenSansSemibold_0", sans-serif;
    vertical-align: middle;
    cursor: pointer;
    display: block;
    font-size: 14px;
}

.header__chat:hover {
    color: #e40046;
}

.header__chat:hover:before {
    background-position: 0 -29px;
}

.header__chat:before {
    content: "";
    position: relative;
    width: 30px;
    height: 27px;
    background: url(../images/web_chat_icon.png?ver=1) no-repeat;
    background-position: 0 0;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    margin-left: 4px;
}

.header__cart {
    margin-left: 25px;
    text-align: center;
}

.header__cart-count {
    font-family: "OpenSansSemibold_0", sans-serif;
    vertical-align: middle;
    cursor: pointer;
    display: block;
    font-size: 14px;
}

.header__cart:before {
    content: "";
    position: relative;
    width: 30px;
    height: 27px;
    background: url(../images/web_cart_icon.png?ver=1) no-repeat;
    background-position: 0 0;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    margin-left: -4px;
}

.header__cart:hover:before {
    background-position: 0 -30px;
}

.header__cart:hover .header__cart-count {
    color: #e40046;
}

.header__myaccount:hover .hi-name {
    color: #e40046;
}

.header__myaccount:hover .hi-name:before {
    border-top-color: #e40046;
}

.header__myaccount:hover:before {
    background-position: 0 -30px;
}

.header__myaccount:before {
    content: "";
    position: relative;
    width: 24px;
    height: 27px;
    background: url(../images/web_user_icon.png?ver=1) no-repeat;
    background-position: 0 0;
    display: inline-block;
    vertical-align: middle;
}
.hi-name {
    display: block;
    vertical-align: middle;
    position: relative;
    padding-right: 17px;
}

.hi-name:before {
    content: "";
    position: absolute;
    right: 0;
    top: 7px;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    border-top: 5px solid #181818;
}

.hi-name span {
    margin-right: 9px;
}

.hi-name b {
    font-family: "OpenSansSemibold_0", sans-serif;
    font-weight: normal;
}
.header__myaccount {
    cursor: pointer;
    text-align: center;
    margin-left: 25px;
}
.header-cart-value{
    position: absolute;
    top: -11px;
    right: -8px;
    background: #d7d7d7;
    min-width: 24px;
    min-height: 24px;
    text-align: center;
    font-size: 13px;
    padding: 5px 3px 0 3px;
    box-sizing: border-box;
    line-height: 14px;
    border-radius: 200px 200px 200px 200px;
    -moz-border-radius: 200px 200px 200px 200px;
    -webkit-border-radius: 200px 200px 200px 200px;
}
.cart-active .header-cart-value {
    background: #f49c3a;
}
.header-menu-bg li.lowstar:last-child {
    background: url(../images/efs-bg.png) center center no-repeat;
    background-size: 100%!important;
}
.header-menu-bg li.lowstar:last-child a {
    color: #128e3c;
}
.coupon_disclaimer{
    background: #333333;
    text-align: center;
    font-weight: 500;
    font-size: 17px;
    color: #fff;
    position: relative;
    z-index: 250;
    padding: 9px 0px 10px 0px;
}
.coupon_disclaimer .text-yellow{
    display: inline-block;
    color: #f7a044;
    font-weight: 700;
}
.coupon_disclaimer .coupon-code{
    display: inline-block;
    color: #f7a044;
    font-weight: 700;
    border: 1px dashed #f7a044;
    padding: 1px 19px 2px 16px;
    border-radius: 4px;
    margin-left: 3px;
    font-size: 20px;
    cursor: pointer;
    position: relative;
    box-sizing: border-box;
}
#coupon-code-copy{
    border: 1px solid #fff;
    padding: 2px 12px;
    padding-bottom: 4px;
    border-radius: 6px;
    position: absolute;
    right: -85px;
    bottom: 0px;
    font-size: 14px;
    font-weight: 400;
}
#coupon-code-copy::before{
    content: "";
    position: absolute;
    left: -14px;
    top:6px;
    border-right: 7px solid #ffffff;
    border-left: 7px solid #ffffff00;
    border-top: 7px solid #ffffff00;
    border-bottom: 7px solid #ffffff00;
}
/* winback banner */
.winback-main-container{
    position: fixed;
    left: 0;
    bottom:-4px;
    cursor: pointer;
    transform: translateY(100%);
    transition: all 1s ease;
    z-index: 1000;
    width :100%;
}
.winback-main-container.show{
transform: translateY(0%);
}

.winback-success{
    text-align: center;
    font-size: 12px;
    display: block;
    line-height: 25px;
    color: green;
}
.winback-icon{
    position: fixed;
    left: 10px;
    bottom: 9px;
    font-weight: bold;
    font-size: 20px;
    color: #267bb6;
    animation: bounce 3s ease-in-out infinite;
    border: 0;
    background: transparent;
    display: block;   
    cursor: pointer;
    z-index: 1000;
}

.winback-icon img {width: 65px; height: 65px;}

#winback-container { width: 736px; height: 522px; margin: 10% auto; border: 0px solid grey;  background: url(../images/winback-bg.png) no-repeat center center;}
#winback-container  .popup_container { padding: 0 15px 15px 15px; position: relative;}
#winback-container  .popup-close {    position: absolute;    right: 4px;    top: 45px;    cursor: pointer;    width: 24px;    height: 24px;}
#winback-container .home-winback-wrap {    display: flex;    align-items: center;    justify-content: space-between;    padding-left: 35px;}
#winback-container .winback-left {    width: 53%;    margin-bottom: 0px;    margin-top: 16%;}
#winback-container .popup-title {    font-size: 40px;        color: #DE1E2C;    font-weight: 600;    border-bottom: 0;    text-align: center;
    line-height: 35px;    margin-top:  39px;     text-transform: uppercase;}
#winback-container .popup-sub-title { font-size: 14px;  margin-top: 13px;  margin-bottom: 20px; text-align: center;font-weight: 500; color: #333333;}
#winback-container .popup-sub-title span { font-size: 20px; display: block;}
#winback-container .popup-title span { display: block;   font-size: 30px;  }
#winback-container .winback-button-area {    margin-bottom: 0px;}
#winback-container .checkout-btn-group {    display: flex;    gap: 10px;    padding-top: 10px;}
#winback-container .checkout-btn-group button {    width: 160px;    margin-left: auto;    margin: 0 auto;       font-size: 16px;    background: #101010;    border-radius: 8px;    margin-top: 5px;    text-transform: unset; height: 36px;}
#winback-container .popup-body .cmd-btn {    text-decoration: inherit;    color: #fff;}
#winback-container .btn-md {    padding: 4.5px 25px;    font-size: 15px;}
#winback-container .cmd-btn {    font-weight: 500;       border-radius: 3px 3px 3px 3px;    -moz-border-radius: 3px 3px 3px 3px;    -webkit-border-radius: 3px 3px 3px 3px;    display: inline-block;    vertical-align: middle;
    border: 0;    cursor: pointer;    text-transform: uppercase;    font-family: Poppins, sans-serif;    position: relative;}
#winback-container .coupon-sec { width: 250px;  margin: 0 auto; }  
#winback-container .coupon-sec span { font-size: 14px;     line-height: 25px; display: block;}
#winback-container .coupon-sec .winback {width: 250px; height: 53px; background: url(../images/coupon-code-bg.png) no-repeat center center; border: 0px !important; font-size: 34px; text-transform: uppercase; color: #fff; text-align: center;font-weight: bold;line-height: 53px;}
/* winback banner end */