html{font-size: 14px;}
body{ background: #f2f2f2; color: #263238;}

.header{position: fixed; top: 0; left: 0; width: 100%; height:auto; z-index: 999; transition: all .4s ease-in-out; box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);}
.header .navBar{  background: #fff; padding: 15px 0; padding-right: 60px; }

.header .navBar .navbarBrand img{ height: 50px; width: auto;}
.header .navBar .navbar-nav{}
.header .navBar .navbar-nav .nav-link{
  color: #263238;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 0;
}
.header .navBar .navbar-nav .nav-link span{font-size: 13px; font-weight: 600;}
.header .navBar .navbar-nav .nav-link:hover{  color: #263238;}

.searchPanel{width: 100%; margin: 0 auto;}
.searchPanel .input-group{ }
.searchPanel .form-control.input{}
.searchPanel .form-control.selectbox{max-width: 140px;}
.searchPanel .btn,.searchPanel .form-control{ border-radius: 0; outline: none; box-shadow: none;}

#myCart {
  padding: 0; width: 40px; height: 40px; line-height: 40px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 15px;
  display: inline-block;
  cursor: pointer;
  background: #fff;
  border: 1px solid #c0c0c0;
  border-radius: 4px;
  outline: none;
  font-size: 18px;
  color: #263238;
}
#myCart .itemNo {
  font-size: 10px;
  width: 16px;
  height: 16px;
  line-height: 16px;
  text-align: center;
  border-radius: 3px;
  background: #F44336;
  color: #fff;
  position: absolute;
  right: 5px;
  top: 7px;
  z-index: 1;
}


.fixedHeaderPad{height: 65px;}



#cartBox{position:fixed;z-index:998;background:#fff;height:calc(100vh - 80px);top:80px;right:0;width:100%;max-width:320px;border-top:1px solid #ddd;box-shadow:none;transform:translateX(100%);transition:all .3s ease}
#cartBox.active{transform:translateX(0%);box-shadow:-8px 0 10px -5px rgba(0,0,0,0.2)}
#cartBox .boxHhead{border-bottom:1px solid #ddd;padding:10px 15px;  padding-top: 15px; position:absolute;top:0;left:0;width:100%;background:#fff;z-index:1;display:flex;justify-content:space-between}
#cartBox .boxHhead .title{margin:0;font-size:16px;text-transform:uppercase;line-height:20px}
#cartBox .boxHhead .cartClose{background:#fff;border:1px solid #ddd;border-radius:2px;padding:2px 4px;font-size:10px;text-transform:uppercase;color:#999;font-weight:400;box-shadow:none!important;outline:none!important;cursor:pointer;transition:all .3s ease}
#cartBox .boxHhead .cartClose:hover{background:#eee;border:1px solid #ccc;color:#666}
#cartBox .cartBody{position:relative;height:calc(100vh - 250px);top:42px;padding:10px 15px;overflow:auto}
#cartBox .cartFooter{border-top:1px solid #ddd;padding:10px 15px;position:absolute;bottom:0;left:0;width:100%;background:#fff;z-index:1;}
#cartBox .cartFooter .sub-total{display:flex;justify-content:space-between;font-size:14px;line-height:18px;color:#414141}
#cartBox .cartFooter .discount{display:flex;justify-content:space-between;font-size:14px;line-height:18px;color:#414141}
#cartBox .cartFooter .grand-total{display:flex;justify-content:space-between;font-size:16px;line-height:18px;;border-top:1px solid #ddd;margin:5px 0;padding:5px 0;color:#212121}
#cartBox .cartFooter .btn-checkout{display:block;width:100%;color:#fff;background:#2196f3}
#cartBox .cartFooter .btn-checkout:hover{background:#c7162b}

