@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;700;800&display=swap');
*{ margin:0; padding:0; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; outline:none; }
html,body { /*background-color:#fbfbfb;*/ color:#494949; font:400 16px 'Open Sans', sans-serif; margin:0; padding:0; }
img{ max-width:100%; height:auto;}
.text-center{text-align: center;}

a,a:focus,a:visited,a:hover{color:var(--bluecolor); outline:none; text-decoration:none;transition: all linear .3s;-o-transition: all linear .3s;    -ms-transition: all linear .3s;-moz-transition: all linear .3s;-webkit-transition: all linear .3s;}
p{margin-bottom:25px;line-height: 1.6;}
p:empty{display:none;}
ul{margin:0;padding:0;list-style:none;}
h1, h2, h3, h4, h5, h6, .h3 { margin:0; padding:0; font-family:'Open Sans', sans-serif; font-weight:bold; color: var(--blackcolor); }
h1 { font-size:44px; line-height:1.1; margin-bottom:15px; font-weight:700; }
h2 { font-size:37px; font-weight:700; margin-bottom:30px;line-height:1.3; }
h5 { font-size:18px; }
.h3 { font-size:30px; margin:0 0 25px; }

:root {
  --bluecolor:#001B34;
  --orangeBtn: #d76622;
  --orangeBtnHover: #f97e34;
  --greycolor: #888888;
  --blackcolor:#000000;
  --lightgrey:#f2f1f1;
  --grey2:#d6dadd;
  --whitecolor:#FFFFFF;
  --fontsmall:14px;
}

.error{color:red;}
input, textarea, button{ font-family:'Open Sans', sans-serif; }
.clear {clear: both;}
.flLeft {float: left;}
.flRight {float: right;}
.pagewrap{width: 100%;float: left;margin: 0;padding: 0;}
.sitewrapper{width:1400px; max-width:100%; margin:0 auto; clear:both;position: relative;padding: 0 15px;}
.sitewrapper::after {clear: both; content: ""; display: table; margin: 0; padding: 0;width: 100%;}
a.newbtn{color: #ffffff;}
.newbtn {width: 311px;font-weight: 700;font-size: 29px; background: var(--orangeBtn);color: #ffffff;outline: none;border-radius: 5px;display: inline-block;padding: 0 15px 0 15px;line-height: 84px;text-align: center;}
.newbtn:hover {background: var(--orangeBtnHover); color: #ffffff;}

.cartn .newbtn{font-size: 16px; line-height:44px; font-weight:600; width: auto; padding: 0 25px; margin-right:30px;}

.page-content { padding:20px 0; }
.container::after { display:block; content:""; width:100%; clear:both; }

body { padding-top:73px; }
.header { background:#fff; padding:15px 0; box-shadow:0 0 23px rgba(0,0,0,0.1); position:fixed; top:0; width:100%; z-index:9;  }
.header .logo { float:left; }
.header .cartn { float:right; position:relative; display: flex; align-items: center;     margin-top: 2px; } 
.header .cartn a.cart-icon { background:url(../images/wishlist.png) no-repeat 0 0; display:block; height:35px; width:40px; }
.header .cartn .total-items-cart { background:#7f7f7f; border-radius:100px; height:20px; width:20px; display:block; position:absolute;  top:auto; right:0;  bottom:0; text-align:center; color:#fff!important; line-height:20px; }

.herowrap {position: relative;}
.herowrap .owl-dots {display: none;position: absolute;bottom: 8px;left: 0;right: 0;}
.herowrap .beforeimg, .herowrap .afterimg {position: absolute;top: 0;font-size: 55px;font-weight: 600;z-index: 2;color: #fff;background: #9a9088;line-height: 1;min-width: 250px;height: 80px;display: flex;align-items: center;justify-content: center;}
.btncircle .owl-nav {position: static ;top: 0;bottom: 0;margin: auto;/*height: 54px;*/width: 100%;left: 0;right: 0;display: flex;justify-content: space-between;padding: 0 50px;}

.afbtns {z-index: 2;  height: 39px;  border-radius: 8px;  display:flex;  position: absolute;  top: 30px;
  bottom: 3%;  left: 30px;  right: auto;  overflow: hidden;}
.before-after-button.before-button  {    border-top-left-radius: 7px;    border-bottom-left-radius: 7px;  }
.before-after-button{ width: 75px; color: #000; background-color: #fcfcfc; border-radius: 0;    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;  transition: width .2s,color .2s,background-color .2s;}
.w-button{color: #fff;line-height: inherit; cursor: pointer; background-color: #3898ec; border: 0; border-radius: 0; padding: 9px 15px;
      text-decoration: none; display: inline-block;    }

.before-after-button.after-button.before-after-button-active, .before-after-button.before-button.before-after-button-active {width: 85px; color: #fff; background-color: #1b1f32;   font-weight: 700; }
.before-after-button.after-button{ border-top-right-radius: 7px; border-bottom-right-radius: 7px;}
.before-after-button{width: 75px; color: #000; background-color: #fcfcfc; border-radius: 0;  border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;  transition: width .2s,color .2s,background-color .2s;}
.btncircle .owl-carousel .owl-nav button span:before, 
.btncircle .owl-carousel .owl-nav button span:before {display: none;}
.btncircle .owl-carousel .owl-nav button.owl-next, 
.btncircle .owl-carousel .owl-nav button.owl-prev {width: 53px;height: 53px;border: solid 2px #fff;border-radius: 50%;position: absolute; top: 0;margin: auto;
  bottom: 0;}
  .btncircle .owl-carousel .owl-nav button.owl-prev{left: 5px;}
  .btncircle .owl-carousel .owl-nav button.owl-next{right:5px;}
  .collections.btncircle .owl-carousel .owl-nav button.owl-prev{left: 5px;}
.btncircle .owl-carousel .owl-nav button.owl-next:hover, 
.btncircle .owl-carousel .owl-nav button.owl-prev:hover{background-color: #fff;}
.collections h2.text-center{display: none;}
.btncircle .owl-carousel .owl-nav button:before, 
.btncircle .owl-carousel .owl-nav button:before {background-image: url(../images/arrow.png);background-repeat: no-repeat;height: 28px;width: 17px;position: absolute;content: "";left: 0;right: 0;top: 0;margin: auto;bottom: 0;}
.btncircle .owl-carousel .owl-nav button.owl-prev:before{background-position: 0 0;}
.btncircle .owl-carousel .owl-nav button.owl-prev:hover:before{background-position:0 -28px;}
.btncircle .owl-carousel .owl-nav button.owl-next:hover:before {background-position:-16px -28px;}
.btncircle .owl-carousel .owl-nav button.owl-next:before{background-position:-16px 0;left: 3px;}

.animte {background-image: linear-gradient(-245deg, #fff 0%, #fff 33%, #ccc 66%, #fff 100%
  );  background-size: auto auto;  background-clip: border-box;  background-size: 200% auto;  color: #fff;
  background-clip: text;  text-fill-color: transparent;  -webkit-background-clip: text;  -webkit-text-fill-color: transparent;  animation: textclip 1s linear infinite;  display: inline-block;}

@keyframes textclip {
  to {background-position: 200% center;}
}
.herowrap .beforeimg{left: 0;}
.herowrap .afterimg{right: 0;}
.herowrap .item .btnwrap {position: absolute;bottom: 42px;left: 0;right: 0;width: auto;text-align: center;}
.herowrap .slides img {width: 100%;}

.collections .our-collection {padding:10px 20px;overflow: hidden;}
.collections .owl-dots{display: none;}
.collections h2{color: var(--blackcolor); margin-bottom: 6px;}
.our-collection .owl-stage-outer{overflow: visible;}
.our-collection .slides{border:solid 5px #fff;border-radius:20px;overflow:hidden;box-shadow:1px 0px 14px 3px rgb(0 0 0 / 10%); position: relative; height: 204px;}
.our-collection .slides img {width: 100%;margin-top: -35px;}
.our-collection .slides span{position: absolute; bottom: 0; width: 100%; background-color: #1b1f3273; text-align: center; font-weight: 700;
  height: 40px; color: #fff; line-height: 40px;  font-size: 20px;   }
.our-collection .slides:hover span{background: #000101; color: #fff;}
.collections.btncircle .owl-nav {padding: 0 6px;height:0px;}
.collections.btncircle .owl-carousel .owl-nav button.owl-next, 
.collections.btncircle .owl-carousel .owl-nav button.owl-prev{width: 38px;height: 38px;background-color: #fff;box-shadow: 2px 0px 6px rgb(0 0 0 / 25%);}
.collections.btncircle .owl-carousel .owl-nav button.owl-next:hover, 
.collections.btncircle .owl-carousel .owl-nav button.owl-prev:hover{background-color: #f2f2f2;}
.collections.btncircle .owl-carousel .owl-nav button.owl-prev:hover:before{background-position: 0 0;}
.collections.btncircle .owl-carousel .owl-nav button:before, 
.collections.btncircle .owl-carousel .owl-nav button:before{height:19px;width:11px;background-image:url(../images/arrow2.png);}
.collections.btncircle .owl-carousel .owl-nav button.owl-next:before{background-position: -13px 0;}
.collections .owl-carousel .owl-nav button span{display: none;}
.slides.beforeimage{-webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out;  -o-transition: all 0.5s ease-in-out;  transition: all 0.5s ease-in-out; opacity: 1;}
/*.hero-slider.owl-carousel{margin-top:15px; border-radius: 20px;box-shadow: 0 10px 60px rgba(0,34,102,.2);}
.hero-slider.owl-carousel .owl-item{border-radius: 20px; overflow: hidden;}*/

.footer {border-top: solid 1px #ededed;text-align: center;padding: 27px 0;}
.footer .copyright {margin-top:0px;color: rgb(0 0 0 / 50%);}
.footer .logo{display: none;}

.page-banner{ clear:both; position:relative;}
.product-list-bg { background: url(../images/product-list-banner.jpg) no-repeat center center; background-size:cover; height:120px; display: none;}
.banner-caption { position: absolute; left: 0; top: 50%; transform: translateY(-50%); display: inline-block; text-align: center; width: 100%; padding: 0 15px; }
.caption-heading { font-size:30px; color: var(--blackcolor); line-height:1; margin:0 0 10px 0;}
.caption-subheading { font-size:18px; color: var(--blackcolor); line-height:1; margin:0; letter-spacing: 0; text-indent: 18px;font-weight: 600;}
.productlist-page { padding:30px 0; }
.product-list-breadcrum{ display:block;}
.product-list-breadcrum .breadcrumb-item + .breadcrumb-item::before{margin-top:8px;}
.productlist-page .loader{ padding-bottom: 25px; min-height:400px; }
.productlist-page .loader img{max-width:70px;margin: 125px auto 0;  display: block;}


.breadcrumb{ font-size:var(--fontsmall);}
.breadcrumb > .breadcrumb-item > a{color: var(--greycolor);}
.breadcrumb > .breadcrumb-item.active{color:var(--blackcolor);}
.kidsbanner{ clear:both;}
.product-search{ width:350px; border-radius:7px; background-color: var(--lightgrey); border:1px solid var(--grey2); position:relative;}
.product-search .form-control{border: 0; padding: 7px 15px 7px 0; border: 1px solid #ccc; position: relative; background: transparent;}
/*.product-search .form-control ~ .focus-bg{position: absolute; left: 0; top: 0; width: 0; height: 100%; background-color: #FFFFFF; transition: 0.3s; z-index: 1;}*/
.product-search .autocomplete-items{height:auto; overflow: hidden; overflow-y: hidden;overflow-y: scroll;max-height:calc(100vh - 49vh);scrollbar-width: thin;scrollbar-color: #707070 #F2F2F2;}
.product-search #searchButton:active, .product-search #searchButton:focus{outline: none!important; border: none!important;}
.product-search .form-control:focus ~ .focus-bg{transition: 0.3s; width: 100%;}
.product-search .input-group-text{ border:0; background-color: transparent; height:45px;   position: relative; z-index: 2;}
.product-search .input-group-text svg{ width:15px; height:auto;}
.product-search .form-control{ border:0; background-color: transparent; outline:none; box-shadow:none; color: var(--greycolor); font-size:var(--fontsmall);}
.product-search .form-control::placeholder{color: var(--greycolor); }
.product-search .btn svg { fill:var(--greycolor); height:20px; width:auto; }
.show-results { font-size:var(--fontsmall); color:var(--blackcolor); }
.showresult-numbers { color:var(--orangeBtn); }
ul.product-listing { margin:0 -15px; }
ul.product-listing > li{ margin:0px 0 30px 0; padding:0 15px; width:25%; transition: all linear .3s;}
ul.product-listing > li:hover .product-list-imgwrap{ box-shadow: 0px 0px 20px rgba(0,0,0,0.18); transition: all linear .3s;}
ul.product-listing .product-wishlist { background:url(../images/wishlist.png) no-repeat 0 0; display:block; height:35px; width:40px; transition:inherit; transform:scale(0.6); transform-origin:right; }
/*ul.product-listing .product-wishlist:hover { background-position:right 0; }*/
ul.product-listing .product-wishlist.active { background-position:right 0; }

.product-list-imgwrap{ clear:both; width:100%; clear:both; border-radius:8px; border:1px solid  var(--grey2); overflow:hidden; /*min-height: 200px;*/ }
.product-list-img { margin:0 auto; display: block; }
.product-list-description { font-size:var(--fontsmall); color: var(--greycolor); }
.product-list-id{font-size:var(--fontsmall); color:var(--bluecolor)/*var(--orangeBtn)*/; position:relative; display:inline-block; padding-left:24px; word-wrap: anywhere;}
.product-list-id:before{background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='16px' height='16px' viewBox='0 0 16 16' enable-background='new 0 0 16 16' xml:space='preserve'%3E%3Cg%3E%3Cg%3E%3Cpath fill='%23d96f2f' d='M12.659,5.921c0-0.166-0.012-0.323-0.036-0.467c-0.215-1.293-1.322-2.233-2.632-2.233H7.297 c-1.489,0-2.979,0-4.468,0.001c-0.13,0-0.263,0.011-0.397,0.031c-1.01,0.153-1.715,0.713-2.096,1.663 C0.257,5.114,0.22,5.319,0.185,5.518c-0.016,0.086-0.03,0.168-0.048,0.25L0.131,5.792v7.352l0.002,0.018 c0.008,0.054,0.015,0.109,0.022,0.163c0.017,0.125,0.033,0.255,0.062,0.385c0.268,1.19,1.366,2.053,2.613,2.053h0.024 c0.69-0.007,1.436-0.009,2.345-0.009c0.556,0,1.111,0.001,1.667,0.002c0.557,0.001,1.112,0.001,1.669,0.001h0.126 c0.161,0,0.322,0.003,0.478,0.007c0.159,0.003,0.323,0.007,0.484,0.007c0.259,0,0.47-0.009,0.667-0.028 c1.349-0.13,2.366-1.272,2.367-2.656C12.663,10.604,12.661,8.087,12.659,5.921z M11.018,9.558v2.108 c0.001,0.465,0.001,0.946-0.001,1.419c-0.002,0.498-0.313,0.893-0.791,1.004c-0.114,0.025-0.242,0.025-0.38,0.027H9.805 c-0.588,0.001-1.177,0.001-1.765,0.001H6.634L6.4,14.114c-0.351,0-0.702-0.001-1.053-0.002c-0.351-0.001-0.702-0.002-1.053-0.002 c-0.554,0-1.009,0.003-1.432,0.009H2.844c-0.295,0-0.557-0.104-0.752-0.303c-0.206-0.205-0.317-0.494-0.316-0.81 c0.007-1.622,0.006-3.27,0.005-4.864C1.78,7.407,1.78,6.672,1.78,5.937c0-0.54,0.311-0.934,0.833-1.054 c0.051-0.012,0.119-0.012,0.18-0.012c0.001,0,0.001,0,0.002,0h2.184c0.565,0.001,1.13,0.001,1.695,0.001 c1.335,0,2.359-0.002,3.317-0.007c0.27,0,0.534,0.113,0.729,0.31c0.193,0.193,0.299,0.454,0.299,0.73 C11.017,7.123,11.017,8.361,11.018,9.558z'/%3E%3C/g%3E%3C/g%3E%3Cpath fill='%23F04F4F' d='M15.742,3.704v6.36l-0.006,0.024c-0.019,0.089-0.033,0.182-0.049,0.278c-0.037,0.222-0.074,0.45-0.163,0.669 c-0.375,0.922-1.071,1.471-2.065,1.63c-0.069,0.012-0.142,0.023-0.216,0.031c-0.021,0.002-0.043,0.003-0.067,0.003h-0.041 c-0.012-0.001-0.024-0.001-0.038-0.001h-0.234V11.07l0.222-0.011c0.314-0.015,0.564-0.135,0.762-0.365 c0.161-0.188,0.243-0.412,0.243-0.664l0.001-0.396c0.002-1.946,0.006-3.958-0.001-5.937c-0.003-0.937-0.722-1.76-1.637-1.874 c-0.145-0.018-0.301-0.025-0.511-0.025c-0.093,0-0.186,0.001-0.278,0.003c-0.096,0.001-0.191,0.002-0.287,0.002h-0.412 c-0.891-0.001-1.782-0.001-2.675-0.001c-0.792,0-1.585,0-2.378,0.002C5.306,1.807,4.917,2.176,4.847,2.82L4.824,3.029H3.216 l0.003-0.238c0.01-0.51,0.14-0.967,0.389-1.357c0.532-0.837,1.287-1.263,2.24-1.267c0.93-0.003,1.89-0.005,2.935-0.005 c1.033,0,2.16,0.001,3.448,0.005c0.95,0.002,1.779,0.355,2.465,1.047c0.63,0.634,0.975,1.412,1.02,2.308 c0.001,0.029,0.007,0.064,0.013,0.101c0.003,0.022,0.007,0.043,0.01,0.064L15.742,3.704z'/%3E%3C/svg%3E"); content:""; display:block; position:absolute; left:0; top:0px; width:16px; height:16px; background-position:center center; background-repeat:no-repeat; background-size:100% auto;}
.product-list-id:hover{color:var(--orangeBtn);}
.product-list-message{font-size:var(--fontsmall); color:var(--orangeBtn);}
.product-list-message:before{background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='17px' height='17px' viewBox='0 0 17 17' enable-background='new 0 0 17 17' xml:space='preserve'%3E%3Cg%3E%3Cg%3E%3Cpath fill='%23B3B3B3' d='M14.996-0.004H1.666c-0.908,0.01-1.654,0.76-1.659,1.68v10.402c0.005,0.925,0.751,1.675,1.659,1.68h1.293 v2.348c-0.005,0.252,0.102,0.493,0.284,0.663c0.163,0.149,0.37,0.231,0.593,0.231c0.244,0,0.482-0.108,0.649-0.288l3.039-2.954 h7.471c0.913,0,1.654-0.755,1.659-1.68V1.68C16.649,0.755,15.909,0,14.996-0.004z M14.895,11.979H7.169 c-0.229,0-0.441,0.087-0.609,0.247l-1.846,1.793v-1.15c0-0.488-0.391-0.889-0.878-0.889H1.762V1.778h13.132V11.979z'/%3E%3C/g%3E%3C/g%3E%3Cpath fill='%23B3B3B3' d='M13.428,5.035c-0.025,0.457-0.38,0.822-0.852,0.842H4.07c-0.466,0-0.852-0.37-0.877-0.842 C3.167,4.542,3.542,4.12,4.024,4.1L4.07,4.095L4.095,4.1h8.496C13.079,4.12,13.454,4.542,13.428,5.035z'/%3E%3Cpath fill='%23B3B3B3' d='M11.892,8.271c0,0.493-0.396,0.889-0.883,0.889H4.095c-0.482,0-0.877-0.396-0.877-0.889 s0.396-0.889,0.877-0.894h6.914C11.496,7.382,11.892,7.778,11.892,8.271z'/%3E%3C/svg%3E"); content:""; display:block; width:16px; height:16px; background-position:center center; background-repeat:no-repeat; background-size:100% auto;}
.left-panel-title{background-color: var(--lightgrey); border: 1px solid var(--grey2); border-radius:7px; padding:12px 20px;}
.left-panel-wrap{border-color:var(--grey2)!important; position: sticky; top: 110px;}
.left-panel-accordion .accordion-item{border:0;}
.left-panel-accordion .accordion-button{ padding:10px 10px;}
.left-panel-accordion .accordion-button:not(.collapsed){ background-color:transparent; box-shadow:none; }
.left-panel-accordion .accordion-button:focus{ box-shadow:none;}
ul.category-check-listing > li{margin:0 0 10px 0;}
ul.category-check-listing > li:last-child{margin:0;}
.checklist{position:relative; color:var(--greycolor); padding:0 2em 0 1.5em;}
.no-of-products{ position:absolute; right:0; top:-2px; width:30px; height:30px; border-radius:100%; line-height:30px; text-align:center; background-color: var(--orangeBtn); color:var(--whitecolor); font-size:var(--fontsmall); }
.form-check-input:focus{box-shadow:none;}
.form-check-input:checked{ border-color:var(--grey2); background-color:transparent;}
.form-check-input:focus{border-color:var(--grey2);}
.form-check-input:checked[type="checkbox"]{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23001B34' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e")}
.form-check-input:checked[type="checkbox"] + .form-check-label{color:var(--bluecolor); font-weight:bold;}
.form-check-input:checked[type="checkbox"] + .no-of-products{display:block;}
.accordion-button::after{background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='15px' height='10px' viewBox='0 0 15 10' enable-background='new 0 0 15 10' xml:space='preserve'%3E%3Cpath d='M7.264,6.156c1.694-1.638,3.346-3.232,4.993-4.833c0.417-0.405,0.883-0.583,1.458-0.373 c0.869,0.317,1.127,1.356,0.478,2.004c-0.908,0.906-1.838,1.791-2.76,2.684c-1.03,0.998-2.084,1.974-3.084,2.999 c-0.667,0.684-1.525,0.625-2.15,0.009C4.314,6.789,2.402,4.958,0.497,3.119c-0.393-0.379-0.61-0.803-0.441-1.351 C0.335,0.864,1.48,0.553,2.177,1.216C3.579,2.551,4.964,3.903,6.354,5.25C6.655,5.542,6.948,5.841,7.264,6.156z'/%3E%3C/svg%3E"); background-size:15px auto; background-position:center center;}
.accordion-button:not(.collapsed)::after{background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='15px' height='10px' viewBox='0 0 15 10' enable-background='new 0 0 15 10' xml:space='preserve'%3E%3Cpath d='M7.264,6.156c1.694-1.638,3.346-3.232,4.993-4.833c0.417-0.405,0.883-0.583,1.458-0.373 c0.869,0.317,1.127,1.356,0.478,2.004c-0.908,0.906-1.838,1.791-2.76,2.684c-1.03,0.998-2.084,1.974-3.084,2.999 c-0.667,0.684-1.525,0.625-2.15,0.009C4.314,6.789,2.402,4.958,0.497,3.119c-0.393-0.379-0.61-0.803-0.441-1.351 C0.335,0.864,1.48,0.553,2.177,1.216C3.579,2.551,4.964,3.903,6.354,5.25C6.655,5.542,6.948,5.841,7.264,6.156z'/%3E%3C/svg%3E");}
#accessories1{ height:auto; overflow: hidden; overflow-y: hidden;overflow-y: scroll;max-height:calc(100vh - 50vh);scrollbar-width: thin;scrollbar-color: #707070 #F2F2F2;} 
/* cart */
.cart_table.emptycart tbody tr:first-child td {height: 400px; text-align: center;   font-size: 22px;}
.cart_table th { font-size:18px; }
.cart_table td { vertical-align:middle; }
.cart_table .product_item { font-weight:bold; }
.cart_table .product_image { max-width:150px; margin:0 20px 0 0;border-radius: 5px;  border: 1px solid #efefef; }
.cart_table textarea { height:80px; width:90%; padding:15px; border:1px solid #ccc; resize:none; }
.cart_table .remove { display:inline-block; font-size:0; height:25px; width:25px; position:relative; }
.cart_table .remove::before,
.cart_table .remove::after { content:""; position:absolute; left:50%; height:100%; width:4px; background:#000; top:50%; transform:translate(-50%, -50%) rotate(45deg); }
.cart_table .remove::after { transform: translate(-50%, -50%) rotate(-45deg); }
.cart_table .remove:hover::before,
.cart_table .remove:hover::after { background:#ff0000; }
.cart_table tr:last-child td { border-bottom:0; }

.contact_sec .contact_image { background:url(../images/contact_image.jpg) no-repeat 0 0 / cover; height:100%; margin-right:calc(-.5 * var(--bs-gutter-x)); }
.contact_sec .contact-form { margin-left:calc(-.5 * var(--bs-gutter-x)); padding:40px; box-shadow:0 0 15px rgba(0,0,0,0.05); } 
.contact_sec .contact-form .form_title { text-align: center; margin-bottom: 20px; font-size: 30px; font-weight: bold; }
.contact_sec .contact-form ul { margin:0; padding:0; list-style:none; }
.contact_sec .contact-form ul li { margin:15px 0; }
.contact_sec .contact-form label { display:block; font-size:16px; margin:0 0 5px; }
.contact_sec .contact-form label span { color:#ff0000; }
.contact_sec .contact-form input[type="text"],
.contact_sec .contact-form input[type="email"],
.contact_sec .contact-form textarea { border:1px solid #6a6a6a; color:#000; border-radius: 3px; padding: 10px; width: 100%; font: 300 14px/1.2 'Open Sans', sans-serif; height: 48px; }
.contact_sec .contact-form textarea { height:100px; }
.contact_sec .contact-form ::placeholder { color:#000; opacity: 1; }
.contact_sec .contact-form :-ms-input-placeholder { color:#000; }
.contact_sec .contact-form ::-ms-input-placeholder { color:#000; }

.cart_form{margin-bottom: 55px;} 

.modal-dialog { max-width: 800px; position: fixed; text-align:center; transform: translate(-50%, -50%) !important; margin: auto; width: 80%; left: 50%; top: 50%; } 
.modal-dialog .modal-header,
.modal-dialog .modal-body { padding:0; }
.modal-dialog button.close { position:absolute; right:5px; top:-15px; z-index:9; background:none; border:0; font-size:50px; }

.custom-select{padding:11px 30px 11px 15px; background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='15px' height='10px' viewBox='0 0 15 10' enable-background='new 0 0 15 10' xml:space='preserve'%3E%3Cpath d='M7.264,6.156c1.694-1.638,3.346-3.232,4.993-4.833c0.417-0.405,0.883-0.583,1.458-0.373 c0.869,0.317,1.127,1.356,0.478,2.004c-0.908,0.906-1.838,1.791-2.76,2.684c-1.03,0.998-2.084,1.974-3.084,2.999 c-0.667,0.684-1.525,0.625-2.15,0.009C4.314,6.789,2.402,4.958,0.497,3.119c-0.393-0.379-0.61-0.803-0.441-1.351 C0.335,0.864,1.48,0.553,2.177,1.216C3.579,2.551,4.964,3.903,6.354,5.25C6.655,5.542,6.948,5.841,7.264,6.156z'/%3E%3C/svg%3E"); background-size: 11px auto;  background-position: right 10px center; background-repeat:no-repeat;}
.custom-select:focus{ outline: none; box-shadow: none;}
.sortby-label{font-size:14px;}
.sortbywrap .custom-select{background-color: var(--lightgrey); font-size:14px;width: 120px;}

.imageModal button.close{ right:20px; top: 0;}
.imageModal .imageBox{display:flex; align-items:center; justify-content:center; border-radius: 10px 10px 0 0; overflow: hidden; /*max-height:calc(100vh - 330px); min-height:calc(100vh - 330px); overflow-y:auto;*/ height: 590px; border-radius: 10px;}
.imageModal .imageBox img.gallery-img {max-width:100%; height:auto; /*max-height:calc(100vh - 200px);*/}
.imageModal .prev,.imageModal .next{position:absolute; left:20px; top:50%; width:38px; height:38px; border-radius:100%; font-size: 0; rotate: 90deg; margin-top: -38px; background-color: #fff; box-shadow: 2px 0px 6px rgb(0 0 0 / 25%); border: solid 2px #fff;}
.imageModal .prev:before,.imageModal .next:before{content:""; display:block; width:100%; height:38px; background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='15px' height='10px' viewBox='0 0 15 10' enable-background='new 0 0 15 10' xml:space='preserve'%3E%3Cpath d='M7.264,6.156c1.694-1.638,3.346-3.232,4.993-4.833c0.417-0.405,0.883-0.583,1.458-0.373 c0.869,0.317,1.127,1.356,0.478,2.004c-0.908,0.906-1.838,1.791-2.76,2.684c-1.03,0.998-2.084,1.974-3.084,2.999 c-0.667,0.684-1.525,0.625-2.15,0.009C4.314,6.789,2.402,4.958,0.497,3.119c-0.393-0.379-0.61-0.803-0.441-1.351 C0.335,0.864,1.48,0.553,2.177,1.216C3.579,2.551,4.964,3.903,6.354,5.25C6.655,5.542,6.948,5.841,7.264,6.156z'/%3E%3C/svg%3E"); background-size: 19px auto;  background-position: left 8px center; background-repeat:no-repeat;}
.imageModal .prev:hover,.imageModal .next:hover{background-color: #f2f2f2;}
.imageModal .next{left:auto; right:20px; rotate: -90deg;}
.imageModal .modal-header{border:0;}
.imageModal .product-infos{padding:12px 20px;position: absolute; bottom: 0; width: 100%;  background: #00000012;}
.imageModal .product-infos .sub-category{font-size:14px; text-align:left; display: block; width: 100%;}
.imageModal .product-infos .product-wishlist { background:url(../images/wishlist.png) no-repeat 0 0;  display:block; height: 35px;  width: 40px;  transition: inherit;  transform: scale(0.6);  transform-origin: right; margin-left: 20px;}
/*.imageModal .product-infos .product-wishlist:hover { background-position:right 0; }*/
.imageModal .product-infos .product-wishlist.active { background-position:right 0; }
.product-list-title{ position:relative; padding-right:40px;}
.product-list-title a{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;}
.product-listing .sub-category{  font-size: 14px;}
.product-list-title .addToCartBtn{ position:absolute; right:0; top:-6px;}
.imageModal .product-list-description.attribute{text-align: left;}

#scrollToTop { display: none;  position: fixed;  bottom: 20px;  right: 20px;  background: url(../images/arrowhead-up.png) center no-repeat var(--orangeBtn);  color: #fff;
  border: none;  border-radius: 5px;  width:50px; height:50px; cursor: pointer;background-size: 35px;}
  
@media screen and (min-width:1600px) {
.productlist-page .container { max-width:100%; width:100%; padding:0 100px; }
}

@media screen and (min-width:1550px) {
 }

@media (min-width: 1400px) {
  .page-container .container{max-width: 1200px;}
  .page-container .header .container{max-width: 1320px;}
}

@media (min-width: 1350px) {
  .container{max-width: 1320px;}
}

@media (max-width: 1350px) {
  .product-list-imgwrap{min-height: auto;}
}
@media screen and (max-width:1200px) {
ul.product-listing > li { width:33.333%; }
.product-list-bg { height:250px; }
.caption-heading { font-size:30px; }
.caption-subheading { font-size:20px; letter-spacing: 7px; text-indent: 7px; }
}

@media screen and (max-width:1024px) {
/*.btn {width: 250px;font-size: 24px;line-height: 60px;}*/
.herowrap .beforeimg, .herowrap .afterimg{min-width: 180px;font-size: 40px;height: 60px;}
.btncircle .owl-nav{padding: 0 15px;}
.product-search button.btn{width:auto;}
}
@media screen and (max-width:991px) {
h1 { font-size:34px; }
h2 { font-size:30px; margin-bottom:20px; line-height:1.2; }
.page-content { padding:30px 0; }
ul.product-listing > li { width:50%; }
.newbtn { width:200px; font-size:18px; line-height:50px; }
.herowrap .beforeimg,
.herowrap .afterimg { min-width:150px; font-size:27px; height:50px; }
.btncircle .owl-nav { padding:0 15px; }

.cart_table thead { display:none; }
.cart_table tr { border:1px solid #f4f5f7; }
.cart_table td { border:0; display:block; position:relative; padding-left:30%; text-align:left !important; }
.cart_table .product_item { display:block; }

.cart_table td::before { content:"Item"; font-weight:bold; position:absolute; left:15px; top:8px; }
.cart_table td.item { padding-top:25px; }
.cart_table td.item::before { top:30px; }
.cart_table td.item_sku::before { content:"SKU"; }
.cart_table td.item_category::before { content:"Category"; }
.cart_table td.comment::before { content:"Comment"; }
.cart_table td.item_remove { padding-bottom:25px; }
.cart_table td.item_remove::before { content:"Remove"; }

.cart_table textarea { width:100%; padding:7px; }

.wrap-search-sort .product-search{width: 250px;}

}

@media screen and (max-width:767px) {
h2 {font-size: 24px;margin-bottom: 10px;}
.header {padding: 15px 0;}
.logo{max-width: 220px;margin: auto;}
body { padding-top:75px; }
.header { height:75px; }
.header .cartn a { transform:scale(0.8); }
/*.herowrap .owl-dots {display: block;bottom: 3px;}*/
.herowrap .owl-nav {display: none;}
.herowrap .beforeimg, .herowrap .afterimg {min-width: 85px;font-size: 18px;height: 35px;font-weight: 700;}
.herowrap .item .btnwrap{bottom: 30px;}
.newbtn {width: 170px;font-size: 16px;line-height: 40px;}
.btncircle.btnfill .owl-nav {display: none;}
.page-content {padding: 20px 0;}
.our-collection .slides {box-shadow: 1px 0px 18px -3px rgb(0 0 0 / 10%);}
.collections .owl-dots{display: block;margin-top: 20px;}
.footer {padding: 20px 0;}
.footer .copyright {margin-top: 20px;font-size: 14px;}
.collections.btncircle .owl-nav{display: none;}
/*ul.product-listing{margin:0;}
ul.product-listing > li{width:100%; padding:0;}*/
.product-list-bg{ height:150px;}
.caption-heading{ font-size:26px;}
.caption-subheading{ font-size:16px; letter-spacing: 5px; text-indent: 0;}
.kidsbanner{margin-bottom:50px;}
.product-search{width:100%;}
}

@media screen and (max-width:579px) {
.collections .our-collection { padding:10px; }
}

@media screen and (max-width:479px) {
.newbtn { width:135px; font-size:14px; line-height:35px; padding-left:0; padding-right:0; }
.herowrap .item .btnwrap { bottom:23px; }
.herowrap .owl-dots { bottom:0; }
.herowrap .beforeimg, .herowrap .afterimg { min-width:75px; font-size:15px; height:28px; }
ul.product-listing > li .d-flex { display:block !important; } 
ul.product-listing .product-wishlist { margin-top:10px; transform-origin:left; }
.cart_table td {padding-left:40%;}
.contact_sec .contact-form { padding:20px; }
.contact_sec .contact-form ul li { margin:9px 0; }
.wrap-search-sort{flex-direction: column;}
.wrap-search-sort .product-search{width: 100%;  }
}

.autocomplete { position: relative; display: inline-block; }
/*
input { border: 1px solid transparent; background-color: #f1f1f1; padding: 10px; font-size: 16px; }
input[type=text] { background-color: #f1f1f1; width: 100%; }
*/
.autocomplete-items {  position: absolute; border: 1px solid #d4d4d4; border-bottom: none; border-top: none; z-index: 99; top: 100%; left: 0; right: 0; }
.autocomplete-items div { padding: 10px; cursor: pointer; background-color: #fff; border-bottom: 1px solid #d4d4d4;}
.autocomplete-items div:hover { background-color: #e9e9e9; }
.autocomplete-active { background-color: DodgerBlue !important; color: #ffffff; }
