::-webkit-input-placeholder { color: #666;}
::-webkit-selection{background:#ed1c24;color:#fff;text-shadow:0 0 transparent}
 /* Firefox 19+ */
::-moz-placeholder { color: #666;}
::-moz-selection{background:#ed1c24;color:#fff;text-shadow:0 0 transparent}
 /* IE 10+ */
:-ms-input-placeholder {color: #666;}
::-ms-selection{background:#ed1c24;color:#fff;text-shadow:0 0 transparent}
/* Firefox 18- */
:-moz-placeholder {  color: #666;}
::selection{background:#ed1c24;color:#fff;text-shadow:0 0 transparent}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0;}
input[type=number]{-moz-appearance:textfield;appearance:textfield;-webkit-appearance:textfield;} 
img {-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-o-user-select:none;user-select:none; max-width:100%}
a[data-toggle="modal"]{outline:none}
a { color: #df3c3d;}
body {font-family:'Tondo',sans-serif,Arial;}
.homePage { background: url(../images/rbl_bg.jpg) no-repeat center top/cover; }
.centerSection {display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center;}
.centerSection {background: transparent;}
.loginArya { background: rgba(255,255,255,.95); padding: 20px; border-radius: 15px; width: 100%; max-width: 520px; margin: 0 auto; box-shadow: 0px 0px 10px 0px rgba(8, 8, 8, 0.4);}
.loginArya h3 { color: #79181e}
.loginArya h6 { font-size: 22px }
.loginArya form {max-width: 400px; margin: 0 auto; }
.loginArya form .form-control {font-size:16px; outline: none; box-shadow: none;}
.loginArya form .btn {font-size:18px;}

.OtpNumberSection {display: none;}
.loginArya form .btn.fs-12 {font-size: 12px;}

.top-links { margin: 0; font-family: 'Lato', sans-serif }
.top-links li { position: relative; z-index: 2; line-height: 30px; font-size: 12px }
.top-links li { color: #58595b }
.top-links li span { padding: 0 10px }
.top-links li a { color: #58595b }
.top-links li a:hover { color: #db4444; text-decoration: none; }
.top-links li a.btn.btn-outline-danger:hover {color: #fff !important;}
.desktop-logo-arye { position: inherit; z-index: 1; margin-bottom: 5px }
.desktop-logo-arye img { position: relative; z-index: 1 }
.top-white { background-color: #fff }
.top-gry { background-color: #f3f3f3 }
.top-icon-arye ul { margin: 0; padding: 0 }
.top-icon-arye .list-inline-item { padding: 25px 5px; position: relative }
.top-icon-arye .list-inline-item:not(:last-child) { margin-right: 1.5rem }
.top-icon-arye .list-inline-item#cart-box { margin-right: 0 }
.hamburger-icon:before { content: " "; display: block; position: fixed; top: 0; left: 0; height: 100%; width: 0; opacity: 0;  background: rgba(0, 0, 0, .4) }
.hamburger-icon { vertical-align: middle; position: relative; height: 32px; width: 32px; z-index: 100; cursor: pointer; display: inline-block }
.topMenuL { font-size: 0 }
.hamburger-icon div { position: absolute; height: 2px; right: 2px; left: 2px; background-color: #58595b; border: 0; -webkit-transition: -webkit-transform .2s ease-in-out .2s, top .2s ease-in-out .2s, background-color .3s; -moz-transition: -moz-transform .2s ease-in-out .2s, top .2s ease-in-out .2s, background-color .3s; -o-transition: -o-transform .2s ease-in-out .2s, top .2s ease-in-out .2s, background-color .3s; transition: transform .2s ease-in-out .2s, top .2s ease-in-out .2s, background-color .3s; vertical-align: top }
.storeLocaterIcon { float: right; margin-top: -2px; vertical-align: top; margin-left: 10px; cursor: pointer; font-size: 0 }
.storeLocaterIcon img { display: inline-block; vertical-align: middle; height: 32px }
.storeLocaterIcon span { font-size: 8px; text-transform: uppercase; display: inline-block; font-weight: 700; width: 45px; line-height: 1.2; vertical-align: middle; letter-spacing: 2px; margin-right: 4px; text-align: right }
.hamburger-icon div.top { top: 25%; margin-top: -1px }
.open-nav .hamburger-icon div.top { transform: rotate(-135deg); top: 50% ; background-color: #d62625}
.hamburger-icon div.middle { top: 50%; margin-top: -1px }
.open-nav .hamburger-icon div.middle { opacity: 0 }
.hamburger-icon div.bottom { top: 75%; margin-top: -1px }
.open-nav .hamburger-icon div.bottom { transform: rotate(135deg); top: 50% ; background-color: #d62625}
.icon-custom { display: inline-block; vertical-align: middle; background-image: url(../images/spritesheet.png) }
.icon-custom.wishlist { background-position: -201px -220px; width: 28px; height: 26px }
.icon-custom.search { background-position: 0 -300px; width: 26px; height: 26px }
.icon-custom.users { background-image: url(../images/spritesheet.png); background-position: 0 -391px; width: 30px; height: 30px }
.icon-custom.cart { background-image: url(../images/spritesheet.png); background-position: -134px -140px; width: 30px; height: 30px }
.icon-custom.wishlist + span,
.icon-custom.cart + span { background: #121515; position: absolute; text-align: center; color: #fff; border-radius: 10px; font-size: 10px; width: 18px; height: 18px; line-height: 17px; top: 20px; right: -5px }
.navbar-expand-md .navbar-nav .nav-link { font-size: 12px }
.customDropdownMenu { position: absolute; left: 0; top: 100%; right: 0; background: #fff; z-index: -9999; max-height: 0; overflow: hidden; border-top: 1px solid #c5c5c5; min-width: 180px; -webkit-transition: all 200ms linear .1s; -moz-transition: all 200ms linear .1s; -o-transition: all 200ms linear .1s; transition: all 200ms linear .1s }
.customDropdownMenu>div { padding: 20px 0 }
.customDropdownMenu h4 { font-size: 14px }
.customDropdownMenu ul li { font-size: 12px; padding: 3px 0 }
.customDropdownMenu ul li a { color: #333 }
.customDropdownMenu ul li a:hover { color: #f89c2e }
.navbar-expand-md .navbar-nav .nav-item:hover
.customDropdownMenu { max-height: 500px; -webkit-box-shadow: 0 5px 5px 2px rgba(0, 0, 0, .1); box-shadow: 0 5px 5px 2px rgba(0, 0, 0, .1) }
.cart-box { position: absolute; right: 0; width: 700px; background: #fff; padding: 0; z-index: 999; top: 100.8%; opacity: 1; max-height: 0; overflow: hidden; max-height: 0; -webkit-transition: all 1s -0.1s ease-out; -moz-transition: all 1s -0.1s ease-out; -o-transition: all 1s -0.1s ease-out; -ms-transition: all 1s -0.1s ease-out; transition: all 1s -0.1s ease-out; border-left: 1px solid #c5c5c5; border-right: 1px solid #c5c5c5; }
#cart-box:hover .cart-box { opacity: 1; max-height: 999px; border-bottom: 1px solid #c5c5c5; overflow: inherit ;}
.cart-box h3 { text-align: center; color: #000; margin: 0 0 10px 0; font-size: 20px; border-bottom: 1px solid #c5c5c5; padding: 15px }
.cart-box h4 { text-align: left; color: #000; margin: 0 0 5px; font-size: 16px; font-weight: 400 }
.cart-box h4 a { color: #000; text-decoration: none; }
.cart-box h5 { margin: 2px 0; padding: 0; font-size: 14px; text-align: left; color: #8c8989 ; font-weight: 400}
.cart-box h5 span { color: #000; padding: 0 5px }
.cart-box ul { margin: 0; padding: 0; list-style: none }
.cart-box ul li { position: relative; border-bottom: 1px solid #aaa; margin: 0; padding:10px 30px }
.cart-box ul li a.cartremove { background: url(../images/close_icon.png) no-repeat center/ 67% auto; bottom: 40px; clear: inherit; float: right; height: 15px; text-indent: -9999px; width: 15px }
.cart-box ul li:after { position: absolute; height: 3px; content: ''; position: absolute; background: #dd4848; bottom: -2px; width:30px; left: 0 }
.total-arya { font-size: 20px; color: #000; line-height: 1 }
#cart-box .total-arya { margin: 0 }
.total-arya div { padding: 20px 25px }
.total-arya div p { margin: 0 }
.total-arya div p small { font-size: 12px; color: #0f7ca0 }
.button-arya { text-align: center; position: relative }
.button-arya:after { position: absolute; height: 1px; content: ''; position: absolute; background: #ccc; top: 0; left: 3%; right: 3% }


.desktopNav ul {list-style: none; padding: 0; margin: 0; font-size: 0; text-align: left; position: relative;}
.desktopNav ul li {display: inline-block; vertical-align: top;}

.desktopNav ul li>a { display: block; color:#777; font-size: 12px; text-align: center; line-height: 1; padding: 15px 9px 15px 9px; transition: none; -moz-transition: none; -webkit-transition: none; border-left: 1px solid transparent; border-right: 1px solid transparent; border-right: 1px solid rgba(0,0,0,.05); }
.desktopNav ul li:nth-child(1)>a { border-left: 1px solid rgba(0,0,0,.05); }
.desktopNav ul li a figure { padding: 0; margin: 0;}
.desktopNav ul li a figure figcaption { padding: 5px 0 0; margin: 0; }
.desktopNav ul li.dropdown:hover>a,
.desktopNav ul>li>a:hover {text-decoration: none; color: #df3c3d; box-shadow: 0 3px 8px -3px rgba(0,0,0,.05); border-color:#f0f6fd;}
.desktopNav ul li a[aria-haspopup="true"],
.desktopNav ul li a.dropdown-toggle {white-space: initial; position: relative; z-index: 3}
.desktopNav ul li a[aria-haspopup="true"]:before,
.desktopNav ul li a.dropdown-toggle:before { left: 0; right: 0; height: 15px; background: #fff; bottom:-10px; content:""; position: absolute; display: none; }
.desktopNav ul li.dropdown:hover a[aria-haspopup="true"]:before,
.desktopNav ul li.dropdown:hover a.dropdown-toggle:before {display: block;}
.desktopNav ul li a.dropdown-toggle:after {display: none;}
.desktopNav ul li.dropdown.spriteMenu { position: initial; }
.desktopNav ul li.dropdown:hover>.dropdown-menu {display: block;}
.desktopNav ul li.dropdown>.dropdown-toggle:active {pointer-events: none;}
.desktopNav ul li.dropdown>.dropdown-menu {min-width: 100%; border-radius: 0; border: 0;box-shadow: 0 0 4px 2px rgba(0,0,0,.05); z-index: 2; margin: 0}
.desktopNav ul li.dropdown>.dropdown-menu a {text-align: left; vertical-align: top; font-size: 12px; line-height: 1;padding-top: 9px; padding-bottom: 9px;transition:none;-moz-transition:none; -webkit-transition: none}
.desktopNav ul li.dropdown>.dropdown-menu a:hover {box-shadow: none;}
.desktopNav ul li.dropdown.spriteMenu .dropdown-menu {-webkit-column-count:4; -moz-column-count:4; column-count:4;}
.desktopNav ul li.dropdown.spriteMenu .dropdown-menu a { -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid;}

.open-nav .off-canvas-main { transform: translateX(260px);position: fixed; top: 0; bottom: 0; height: 100%; width: 100%; overflow: hidden; }
.open-nav .off-canvas-nav { -webkit-transform: translateX(100%); transform: translateX(100%); }
.open-nav .hamburger-icon:before {opacity:1; width: 100%;}

.off-canvas-nav {position: fixed; width: 260px; left: -260px; background-color:#ffffff; border-right: 1px solid #c5c5c5; overflow-y: auto; z-index: 9; height:100%; overflow-x:hidden; overflow-y:auto}
.off-canvas-nav .list-unstyled li {position:relative}
.off-canvas-nav .list-unstyled li+li:after { content: " "; position: absolute; top: 0; left: 20px; right: 20px; height: 1px; background-color: #c5c5c5;}
.off-canvas-nav .list-unstyled a {position: relative;text-decoration: none; cursor: pointer; line-height: 40px; padding:0 20px;color: #58595b;text-transform: uppercase; font-size: 12px; display: block;}
.off-canvas-nav li.parent>a:after { content: ""; float: right; background-image: url(../images/spritesheet.png); background-position: -257px -232px; width: 7px; height: 12px; margin: 14px 0;}

.off-canvas-nav .subMenu>div>span {text-align:right; position:relative;line-height:40px; padding: 0 15px; font-size: 12px; cursor:pointer}
.off-canvas-nav .subMenu>div>span:before { content: ""; display:inline-block; background-image: url(../images/spritesheet.png); background-position: -257px -220px; width: 7px; height: 12px; margin:-2px 8px;}
.subMenu {display: block; position: absolute; top: 0; height: 100%; width: 100%; right: -100%; text-transform: uppercase; background-color: #f3f3f3; overflow-x: hidden; overflow-y: auto;transition: transform .2s cubic-bezier(.215,.61,.355,1) .3s,right .3s cubic-bezier(.55,.055,.675,.19); transform-origin: 50% 0;}
.subMenu.openSub {transition: transform .2s cubic-bezier(.215,.61,.355,1) .3s,right .3s cubic-bezier(.215,.61,.355,1) .2s; right: 0;}

.left-nav-toplink {height:calc(100% - 60px); overflow: hidden; overflow-y: auto;}
.leftSearch {position: absolute; bottom: 0; left: 0; height: 60px; width: 100%; overflow: hidden;}
.leftSearch .form-coopan-box { display: block; width: 100%; box-shadow: none; padding: 14px 10px; background: #e6e6e6 }
.leftSearch .form-coopan-box form {font-size: 0}
.leftSearch .form-coopan-box .form-control { font-size: 14px; border: 0; max-width: 70% ; display: inline-block; vertical-align: middle; background: #fff; border-radius: 0;}
.leftSearch .form-coopan-box .btn { width: 30%; font-size: 14px; border-radius: 0; padding-left: 0; padding-right: 0;}


.search-box {position:fixed; top:112px; bottom:0; left:0; width:100%; z-index:99; background:rgba(255,255,255,.95); overflow:hidden; height: calc(100% - 110px); overflow-y:auto; right:0; display:none}
.search-box .search-inner {position:relative; width:100%;padding-top: 50px;max-width: 1140px; margin: 0 auto; }
.search-box .btn-close {position:absolute; top:10px; right:0; width:32px; height:32px; background: url(../images/close_icon.png) no-repeat center; border:0; padding:0; outline:none; font-size:0; text-indent:-9999px; overflow:hidden; cursor:pointer}
.search-box .search-form {max-width:1000px; margin:0 auto; width:100%; padding: 0 30px;}
.search-box .search-form .text-fild {margin:0; width:100%; border:0;font-weight: 300; background:transparent; outline:none; border-bottom:1px solid #666; color:#000; font-size:50px; line-height:1;font-weight: 300; letter-spacing: 7px;}
.search-box .hints {font-size:12px; color:#666; text-align:right; margin-top:5px}
/* Chrome/Opera/Safari */
.search-box .search-form ::-webkit-input-placeholder { color: #b0acac; font-size: inherit;font-weight: 300;}
 /* Firefox 19+ */
.search-box .search-form ::-moz-placeholder { color: #b0acac; font-size: inherit;font-weight: 300;}
 /* IE 10+ */
.search-box .search-form :-ms-input-placeholder {color: #b0acac; font-size: inherit;font-weight: 300;}
/* Firefox 18- */
.search-box .search-form :-moz-placeholder { color: #b0acac; font-size:inherit;font-weight: 300;}

.product-box1 {box-shadow: none; background: #fff; border-radius: 0 0 0 0;}
.product-box1 a {display: block;}
.product-box1 figure figcaption {position: absolute; width: 75%; bottom: 20px; left: 25%;}
.product-box1 figure { padding: 0; margin: 0; position: relative; overflow: hidden;}

.product-box1 .bottom-link a:last-child {margin-bottom: 0; font-size: 16px;
background: #df3c3d; /* Old browsers */
background: -moz-linear-gradient(top,  #df3c3d 0%, #c52a2b 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #df3c3d 0%,#c52a2b 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #df3c3d 0%,#c52a2b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#df3c3d', endColorstr='#c52a2b',GradientType=0 ); /* IE6-9 */
margin:0;width: 100%; text-align: center; padding:7px 5px; color: #fff; text-decoration: none;}
.product-box1 figure figcaption>div div span {font-size: 10px;}
.product-box1 figure figcaption>div div { background:rgba(255,255,255,.9);padding: 6px;-webkit-box-shadow: 0 0 2px 0 rgba(0, 0, 0, .2); box-shadow: 0 0 2px 0 rgba(0, 0, 0, .2);}
.product-box1 figure figcaption>div>div + div { margin-top: 5px; padding: 5px 5px 5px 5px; text-align: center; }
.product-box1 .bottom-link {padding: 0}
.product-box1 figure figcaption>div div span.percents { font-size: 45px; font-weight: 700; color: #c52a2b; letter-spacing: -1px; }
.product-box1 figure figcaption>div div span.percents small {font-size:50%}


.recently-viewed .owl-carousel .owl-item img { width: auto; filter: grayscale(0); height: 36px; -webkit-filter: grayscale(0); -moz-filter: grayscale(0); -o-filter: grayscale(0); -ms-filter: grayscale(0) }
.recently-viewed .owl-carousel .owl-item:hover img { filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -o-filter: grayscale(100%); -ms-filter: grayscale(100%) }
.recently-viewed .owl-carousel .owl-item>.item { border: 2px solid #ccc; text-align: center; padding: 10px }
.brand-owl-carousel .owl-nav .owl-prev { font-size: 0; position: absolute; width: 15px; height: 30px; left: -15px; top: 50%; background: rgba(255, 255, 255, .85) url(../images/spritesheet.png); background-position: -354px 3px; border-radius: 50%; margin-top: -15px }
.brand-owl-carousel .owl-nav .owl-next { font-size: 0; position: absolute; width: 14px; height: 30px; right: -15px; top: 50%; background: rgba(255, 255, 255, .85) url(../images/spritesheet.png); background-position: -354px -111px; border-radius: 50%; margin-top: -15px }

.btn-outline-primary { color: #e03d3e; border-color: #e03d3e; }
.btn-primary { color: #fff; background-color: #e03d3e; border-color: #e03d3e; }
.btn-outline-primary:hover,
.btn-primary:hover { color: #fff;background: #df3c3d; /* Old browsers */
background: -moz-linear-gradient(top,  #df3c3d 0%, #c52a2b 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #df3c3d 0%,#c52a2b 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #df3c3d 0%,#c52a2b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#df3c3d', endColorstr='#c52a2b',GradientType=0 ); /* IE6-9 */}
.fw-100 {font-weight: 100;}
.fw-300 {font-weight: 300;}
.fw-400 {font-weight: 400;}
.fw-500 {font-weight: 500;}
.fw-700 {font-weight: 700;}
.fw-800 {font-weight: 800;}

.fs-12 {font-size: 12px;}
.fs-14 {font-size: 14px;}
.fs-16 {font-size: 16px;}
.fs-18 {font-size: 18px;}
.fs-20 {font-size: 20px;}
.fs-22 {font-size: 22px;}
.fs-24 {font-size: 24px;}
.fs-26 {font-size: 26px;}
.text-primary {color:#e03d3e !important}
.custom-control-input:checked~.custom-control-label::before { color: #fff; border-color: #e03d3e; background-color: #e03d3e; }

.productPageBox {background: #FFFFFF; border: 1px solid #ECF2F6; box-shadow: 0 0 4px 0 rgba(0,0,0,0.14); border-radius: 4px; }
.tableQty table td {padding:.45rem .25rem .25rem; font-size: 12px;}
.tableQty table td span {display: inline-block; width: 40px; text-align: right;}
.productPageBox .table td,
.productPageBox .table th {border-bottom-width: 1px; vertical-align: middle;}
.table-borderless.table th {font-weight: 500}

.cartAdress {position: relative;}
.cartAdress h3 {cursor: pointer;}
.cartAdress:after {background: url(../images/down-arrow.png) no-repeat center; content:''; position: absolute; width:  16px; height: 10px; right: 10px; top: 15px; cursor: pointer;}
.tableQty.open .cartAdress:after {transform: rotate(180deg);}
.cartAdress .detailsBox {display: none;}
.tableQty.open .cartAdress .detailsBox {display: block;}

.define-quantity { width: 65px;  border:1px solid #df3c3d; overflow: hidden; background-color: #df3c3d; display: none;}
.addGQty .define-quantity {display: inline-block;}
.define-quantity input { border: 0; text-align: center; display: block; width: 100%;font-size: 12px; height: 20px; outline: none; background-color: transparent; color: #fff}
.define-quantity span { float: right; padding: 4px; line-height: 1; cursor: pointer; width:20px !important; font-size: 0; position: relative; height: 20px; margin-top: -20px; background: #fcfcff;  border-left:1px solid #df3c3d;}
.define-quantity span.dec { float: left; border-right:1px solid #df3c3d; border-left: 0}
.define-quantity span.inc:before { position: absolute; width: 2px; left: 0; height: 10px; top: 50%; content: ''; background: #666; left: 50%; margin: -5px 0 0 -1px; }
.define-quantity span:after { position: absolute; width: 10px; left: 0; height: 2px; top: 50%; content: ''; background: #666; left: 50%; margin: -1px 0 0 -5px; }

.product-details-head { background: #fafafa;}
.productImages { background-repeat: no-repeat; background-position: center; background-size: cover; }
.productImages img { height: 160px!important; }
.star-rating { display: flex; align-items: center; margin-bottom: 10px }
.star-rating .countss { display: inline-block; font-size: 12px; margin-left: 5px; margin-top: 3px }
.ratings { background: url(../images/star-rate.png) no-repeat bottom right; display: inline-block; height: 18px; width: 112px }
.ratings.star-0-5 { background-position: -180px -19px }
.ratings.star-1 { background-position: -95px 0 }
.ratings.star-1-5 { background-position: -95px -19px }
.ratings.star-2 { background-position: -72px 0 }
.ratings.star-2-5 { background-position: -71px -19px }
.ratings.star-3 { background-position: -47px 0 }
.ratings.star-3-5 { background-position: -47px -19px }
.ratings.star-4 { background-position: -23px 0 }
.ratings.star-4-5 { background-position: -23px -19px }
.ratings.star-5 { background-position: 0 -19px }

.cart-table tbody td p {color: #ed1c24; font-size: 12px}
.cart-table tbody td.description span { width: 42px; display: inline-block; text-align: right; }
.product-page .table td,
.product-page .table th { border-bottom-width: 1px; vertical-align: middle; text-align: center;}
.cart-table p,
.product-page .table td p {margin: 0;}

.cart-table.brand-2 thead th,
.cart-table.brand-2 tbody td { width: 20%;     text-align: center !important;}

.stepsBox {padding-top: 70px;}
.stepsBox .p-1:after {height: 1px; position: absolute; right: .25rem; left: .25rem; top:-35px; background: #979797; content: '';z-index: 1}
.stepsBox .p-1:before {height: 10px; position: absolute; right: .25rem; left: .25rem; top:-39px;  content: ''; border-left:1px solid #979797; border-right:1px solid #979797;z-index: 2}
.stepsBox .p-1 figure:after { position: absolute; top:-65px; content:'STEP'; text-align: center; background: #fff; width:50px; height:50px; border-radius: 50%; left: 50%; margin-left: -25px; z-index: 3;-webkit-box-shadow: 0px 0px 5px 0 rgba(0,0,0,0.1); box-shadow:0px 0px 5px 0 rgba(0,0,0,0.1); padding:28px 0 0 0; font-size: 10px; line-height: 1}
.stepsBox .p-1 figure:before {position: absolute; top:-61px; content:'1'; text-align: center; width:42px; height:42px; border-radius: 50%; left: 50%; margin-left: -21px; z-index: 4;font-size: 18px; color: #ed1c24; border:1px solid #ed1c24; line-height: 1.5}
.stepsBox .p-1 figure:before {content:'1'}
.stepsBox .p-1:nth-child(2) figure:before {content:'2'}
.stepsBox .p-1:nth-child(3) figure:before {content:'3'}
.stepsBox .p-1:nth-child(4) figure:before {content:'4'}
.stepsBox .p-1:nth-child(5) figure:before {content:'5'}
.stepsBox .p-1 figure { background:#fff; border:1px solid #dadada; padding: 4px; margin: 0; min-height: 100%; position: relative;}
.stepsBox .p-1 figure img { width: 100%; border-bottom: 3px solid #ed1c24 }
.stepsBox .p-1 figure figcaption {padding:10px 5px; font-size: 12px}
.stepsBox .p-1 figure figcaption p {margin: 0;}
.stepsBox .p-1 figure figcaption p span {color: #ed1c24}

.inner-images-container { position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: flex; align-items: center }
.inner-images-container h3 { color:#e03d3e; margin: 0;font-weight:400;font-family:'Tondo',sans-serif,Arial; text-transform: uppercase; }

.brLogo {position: absolute; right: 15px; bottom: 0; background: #fff; padding: 5px; border-radius: 10px 10px 0 0; overflow: hidden;}


.ImportantInstructions {border-width: 1px; border-color: rgb(240, 246, 253); border-style: solid; border-radius: 4px; }
.ImportantInstructions .bg-light {background-color: #fafbff !important}
.ImportantInstructionsList {list-style: none; margin: 0; padding:0;}
.ImportantInstructionsList li { padding: 2px 0 2px 30px; position: relative;}
.ImportantInstructionsList li:after {position: absolute; left: 5px; width: 14px; height: 14px; background-color: #3a28b0; content: '\f00c'; color: #fff; top: 4px;font-family: "Font Awesome 5 Free"; font-weight: bold; font-weight: bold; font-size: 10px; text-align: center;}
.ImportantInstructionsList li.dont:after {background-color: #ff0000; content: '\f00d';}
.ImportantInstructionsList li span {color: #3a28b0;font-family: 'Gotham Medium', sans-serif;}
.ImportantInstructionsList li.dont span {color: #ff0000}

.tag {background: #c00; color: #fff; width: 200px; position: absolute; top: 15px; left: -70px; text-align: center; line-height: 30px; font-size: 12px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); box-shadow: 2px 2px 5px rgba(0,0,0,.2); }
.closeAbsolute { position: absolute; right: 0; top: 10px; right: 10px; z-index: 9; }

.modal-backdrop.show { opacity: .8; }
@media (min-width: 1201px) {
.define-quantity {width: 80px;}
}
@media (max-width: 1200px) {
.desktopNav ul li>a {font-size: 11px; padding: 10px 7px 10px 7px}
}

@media (max-width: 992px) {

}

@media (max-width: 991px) {
.desktopNav {display: none;}
}
@media (min-width:768px) {
.homeBack {display: none;}
.MobileSummaryBtn {display: none;}
}

@media (max-width: 767px) {
.hideOnMobile {display: none !important}
#cart-box .cart-box {display: none !important;}
.top-icon-arye .list-inline-item:not(:last-child) {margin: 0}
.product-box1 .bottom-link a:last-child { font-size: 14px;}
.product-box1 figure figcaption>div div span.percents { font-size: 30px; line-height: 1}
.search-box {top: 77px; height: calc(100% - 77px);}
.homeBack { position: absolute; bottom: 50%; left: -15px; display: inline-block; background: rgba(44, 127, 185, .8) url(../images/home.svg) no-repeat 6px 9px/22px auto; padding: 0; z-index: 70; border-radius: 0 20px 20px 0; font-size: 0; height: 41px; width: 44px; }

#cart-box>a {background: #ffffff; right: 20px; bottom:60px; position: fixed; width: 60px; height: 60px; border-radius: 50%; text-align: center; padding: 14px 0; box-shadow: 0 0.5rem 1rem rgba(0,0,0,.15); border:2px solid #df3c3d;z-index: 99;}
.icon-custom.cart + span {top: 7px; right: 8px;}


.cart-list.tableQty table.table {font-size: 0;}
.cart-list.tableQty table.table thead {display: inline-block; width: 50%; text-align: left;}
.cart-list.tableQty table.table tbody {display: inline-block; width: 50%; text-align: left;}
.cart-list.tableQty table.table thead tr,
.cart-list.tableQty table.table tbody tr,
.cart-list.tableQty table.table thead tr th,
.cart-list.tableQty table.table tbody tr td {display: block;font-size: 12px}
.cart-list.tableQty table.table thead tr th,
.cart-list.tableQty table.table tbody tr td {padding-top: 3px; padding-bottom: 3px}
.cart-list.tableQty table.table tbody tr td {text-align: right !important; padding-right:15px}
.cart-list.tableQty.cart-list {background-color: #fff !important;border: 1px solid #ECF2F6; box-shadow: 0 0 4px 0 rgba(0,0,0,0.14); border-radius: 4px; overflow: hidden;}

.MobileSummaryBtn {display: block; left: 0; right: 0; position: fixed; bottom: 0; background-color: #dd4848; color: #fff; padding:15px 13px 10px; z-index: 99; text-transform: uppercase; font-family: 'Gotham Medium', sans-serif; overflow: hidden;box-shadow: 0px -0.25rem .25rem rgba(0,0,0,.075)!important;}
.MobileSummaryBtn:hover {color: #fff}
.MobileSummaryBtn span {float: left;}
.MobileSummaryBtn span:nth-child(2) {float: right;background: url(../images/downAw1.png) no-repeat right center; padding-right: 30px; }
.mobile-offer { background: rgba(241, 241, 241, .3); line-height: 1; padding: 10px 10px 7px!important; }
.cart-table tbody td p {text-align: left;}
.titleMob h1 {margin: 0;}
 .cart-table.brand-2 thead th,
 .cart-table.brand-2 tbody td { width: 25%; }

.stepsBox .p-1 figure  {min-height: inherit;}
.stepsBox {padding-left:60px; padding-top: 0; }
.stepsBox .p-1 {flex: 0 0 100%;}
.stepsBox .p-1:after {height: inherit; right: inherit; left:-35px; top: .25rem; bottom:  .25rem; width: 1px;}
.stepsBox .p-1:before {height: inherit; right: inherit; left:-39px; top: .25rem; bottom:  .25rem; width: 10px; border: 0; border-top:1px solid #979797; border-bottom:1px solid #979797;}
.stepsBox .p-1 figure:after {left:-65px; top:50%; margin:-25px 0 0 0;}
.stepsBox .p-1 figure:before {left:-61px;top:50%;margin:-21px 0 0 0;}
}


.bg-light2 { background-color: #fefefe !important; }
.bg-light2 .bg-light { background-color: #fbfbfb !important; }
.fs-12 { font-size: 12px; }
.fw-600 { font-weight: 600; }

.TransactionsAdress {position: relative;}
.TransactionsAdress h3 {cursor: pointer;}
.TransactionsAdress:after {background: url(../images/down-arrow.png) no-repeat center; content:''; position: absolute; width:  16px; height: 10px; right: 10px; top: 15px; cursor: pointer;}
.transactions-list.open .TransactionsAdress:after {transform: rotate(180deg);}
.TransactionsAdress .TransactionsdetailsBox {display: none;}
.transactions-list.open .TransactionsAdress .TransactionsdetailsBox {display: block;}
.transactions-list.open .TransactionsAdress h3 {padding-bottom: 0 !important}

.TransactionsdetailsBox .col span {display: block; color: #212529;font-size: 14px; font-weight: 600}
.TransactionsdetailsBox .col {font-size: 12px;}
.TransactionsdetailsBox .row  { border-top: 1px dashed #efefef; }


@media (min-width: 768px){
 .TransactionsdetailsBox .row + .row span { display: none; }
 .TransactionsdetailsBox .row + .row span.priceBox {display: inline-block; width:38px; text-align: right; font-weight: 400} 
 }
 
 @media (max-width:767px){
.TransactionsMainGridHead .col {-ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%;}
 .TransactionsdetailsBox .col {-ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%;}
.TransactionsdetailsBox .TransactionsGrid:nth-child(even) {background-color: #f9f9f9}
.brLogo  {max-width: 100px}
}



/*new css*/
.bg-total {background: #f9fafe}
a.close-btn { right: 8px; top: 10px; position: absolute; content: ''; background: #fff url(../images/close_icon.png) no-repeat center; width: 26px; height: 26px; z-index: 9; cursor: pointer; font-size: 0; text-indent: -9999px; background-size: 16px auto; }

.productPageCoupon {border:1px dashed #ced4da}
.productPageCoupon.OrangeBox {border:1px dashed #f88358}
.productPageCoupon.RedBox {border:1px dashed #ff0000}
.border-dashed-green {border:1px dashed #28a745}
.productPageCoupon.GreenBox {border:1px dashed #e2efff !important; background: #f9fafe}
.productPageCoupon.GreenBox label {color: #28a745}
.productPageCoupon.GreenBox .custom-control-input:checked~.custom-control-label::before {content: "\f00c";  font-family: "Font Awesome 5 Free"; font-size: 11px; text-align: center; color: #fff; border-color: #28a745; background-color: #28a745; font-weight: 700}
.productPageCoupon.GreenBox .custom-checkbox .custom-control-label::before {border-radius: 0}
.productPageCoupon.GreenBox .custom-radio .custom-control-input:checked~.custom-control-label::after {display: none;}

.productPageBoxNew {border: 1px solid #e2efff; border-bottom: 0}
.productPageBoxNew .voucherGread {border-bottom: 1px solid #e2efff;}
.productPageBoxNew .voucherGread .VoucherBox {background: #f3f5ff;width: 154px;border-radius: 4px;color: #e40001;font-weight:500;font-size:35px;white-space: nowrap;padding: 5px 20px;position: relative;overflow: hidden; letter-spacing: -1px}
.productPageBoxNew .voucherGread .VoucherBox:before {width: 26px; height: 26px; border-radius: 50%; left: -16px; top: 50%; margin-top: -13px; content:''; background: #fff; position: absolute;}
.productPageBoxNew .voucherGread .VoucherBox:after {width: 26px; height: 26px; border-radius: 50%; right: -16px; top: 50%; margin-top: -13px; content:''; background: #fff; position: absolute;}
.productPageBoxNew .voucherGread .define-quantity {background: transparent;border:0;}
.productPageBoxNew .voucherGread .define-quantity input {font-weight: 500; font-size: 16px; color:#e03d3e; line-height: 1; padding: 0; border: 0}
.productPageBoxNew .voucherGread .define-quantity span {background: transparent; border-color: #e2efff;font-size: 0; line-height: 0;}
.productPageBoxNew .voucherGread .voucherSS-price .d-flex>div:nth-child(1) {width: 100px;}

@media (max-width:575px){

.productPageBoxNew .voucherGread .VoucherBox {width: 106px; font-size: 26px;padding: 5px 15px;}
.productPageBoxNew .voucherGread .voucherSS-price .d-flex>div {font-size: 12px;text-transform: capitalize;}
.productPageBoxNew .voucherGread .voucherSS-price .fs-11 {font-size:9px}
.productPageBoxNew .voucherGread .voucherSS-price .d-flex>div:nth-child(1) { width: 85px; }
.productPageBoxNew .voucherGread .btn {padding: 5px 10px !important; font-size: 14px;}
}

@media (max-width:419px){
.productPageBoxNew .voucherGread .col-3.text-center {padding-left: 5px}
.productPageBoxNew .voucherGread .VoucherBox {width: 90px; font-size: 22px; padding: 5px 15px;}
.productPageBoxNew .voucherGread .VoucherBox:before{left: -20px;}
.productPageBoxNew .voucherGread .VoucherBox:after{right: -20px;}
}





.itemAddedAlert{position:fixed;text-align:center;bottom:-170px;left:0;width:100%;z-index:999;transition:all .7s;}
.itemAddedAlert.active{bottom:30px;}
.itemAddedAlert div{display:inline-block;background:#212121;color:#fff;font-size:16px;padding:10px 15px;line-height:24px;border-radius:4px;}
.itemAddedAlert div i{font-size:24px;margin-right:10px;clear:both;}
.itemAddedAlert div span{display:inline-block;}



.mnemonics {margin: 0; padding:0;vertical-align: middle; white-space: nowrap; margin: 15px 0 -30px; text-align:center;}
.mnemonics li {display:inline-block; background: #fff; border: 1px solid #e2efff; border-radius: 25px; font-size: 13px; padding: 5px 10px 5px 15px;vertical-align: middle; white-space: nowrap; margin-right:5px;}
.mnemonics li img {display: inline-block; vertical-align: middle;}
.mnemonics li span {display: inline-block; padding:0 25px 0 10px;vertical-align: middle; background: url(images/check-icon.png) no-repeat right center; color: #019913;}
.mnemonics li.donotUse img {opacity: 50%;filter: grayscale(100%);}
.mnemonics li.donotUse span {color: #fe355c; background-image: url(images/cross-icon.png);}
.border-new {    border: 1px solid #e2efff; border-top:0;}

@media (max-width: 767px) {
.mnemonics li {margin:0; font-size: 12px; padding: 3px 8px 3px 10px;}
.mnemonics li span {padding: 0 18px 0 5px;}
.mnemonics { overflow: hidden; overflow-x: auto; }
}