.orderList{ list-style-type: none; margin: 0; padding: 0;}
.orderList li{position: relative;padding-top: 10px;}
.orderList li + li{ margin-top: 10px;border-top: 1px solid #ddd;}
.orderList .title{ font-size: 14px; line-height: 16px;  margin-bottom: 5px; margin-right: 30px; }
.orderList .size { display: flex; justify-content: space-between; font-size: 12px; color: #9e9e9e}
.orderList .size label{ margin: 0;font-family: 'Oswald', sans-serif; color: #606060 }
.orderList .addon {font-size: 12px; color: #9e9e9e; margin-bottom: 3px;}
.orderList .addon label{ margin: 0; margin-right: 10px;font-family: 'Oswald', sans-serif; color: #606060 }
.orderList .addon span{padding-right: 5px; display: inline-block; position: relative;}
.orderList .addon span + span{ padding-left: 5px;}
.orderList .addon span + span::before{ content: ''; height: 8px; width: 1px; background: #9e9e9e; position: absolute; left: 0; top: 5px;}

.quentityBox{position: relative; border: 1px solid #9e9e9e; height: 26px; width: 100% ; border-radius: 2px;}
.quentityBox .btn{ width:25px; height:24px; padding: 0; border-radius: 0;  line-height:25px; font-size: 12px; text-align:  center; background: transparent; border: 0px; color: #9e9e9e; position: absolute; top: 0; box-shadow: none; }
.quentityBox .btn[data-dir="up"]{ right: 0; border-left: 1px solid #9e9e9e;}
.quentityBox .btn[data-dir="dwn"]{ left: 0; border-right: 1px solid #9e9e9e; }
.quentityBox input.addedNo{ width: 100%; height: 23px; font-size: 16px; text-transform: uppercase; background: #fff; box-shadow: none; outline: none; text-align: center; color: #9e9e9e; border: 0px ; display: block;}
.orderList .listFooter{display: flex; justify-content: space-between; font-family: 'Oswald', sans-serif; font-size: 14px;}
.orderList .listFooter .quentityBox{ flex: 0 0 35%}
.orderList .listFooter .rate{ flex: 0 0 35%; padding-left: 10px;}
.orderList .listFooter .total{ flex: 0 0 30%; text-align: right;}
.orderList .delitBtn{ border: 0; color: #c7162b; font-size: 14px; padding: 0px 5px; background: transparent; box-shadow: none; position: absolute; top: 10px; right: 10px; cursor: pointer;}


@media all and (min-width: 992px) {
  html{font-size: 16px;}

  .header .navBar .navbar-nav{flex-direction: row;justify-content: flex-end;}
  .header .navBar .navbar-nav .nav-item{padding: 0 15px;}
  .header .navBar .navbar-nav .nav-item { border-right: 1px solid #ddd;}
  
}





.tabMenuSec{}

#productThumb{ padding: 0px 28px; padding-bottom: 15px;}
#productThumb .swiper-wrapper{box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12); }
#productThumb .swiper-slide + .swiper-slide{ border-right: 1px solid #ddd; }
#productThumb .swiper-slide{height: auto; display: flex;  align-items: center;cursor: pointer; background: #fff; transition: all 0.4s ease; color: #263238;}
.tabItem{ display: flex; align-items: center; padding: 15px; cursor: pointer; }
.tabItem .icon{ margin-right: 10px;}
.tabItem .text{    line-height: 1.2; font-size: 14px;}

#productThumb .swiper-slide.swiper-slide-thumb-active{ background: #2196f3;  color: #fff;}
#productThumb .swiper-slide.swiper-slide-thumb-active:before {
  content: '';
  border: 10px solid transparent;
  border-top-color: #2196f3;
  position: absolute;
  left: calc(50% - 10px);
  bottom: -20px;
}


#productThumb .swiper-button-next,#productThumb .swiper-button-prev{
    top: 0;
    height: 62px;
    margin: 0;
    box-shadow: 0 0 10px rgba(0,0,0,0.2);
    background: #fff;
    opacity: 1;
}
#productThumb .swiper-button-prev{left: 0;}
#productThumb .swiper-button-next{right: 0;}
#productThumb .swiper-button-next:after,#productThumb .swiper-button-prev:after{ color: #263238; font-size: 14px;}



.productBox{ background: #fff; margin-bottom: 10px; border-radius: 4px; box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);transition:all .4s ease}
.productBox:hover{box-shadow: 0 5px 11px 0 rgba(0,0,0,.18), 0 4px 15px 0 rgba(0,0,0,.15);}
.productBox .productImg{position:relative}
.productBox .productImg .image{  display: block;  overflow: hidden;  height: 100px;}
.productBox .productImg .image:before{content:"";background:rgba(0,0,0,0.2);width:100%;height:100%;opacity:0;position:absolute;top:0;left:0;z-index:1;transition:all .5s ease-out; }
.productBox:hover .productImg .image:before{opacity:1}
.productBox .productImg .image img{width:100%;height:100%; object-fit: cover}
.productBox .product-discount-label{color:#fff; z-index: 2; background:#2196f3;font-size:11px;font-weight:600;line-height:20px;padding:0 7px;position:absolute;top:15px;left:15px;transition:all .4s ease}
.productBox .social{text-align:center; z-index: 2; padding:0;margin:0 auto;list-style:none;position:absolute;bottom:15px;left:0;right:0}
.productBox .social li{margin:0 -2px;opacity:0;display:inline-block;transform:translateY(-30px);transition:all .3s ease 0}
.productBox .social li:nth-child(2){transition:all .3s ease .1s}
.productBox .social li:nth-child(3){transition:all .3s ease .2s}
.productBox .social li:nth-child(4){transition:all .3s ease .3s}
.productBox:hover .social li{transform:translateY(0);opacity:1}
.productBox .social li a{color:#262626;background:#fff;font-size:17px;text-align:center;line-height:40px;height:40px;width:40px;display:block;transition:all .3s}
.productBox .social li a:hover{color:#2196f3;background-color:#fff}
.productBox .social li a:before,.productBox .social li a:after{content:attr(data-tip);color:#fff;background-color:#2196f3;font-size:12px;line-height:22px;padding:2px 8px;white-space:nowrap;display:none;transform:translateX(-50%);position:absolute;left:50%;top:-38px}
.productBox .social li a:after{content:'';height:15px;width:15px;border-radius:0;transform:translateX(-50%) rotate(45deg);top:-22px;z-index:-1}
.productBox .social li a:hover:before,.productBox .social li a:hover:after{display:block}
.productBox .product-content{padding: 10px;/* margin:0 20px; */overflow:hidden;position:relative;}
.productBox .title{font-size: 14px;font-weight:700;text-transform:capitalize;margin: 0 0 10px;display:block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.productBox .title a{color:#222; text-decoration: none; }
.productBox .title a:hover{color:#2196f3}
.productBox .sizeBox{display: flex;justify-content: space-between;padding: 0 0 10px;margin: 0 0 10px;border-bottom: 1px solid #e5e5e5;font-size: 12px;}
.productBox .sizeBox .sizeOption{flex: 0 0 45%;max-width: 100px;border-radius: 3px;padding: 2px 5px;font-size: 12px;border: 1px solid #6e6e6e;color: #6e6e6e;}
.productBox .shopDiv{ position: relative; min-height: 30px;}
.productBox .add-to-cart{color:#2196f3;background-color:#fff;height:30px;width:30px;line-height:30px;text-align:center;display:inline-block;border:1px solid #2196f3;position:absolute; left: 0; top: 0; z-index:1;transition:all .3s ease }
.productBox .add-to-cart:before,.productBox .add-to-cart:after{content:'Add to Cart'; font-size: 14px; color:#fff;background-color:#2196f3;padding:0 7px;opacity:0;white-space:nowrap;position:absolute;right:0;top:-1px;z-index:-2;transition:all .3s ease }
.productBox .add-to-cart:after{content:'';background-color:#fff;height:100%;width:100%;opacity:1;top:0}
.productBox .product-content:hover .add-to-cart:before{opacity:1; right: auto; left: 29px;}
.productBox .price{color:#2196f3;font-size:14px;font-weight:500;display:inline-block; position: absolute; top: 5px; right: 0;}
.product-content .price span{color:#999;font-size:14px;font-weight:500;text-decoration:line-through;margin-right:5px}
.productBox .product-content:hover .price span{opacity:0}



.producrGreedSec{padding: 30px 0; position: relative;}
.producrGreedSec + .producrGreedSec{padding-top:0;}
.proGreedCard{border: 0; box-shadow: 0 0 5px rgba(0,0,0,.12);}
.proGreedCard .card-header{background: #fff;}
.proGreedCard .card-body{padding: 15px;}
.proGreedCard .proTitleBox{box-shadow: 0 0 5px rgba(0,0,0,.12); background: #EEEEEE; padding: 15px; position: relative; }
.proGreedCard .proTitleBox:after{
  content: '';
  border: 15px solid transparent;
  border-left-color: #EEEEEE;
  position: absolute;
  top: calc(50% - 10px);
  right: -30px;
}

.proSlide {padding: 0 20px;}

.proSlide .swiper-button-next,.proSlide .swiper-button-prev{
  height: 40px;
  width: 40px;
  border-radius: 50%;
  box-shadow: 0 0 10px rgba(0,0,0,0.2);
  background: #fff;
  opacity: 1;
}
.proSlide .swiper-button-prev{left: 0px;}
.proSlide .swiper-button-next{right: 0px;}
.proSlide .swiper-button-next:after,.proSlide .swiper-button-prev:after{ color: #263238; font-size: 16px;}

.product-grid{
  
  padding: 0;
  margin: 0px 10px 0px 80px;
  list-style: none;
  
  -ms-box-orient: horizontal;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -moz-flex;
  display: -webkit-flex;
  display: flex;

}
.wrap{
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
.product-grid .product-image{ box-shadow: 0 0 10px rgba(0,0,0,0.3); height:156px;}
.product-grid .product-image{ overflow: hidden; margin:10px; }
.product-grid .product-image a{ display: block; }
.product-grid .product-image img{
    max-width:100%;
    height:105px;
    padding:5px;
    width:150px;

}
/*.product-grid:hover .product-image img{ transform: scale(1.1); }*/
.product-grid .product-content{
  padding: 12px -2px 15px 12px;
  transition: all 0.4s ease;
}
/*.product-grid:hover .product-content{ opacity: 0; }*/
.product-grid .title{
  font-size: 12px;
  text-transform: capitalize;
  margin: 0 0 10px;
  transition: all 0.3s ease;

}
.product-grid .title a{ color: #263238; text-decoration: none;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; 
  text-align:center;

}
.product-grid .title a:hover{ color: #2e86de; text-decoration: none;}
.product-grid .price {
  font-size: 14px;
  color:#2e86de;
}
.product-grid .price span {
  color: #999;
  font-size: 14px;
  font-weight: 400;
  text-decoration: line-through;
  margin-left: 7px;
  display: inline-block;
}
.product-grid .social{
  background-color: #fff;
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
  opacity: 0;
  transform: translateX(-50%);
  position: absolute;
  bottom: -50%;
  left: 50%;
  z-index: 1;
  transition: all 0.4s ease 0s;
}
.product-grid:hover .social{
  opacity: 1;
  bottom: 20px;
}
.product-grid .social li{ display: inline-block; }
.product-grid .social li a{
  color: #909090;
  font-size: 14px;
  line-height: 30px;
  text-align: center;
  height: 30px;
  width: 30px;
  margin: 0 5px;
  border: 1px solid #909090;
  border-radius: 50px;
  display: block;
  position: relative;
  transition: all 0.3s ease-in-out;
}
.product-grid .social li a:hover {
  color: #fff;
  background-color: #2e86de;
}
.product-grid .social li a:before,
.product-grid .social li a:after{
  content: attr(data-tip);
  color: #fff;
  background-color: #2e86de;
  font-size: 12px;
  letter-spacing: 1px;
  line-height: 20px;
  padding: 1px 5px;
  border-radius: 5px;
  white-space: nowrap;
  opacity: 0;
  transform:translateX(-50%);
  position: absolute;
  left: 50%;
  top: -30px;
}
.product-grid .social li a:after{
  content: '';
  height: 15px;
  width: 15px;
  border-radius: 0;
  transform:translateX(-50%) rotate(45deg);
  top: -20px;
  z-index: -1;
}
.product-grid .social li a:hover:before,
.product-grid .social li a:hover:after{
  opacity: 1;
}





.select-hidden {
  display: none;
  visibility: hidden;
}
.select {
  cursor: pointer;
  display: inline-block;
  position: relative;
  font-size: 16px;
  color: #32383b;
  width: 100%;
  height: 50px;
  border-top: 1px solid #e7ebec;
}

.select-styled {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #fff;
  padding:0px 15px;
  line-height: 50px;
  -o-transition: all 0.2s ease-in;
  -webkit-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}
.select-styled:after {
  content: "\f106" ;
  font-weight: 900;
  font-family:"FontAwesome" ;
  position: absolute;
  top: 0;
  right: 15px;
}
.select-styled:hover {
  background-color: #f0f0f0;
}
.select-styled:active, .select-styled.active {
  background-color:#f0f0f0;
}
.select-styled:active:after, .select-styled.active:after {
  content: "\f107" ;
}

.select-options {
  display: none;
  position: absolute;
  bottom: 100%;
  right: 0;
  left: 0;
  z-index: 999;
  margin: 0;
  padding: 0;
  list-style: none;
  background-color:#fff;
  -webkit-box-shadow: 0 0 7px 0 rgba(0,0,0,0.3);
          box-shadow: 0 0 7px 0 rgba(0,0,0,0.3);
}
.select-options li {
  margin: 0;
 padding: 5px 10px 5px 0px;
  text-indent: 15px;
  border-top: 1px solid #fff;
  -o-transition: all 0.15s ease-in;
  -webkit-transition: all 0.15s ease-in;
  transition: all 0.15s ease-in;
}
.select-options li:hover {
  color: #333;
  background: #f0f0f0;
}
.select-options li[rel="hide"] {
  display: none;
}



.paddingTop{padding-top: 40px;}
.paddingBottom{padding-bottom: 40px;}
.secPaddingBotton40{padding-bottom: 40px;}
.secHeader .title{text-align: center; margin: 0; }
.secHeader .title span{position: relative; font-weight: 600; text-transform: uppercase;}
.secHeader .title span:after{content: ''; width: 100px; height: 2px; position: absolute; bottom: -5px;left: calc(50% - 50px); }
.secHeader .title span:before{content: ''; width:50px; height: 2px; position: absolute; bottom: -10px;left: calc(50% - 25px); }
.secHeader.secHeaderC1 .title span{color: #37474F}
.secHeader.secHeaderC2 .title span{color: #37474F}
.secHeader.secHeaderC1 .title span:after,.secHeader.secHeaderC1 .title span:before{background: #37474F;}
.secHeader.secHeaderC2 .title span:after,.secHeader.secHeaderC2 .title span:before{background: #37474F;}



.whyMedia{-webkit-box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.5);
  box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.5); margin-bottom: 10px;}
  
  .whyMedia .media-object{max-width: 60px; border-right: 1px dashed rgba(0,0,0,0.3);}
  .whyMedia .media-body{
    padding: 10px; font-size: 12px;
}
  .whyMedia .media-body .media-heading{text-transform: uppercase;font-size: 14px;margin: 0;}
  
  @media screen and (min-width:400px) and (max-width: 767px){
    .whyChooseSec .row.myRow{display: -webkit-box;display: -ms-flexbox;display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;}
    .whyChooseSec .row.myRow .col{width: 50%; float: left; -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%;}
  }
  
  footer.footer{background: #B3B6B7;padding:30px 0;color: #fff;}
  footer.footer h3{ color:#2196f3; text-transform: uppercase; font-size: 20px; font-weight: 400;}
  footer.footer .footer-link-list{ list-style:none; padding-left: 0; margin-top: 20px}
  footer.footer .footer-link-list li a{ font-size:14px; font-weight: normal;line-height: 20px; color: #fff; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; text-decoration: none;}
  footer.footer .footer-link-list li a:hover{ color: #2196f3; }
  footer.footer .st-info li{ margin-bottom:20px;}
  footer.footer .st-info li .fa { color:#2196f3; margin-top: 5px;}
  footer.footer .st-info a{ display:-webkit-box; display:-ms-flexbox; display:flex; word-break: break-all}
  footer.footer .st-info a span{ line-height:18px;}
  footer.footer .appBox{ text-align: center; margin-top: 20px;}
  footer.footer .neasletter .form-control{border-radius: 0; background: rgba(255,255,255,0.25); color: #fff; border-color:rgba(255,255,255,0.25)}
  footer.footer .neasletter .form-control:focus{border-color:#2196f3 }
  footer.footer .neasletter .input-group-btn .btn{background: rgba(255,255,255,0.5); border-radius: 0; border-color:rgba(255,255,255,0.2);     font-size: 14px;}
  footer.footer .footerLine p span{color: #2196f3;}
  footer.footer .footerLine p a{color: #fff; margin-right: 5px; text-decoration: none;}
  footer.footer .footerLine p a:hover{color: #2196f3; }
  .foobar{background: #263238;padding: 15px 0;}
  .foobar p{ margin-bottom:0; color: #fff; font-size: 12px;}
  .foobar p a{ color:#fff; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;  font-style: italic; text-transform: uppercase;}
  .foobar p a:hover{color:#2196f3;}
  .foobar p span{ float:right;}
  
  @media screen and (max-width: 575px){
    footer.footer h3{ font-size: 18px;}
    .foobar{text-align: center;}
    .foobar p span{ float:none;}
  }
  @media screen and (min-width:400px) and (max-width: 767px){
    footer.footer .myRow{display: -webkit-box;display: -ms-flexbox;display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;}
    footer.footer .myRow .col{width: 50%; float: left; -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%;}
    .myRow .col:before,.myRow .col:after{display: table; content: " "; clear: both; -webkit-box-sizing: border-box;box-sizing: border-box;}
  }
  /*.card-title{
    text-transform:capitalize;
  }*/