@font-face {
    font-family: 'Nunito';
    src: url('../fonts/Nunito-BoldItalic.eot');
    src: url('../fonts/Nunito-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Nunito-BoldItalic.woff2') format('woff2'),
        url('../fonts/Nunito-BoldItalic.woff') format('woff'),
        url('../fonts/Nunito-BoldItalic.ttf') format('truetype'),
        url('../fonts/Nunito-BoldItalic.svg#Nunito-BoldItalic') format('svg');
    font-weight: bold; font-style: italic; font-display: swap;
}
@font-face {
    font-family: 'Nunito';
    src: url('../fonts/Nunito-ExtraBold.eot');
    src: url('../fonts/Nunito-ExtraBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Nunito-ExtraBold.woff2') format('woff2'),
        url('../fonts/Nunito-ExtraBold.woff') format('woff'),
        url('../fonts/Nunito-ExtraBold.ttf') format('truetype'),
        url('../fonts/Nunito-ExtraBold.svg#Nunito-ExtraBold') format('svg');
    font-weight: bold; font-style: normal; font-display: swap;
}
@font-face {
    font-family: 'Nunito';
    src: url('../fonts/Nunito-BlackItalic.eot');
    src: url('../fonts/Nunito-BlackItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Nunito-BlackItalic.woff2') format('woff2'),
        url('../fonts/Nunito-BlackItalic.woff') format('woff'),
        url('../fonts/Nunito-BlackItalic.ttf') format('truetype'),
        url('../fonts/Nunito-BlackItalic.svg#Nunito-BlackItalic') format('svg');
	font-weight: 900; font-style: italic; font-display: swap;
}
@font-face {
    font-family: 'Nunito';
    src: url('../fonts/Nunito-ExtraBoldItalic.eot');
    src: url('../fonts/Nunito-ExtraBoldItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Nunito-ExtraBoldItalic.woff2') format('woff2'),
        url('../fonts/Nunito-ExtraBoldItalic.woff') format('woff'),
        url('../fonts/Nunito-ExtraBoldItalic.ttf') format('truetype'),
        url('../fonts/Nunito-ExtraBoldItalic.svg#Nunito-ExtraBoldItalic') format('svg');
    font-weight: bold; font-style: italic; font-display: swap;
}
@font-face {
    font-family: 'Nunito';
    src: url('../fonts/Nunito-Black.eot');
    src: url('../fonts/Nunito-Black.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Nunito-Black.woff2') format('woff2'),
        url('../fonts/Nunito-Black.woff') format('woff'),
        url('../fonts/Nunito-Black.ttf') format('truetype'),
        url('../fonts/Nunito-Black.svg#Nunito-Black') format('svg');
    font-weight: 900; font-style: normal; font-display: swap;
}
@font-face {
    font-family: 'Nunito';
    src: url('../fonts/Nunito-Bold.eot');
    src: url('../fonts/Nunito-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Nunito-Bold.woff2') format('woff2'),
        url('../fonts/Nunito-Bold.woff') format('woff'),
        url('../fonts/Nunito-Bold.ttf') format('truetype'),
        url('../fonts/Nunito-Bold.svg#Nunito-Bold') format('svg');
    font-weight: bold; font-style: normal; font-display: swap;
}

@font-face {
    font-family: 'Nunito';
    src: url('../fonts/Nunito-LightItalic.eot');
    src: url('../fonts/Nunito-LightItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Nunito-LightItalic.woff2') format('woff2'),
        url('../fonts/Nunito-LightItalic.woff') format('woff'),
        url('../fonts/Nunito-LightItalic.ttf') format('truetype'),
        url('../fonts/Nunito-LightItalic.svg#Nunito-LightItalic') format('svg');
    font-weight: 300; font-style: italic; font-display: swap;
}
@font-face {
    font-family: 'Nunito';
    src: url('../fonts/Nunito-ExtraLight.eot');
    src: url('../fonts/Nunito-ExtraLight.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Nunito-ExtraLight.woff2') format('woff2'),
        url('../fonts/Nunito-ExtraLight.woff') format('woff'),
        url('../fonts/Nunito-ExtraLight.ttf') format('truetype'),
        url('../fonts/Nunito-ExtraLight.svg#Nunito-ExtraLight') format('svg');
    font-weight: 200; font-style: normal; font-display: swap;
}
@font-face {
    font-family: 'Nunito';
    src: url('../fonts/Nunito-SemiBold.eot');
    src: url('../fonts/Nunito-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Nunito-SemiBold.woff2') format('woff2'),
        url('../fonts/Nunito-SemiBold.woff') format('woff'),
        url('../fonts/Nunito-SemiBold.ttf') format('truetype'),
        url('../fonts/Nunito-SemiBold.svg#Nunito-SemiBold') format('svg');
    font-weight: 600; font-style: normal; font-display: swap;
}
@font-face {
    font-family: 'Nunito';
    src: url('../fonts/Nunito-Light.eot');
    src: url('../fonts/Nunito-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Nunito-Light.woff2') format('woff2'),
        url('../fonts/Nunito-Light.woff') format('woff'),
        url('../fonts/Nunito-Light.ttf') format('truetype'),
        url('../fonts/Nunito-Light.svg#Nunito-Light') format('svg');
    font-weight: 300; font-style: normal; font-display: swap;
}
@font-face {
    font-family: 'Nunito';
    src: url('../fonts/Nunito-Italic.eot');
    src: url('../fonts/Nunito-Italic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Nunito-Italic.woff2') format('woff2'),
        url('../fonts/Nunito-Italic.woff') format('woff'),
        url('../fonts/Nunito-Italic.ttf') format('truetype'),
        url('../fonts/Nunito-Italic.svg#Nunito-Italic') format('svg');
    font-weight: normal; font-style: italic; font-display: swap;
}
@font-face {
    font-family: 'Nunito';
    src: url('../fonts/Nunito-ExtraLightItalic.eot');
    src: url('../fonts/Nunito-ExtraLightItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Nunito-ExtraLightItalic.woff2') format('woff2'),
        url('../fonts/Nunito-ExtraLightItalic.woff') format('woff'),
        url('../fonts/Nunito-ExtraLightItalic.ttf') format('truetype'),
        url('../fonts/Nunito-ExtraLightItalic.svg#Nunito-ExtraLightItalic') format('svg');
    font-weight: 200; font-style: italic; font-display: swap;
}
@font-face {
    font-family: 'Nunito';
    src: url('../fonts/Nunito-SemiBoldItalic.eot');
    src: url('../fonts/Nunito-SemiBoldItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Nunito-SemiBoldItalic.woff2') format('woff2'),
        url('../fonts/Nunito-SemiBoldItalic.woff') format('woff'),
        url('../fonts/Nunito-SemiBoldItalic.ttf') format('truetype'),
        url('../fonts/Nunito-SemiBoldItalic.svg#Nunito-SemiBoldItalic') format('svg');
    font-weight: 600; font-style: italic; font-display: swap;
}
@font-face {
    font-family: 'Nunito';
    src: url('../fonts/Nunito-Regular.eot');
    src: url('../fonts/Nunito-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Nunito-Regular.woff2') format('woff2'),
        url('../fonts/Nunito-Regular.woff') format('woff'),
        url('../fonts/Nunito-Regular.ttf') format('truetype'),
        url('../fonts/Nunito-Regular.svg#Nunito-Regular') format('svg');
    font-weight: normal; font-style: normal; font-display: swap;
}

body {font-family: 'Nunito';color: #000000;font-size: 0.9em;background-color: #FFFFFF;}
img{max-width: 100%;height: auto;}
.h1, h1{font-weight: 900;font-size: 1.7rem;}
h1, h2, h3, h4, h5, h6 { font-family: 'Nunito';color: #000000;}
.right-pull{float: right;}.left-pull{float: left;}.flex-auto { flex: 0 0 auto;}
p b, p strong{font-weight: 600;}
.clearfix:before, .clearfix:after {content: "\0020";display: block;height: 0;visibility: hidden;}
.clearfix:after {clear: both;}
.clearfix {zoom: 1;}

/* Customize CSS */

.main-header-logo:hover { text-decoration: none;}
.navbar-brand.main-header-logo{width: 95px;}
.navbar-light .navbar-nav .nav-link { color: rgba(0, 0, 0, 1); font-size: 1.1em;}
@media (min-width: 992px) {
	.navbar-expand-lg .navbar-nav .nav-link {padding-right: .95rem;padding-left: .95rem;}
}
@media (min-width:992px) {
	.container-fluid.px-0{position: relative;}
	.container-fluid form.d-flex{display: -webkit-box !important; position: absolute;right: 0;}
}
@media (max-width:991px) {
.container-fluid.px-0{position: relative;}
.container-fluid form.d-flex{display: -webkit-box !important; position: absolute;right: 75px; top: 4px;}
}

.tnicw{	position: relative;}
.tnicw span{position:absolute;right: -5px;top: -3px; background-color:rgba(0,0,0,0.70); color: #FFFFFF; font-size: 0.75em; line-height: 19px; text-align: center; vertical-align: middle; width: 17px; height: 17px;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;}

.bucket-headline:before, .bucket-headline:after { content: " "; display: table;}
.bucket-headline:after { clear: both;}
.bucket-headline:before, .bucket-headline:after { content: " "; display: table;}

.bucket-headline h3 {color: #000000; float: left;font-size: 1.1em;font-weight: 800;position: relative;}
.bucket-headline h3:before, .bucket-headline h3:after { content: "";display: block;height: 2px;position: absolute;right: 0;}
.bucket-headline h3:before {width: 40px;right: -55px;top: 4px;}
.bucket-headline h3:after {width: 50px;right: -65px;top: 16px;}
.bucket-headline h3:before {background-color:rgba(0,0,0,1.00); float: right;}
.bucket-headline h3:after {background-color: rgba(0,0,0,1.00); float: right;}

.slider .flexslider ul.slides a {text-decoration: none;}
.spc {padding-left: 0.25em;padding-right: 0.1em;font-size: 2.5em;color: #b9b9b9;line-height: 0;height: 15px;display: inline-block;}

.mp-carousel .flex-viewport .slides li a .smp{position: relative;}
.mp-carousel .flex-viewport .slides li a .smp button[type=button]{display: none;position: absolute;bottom: 0;text-align: center; width: 100%; }
.mp-carousel .flex-viewport .slides li:hover a .smp button[type=button]{display: block;}
.mp-carousel .flex-viewport .slides li a .smp img{box-shadow: 1px 1px 5px rgba(0,0,0,0.15);-webkit-box-shadow: 1px 1px 5px rgba(0,0,0,0.15);-moz-box-shadow: 1px 1px 5px rgba(0,0,0,0.15);}
.mp-carousel .flex-viewport .slides .prc{font-size: 1.2em; font-weight: 700;}

#magpopuphome-modal button[type=button] {background-color: #FFFFFF; opacity: 1; border: 1px solid rgba(0,0,0,0.10);position: absolute; right: -15px;top: -10px; width: 20px; height: 20px;border-radius:25px;-webkit-border-radius:25px; -moz-border-radius:25px; }
#magpopuphome-modal button[type=button]:hover { border: 1px solid rgba(0,0,0,0.50) }

.logo-nav-bg{position: relative;}
.logo-nav-bg .logo-nav-img{	text-align:center;}
.logo-nav-bg img{transition: transform .2s; /* Animation */}
.logo-nav-bg img:hover{	transform: scale(1.05);}


.mhdgw h3{position: relative;display: inline-block;color: #FFFFFF;font-size: 1.5em;font-weight: 800;}
.mhdgw h3:before, .mhdgw h3:after {content: " "; position: absolute; width: 50px; height: 14px;}
.mhdgw h3:before {background: url("../images/hdg-bdrline-l.png") no-repeat;  left: -70px;top: 5px;}
.mhdgw h3:after {background: url("../images/hdg-bdrline-r.png") no-repeat;  right: -70px;top: 5px;}
.itm5 { flex: 0 0 auto; width: 50%; margin-bottom: 1.95em;}
.itm5 .prc{font-size: 1.1em; font-weight: 700;}
.itm5 a{text-decoration: none;}

.fthdg{font-size: 1.25em;line-height: 1.4;font-weight: 500;color: #FFFFFF;}
.ftlink{color: #FFFFFF;}
.ftlink li{margin: 0 0 1em 0;list-style-type: none;}
.ftlink li a{font-size: 0.9em;color: #FFFFFF;	text-decoration: none;}
.ftlink li a:hover{color: #FFFFFF;text-decoration: underline;}

.breadcrumb-item a{text-decoration: none;}
.prd-hdg{font-size: 1.75em; line-height: 1.4; font-weight: 500; border-bottom: 2px solid #000000;}
.mrcnd-bh{max-height: 400px;overflow-y: scroll;}
.mrcnd-bh::-webkit-scrollbar { display: none;}
.mrcnd-bh { -ms-overflow-style: none; scrollbar-width: none;}
.et-pro-summary-top .price {font-size: 18px; margin: 0 10px 10px 0; display: inline-block;white-space: nowrap; vertical-align: middle;display: inline-flex;}
.price>span {display: inline-flex;vertical-align: middle;}
.et-pro-summary-top .price .mn{font-size: 1.55em;color: #287fe6;font-weight: 700;}
.et-pro-summary-top .amount {white-space: nowrap;display: inline;color: #737373;font-size: 0.95em;}
.et-pro-summary-top del .amount bdi{padding: 0 0.5em;}
.et-pro-summary-top .badge {display: inline-block;margin-right: 10px;font-size: 13px;color:#BC0003;background-color:  rgba(255,0,4,0.15);border: none;border-radius:25px;-webkit-border-radius:25px;-moz-border-radius:25px; }
.str-rtng .fa-star{color: #d4d4d4;font-size: 1em;}
.str-rtng .checked{color: #f8bd36;}
.variations_form{margin-bottom: 1em;}
.variations_form input[type="button"]{font-size: 1.1em;border:none;background-color: #FFFFFF; border-radius:15px;-webkit-border-radius:15px; -moz-border-radius:15px;}
.variations_form input[type="button"]:hover{border: none;background-color: #FFFFFF;color: #287fe6;}
.variations_form input[type="button"]:focus,.variations_form input[type="button"].active,.variations_form input[type="button"].selected{border: none;	background-color: #FFFFFF;color: #287fe6;}
.variations_form .sub-dr{margin-top: 0.9em;}
.variations_form .inptwdrw{display: inline-block;}
.qntt-crt{display: flex;margin-bottom: 1em;}
.quantity {display: flex;border: 1px solid #e5e5e5;border-radius: 4px;overflow: hidden;}
.quantity button {background-color: #FFFFFF;color: #a3a3a3;border: none;cursor: pointer;font-size: 20px;width: 35px;  height: auto;text-align: center;transition: background-color 0.2s;}
.quantity button:hover {background-color: #e5e5e5;color: #000000;}
.input-box { width: 60px; text-align: center; border: none; padding: 0 10px; font-size: 16px;outline: none;}
.mag-crt-btn{font-size: 0.95em; font-weight: 500;}
.msgz-rew .nav-tabs .nav-link:focus, .msgz-rew .nav-tabs .nav-link:hover{border-top-color:#FFFFFF;border-left-color:#FFFFFF;border-right-color:#FFFFFF;}
.msgz-rew .nav-tabs {border-bottom: 2px solid #dee2e6;}
.msgz-rew .nav-tabs .nav-link {margin-bottom: -2px;}
.msgz-rew .nav-link {font-size: 1.1em;}
.src-b .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {color: #287fe6;font-weight: 600;background-color:transparent;border-color: transparent;border-bottom: 2px solid #287fe6;}
.rating {display: flex; flex-direction: row-reverse; justify-content: center;}
.rating>input { display: none}
.rating>label {position: relative; width: 1em; font-size: 30px; font-weight: 300; color: #a3a3a3; cursor: pointer;line-height: 0.8;}
.rating>label::before {content: "\2605"; position: absolute; opacity: 0;}
.rating>label:hover:before,.rating>label:hover~label:before { opacity: 1 !important;color: #FFD600;}
.rating>input:checked~label:before { opacity: 1;color: #FFD600;}
.rating:hover>input:checked~label:before { opacity: 0.4;}
.buttons {top: 36px; position: relative;}
.rating-submit { border-radius: 8px; color: #fff; height: auto;}
.rating-submit:hover { color: #fff;}
.dcpsn{font-size: 0.85em;line-height: 1.2;color: #525252;}
span.badge.new {position: absolute; background-color: #ff0000; font-weight: 700;}
.imgzoom {transition: scale(0.9);}
.imgzoom:hover {transform: scale(1.1 );}
.glrtype{margin-top: 0.7em; border-top: 1px solid #e5e5e5; padding-top: 0.7em;}
.glrtype:last-child{margin-bottom: 0.7em; border-bottom: 1px solid #e5e5e5; padding-bottom: 0.7em;}
.glrtype .hdgtyp{margin: 0 0 0.5em 0;padding: 0;font-size: 1em; font-weight: 500;}
.glrtype ul, .glrtype .glrsz,.glrtype .glrclr{margin: 0;padding: 0;list-style-type: none;}
.glrtype li{margin: 0 0 0.5em 0;padding: 0;list-style-type: none;}
.glrtype li label{cursor: pointer;}
.glrtype .glrsz li,.glrtype .glrclr li{display: inline-block;margin: 0 0.5em 0 0;padding: 0;list-style-type: none;}
.glrsz [type="radio"]:checked,.glrsz [type="radio"]:not(:checked),.glrclr [type="radio"]:checked,.glrclr [type="radio"]:not(:checked){position: absolute;left: -9999px;	width: 0;height: 0;	visibility: hidden;}
.checkbox-size:checked + label,.checkbox-size:not(:checked) + label,.checkbox-color:checked + label,.checkbox-color:not(:checked) + label{position: relative;display: inline-block;	padding: 0.2em 0.5em;font-size: 0.85em;line-height: 1.3;margin: 0;text-align: center;overflow: hidden;cursor: pointer;color:#353535;-webkit-transition: all 300ms linear;transition: all 300ms linear; border-radius: 0.2rem; -webkit-border-radius: 0.2rem; -moz-border-radius: 0.2rem;}
.checkbox-size:not(:checked) + label{border: 1px solid #c4c7c8; background-color: #FFFFFF;}
.checkbox-size:checked + label{color: #FFFFFF;border: 1px solid #485256;background-color: #686f71;border-radius: 0.2rem;    -webkit-border-radius: 0.2rem; -moz-border-radius: 0.2rem;}
.checkbox-size:not(:checked) + label:hover{	color: #FFFFFF;	border: 1px solid #485256;background-color: #686f71;}
.checkbox-color:checked + label,.checkbox-color:not(:checked) + label,.checkbox-color-label{width: 25px;height: 25px;	border: 2px solid #cbcbcb;text-indent: -99999999999;padding: 0 !important;border-radius: 50%; -webkit-border-radius: 50%;    -moz-border-radius: 50%;}
.checkbox-color:checked + label{border: 1px solid #287fe6;}
.checkbox-color:not(:checked) + label:hover{border: 2px solid #838383;}
.black { background-color: #000000;}
.mrcnszbtn{	margin-bottom: 1em;}
.mrcnszbtn input[type="button"]{font-size: 0.9em;font-weight: 600;border: 1px solid rgba(0,0,0,0.2);background-color: #FFFFFF;padding: 0.45em 1em;border-radius:8px;-webkit-border-radius:8px; -moz-border-radius:8px; margin-right: 1em;	margin-top: 0.6em;}
.mrcnszbtn input[type="button"]:hover{border: 1px solid #000000;background-color: #FFFFFF;color: #000000;}
.mrcnszbtn input[type="button"].active{	border: 1px solid #000000;background-color: #000000;color: #FFFFFF;}
.mrcnszbtn input[type="button"].disabled{border: 1px solid #cccccc;	background-color: #FFFFFF;color: #cccccc;}
.mrcnszbtn input[type="button"].disabled:hover {border: 1px solid #cccccc; background-color: #FFFFFF;color: #cccccc;	cursor:not-allowed;}
.mrcnds .slides li img{-webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px;}

.cart-rsm{display: flex;flex-direction: column;position: fixed; top: 0; height: 100%; width: 100%; z-index: 600; padding: 0; background: #fff; right: 0; will-change: transform; -webkit-transition: opacity 0.25s ease, ease; transition: opacity 0.25s ease, transform 0.25s ease; margin: 0;}
.cart-rsm .modal-body{max-height: 350px; overflow-y:auto;}
.hcrtbadge {left: 40px; line-height: 1.1;font-size: 0.7em;}
.cartimg{width: 80px;}
.prdt_list_widget a {display: block; padding: 0; text-align: left; text-decoration: none; font-weight: 700;line-height: 1.1;}
dl.variation { display: flex; flex-wrap: wrap; font-size: 13px; margin-bottom: 0.75em;}
dl.variation p,dl.variation dd { margin: 0; color: #000000; }
dl.variation dd { margin-right: 10px; padding-right: 10px;}
dl.variation dd:not(:last-child) { border-right: 1px solid #ddd;}
dl.variation dt { margin-right: 5px; font-weight: normal;}
.cart-qnt-prc {display: flex; justify-content: space-between; align-items: center; margin-top: 6px;}
.cart-qnt-prc .quantity{border: 1px solid #e7e7e7;width: min-content;display: flex;align-items: center;border-radius: 4px;
overflow: hidden;}
.p-2.flex-grow-1 { position: relative;}
.quantity .plus,.quantity .minus {display: flex; outline: 0; justify-content: center; align-items: center; border: 0;    width: 30px; height: 30px; border-radius: 50%; text-decoration: none; overflow: visible; text-decoration: none; cursor: pointer; -moz-user-select: -moz-none; -ms-user-select: none; -webkit-user-select: none; user-select: none; -webkit-transition: background 0.3s cubic-bezier(0.23, 1, 0.32, 1); transition: background 0.3s cubic-bezier(0.23, 1, 0.32, 1);}
.quantity .plus svg,.quantity .minus svg { width: 16px; height: 16px;}
.quantity .plus:active,.quantity .plus:hover,.quantity .minus:active,.quantity .minus:hover { background: gba(0,0,0,0.001);
color: #333333;}
.quantity .qty { padding: 0; width: 20%; min-width: 30px;max-height: 24px;text-align: center;border: 0;color: #282828;outline: 0;-webkit-appearance: none;background: transparent;-moz-appearance: textfield;}
.quantity .plus, .quantity .minus {width: 20px;height: 20px;margin:0.45em 0.1em 0 0.1em;}
.flex-grow-1 .remove {position: absolute;right: 0;top: 5px;border: 0;font-size: 12px; background-color: transparent;}
.flex-grow-1 .remove i:hover {color:#808080;}
.cart-sbttl{font-size: 1.35em;font-weight: 700;}
.cart-sbttl-prc{font-size: 1.35em;font-weight: 500;}
.cart-rsm .modal-footer{display: block;}

.spgcrt .schdg{font-size: 1.75em;font-weight: 600;}
.spgcrt .schdg span{font-size: 19px;font-weight: 500;}
.spgcrt .cntnspg {font-size: 1.1em;font-weight: 500;}
.spgcrt .cntnspg a{text-decoration: none;}
.spgcrt .crtprd img{width: 95px;}
.spgcrt .crtprd p{margin-bottom: 0;}
.spgcrt .crt-prc{font-size: 1.1em;font-weight: 600;margin-top: 0.15em;}
.carttblm td{padding-bottom: 1.25em;}
.spgcrt .crt-dlt-btn{}
.cpncod input[type="text"]:hover,.cpncod input[type="text"]:focus,.cpncod input[type="text"]:focus-visible{outline: none;}
.cpncod .ccbutton{background-color:transparent;font-weight: 700; color: #287fe6;}
.cpncod .cncbtn{border: none;color: #FFFFFF;font-weight: 500;text-decoration: none;}
.link-udr{text-decoration: none;}

.pstlst .hdg {font-size: 1.1em;line-height: 1.3;font-weight: 600;color: #161921;}
.pstlst .hdg a {text-decoration: none;}
.pstlst .dtl{color: #6A6A6A;text-decoration: none;}
.pstlst .dtl a{color: #000000;font-weight: 600;text-decoration: none;}
.pstlst .dtl a:hover{color: #000000;text-decoration: none;opacity: 1;}
.pstlst .utrdt{font-size: 0.9em;line-height: 1.3;font-weight: 600;color:#474747;}
.spc{padding-left: 0.25em;padding-right: 0.1em;font-size: 2.5em;color: #b9b9b9;line-height: 0;height: 15px;display: inline-block;}

.card-lft{}
.card-lft:not(.open) {opacity: 0;}
.card-lft.open {opacity: 1; display: block!important;   position: fixed;top: 0;left: 0;z-index: 1060;display: none;width: 100%;height: 100%;overflow-x: hidden;overflow-y: auto;outline: 0;}
.modal.open .modal-dialog { transform: none;}
.card-lft:before {background:rgba(0,0,0,0.70);content: "";height: 100%;left: 0;position: absolute;top: 0;width: 100%;z-index: 0;}
.ckotpy .prd-hdg, .edit-address .prd-hdg{font-size: 1.35em; font-weight: 600;}
.form-control, .form-select {height: 38px;border-radius: 0.35rem;}
.ckotpy .form-label{margin-bottom: 0.35em;}
.ckotpy .crd-smbl{background: url("../images/mc-img.jpg") left no-repeat; background-position: 10px; padding-left: 2.5em;}
.ckotpy-prddtl .prdt_list_widget a {margin: 0;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 1;line-clamp: 1;-webkit-box-orient: vertical;}
.ckotpy-prddtl .variation-size .badge{background-color:#f1f1f1; border: 1px solid #737373; color: #000000; font-size: 0.85em; font-weight: 700;}
.ckotpy-prddtl dl.variation dt, .ckotpy-prddtl .amount bdi{font-weight: 600;}
.ckotpy-prddtl .btn-primary.disabled, .ckotpy-prddtl .btn-primary:disabled {color: #fff;background-color: #a3a3a3;border-color: #a3a3a3; font-weight: 600; font-size: 1.1em;}
.ckotpy-prddtl .ctprc p{font-weight: 700;font-size: 1.2em;}
.ckotpy .form-check-input:checked { background-color: #287fe6; border-color: #287fe6;}
.breadcrumb-item{color: #676767;}
.breadcrumb-item.active{color: #000000;}
.cntct-fld select, .cntct-fld input, .cntct-fld .form-select{border: none; height: 28px; padding: 0; box-shadow: none; outline: none;}
.cntct-fld select{width: 65px;}
.cntct-fld input{width: 100%;}
.ckotpy .breadcrumb-item{font-size: 0.9em; font-weight: 600;}
.modal-content {border-radius: 0.75rem;}
.coupon-sbmt .badge{font-size: 1em; line-height: 1.5;}

.page-numbers {background-color: #f7f7f7;padding: 0.25em 0.55em;line-height: 1.5;border: 1px solid #d5d5d5;text-decoration: none;margin-right: 0.35em;-webkit-border-radius: 3px;-moz-border-radius: 3px;-ms-border-radius: 3px;-o-border-radius: 3px;border-radius: 3px;}
.page-numbers.current {background-color: #287fe6;border-color: #287fe6;color: #FFFFFF;}
.page-numbers.dots {background-color: transparent;border: none;}

#popupAdrs {display: none;position:fixed;top: 51%;left: 50%;transform: translate(-50%, -50%);z-index: 1000;border-radius: 0.75rem;}
#adrsoverlay {display: none;position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.7);z-index: 999;}

.msg-btn .msg-btnpu{display: none;}
.msg-btn:hover .msg-btnpu{display: block; position: absolute;top: 151px;margin: auto;text-align: center;margin-left: 45px;}
.magpup .btn-close {background-color: #FFFFFF;opacity: 1;border: 1px solid rgba(0, 0, 0, 0.10);position: absolute;right: -15px;top: -10px;width: 20px;height: 20px;border-radius: 25px;-webkit-border-radius: 25px;-moz-border-radius: 25px;}

.signupclose .btn-close { opacity: 1;background-color: #FFF;border: 2px solid rgba(0,0,0,0.10);width: 0.8em;height: 0.8em;margin: -0.9rem -14.4px -0.9rem 0 auto;
-webkit-border-radius: 50px;-moz-border-radius: 50px;-ms-border-radius: 50px;-o-border-radius: 50px;border-radius: 50px;}

.orbdr{width: 35px;background-color: #FFFFFF;margin: 0 auto;margin-top: -10px;}
.prmsn-bn{padding-left: 5.5em; padding-right: 5.5em;}
.searchbar .modal-content{flex-direction: row; border-radius:55px; -webkit-border-radius:55px; -moz-border-radius:55px; }
.searchbar .modal-content input{background-color: transparent; border: none; outline: none; border-radius:55px; -webkit-border-radius:55px; -moz-border-radius:55px; }
.searchbar .modal-content input:focus{border: none;outline: none; box-shadow:none;}

.up-lft-tab.nav-pills .nav-link.active, .up-lft-tab.nav-pills .show>.nav-link { color: #000000;background-color: #f6f6f6;border: 1px solid #efefef;}
.up-lft-tab.nav-pills .nav-link{text-align: left;}
.prfl-pic{position: relative;width: 130px;height: 130px;}
.prfl-pic .prfl-pic-edt{position: absolute;right: 0px;bottom: 14px;width: 30px;height: 30px;cursor: pointer;background-color: #FFFFFF;}
.prfl-name {font-weight: 600;font-size: 1.3em;}
.prfl-pic .prfl-pic-edt i{font-size: 0.9em;line-height: 33px;transition: 0.3s;}
.prfl-pic .prfl-pic-edt:hover i{transition: 0.3s;transform: rotate(15deg);}
.vptitl .badge {line-height: 1.3;}
.odr-ud .mg-vw img {width: 60px;height: auto;}
.odr-ud .odr-mg-h{font-size: 1.2em;color: #404040;font-weight: 700;}
.odr-ud .odr-mg-dtl{font-size: 0.9em;color:#525252;}
.odr-ud .odr-mg-dot{font-size: 2.5em;line-height: 1px;color:#D4D4D4;}
.odr-ud .odr-prc{font-size: 1.2em;font-weight: 600;color: #070606;}
.odr-ud .odr-mg-dtl .badge{font-size: 0.9em;background-color: #E9E9EA;}
.odr-ud .odr-dp-h{font-size: 0.945em;color: #070606;font-weight: 700;}
.odr-dp-info .odr-dp-info-hd {font-size: 0.9em;color: #737373;font-weight: 600;}
.odr-dp-info .odr-dp-info-dt {font-size: 0.9em;color: #000000;font-weight: 600;}



@media (min-width: 576px) {
.ckotpy .modal-dialog { max-width: 450px;}
}

@media (min-width:768px) {
.tab-hdg{display: flex;}
.tab-hdg-m{	margin-right:17em;}
.mrchnd-t{margin-top: -0.8em;}
.variations_form .sub-dr{width: 70%;}
.bucket-headline h3 {font-size: 1.5em;}
}
@media (max-width:992px) {
.logo-nav-bg {display: inline-block;width: 100%;overflow-x: scroll;}
.logo-nav-bg .logo-nav-img{text-align: left;display: inline-block;overflow-x: scroll;position: absolute;}
.logo-nav-bg img{max-height: 21px;}
.logo-nav-bg .logo-nav-img a{display: inline-block;}
.mrcnszbtn input[type="button"] {margin-right: 0.55em;}
.cart-rsm .modal-body{max-height: 190px;}
}
@media (min-width: 992px) {
.logo-nav-bg img {max-height: 33px;}
.edit-address .modal-dialog {max-width: 600px;}
}
@media (min-width: 901px) {
 .quantity .plus, .quantity .minus {width: 35% !important;}
}
@media (min-width:768px) {
.itm5 { flex: 0 0 auto; width: 20%; }
}
@media only screen and (min-width: 520px) and (max-width: 767px)  {
.itm5 { flex: 0 0 auto; width: 33.33333333%; }	
}


.v_loading-item:after {
    border: 6px solid #f3f3f3;
    border-radius: 100%;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
    position: absolute;
    top: 42%;
    left: 39%;
    width: 50px;
    height: 50px;
    border-top: 4px solid blue;
    border-right: 4px solid green;
    border-bottom: 4px solid red;
    border-left: 4px solid pink;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index:99;
    display: block;
    content: "";
    clear: both;
}
.v_loading-item:before {
    display: block;
    content: "";
    clear: both;
    background: rgb(90 63 63 / 50%);
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 9;
    top: 0;
    bottom: 0;
}
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}