/*! HTML5 Boilerplate v5.2.0 | MIT License | https://html5boilerplate.com/ */
/*
* What follows is the result of much research on cross-browser styling.
* Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
* Kroc Camen, and the H5BP dev community and team.
*/
/* ==========================================================================
Base styles: opinionated defaults
========================================================================== */
html {
color: #222;
font-size: 1em;
line-height: 1.4;
}
/*
* Remove text-shadow in selection highlight:
* https://twitter.com/miketaylr/status/12228805301
*
* These selection rule sets have to be separate.
* Customize the background color to match your design.
*/
::-moz-selection {
background: #b3d4fc;
text-shadow: none;
}
::selection {
background: #b3d4fc;
text-shadow: none;
}
/*
* A better looking default horizontal rule
*/
hr {
display: block;
height: 1px;
border: 0;
border-top: 1px solid #ccc;
margin: 1em 0;
padding: 0;
}
/*
* Remove the gap between audio, canvas, iframes,
* images, videos and the bottom of their containers:
* https://github.com/h5bp/html5-boilerplate/issues/440
*/
audio,
canvas,
iframe,
img,
svg,
video {
vertical-align: middle;
}
/*
* Remove default fieldset styles.
*/
fieldset {
border: 0;
margin: 0;
padding: 0;
}
/*
* Allow only vertical resizing of textareas.
*/
textarea {
resize: vertical;
}
/* ==========================================================================
Browser Upgrade Prompt
========================================================================== */
.browserupgrade {
margin: 0.2em 0;
background: #ccc;
color: #000;
padding: 0.2em 0;
}
/* ==========================================================================
Author's custom styles
========================================================================== */
/* ==========================================================================
Helper classes
========================================================================== */
/*
* Hide visually and from screen readers:
*/
.hidden {
display: none !important;
}
/*
* Hide only visually, but have it available for screen readers:
* http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
*/
.visuallyhidden {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
/*
* Extends the .visuallyhidden class to allow the element
* to be focusable when navigated to via the keyboard:
* https://www.drupal.org/node/897638
*/
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
clip: auto;
height: auto;
margin: 0;
overflow: visible;
position: static;
width: auto;
}
/*
* Hide visually and from screen readers, but maintain layout
*/
.invisible {
visibility: hidden;
}
/*
* Clearfix: contain floats
*
* For modern browsers
* 1. The space content is one way to avoid an Opera bug when the
*    `contenteditable` attribute is included anywhere else in the document.
*    Otherwise it causes space to appear at the top and bottom of elements
*    that receive the `clearfix` class.
* 2. The use of `table` rather than `block` is only necessary if using
*    `:before` to contain the top-margins of child elements.
*/
.clearfix:before,
.clearfix:after {
content: " "; /* 1 */
display: table; /* 2 */
}
.clearfix:after {
clear: both;
}
/* ==========================================================================
EXAMPLE Media Queries for Responsive Design.
These examples override the primary ('mobile first') styles.
Modify as content requires.
========================================================================== */
/*Custom css Start Here*/
/*.listing--section
{
padding:0;
}*/
/*filter sidebar code start here
*/
/*.price-sec
{
    justify-content:center;
    align-items:center;
}*/

/*.desktop-banner
{
    display:none !important;

}*/
/*.navbar-nav .dropdown-menu
{
    display:block !important;
}*/
/*.dmenu:hover .dropdown-menu
{
    display:block !important;
}*/
.detail-btn-cart
{
    color: #fff;
    border: none;
    padding: 12px 24px;
}
.detail-btn-cart i
{
    font-size:18px;
}
.detail-wish-btn:hover
{
    background-color:#333333 !important;
    color:#fff !important;
}
.detail-wish-btn
{
    width: 100%;
    max-width: 169px;
    padding: 0 20px;
    font-size: 16px;
    font-weight: normal;
    background-color: transparent !important;
    border: 1px solid #d7d7d7;
    color: #000 !important;
    height: 43px;
    display: inline-block;
    line-height: 42px;
    margin-left: 8px;
}

.slider-box
{
   margin-bottom: 22px
}

/* Price Range Style Starts Here */
   #priceRange {
   border: 0;
   float: right;
   text-align: center;
   margin-top: -27px;
   font-weight: 200;
   margin-right: 0px;
   }

   #price-range.slider {
   width: 75%;
   margin-left: 3%;
   margin-top: 15px;
   }
   .ui-slider .ui-slider-handle {
   border-radius: 100%;
   }
   .ui-widget-content {
   background-image: none;
   background-color: #eee;
   height: 5px;
   border: 0;
   }
   .ui-widget-header {
   background-image: none;
   background-color: #3D69B0;
   height: 5px !important;
   }
   .ui-slider .ui-slider-handle {
   width: 2em;
   height: 2em;
   }
   .ui-slider-horizontal .ui-slider-handle {
   top: -.7em;
   }
   /* Price Range Style Ends Here */

.form-control.select-order-list .nice-select
{
    display:none !important;
}
.block-select
{
    display:block !important;
}

.cartForm select
{
    display:block !important;
}
.sidebar .filter-attribute-item input
{
    margin-right:3px;
}

.mobile-filter-area
{
    position:relative;
}
/*=================================================================
  Navbar Dropdown
==================================================================*/
.sortby-options
{
    z-index:999;
}
.sort-text
{
    font-weight: normal;
    color: #000;
    margin-right: 10px;
}
.listing--section  .nice-select 
{
    display:block !important;
}
.nice-select 
{
  -webkit-tap-highlight-color: transparent;
  background-color: #fff;
  border-radius: 5px;
  border: solid 1px #e8e8e8;
  box-sizing: border-box;
  clear: both;
  cursor: pointer;
  display: none !important;
  float: left;
  font-family: inherit;
  font-size: 14px;
  font-weight: normal;
  height: 42px;
  line-height: 40px;
  outline: none;
  padding-left: 18px;
  padding-right: 30px;
  position: relative;
  text-align: left !important;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  white-space: nowrap;
  width: auto; }
  .nice-select:hover {
    border-color: #dbdbdb; }
  .nice-select:active, .nice-select.open, .nice-select:focus {
    border-color: #999; }
  .nice-select:after {
    border-bottom: 2px solid #999;
    border-right: 2px solid #999;
    content: '';
    display: block;
    height: 5px;
    margin-top: -4px;
    pointer-events: none;
    position: absolute;
    right: 12px;
    top: 50%;
    -webkit-transform-origin: 66% 66%;
        -ms-transform-origin: 66% 66%;
            transform-origin: 66% 66%;
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
    -webkit-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
    width: 5px; }
  .nice-select.open:after {
    -webkit-transform: rotate(-135deg);
        -ms-transform: rotate(-135deg);
            transform: rotate(-135deg); }
  .nice-select.open .list {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: scale(1) translateY(0);
        -ms-transform: scale(1) translateY(0);
            transform: scale(1) translateY(0); }
  .nice-select.disabled {
    border-color: #ededed;
    color: #999;
    pointer-events: none; }
    .nice-select.disabled:after {
      border-color: #cccccc; }
  .nice-select.wide {
    width: 100%; }
    .nice-select.wide .list {
      left: 0 !important;
      right: 0 !important; }
  .nice-select.right {
    float: right; }
    .nice-select.right .list {
      left: auto;
      right: 0; }
  .nice-select.small {
    font-size: 12px;
    height: 36px;
    line-height: 34px; }
    .nice-select.small:after {
      height: 4px;
      width: 4px; }
    .nice-select.small .option {
      line-height: 34px;
      min-height: 34px; }
  .nice-select .list {
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11);
    box-sizing: border-box;
    margin-top: 4px;
    opacity: 0;
    overflow: hidden;
    padding: 0;
    pointer-events: none;
    position: absolute;
    top: 100%;
    left: 0;
    -webkit-transform-origin: 50% 0;
        -ms-transform-origin: 50% 0;
            transform-origin: 50% 0;
    -webkit-transform: scale(0.75) translateY(-21px);
        -ms-transform: scale(0.75) translateY(-21px);
            transform: scale(0.75) translateY(-21px);
    -webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
    transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
    z-index: 9; }
    .nice-select .list:hover .option:not(:hover) {
      background-color: transparent !important; }
  .nice-select .option {
    cursor: pointer;
    font-weight: 400;
    line-height: 40px;
    list-style: none;
    min-height: 40px;
    outline: none;
    padding-left: 18px;
    padding-right: 29px;
    text-align: left;
    -webkit-transition: all 0.2s;
    transition: all 0.2s; }
    .nice-select .option:hover, .nice-select .option.focus, .nice-select .option.selected.focus {
      background-color: #f6f6f6; }
    .nice-select .option.selected {
      font-weight: bold; }
    .nice-select .option.disabled {
      background-color: transparent;
      color: #999;
      cursor: default; }

.no-csspointerevents .nice-select .list {
  display: none; }

.no-csspointerevents .nice-select.open .list {
  display: block; }

.dropdown:hover .dropdown-menu {
  display: none;
  opacity: 1;
  display: block;
  visibility: visible;
  color: #777;
  right: -76px;
  max-height: 500px;
  height: 500px;
  /*overflow: scroll;*/
  -webkit-animation: fadeIn 0.7s;
  animation: fadeIn 0.7s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

.dropdown .dropdown-menu {
  border-radius: 0;
  padding: 15px;
  border: 1px solid #ebebeb;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
  transition: .3s all;
  position: absolute;
  display: block;
  visibility: hidden;
  opacity: 0;
  -webkit-transform: translateY(0px);
          transform: translateY(00px);
  transition: visibility 0.2s, opacity 0.2s, -webkit-transform 500ms cubic-bezier(0.43, 0.26, 0.11, 0.99);
  transition: visibility 0.2s, opacity 0.2s, transform 500ms cubic-bezier(0.43, 0.26, 0.11, 0.99);
  transition: visibility 0.2s, opacity 0.2s, transform 500ms cubic-bezier(0.43, 0.26, 0.11, 0.99),
  -webkit-transform 500ms cubic-bezier(0.43, 0.26, 0.11, 0.99);
}



.thanks-order
{
    width: 100%;
    max-width: 350px;
    margin: 0 auto;
    border: 1px solid #e4e5e6;
    display: inline-block;
    margin-top: 30px;
    padding: 20px 0px;
    margin-bottom: 40px;
}
.thanks-order img
{
    margin-bottom:10px;
}
.thanks-order p
{
    color:#000;
    margin-bottom:0;
}
.t-page-detail
{
    display:flex;
    justify-content:center;
    color:#000;
}
.t-page-detail p
{
    margin-bottom:3px;
}
.t-page-detail h4
{
    font-size:18px;
}
.order-place-area
{
    margin-top:30px;
    text-align:center;
    color:#000;
}
.thank-y-page
{
    text-align:center;
    width:100%;
    display:block;
    padding-top:50px;
}
.thank-y-page h2
{
    text-transform:capitalize;
    color:#fd7e14;
    font-size:30px;
    margin-bottom:0;

}
.accordion .panel-title a::after {
    flex-shrink: 0;
    width: 1.25rem;
    height: 1.25rem;
    margin-left: auto;
    content: "";
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-size: 1.25rem;
    transition: transform 0.2s ease-in-out;
    display:block;
    position:absolute;
    left:auto;
    right:0;
    top:0;
}
.accordion .text-accordion a
{
    color:#000;
}
.term-title.faq-title
{
    border:none;
    margin-bottom:0;
}
.accordion .panel-title a
{
    padding: 0;
    color: #000 !important;
    background-color: transparent;
    border: none;
    font-weight: bold;
    width: 100%;
    font-size: 14px;
    display: inline-block;
    position:relative;
    padding-bottom: 15px;
}
.accordion .text-accordion
{
    color:#000;
}
.accordion .panel-body
{
    color:#000;
}
.privacy-text-area
{   
    margin-bottom:40px;
}
.accordion .panel-title
{
    border-bottom: 1px solid #d1d1d1;
    /*padding-bottom:15px;*/
}
.privacy-page-text
{
    color:#000;
    margin-bottom:50px;
}
.term-text
{
    color:#000;
    font-size:16px;
}
.privacy-page-text p
{
    color:#000;
    text-align:left;
    width:100%;
}


.privacy-page-text a
{
    color:#000;
}
.term-text
{
    margin-top:0;
}
.privacy-text
{
    color:#000;
}
.privacy-text a
{
    color:#000;
}
.privacy-text strong
{
    margin-bottom:10px;
}
.privacy-text p
{
    line-height:18px;
    margin-bottom:8px;
}
.page-heading.term-title
{
   width:100%;
   text-align:center;
   font-size:20px;
   color:#000;
}
.dropdown-menu.show
{
    display:block !important;
}
.p-method-text
{
    color:#000;
}
.mrp-text
{
    margin-right:10px;
}
/*.sidebar .filter-attribute-item
{
    width:48%;
    display:inline-block;
}*/
.top-account-menu
{
    display:none;
}
.profile-menu-tab:hover > .top-account-menu
{
   display:block;

}
.account-tab-area.top-account-tab .info-box
{
    position: absolute;
    margin-bottom: 30px;
    background-color: #f2f2f2;
    right: 72px;
    padding: 20px;
    top: 76px;
}

.resend-otp-text
{
    color:#000;
}
.contact-form-box.otp-form .form-group input
{
    width:100%;
    max-width:200px;
}
.contact-form-box.otp-form h5,h6,label
{
    color:#000;
}   
.custom-btn
{
    background: #e31e24 !important;
    display: block;
    margin-top: 20px;
    color: #fff;
    border: none;
    width: 100%;
    padding: 10px;
    width: 100%;
    max-width: 250px;
}
.contact-form-box.otp-form
{
    background:transparent;
    box-shadow:none;
}
.mobile-otp-area 
{
    width: 100%;
    max-width: 500px;
}
.p-d-title {
    font-size: 16px;
    color: #1a1f2b;
    font-weight: 500;
    margin-bottom: 20px;
    display: none;
}
.pay-div
{
    margin-top:30px;
}
.term-con-text
{
    color:#e31e24;
}
.payment-form .placeorder-order
{
    background-color: #e31e24  !important;
    border:none;
    margin-top:10px;
}
.payment-form .placeorder-order:hover
{
    background-color: #e31e24  !important;
    border-color: #e31e24 !important;

}
.payment-form .placeorder-order:focus-visible
{
    outline:none;
    box-shadow:none;
    border:none;
}
.payment-form input[type="radio"]:checked
{
    opacity:1;
}
.ship-fee-div 
{
    display: inline-table;
    margin-top: 23px;
    margin-bottom:0;
    border:1px solid #e4e5e6
    
}
.table-striped.ship-fee-div
{
    color:#000;
}
.address-form.checkout-d-address
{
    width:100%;
    display:block;
}
.shop-cart-title
{
    color:#000;
}   

.shop-title 
{
    border-bottom: 1px solid #ececec;
}
.navbar-nav li:hover a
{   
    position: relative;
}
.dot-line.solid-line
{
    border: 1px solid #1DA935;
}
.dot-line {
    width: 100%;
    margin: 30px;
    height: 1px;
    border-bottom: 3px dotted #999;
}
.color-theme-green-light
{
    color: #1DA935;
}
.account-wlist .btn
{

    font-weight:normal;
    margin-top:10px;
    border-color: #d7d7d7 !important;
}
.account-wlist .btn:focus
{
    box-shadow:none;
}

.account-wlist
{
    margin-bottom:50px;
}
.account-wishlist
{
    width:25%;
    margin-right:1%;
    display:inline-block;
}
.account-wishlist h4
{
    text-align:center;
    font-size:15px;
}
.user-title.address-title
{
    margin-bottom:20px;
}
.collapse.new-add
{
    display:none;
}
.new-add .submit .addresses-btn-submit
{
    margin-left:0;
    margin-top:10px;
}
.new-add .submit .addresses-btn-submit:hover
{
    background-color:#fff;
}
.new-add
{
    width:100%;
    max-width:600px;
}
.contact-form-box.add-address-form
{
    padding-top:5px;
}
.add-address-btn
{
    margin-left:0;
}   
.address-btn-send
{
    margin-left:0;
}
.contact-form-box.add-address-form
{
    background:none;
    box-shadow:none;
}
.contact-form-box.add-address-form fieldset
{
    padding-left:0;
}
body:hover
{
    opacity: 1;
    transition: opacity 1s;
}
body:after
{
  position:absolute;
  width:0;
  height:0;
  overflow:hidden;
  z-index:-1;
}
.close-cross 
{
    position: absolute;
    right: 0;
    top: 5px;
    font-size: 18px;
    border-radius: 50px;
    cursor: pointer;
}
.contact-detail-title
{
    margin-top:20px;
}
.new-add .zoom-img-lens
{
    display:none !important;
}
.new-add .zoomlens
{
    display:none !important;
}
.addresses
{
    position:relative;
    margin-bottom:20px;
}
.address-input
{
    position:absolute;
    z-index:99;
    left:15px;
}
.address-text
{
    color:#000;
    font-size:16px;
}
.addresses a
{
    color:#e31e24;
    margin-top:10px;
    margin-right:10px;
}
.addNewAddress
{
    margin-top:10px;
    color:#e31e24;
    display:block;
}
.add-form
{
    margin-left:35px;
}
.login-form label 
{
    display: block;
    font-size: 14px;
    margin-bottom: 7px;
    font-weight: 400;
    text-transform: capitalize;
}
.responsive-link
{
    display:none !important;
}
.login-form.register input[type="radio"] {
    opacity: 1 !important;
}

.apply-filter-text
{
    display:none !important;
}

.filter-mobile
{
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 999999;
    background-color: #fff;
    margin: 0;
    max-width: 100%;
    left: 0;
    padding:0px 20px;
    box-shadow: 5px 5px 20px 0 rgb(0 0 0 / 20%);
    border-top: 1px solid #00000026;
    display:none;
}

.filter-btn
{
    color:#e31e24;
}

.desktop-banner
{
    display:block;
}
.mobile-banner
{
    display:none;
}
.topslider  .owl-controls .owl-buttons
{
    position: absolute;
    top: 40%;
    padding: 10px;
    width: 100%;
}
.topslider  .owl-controls  .owl-prev:before
{
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 2px solid #ffffff;
    content: "\f0d9";
    font: normal normal normal 14px/1 FontAwesome;
    color: #fff;
    cursor: pointer;
    font-size: 25px;
    font-weight: 400;
    height: 50px;
    line-height: 50px;
    margin: 0;
    position: absolute;
    text-align: center;
    top: 45%;
    transition: all 300ms ease-in 0s;
    width: 50px;
    z-index: 9;
}

.topslider  .owl-controls .owl-buttons  .owl-next:before
{
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 2px solid #ffffff;
    content: "\f0da";
    font: normal normal normal 14px/1 FontAwesome;
    color: #fff;
    cursor: pointer;
    font-size: 25px;
    font-weight: 400;
    height: 50px;
    line-height: 50px;
    margin: 0;
    position: absolute;
    text-align: center;
    right:0;
    top: 45%;
    transition: all 300ms ease-in 0s;
    width: 50px;
    z-index: 9;
}
.topslider  .owl-controls .owl-buttons  .owl-prev, .topslider  .owl-controls .owl-buttons  .owl-next
{
    font-size:0;
    background:none;
}
.credits-amount
{
    margin-left:0 !important;
}
.t-date 
{
    border: 1px solid #e4e5e6 !important;
    padding: 3px 8px;
}
.credits-data
{
    margin-top:10px;
    color:#000;
}
.success-title 
{
    background-color: #198754;
    color: #fff;
    padding: 5px 10px;
    text-align: center;
}
.transaction-date
{
    font-weight:normal;
    color:#000;
}
.credit-title
{
    font-weight:normal;
    color:#000;
}
.coupon-border 
{
    border: 1px solid #e4e5e6;
    margin-left:0;
}
.p-detail-date:hover
{
    color:#000;
}
.align-items-end.order-date
{
    display: inline-block !important;
    margin-bottom: 20px;
}
.order-table td
{
    width: 14%;
    padding: 9px 6px;
    font-size:12px;
}
.order-table th
{
    padding: 9px 10px;
    font-weight:600;
}
.order-summary-details ul li:before 
{
    content: "";
    width: 100%;
    height: 1px;
    background-color: #e4e5e6;
    display: block;
    margin-bottom: 5px;
}
.order-summary-details ul li
{
    width:48%;
    display:inline-block;
    margin-bottom:10px;
    font-weight:normal;
}
.order-summary-details
{
    width: 100%;
    max-width: 550px;
    margin-left:20px;
}
.summary-row
{
    width:100%;
}
{
    display:inline-block;
}
.summary-title
{
    font-weight:600;
}
.select-order-id .down-aarow
{
    position: absolute;
    top: 9px;
    right: 22px;
    font-size: 20px;
}

.account-top-title .select-order-list
{
    border: 1px solid #ced4da;
    padding: 8px;
    font-size: 15px;
    float: right;
    width:100%;
    max-width:150px;
    text-align:center;
}
.exchange__abs
{
    color:#e31e24;
}
.p-detail-date
{
    color:#000;
}
.table-order-title
{
    color:#000;
    margin-bottom:20px;
    display:inline-block;
}
.product-left-img
{
    margin-right:20px;
}
.order-info-area
{
    font-weight:400;
}
.order-info-area li.flex-fill-1
{
    display: inline-block;
    width: 46%;
    margin-bottom:2px;
}
.delivery-title
{
    font-weight:600;
    color:#000;
}
.order-info-title
{
    font-weight:600;
    color:#000;
}
.order-full-detail
{
    color:#000;
}
.order-details-back-btn
{
    color:#000;
}
.coupon-amount 
{
    border: 2px solid #e4e5e6;
    padding: 5px 28px;
    margin-top: 0px;
    color: #e31e24;
    display: inline-block;
}
.order-deatil-area .rgt-cont
{
    color:#000;
}
.order-deatil-area .coupon-border {
    border: 1px solid #e4e5e6;
    margin-left:0 !important;
}
.order-deatil-area  .order-details-btn
{
    font-weight:normal;
    margin-top:20px;
    text-transform:capitalize;
    color:#e31e24;
    border-color:#e31e24;
    font-size:14px;
}
.order-placed-area a
{
    color:#000;
}
.order-placed-area a:hover
{
    color:#000;
}
.font-weight-500
{
    font-weight:600;
}
.account-top-title
{
    position:relative;
}
.account-top-title .credits-title
{
    position:absolute;
    right:0;
    top:0;
    font-weight:normal;
    color:#000;
}
.save-address-cancel
{
    border: 1px solid #e63439;
    padding: 10px 50px;
    background-color: transparent;
    color: #e63439;
}
.save-changes
{
    background-color: red;
    border: none;
    color: #fff;
    padding: 11px 25px;
}
.radio-check input:first-of-type
{
    margin-left:0;
}
.radio-check input
{       
    margin-left:15px;
}

.radio-check input[type='radio'] {
    -webkit-appearance: none;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    outline: none;
    box-shadow: 0 0 0 2px #e31e24;
}
.radio-check input[type='radio']:checked:before {
    background: #e31e24;
}
.radio-check input[type='radio']:before {
    content: '';
    display: block;
    width: 60%;
    height: 60%;
    margin: 20% auto;
    border-radius: 50%;
}
.radio-check  input[type="radio"]:checked
{
    opacity:1;
    outline:none;
}
.radio-check  input[type="radio"]:checked + label::before {
    border: 2px solid #292D69;
}
.profile-page-form .input-radio
{
     padding-left:0;
}
.profile-page-form div.selector
{
    height:32px !important;   
}
.profile-page-form .form-group .form-control  
{
    height:32px !important;
}
.profile-page-form
{
    background:none !important;
    box-shadow:none !important;
}
.p-detail-title
{
    font-size:16px;
    color:#000;
}
.user-title
{
    color:#1c1b17;
    font-weight:600;
    font-size:15px;
}
.account-sidebar img
{   
    width:100%;
    max-width:25px;
    margin-right:8px;
}
.account-sidebar li
{
    margin-bottom:18px;
}
.contact-section p
{
    margin-bottom:0;
    display:inline-block;
    color:#000;
}
.contact-section .info-box 
{
    position: relative;
    margin-bottom: 30px;
    background-color: #f2f2f2;
    padding:20px;
}
.active-list
{
    color:#e31e24 !important;
    font-weight:500;
}
select.form-control:not([size]):not([multiple])
{
    height:auto;
}
.search-btn
{
    display:none;
}
.mobile-search-view
{
    display:none;
}
.header-search
{
    position:absolute;
    top:32px;
}
/*.header-s-icon .fa-search
{
    position:absolute;
    top:12px;
}*/
.header-s-icon
{
    box-sizing: content-box;
    display: inline-block;
    height: 28px;
    width: 40px;
    text-align: center;
    padding: 6px 1px 5px;
    background: #f1f1f1;
    /*border: 1px solid #f5f5f6;*/
    border:none;
    border-right: none;
   /* border-radius: 4px 0 0 4px;*/
   /* position: absolute;
    left: -41px;*/
}
.header-search  .search-box-input::placeholder
{
    color:#878b94;
    font-weight:300;
}
.header-search  .search-box-input
{ 
    display: inline-block;
    float: left;
    font-size: 14px;
    height: 20px;
    line-height: 24px;
    color: #696e79;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    padding: 8px 10px 10px;
    margin: 0;
    outline: 0;
    /*border: 1px solid #f1f1f1;*/
    /*border-radius: 0 4px 4px 0;*/
    border:none;
    border-left: 0;
    background: #f1f1f1;
    width:100%;
    max-width:175px;
}

.dropdown:hover:before
{
    width: 100%;
    height: 2px;
    left: 0;
    bottom: 0;
    background:#ab171b;
}
.dropdown:before
{
    content: "";
    background: transparent;
    width: 10px;
    height: 10px;
    position: absolute;
    left: 49px;
    bottom: 8px;
    transform: none;
    /*transition: all 0.5s ease-in-out;*/
}
.mainmenu .mainmenu__item:hover:before 
{
    width: 100%;
    height: 2px;
    left: 0;
    bottom: 0;
    background: #fff;
}


select#sortby-select
.leftSidebar .innerLeftSidebar.listing-pad
{
    padding-top:0;
}
.clear-all-link
{
    position: absolute;
    right: 0;
    top:3px;
    color:#e31e24 !important;
}
.content-text
{
    font-size:15px;
}
.listing--section
{
    padding-bottom:30px;
}
.content-text p:last-of-type
{
    color:#535766;
    margin-bottom:30px;
    display:block;
}
.coupon-a-tn:focus-visible, .coupon-a-tn:focus
{
    box-shadow:none;
    outline:none;
}
.coupon-a-tn
{
    position: absolute;
    top: 25px;
    right: 25px;
    background-color:#e31e24;
    color:#fff;
    border-radius:2px;
    width:100%;
    max-width:250px;
}
.max-saving-text
{
    font-weight: 500;
    font-size: 12px;
    color: #696b79;
    text-align: left;
    display: block;
    padding-bottom: 3px;
}
.coupon-modal .modal-body
{   
    padding: 22px 24px 30px 24px;
}
.coupon-modal .modal-footer 
{
    justify-content: start;
    padding: 22px 24px 19px 24px;
    position:relative;
    background: #fff;
    box-shadow: 0 -1px 12px 0 rgb(0 0 0 / 15%);
    border-top: 0 solid #d5d6d9;
}
.coupon-modal .coupons-base-price
{
    font-size: 15px;
    font-weight: 500;
    color: #000;
}
.coupon-text
{
    margin-top:8px;
}
.coupon-text p 
{
    color: #000;
    margin-left: 10px;
    font-size: 14px;
    font-weight: 500;
    padding-bottom: 5px;
    margin-bottom: 0;
}
.c-cart-text
{
    font-size:14px;
    color: #282c3f;
    border: 1px dashed #282c3f;
    border-radius: 3px;
    padding: 5px 10px;
    margin-left: 10px;
}
.cart-checkbox input[type=checkbox]:checked + .c-cart-text {
  font-weight: bold;
  color: red;
}
.checkbox-area .checkbox-text
{
    color: #e31e24;
    border: 1px dashed #e31e24;
    border-radius: 3px;
    font-size:14px;
    margin-left: 16px;
    padding: 8px 12px;
    padding-left: 15px;
    padding-right: 15px
}

.check-with-label:checked + .label-for-check {
  font-weight: bold;
}
.checkbox-area {
  display: block;
  position: relative;
  padding-left:20px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  color:;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin-top:30px;
}

/* Hide the browser's default checkbox */
.checkbox-area input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height:18px;
  width: 18px;
  border:1px solid #282c3f;
  background-color:#fff;
  border-radius:2px;
}

/* On mouse-over, add a grey background color */
.checkbox-area:hover input ~ .checkmark {
  background-color: #fff;
}

/* When the checkbox is checked, add a blue background */
.checkbox-area input:checked ~ .checkmark 
{
  background-color: #e31e24;
  border:none;
}
.checkbox-area input:checked ~ .c-cart-text
{
  color: #e31e24;
  padding: 5px 10px;
  margin-left: 10px;
  border-color:#e31e24;
}


.checkbox-area input:checked ~ .checkbox-text
{
    color:#0000;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.checkbox-area input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.checkbox-area .checkmark:after {
  /*left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);*/
    content: '\2713';
    color: #fff;
    font-size: 11px;
    top: 0;
    position: absolute;
    left: 5px;
}   
.coupon-base-labelChecked 
{
    color: #ff3f6c;
    border: 1px dashed #ff3f6c;
    border-radius: 3px;
}
.coupon-base-labelChecked, .coupon-base-labelUnchecked {
    display: flex;
    margin-left: 16px;
    padding: 8px 12px;
    padding-left: 15px;
    padding-right: 15px;
    font-weight: 600;
}
.coupon-base-customCheckbox {
    display: flex;
    position: relative;
    cursor: pointer;
    font-size: 14px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    vertical-align: middle;
}
.coupon-base-selectedCheckboxIcon {
    fill: #ff3f6c;
    font-size: 20px;
    position: relative;
    margin-top: 8px;
}
.apply-check-btn:focus-visible , .apply-check-btn:focus, 
.couponsForm input:focus, .couponsForm input:focus-visible
{
    border:none;
    outline:none;
    box-shadow:none;
}
.apply-check-btn
{
    background-color:transparent;
    border:none;
    font-size:14px;
    font-weight:500;
    color:#e31e24;
}
.couponsForm
{
    border: 1px solid #d5d6d9;
    padding-left:10px;
    position: relative;
    height:auto;
    font-size: 14px;
    box-sizing: border-box;
    /*padding-top: 10px;*/
    border-radius: 4px;
    margin-bottom: 4px;
    /*margin-left:20px;*/
}
.couponsForm  input
{
    border:none !important;
    width:80%;
    font-weight:normal;
    padding:10px;
}
.coupon-modal .modal-dialog
{
    max-width:500px;
}
.coupon-modal .modal-title
{
    font-size: 14px;
    color: #55545;
    font-weight: 500;
    margin-bottom:0;
}
.coupons-code-area
{
    margin-bottom:10px;
    position:relative;
}
.apply-title
{
    display:inline-block;
    margin-left:5px;
    color:#000 !important;
    font-weight:600;
    font-size:14px;
}
.apply-c-title
{
    position: absolute;
    right: 0;
    text-transform: uppercase;
    color: #e31e24 !important;
    padding: 3px 10px;
    border: 1px solid #e31e24;
    cursor:pointer;
    top:5px;
}

.apply-c-title:hover
{
    background-color: rgb(255, 235, 240);
}
/*.coupons-code-area .apply-c-title
{
    display:inline-block;
    margin-left:5px;
    color:#000 !important;
    font-weight:600;
}*/
.best-seller .p-lr-15px
{
    padding:0;
}
.best-seller .owl-item:first-child
{   
    margin-left:0;
}
.best-seller .owl-item
{
    margin:10px;
}

.block-item:hover .wishlist-icon
{
    display:block;
}
.best-seller .blog-item  .block-item
{
    width:100%;
}
.listing-title
{
    padding:0px 15px;
}   
/*.best-seller .owl-controls .owl-buttons div
{
  background: #e63439;
  border-radius: 50% !important;
  height: 35px;
  width: 35px;
}*/
/*.best-seller .owl-next i
{
    margin-right:-2px;
}
.best-seller .owl-next
{
    right:-38px;
}
.best-seller .owl-prev
{
    left:-40px;
}*/
/*.best-seller .owl-next i, .owl-prev i
{
    font-size:14px !important;
    margin-top:8px;
}  */ 
.best-seller .owl-buttons
{
    position: absolute;
    top: 44%;
    left: 0;
    width: 100%;
}
.best-seller.men-carousel .owl-buttons
{
    top:27%;
}
.accordion .zoom-img-lens, .accordion .zoomlens
{
    display:none !important;
}
.alert-badge
{
    background-color: #e31e24;
    color: #fff;
    border-radius: 50px;
    padding: 1px 8px;
    font-size:10px;
    display: inline-block;
    top: 12px;
    left: 5px;
    z-index: 99;
    position: absolute;
}
.wishlist-icon
{
   position: absolute;
   right: 18px;
   z-index: 99;
   top: 17px;
   font-size: 20px;
   color: #e31e24;
   display:none;
}
.pro-items .block-item:hover  .wishlist-icon
{
   display:block;
   transition: all .4s ease 3s;
}
.product-sizes
{   
    display:none;
}
.BottomContentlist.fullWidth.price-area
{
    padding-bottom:0;
    padding-left:0;
    padding-right:0;
    padding-top:3px;
}
.p-sizes
{
    -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.320, 1.275);
-moz-transition: -moz-transform 200ms cubic-bezier(0.175, 0.885, 0.320, 1.275);
-o-transition: -o-transform 200ms cubic-bezier(0.175, 0.885, 0.320, 1.275);
transition: transform 200ms cubic-bezier(0.175, 0.885, 0.320, 1.275);
}
.p-sizes:hover
{
    background-color:#C23538;
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    -ms-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
}
.p-sizes:hover  a
{
    color:#fff;
}
.price-area
{
    padding-bottom:0;
}
.block-item:hover .product-sizes
{
    display:block;
    transition:all 1s linear;
    margin-bottom:10px;
}
.p-sizes
{
    position: relative;
    width: 30%;
/*  padding:0px 3px;*/
    margin: 3px;
    border: 1px solid #c23538;
    text-align: center;
    transition-duration: .5s;
    transition-property: transform, color, box-shadow;
    transform: none;
    display: inline-block;
    cursor: pointer;
    font-size: 11px;
    border-radius:10px;

}
.p-sizes a
{
    color:#C23538;
}
.product-price
{
    color:#C23538;
    font-weight:600;
    margin-right:5px;
    vertical-align:middle;
}
.striked
{
    position:relative;
    vertical-align:middle;
    margin-right:2px;
}
.striked:before
{
    position: absolute;
    top: 50%;
    margin-top: -0.5px;
    background-color: #8a8a8a;
    min-height: 1px;
    width: 100%;
    z-index: 10;
    content: "";
    display: inline-block;
    float: left;
}
.pro-items
{
    margin-top:15px;
}
.grid-area
{
    margin:13px 0px;
}
.active-grid
{
    background-color:#333 !important;
}

.icon-grid-three:hover
{
    background-color:#333;
}
.icon-grid-three
{
    background-image: linear-gradient(to top, white 2px, transparent 2px), linear-gradient(to left, white 2px, transparent 3px);
    background-size: 100% 100%, 34% 100%;
    /* background-position: 0% 100%, 100% 100%; */
    background-repeat: repeat-y, repeat-x;
    width:21px;
    height:14px;
    background-color:#c1c1c1;
    display:block;
}
.icon-grid-five:hover
{
    background-color:#333;
}
.icon-grid-five
{
    background-image: linear-gradient(to top, white 2px, transparent 2px), linear-gradient(to left, white 2px, transparent 3px);
    background-size: 100% 100%, 20% 100%;
    /* background-position: 0% 100%, 100% 100%; */
    background-repeat: repeat-y, repeat-x;
    width:35px;
    height:14px;
    background-color:#c1c1c1;
    display:block;
}
.grid-title
{
    font-size:16px;
    text-transform:uppercase;
    vertical-align:middle;
    margin-right:5px;
}
.call-action-btn i
{
    margin-left:3px;
    display:inline-block;
}
.slide-title .sub-title
{
    margin-bottom:10px;
    display:block;
    color:#272b24;
}
/* Create two equal columns that floats next to each other */
.grid-content
{
    padding:0;
}
.pen-title {
  color: #333;
  margin-bottom: 0;
  text-align: center;
  text-shadow: 1px 1px 0 #000;
}

.pen-description {
  color: #333;
  margin-bottom: 3rem;
  text-align: center;
  text-shadow: 1px 1px 0 #000;
}
.pen-description a {
  color: #333;
  text-decoration: underline;
}

a {
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}

img {
 /* height: auto;
  max-width: 100%;*/
}

.wrap {
 /* max-width: 85.375rem;
  margin: 0 auto;*/
}

/*.image-as-background {
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}*/

/*.screen-reader-text {
  height: auto;
  width: 1px;
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  overflow: hidden;
  position: absolute !important;
}
.screen-reader-text:hover, .screen-reader-text:active, .screen-reader-text:focus {
  height: auto;
  width: auto;
  background-color: #000000;
  border-radius: 2px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  color: #FFFFFF;
  display: block;
  font-size: 0.875rem;
  font-weight: 700;
  left: 0.3125rem;
  line-height: normal;
  padding: 0.9375rem 1.4375rem 0.875rem;
  text-decoration: none;
  top: 0.3125rem;
  z-index: 100000;
}*/

.block-item {
  width: 100%;
  color: #333;
  float: none;
  /*margin-bottom: 2.1875rem;*/
  margin-bottom:15px;
  text-align: center;
  position:relative;

}
article .block-item{
  background:#f6f6f6;
}
@media screen and (min-width: 20rem) {
  .block-item {
    float: left;
    display: block;
    /*margin-right: 2.3576520234%;*/
    width: 48.8211739883%;
    transition: all 0.5s ease-in-out;
  }
  /*.block-item:last-child {
    margin-right: 0;
  }*/
  /*.block-item:nth-child(2n) {
    margin-right: 0;
  }*/
  .block-item:nth-child(5n+1) {
    clear: left;
  }
}
@media screen and (min-width: 64rem) {
  .block-item {
    float: left;
    display: block;
    /*margin-right: 2.3576520234%;*/
    width:18%;
    margin-right:2%;
  }
  .block-item:last-child {
    margin-right: 0;
  }
 /* .block-item:nth-child(2n) {
    margin-right: 2.3576520234%;
  }*/
  .block-item:nth-child(3n+1) {
    clear: none;
  }
  
  /*.block-item:nth-child(5n) {
    margin-right: 0;
  }*/
  .block-item:nth-child(5n+1) 
  {
    clear: left;
  }
  .block-item:nth-child(5)
  {
    margin-right:0;
  }
}
.block-item h1 {
  margin: 0;
}
.block-item img {
  /*border-radius: 100%;*/
}

.view-radio {
  display: none;
}
.view-radio + label {
  transition: all 0.2s ease-in-out;
  color: #a2a2a2;
  cursor: pointer;
  display: inline-block;
  font-size:20px;
  font-weight: 600;
  border:1px solid #cfcfcf;
  padding: 3px 2px 1px 4px;
  /*margin: 0 2.1875rem 2.1875rem 0;*/
  margin-bottom:0;
  vertical-align:middle;
}
.view-radio + label:hover {
  color: #333;
}

.view-radio:checked label span {
  color: #333;
}

.list-view-radio:checked ~ .content-container .block-item {
  width:31%;
  margin-right:2%;
  transition: all 1s ease-in-out;
  text-align: left;
  margin-bottom:8;
}
.list-view-radio:checked ~ .content-container .block-item:nth-child(3n+1)
{
    clear:left;

}

.list-view-radio:checked ~ .content-container .block-item:nth-child(5n+1)
{
    clear:none;

}

@media screen and (min-width: 48rem) {
  .list-view-radio:checked ~ .content-container .block-item {
    min-height: 18.75rem;
  }
}
.list-view-radio:checked ~ .content-container .block-item img {
  height: 4rem;
  width: 4rem;
  float: left;
  margin-right: 0.9375rem;
}
@media screen and (min-width: 48rem) {
  .list-view-radio:checked ~ .content-container .block-item img {
    height:auto;
    width:100%;
  }
}
.list-view-radio:checked ~ .content-container .block-item .entry-content {
  /*overflow: hidden;*/
}


.men-carousel .owl-item
{
    margin:10px;
}
.banner-area.about-sec
{
    margin-bottom:30px;
}

.call-action-btn
{
    font-size:20px;
    /*text-transform:capitalize;*/
    font-weight:normal;
    color:#fff;
    background-color: #dd4341;
    padding:10px 20px;
    border-radius:5px;
    border:1px solid #fff;
    font-size:16px;
    margin-top:50px;
}
.call-action-btn:hover
{
    color:#fff;
    background-color:#bf2c30;
}
.dropdown-col
{
    border-bottom:1px solid #e4e5e6;
    padding:10px;
}
.sidebar .sidebar-heading
{
    font-size:14px;
    color:#000;
}
.range-value input:focus-visible
{
    border:none;
    outline:none;
    box-shadow:none;
}
.ui-state-default, .ui-widget-content .ui-state-default
{
    border: 1px solid #e63439;
    background: #df3239;
}
.ui-state-default, .ui-widget-content .ui-state-default:focus-visible
{
  /*  border:none;*/
    outline:none;
    box-shadow:none;
}
.slider-price {
    margin-top: 25px;
    text-align: center;
}

.slider-price p {
    display: flex;
    align-items: center;
}

.slider-price p .btn {
    width: 100px;
}

.slider-price input#amount {
    background: transparent;
    border: transparent;
    color: #1a1f2b;
    text-align: left;
    word-spacing: 1px;
    font-weight:500;
    margin-left:20px;
}
.price-range-slider {
    width:90%;
  float:left;
  padding:0;
  margin-bottom:10px;
}

.ui-slider-handle:after {
    content: "";
    height: 8px;
    width: 7px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    border-left: solid 2px #cacaca;
    border-right: solid 2px #cacaca;
}
.ui-slider .ui-slider-handle
{
    border-radius:7px !important;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    border: 2px solid #d3d3d3;
    background: #fff url(images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x;
    font-weight: normal;
    color: #555;
}
.price-range-sec .ui-slider .ui-slider-handle
{
    width: 2em ;
    height: 1.6em;
}

/*.price-range-slider  .ui-slider-handle
{
    top:0;
}*/
.price-range-slider .ui-slider-handle
{
    margin-top:-3px;
}
    .range-value {
        margin:0;
    }
        .range-value input {
            width:100%;
            background:none;
            color: #000;
            font-size: 16px;
            font-weight: initial;
            box-shadow: none;
            border: none;
            margin: 0 10px 5px 0px;
        }
    
    .range-bar {
        border: none;
        background:#c7c7c7;
        height: 3px;    
        width: 100%;
        margin-left: 8px;
    }
        
        .ui-slider-range
         {
            background:#e63439;
        }
        
        .ui-slider-handle {
            border:none;
            border-radius:25px;
            background:#fff;
            border:2px solid #06b9c0;
            height:17px;
            width:17px;
            top: -0.52em;
            cursor:pointer;
        }
        .ui-slider-handle span {
            background:#06b9c0;
        }
    }
}
.filter-list  .filter-size ul li
{
    width:48%;
    display:inline-block;
}
.filter-list .sidebar-heading
{
    padding-bottom:0;
}
.filter-list .filter-item-inner
{
    padding:0;
}
.filter-item-inner {
    border-bottom: 1px solid #eee;
}

.filter-item-inner-heading {
    position: relative;
    padding: 10px;
    padding-right: 30px;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 1.2em;
    cursor: pointer;
    color:#000;
    padding-left:0;

}

.filter-item-inner-heading.minus:after,
.filter-item-inner-heading.plus:after {
    position: absolute;
    top: 52%;
    right: 7.5%;
    font-size: .6em;
}

.filter-item-inner-heading.minus:after 
{
    content: "";
    display: block;
    width: 14px;
    height: 3px;
    background-color: #777777;
    right:0;
}


.filter-item-inner-heading.plus:after {
    content: "\002B";
    font-size:27px;
    right:0;
    top:5px;
}

.filter-attribute-list {
    overflow: hidden;
}

.filter-attribute-list-inner {
    padding: 0 0px 15px;
}

.filter-attribute-item {
    /*padding-left: 10px;*/
    margin-top: 5px;
}

.filter-attribute-item:first-child {
    margin-top: 0;
}
.innerLeftSidebar.filter-list-sidebar
{
    padding-top:0;
}
.filter-btn
{
    border:none;
    background-color:transparent;
    font-size:18px;
    display:block;
    padding:10px;
}
/*.collapse.sliding-sidebar
{
    display:block;
    padding:0;
}*/
/*.innerLeftSidebar .sliding-sidebar.show
{
    display:block !important;
}*/
// site specific

.container-fluid {
  max-width: 960px;
}

// utility

[data-toggle="collapse"] {
  cursor: pointer;
}

.align-center {
  text-align: center;
}

.align-right {
  text-align: right;
}

.valign-middle {
  vertical-align: middle !important;
}

// responsive table override

// wrap responsive table in media query
@media screen and (max-width: 767px) {
  
  /*.section.listing--section
  {
    padding:20px !important;
  }*/
   
   .leftSidebar .innerLeftSidebar
   {
      padding-top:0;
   }
   .breadcrumb-area.listing-title
   {
    margin-bottom:9;
   }
    .sidebar-heading
   {
        width:50%;
        display:inline-block;
   }
   .product-price
   {
      display:block;
   }
  .mobile-banner
  {
    display:block;
  }
  .listing-title
  {
    padding:0 !important;
  }

  .table-responsive 
    thead,
    tbody,
    tfoot,
    tr,
    th,
    td {
      display: block;
    }

    thead {
      display: none;
    }

    .align-center,
    .align-right {
      text-align: inherit;
    }
    
    tr {
      border-top: 1px solid #ddd;
  }
      
      first-child {
        border: 0;
      }
    }

   
    > tbody > tr > td {
      padding-left: 50%;
      border-top-color: rgba(221, 221, 221, 0.5);
     
    }

  
  // a little tweaking
  
  .navbar-fixed-top.visible-xs + .row {
    padding-top: 60px; // height plus padding
  }
  
  .btn .visible-xs {
    display: inline-block !important;
  }
  
  .sliding-sidebar {
    position: absolute;
    z-index: 1;
    background: #fff;
    min-height: 100%;
    padding:0;
    /*border-right: 1px solid #ccc;*/
}
    
    .sliding-sidebar .list-group-item
    {   
        border:none;
        padding-left:0;
        color:#000;
    }
    .sliding-sidebar .collapse.in
    {
        box-shadow:none;
    }
    .collapse .collapsing 
    {
      display: block !important;
      transform: translate3D(-100%, 0, 0);
      transition: all 200ms;
    }
    
    .collapse.in 
    {
      transform: translate3D(0, 0, 0);
      box-shadow: 
        1px 0 0 rgba(0,0,0,0.05),
        2px 0 0 rgba(0,0,0,0.05),
        3px 0 0 rgba(0,0,0,0.05);
    }
  }
}

.parent-expanded {
  
}
.parent-collapsed {
  display: none;
}

.collapsed 
  .parent-expanded {
    display: none;
  }
  
  .parent-collapsed {
    display: inline-block;
  }
}

/* Sidebars Section */
.single-sidebar {
    margin-bottom: 40px;
}

.single-sidebar .promo-image {
    max-width: 300px;
}

.single-sidebar:last-child {
    margin-bottom: 0;
}

.sidebar-title {
    border-bottom: 2px solid #ececec;
    margin-bottom: 15px;
    position: relative;
    font-size: 16px;
    text-transform: uppercase;
    width: 100%;
    padding-bottom: 15px;
    color: #1a1f2b;
}

.sidebar-title:after {
    position: absolute;
    content: "";
/*    bottom: -2px;
    height: 2px;
    width: 60px;
    background: #56a700;
    left: 0;*/
}

.log-modal .modal-content
{
    padding:0 !important;
}
.log-modal .btn.signup
{
    background-color:red;
}
.log-modal .form-control:focus  
{   
    border-bottom:2px solid rgba(0, 0, 0, 0.5);
    border-top:none;
    border-left:none;
    border-right:none;
}
.bg-gray.cart-remove-btn
{
    font-weight:normal;
    color:#1c1b17;
    background-color:#e7e7e7;
}
.apply-credits
{
    color: #e43338;
}
.price-text-cart
{
    font-weight:bold;
    color:#1a1f2b;
}
.div-table
{
    border-bottom: 1px solid #ececec;
}
.remove-btn-cart
{
    border:none;
    margin-top:3px;
}
.detail-div
{
    margin-top:20px;
}
.use-coupon-text
{
    color:#2c2b27;
}
.cart-title-info .page-heading
{
    font-size:20px;
    margin-bottom:10px;
}
.cart-sec
{
    padding-top:0;
}
.home-hello-info.cart-title-info
{
    padding-bottom:0;
}
.detail-area .show img
{
    max-width:inherit !important;
    z-index:99;
    width:100%;
}
.menu-aarow
{
    width: 100%;
    max-width: 10px;
    margin-left: 5px;
}

.dropdown.show .menu-aarow
{
    max-width:10px;
}

.mini-cart-content .cart-image img
{
    max-width:100px;
}
.openBtn {
  background: #f1f1f1;
  border: none;
  padding: 10px 15px;
  font-size: 20px;
  cursor: pointer;
}

.openBtn:hover {
  background: #bbb;
}

.overlay {
  height: 100%;
  width: 100%;
  display: none;
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  background-color: rgb(0,0,0);
  background-color: rgba(0,0,0, 0.9);
}

.overlay-content {
  position: relative;
  top: 46%;
  width: 80%;
  left:27%;
  text-align: center;
  margin-top: 30px;
  margin: auto;
}

.overlay .closebtn {
  position: absolute;
  top: 20px;
  right: 45px;
  font-size: 60px;
  cursor: pointer;
  color: white;
}

.overlay .closebtn:hover {
  color: #ccc;
}

.overlay input[type=text] {
  padding: 11px;
  font-size: 17px;
  border: none;
  float: left;
  background: white;
}
.overlay input:focus-visible
{
    border:none;
    outline:none;
    box-shadow:none;
}

.overlay input[type=text]:hover {
  background: #f1f1f1;
}

.overlay button {
  float: left;
  padding: 15px;
  background: #ddd;
  font-size: 17px;
  border: none;
  cursor: pointer;
}

.overlay button:hover {
  background: #bbb;
}
.collapse-area
{
    justify-content:center;
}
.header-right-area img
{
    width:100%;
    max-width:16px;
}
.header-right-area li
{
    display:inline-block;
    margin-right:10px;
}
.header-r-cart
{
   margin-top:40px;
   display:inline-block;
}
.header-r-cart .cart
{
    font-size:20px;
    color:#000;
}
.header-center
{
 display: flex;
 align-items: center;
 justify-content: center;
}
.header-row
{
    width:100%;
}
.navbar-nav .dropdown-menu
{
    min-width:850px !important;
    margin-left:-28px;
}
.navbar-nav .dropdown-menu:hover
{
  overflow: hidden;
  transform: scale(1.00);
}

/*.navbar-expand-lg .navbar-nav .dropdown-menu
{
    display:block !important;
}*/
.menu-image
{
    padding-right:24px;
}
.cat-title
{
    display: block;
    width: 100%;
    padding:0.25rem 1.5rem;
    clear: both;
    font-weight:500;
    color:#3c3c3c;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border-bottom:1px solid #e4e5e6;
}

 .navbar{
     background: #fff;
     padding-top: 0;
     padding-bottom: 0;
     box-shadow: 1px 3px 4px 0 #adadad33;
}
 .navbar-light .navbar-brand {
     color: #2196F3;
}
 .navbar-light .navbar-nav .nav-link {
     color: #000;
}
 .navbar-light .navbar-brand:focus, .navbar-light .navbar-brand:hover {
     color: #000;
}
 .navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
     color: #000;
}
 .navbar-light .navbar-nav .nav-link{
     padding-top: 22px;
     padding-bottom: 22px;
     transition: 0.3s;
     /*padding-left: 24px;*/
     padding-right: 24px;
     font-size: 14px;
     text-transform:uppercase;
}
/* .navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover{
     background: #1ebdc2;
     transition: 0.3s;
}*/
.dropdown-item:focus, .dropdown-item:hover {
    color: #000;
    text-decoration: none;
    /*background-color: #1ebdc2 !important;*/
}
.sm-menu{
    border-radius: 0px;
    border: 0px;
    top: 97%;
    box-shadow: rgba(173, 173, 173, 0.2) 1px 3px 4px 0px;
}
.dropdown-item {
    color: #3c3c3c;
        font-size: 14px;
}
.dropdown-item.active, .dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color:#e31e24;
}
.navbar-toggler{
    outline: none !important;
}
.navbar-tog{
    color: #1ebdc2;
}
.megamenu-li {
    position: static;
}

.megamenu {
    position: absolute;
    width: 100%;
    left: 0;
    right: 0;
    padding: 15px;
}
.megamenu h6{
    margin-left: 21px;
}
.megamenu i{
    width: 20px;
}

.blog-area.also-like-product
{
    padding-bottom:0;
}
.leftSidebar .zoom-img-lens, .leftSidebar .zoomlens
{ 
    display:none !important;
}
.footer-icon-text
{
    margin-left:10px;
    color:#000;
}
.iconLeft
{
    width:60px;
}
.delivery-input
{
    border: 1px solid #333333 !important;
    padding: 14px !important;
}
.delivery-input:focus
{
    box-shadow:none !important;
}
.header-icon
{
    width:100%;
    max-width:30px;
    position:absolute;
    top:30px;
}

.fixed {
    position: fixed;
    top:0; left:0;
    width: 100%; 
}
.d-options 
{
    margin-bottom: 10px;
}
.delivery-t {
    font-size: 14px;
    margin-top: 10px;
    color: #011652;
    display:block;
    margin-bottom:5px;
    cursor: pointer;
}
.d-options .d-input-box 
{
    width: 100%;
    display: inline-block;
    max-width: 200px;
    padding: 4px 10px;
    font-size: 13px;
    text-transform: uppercase;
    line-height: 20px;
    vertical-align: middle;
    border-radius: 0;
    border:1px solid #ced4da;
    height:30px;
}
.d-options .d-go-btn {
    height: auto;
    background-color:#333333;
    color: #fff;
    width: auto;
    border-radius: 0;
    font-size: 11px;
    text-transform: uppercase;
    margin-left: -5px;
    line-height: 20px;
    padding: 4px 10px;
    font-size: 13px;
}
.d-options .d-go-btn:focus
{
    box-shadow:none;
}

[type="button"]:not(:disabled),
.details-tabs .nav-link.active
{
background-color:transparent !important;
color:#e31e24;
}
.product-short-para p {
    margin-bottom: 4px;
}
.product-short-para h6
{
    margin-bottom:4px;
    font-size:14px;
    margin-top:0;
}
.product-short-para {
display: inline-block;
width: 46%;
margin-right: 3%;
margin-bottom: 5px;
border-bottom: 1px solid #e7e7e7;
color:#000;
}
.details-tabs .nav-link
{
padding:0;
color:#323232;
margin-right:20px;
font-size:15px;

}
.details-tabs
{
margin-top:20px;
}
.tab-content .zoom-img-lens, .tab-content .zoomlens
{
display:none !important;
}
{
margin-bottom: 5px;
width: 70px;
}
.more-color-area .more-colors
{
font-size:14px;
}
.size-modal-area .modal-body
{
position:relative;
}
.size-modal-area .modal-content
{
margin-top:100px;
}
.size-guide-btn
{
color:#e31e24;
}
.size-modal-area .close
{
position: absolute;
right: 8px;
top: 13px;
border: 1px solid #000;
border-radius: 50%;
height: 30px;
width: 30px;
font-weight: 500;
}
.size-modal-area .modal-header
{
position:relative;
}
.size-modal-area .modal-header .close
{
position:absolute;
}
.size-modal-area .modal-dialog
{
width:100%;
max-width:550px;
margin:0 auto;
}
.size-modal-area .modal-body
{
padding:0;
}
.size-modal-area .fade.show
{
height:auto !important;
}       
.size-guide-btn
{
font-size:14px;
}
.size-guide-area h6 span {
margin-left: 200px;
}
.radio-toolbar
{
margin-bottom:10px;
}
.radio-toolbar input[type="radio"] {
display: none;
}
.radio-toolbar label {
display: inline-block;
line-height: 44px;
width: 43px;
height: 43px;
cursor: pointer;
border: 1px solid #d7d7d7;
background-color: var(--white-color);
margin-right: 9px;
border-radius:50%;
cursor: pointer;
font-size: 13px;
text-align:center;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.radio-toolbar input[type="radio"]:checked+label 
{
color:#fff;
background-color: #333333;
}
.wish-btn
{
    text-transform:uppercase;
    color: #333333;
   
}
a.wish-btn
{
    background-color:transparent !important;
    border: 1px solid #d7d7d7;
    color:#000 !important;
}
a.wish-btn:hover
{
    background-color:#333333 !important;
    color:#fff !important;
}
.zoom-img-area {
width:100%;
height:auto;
}
.small-img {
width:100%;
height: 70px;
margin-top: 10px;
position: relative;
/*left: 25px;*/
}
.show img
{
/*max-width:inherit;*/
z-index:99;
}
.small-img .icon-left, .small-img .icon-right {
width: 12px;
height: 24px;
cursor: pointer;
position: absolute;
top: 0;
bottom: 0;
margin: auto 0;
}
.small-img .icon-left { transform: rotate(180deg) }
.small-img .icon-right { right: 0; }
.small-img .icon-left:hover, .small-img .icon-right:hover { opacity: .5; }
.small-container {
width:375px;
height:100px;
overflow: hidden;
position: absolute;
left: 0;
right: 0;
margin: 0 auto;
}
.small-container div {
width: 800%;
position: relative;
}
.small-container .show-small-img {
width: 70px;
height: 90px;
margin-right: 6px;
cursor: pointer;
float: left;
}
.small-container .show-small-img:last-of-type { margin-right: 0; }
.detail-area
{
padding:0 !important;
/*padding-bottom:30px !important;*/
}
.single-product-sec
{
padding:0;
padding-bottom:60px;
}
.ListingWrap 
{
padding:0;
}
.top-cat-sec:nth-of-type(3n+1)
{
margin-bottom:30px;
}
.account-toggle-eye
{
top:47px !important;
}
.log-modal .pop-bg-content
{
position:absolute;
box-shadow: inset 0 0 0 2000px rgb(0 0 0 / 25%);
}
.close-btn
{
color:#fff !important;
font-weight:normal;
opacity:1;
margin-top:20px;
position:absolute;
right:10px;
z-index:1;
text-shadow:none;
}


.close-btn:hover
{
color:#fff;
}
.login-btn
{
background-color: transparent;
border-color: #fff;
border: 1px solid #fff;
color: #fff;
padding: 8px 25px;
}
.login-btn:hover
{
color:#fff !important;
}
button:focus
{
outline:none !important;
}
@media only screen and (min-width: 35em) {
/* Style adjustments for viewports that meet the condition */
}
@media print,
(-webkit-min-device-pixel-ratio: 1.25),
(min-resolution: 1.25dppx),
(min-resolution: 120dpi) {
/* Style adjustments for high resolution devices */
}
/* ==========================================================================
Print styles.
Inlined to avoid the additional HTTP request:
http://www.phpied.com/delay-loading-your-print-css/
========================================================================== */
@media print {
*,
*:before,
*:after {
background: transparent !important;
color: #000 !important; /* Black prints faster:
http://www.sanbeiji.com/archives/953 */
box-shadow: none !important;
text-shadow: none !important;
}
a,
a:visited {
text-decoration: underline;
}
a[href]:after {
content: " (" attr(href) ")";
}
abbr[title]:after {
content: " (" attr(title) ")";
}
/*
* Don't show links that are fragment identifiers,
* or use the `javascript:` pseudo protocol
*/
a[href^="#"]:after,
a[href^="javascript:"]:after {
content: "";
}
pre,
blockquote {
border: 1px solid #999;
page-break-inside: avoid;
}
/*
* Printing Tables:
* http://css-discuss.incutio.com/wiki/Printing_Tables
*/
thead {
display: table-header-group;
}
tr,
img {
page-break-inside: avoid;
}
img {
max-width: 100% !important;
}
p,
h2,
h3 {
orphans: 3;
widows: 3;
}
h2,
h3 {
page-break-after: avoid;
}
}
/*------New css------*/
.mainmenu ul li a::before {
background: rgba(0, 0, 0, 0) url("../img/1.png") no-repeat scroll left center;
content: "";
height: 100%;
left: sti0px;
position: absolute;
top: -10px;
width: 100%;
opacity: 0;
transition: all 0.3s ease 0s;
}
.mainmenu ul li a::after {
background: rgba(0, 0, 0, 0) url("../img/2.png") no-repeat scroll right center;
bottom: -10px;
content: "";
height: 100%;
position: absolute;
right: -20px;
width: 100%;
opacity: 0;
transition: all 0.3s ease 0s;
}
.mainmenu ul li:hover a::after, .mainmenu ul li.current a::after {
right: -10px;
opacity: 1;
}
.mainmenu ul li:hover a::before, .mainmenu ul li.current a::before {
left: -10px;
opacity: 1;
}
.mainmenu ul li a {
color: #fff;
display: block;
padding: 25px 0;
text-transform: uppercase;
position: relative;
font-weight: 600;
}
.mainmenu ul#nav li .megamenu span a::before, .mainmenu ul#nav li .megamenu span a::after {
display: none;
}
.brand-item {
margin: 10px;
}
a.modal-view {
display: none !important;
}
ul#nav {
text-align: center;
}
.single-product .item-top a img {
width: 100%;
-webkit-transform: scale(1.01);
-moz-transform: scale(1.01);
transform: scale(1.01);
-webkit-transition: all .3s;
-moz-transition: all .3s;
transition: all .3s;
-webkit-transform-origin: 50% 0;
transform-origin: 50% 0;
-webkit-backface-visibility: hidden;
}
.single-product .item-top:hover a img {
-webkit-transform: scale(1.07);
-moz-transform: scale(1.07);
transform: scale(1.07);
}
.white-hover:hover::before {
transform: scale(1);
}
.white-hover {
display: block;
position: relative;
overflow: hidden;
}
.white-hover:hover h5 {
position: absolute;
width: 100%;
top: 0;
left: 0;
transition: 0.5s ease-in-out;
display: flex;
justify-content: center;
height: 100%;
align-items: center;
}
.white-hover::before {
background: rgba(255, 255, 255, 0.1) none repeat scroll 0 0;
bottom: 0;
content: "";
left: 0;
position: absolute;
right: 0;
top: 0;
transform: scale(0);
transition: all 300ms ease 0s;    
}
.address-sec .col-md-4 {
border: 1px solid #000;
padding: 15px;
position: relative;
text-align: center;
overflow: hidden;
}
.address-sec .col-md-4:nth-child(1),.address-sec .col-md-4:nth-child(2) {
border-right: none;
}
svg#Layer_1 {
height: auto;
position: absolute;
top: 0;
left: 0;
width: 139px;
transform: translateX(-100%);
transition: 0.5s ease-in-out;
opacity: 0.5;
fill: #fff;
}
.address-sec .col-md-4:hover svg#Layer_1, .address-sec .col-md-4:hover p a{
transform: translateX(0);
fill: #fff;
color: #fff;
}
.promo-banner {
position: relative;
overflow: hidden;
}
.promo-content {
position: absolute;
top: 0;
left: 0;
padding: 7%;
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
}
.promo-content h3, .promo-content p, .promo-content a{
color: #fff;
}
.three-box-sec {
overflow: hidden;
}
.three-box-sec .col-md-4 {
padding: 0;
}
.promo-banner .promo-img {
transition: transform 0.5s cubic-bezier(0,0,.44,1.18);
}
.promo-banner:hover .promo-img {
transform: scale(1.09);
}
h5.caption-title-sm.bg-light-custom.p-2.w-100 {
background: rgba(0,0,0,0.3);
}
.counter-inner {
border: 1px solid rgba(0,0,0,0.3);
display: flex;
flex-direction: column;
height: 100%;
position: relative;
overflow: hidden;
z-index: 1;
}
.counter-inner::before {
content: "";
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
transform: translateX(-100%);
transition: transform 0.5s ease-in-out;
background: #000;
z-index: -1;
}
.counter-inner:hover::before {
transform: translateX(0);
}
.counter-inner:hover h3.heading-3.text-black{
color: #fff !important;
}
.address-sec {
margin-bottom: 4rem;
}
.email-sec p a{
color: #777;
}
span.color-b.font-40.text-white.text-center.bb-0 {
display: block;
}
.pagination-content {
display: none;
}
p.text-black.p-5 {
line-height: 24px;
}
.banner-area .section-title h4 {
background: none;
}
.banner-area .section-title h4::after{
background: none;
}
.col-lg-12.col-md-12.col-sm-12.col-xs-12.text-center.text-md-start {
text-align: center !important;
}
.banner-area span.color-b {
font-size: 50px;
font-weight: 700;
}
.item.item2 a {
font-size: 40px;
line-height: normal;
text-align: center;
font-weight: 700;
text-transform: uppercase;
}
.col-sm-6.col-md-4.col-lg-4.item {
margin-bottom: 30px;
}
.col-sm-6.col-md-4.col-lg-4.item.item2 {
display: flex;
justify-content: center;
align-items: center;
align-self: center;
border: 1px solid #e31e24;
height: 216px;
}
.event-btn{
width: 100%;
text-align: center;
}
.event-btn a {
display: inline-block;
justify-content: center;
align-items: center;
align-self: center;
background: #e31e24;
padding: 10px 15px;
color: #fff;
width: auto;
margin-top:15px;
}
.event-btn a:hover
{
    color:#fff;
}
.blog-image iframe {
width: 100%;
height: 220px;
}
.header-right-menu .form-inline label {
color: #000;
}
.header-right-menu .form-inline .search-field {
display: inline-block;
width: auto;
background: none;
border: none;
border-bottom: 1px solid transparent;
border-radius: 0;
color: #fff;
box-shadow: none;
color: inherit;
transition: border-bottom-color 0.3s;
}
.header-right-menu .form-inline .search-field:focus {
border-bottom: 1px solid #ccc;
}
.header-right-menu span .login {
color: #ccc;
margin-right: .5rem;
text-decoration: none;
}
.header-right-menu span .login:hover {
color: #000;
}
.header-right-menu form.form-inline.mr-auto {
display: inline-flex;
justify-content: center;
align-items: center;
align-self: center;
}
.header-right-menu i{
color: #000 !important;
}
.social-button {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
align-self: center;
margin-top: 13px;
}
.social-button .form-group {
display: inline-flex;
justify-content: center;
align-items: center;
}
/* #exampleModal .modal .modal-dialog {
max-width: 900px;
overflow: unset;
margin: 10% auto;
} */
.modal-dialog {
width: 100%;
max-width: 900px;
overflow: unset;
margin: 10% auto;
}
.navbar-text a {
display: inline-flex;
justify-content: center;
align-items: center;
align-self: center;
background: #e31e24;
padding: 10px 15px;
color: #fff !important;
width: auto;
margin-top: 0;
border: none !important;
border-radius: 0 !important;
font-size: 13px;
text-transform: uppercase;
line-height: 1.42857;
}
.form-inline .form-group {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 0;
}
button.btn.signup.col-6.col-md-6{
border:none;
color: #fff;
display: block;
font-size: 13px;
width: auto;
margin-top: -2px;
padding: 10px 25px;
text-shadow: 0 0 0;
background-color:#e31e24 !important;
text-transform: uppercase;
border-radius: 0;
font-weight: 700;
}
.modal-footer.border-0.mb-4{
justify-content: center;    
}
.form-group .form-control{
border-bottom: 2px solid rgba(0, 0, 0, 0.5);
max-width: 100%;
}
h5.modal-title {
font-weight: 700;
}
a.btn.btn-primary{
font-weight: 700;
}
#toggleforgot_pwd{
cursor: pointer;
color: #000;
position: absolute;
top:19px;
right: 19px;
color: #000;
font-weight: 600;
}
#toggle_pwd{
cursor: pointer;
color: #000 !important;
position: absolute;
top:19px;
right: 19px;
color: #011652;
font-weight: 600;
}
.form-group {
position: relative;
}
h5.modal-title {
font-weight: 700;
margin-bottom: 20px;
text-align: center;
color: #000;
}
button.btn.signup.col-6.col-md-6:hover{
color: #fff;
background: #e31e24;
border-color: #e31e24;
transition: all 0.5s ease-in-out;
}
.pop-bg {
background-image: url(../img/pop-img.png);
background-repeat: no-repeat;
background-size: 100%;
padding: 0;
/*box-shadow: inset 0 0 0 2000px rgb(0 0 0 / 30%);*/
}
.pop-bg-content {
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
justify-content: end;
align-items: center;
align-self: center;
padding-bottom: 20px;
}
.pop-bg-content h3, .pop-bg-content p {
color: #fff;
}
a.reset-password-btn {
font-weight: 400;
color: #000000;
}
.row.menu2 {
position: absolute;
width: 100%;
background: #fff;
left: 0;
margin: 0;
}
.position-relative {
position: relative !important;
}
.signup-form input[type="radio"] {
opacity: 0;
width: 15px;
height: 20px;
z-index: 1;
}
input[type="radio"]:checked {
opacity: 0;
}
.signup-form input {
border: 1px solid #e5e5e5;
border-radius: 0;
height:45px;
line-height: 50px;
max-width: 100%;
width: 100%;
padding: 0 0 0 10px;
vertical-align: middle;
}
.signup-form input[type="radio"] {
opacity: 0;
width: 15px;
height: 20px;
z-index: 1;
}
input[type="radio"]:checked {
opacity: 0;
}
.signup-form input {
border: 1px solid #e5e5e5;
border-radius: 0;
height: 50px;
line-height: 50px;
max-width: 100%;
width: 100%;
padding: 0 0 0 10px;
vertical-align: middle;
}
.signup-form input[type="radio"] + label {
position: relative;
padding-left: 25px;
padding-right: 15px;
line-height: 20px;
font-size: 14px;
font-weight: 400;
color: #000;
margin: 0;
}
.signup-form label {
display: block;
font-size: 14px;
margin-bottom: 12px;
font-weight: 400;
text-transform: capitalize;
}
.signup-form label {
color: #000;
}
.signup-form input[type="radio"]:checked + label::before {
border: 2px solid #e31e24;
}
.signup-form input[type="radio"] + label::before {
position: absolute;
left: 0;
top: 0;
width: 15px;
height: 15px;
display: block;
border: 2px solid #e31e24;
content: "";
transition: all 0.3s ease 0s;
-moz-border-radius: 25px;
-webkit-border-radius: 25px;
border-radius: 25px;
}
.signup-form input[type="radio"]:checked + label::after {
opacity: 1;
background-color: #e31e24;
}
.signup-form input[type="radio"] + label::after {
position: absolute;
left: 4px;
top: 4px;
display: block;
content: "";
opacity: 0;
background-color: #d4d4d4;
width: 7px;
text-align: center;
height: 7px;
transition: all 0.3s ease 0s;
-moz-border-radius: 25px;
-webkit-border-radius: 25px;
border-radius: 25px;
}
.signup-form input[type="checkbox"] {
width: auto;
background-color: red;
accent-color: #000;

}
.signup-form .text-theme {
color: #e31e24 !important;
}
button#show {
border: 1px solid #fff;
background: transparent;
color: #fff;
padding: 10px 15px;
}
span.navbar-text a::before {
content: "\f007";
width: auto;
height: auto;
font-family: FontAwesome;
color: #fff;
display: inline-flex;
margin-right: 8px;
}
/*--sidebar css--*/
.listing--section {
z-index: 100;
}
.fullWidth {
float: left;
display: inline-block;
width: 100%;
position: relative;
}
.InnerListWrap {
top: 0;
}
.InnerListWrap {
float: left;
width: 100%;
position: relative;
z-index: 99;
}
/*body:not(.ListingBreak) .innerLeftSidebar {
padding-top: 26px;
}
body:not(.ListingBreak) .innerLeftSidebar {
padding-top: 26px;
}*/
body:not(.ListingBreak) .innerLeftSidebar {
border: 1px solid transparent;
/*padding-top: 30px;*/
min-height: 115vh;
}
.innerLeftSidebar {
float: left;
display: inline-block;
width: 100%;
position: relative;
max-width: 300px;
background-color: #fff;
}
body:not(.ListingBreak) .AffixingSidebar {
padding-left: 0;
padding-right: 0;
}
.AffixingSidebar {
position: relative;
float: left;
width: 100%;
padding-left: 7.5px;
padding-right: 7.5px;
}
.ListLink {
float: left;
width: 100%;
position: relative;
}
.uc {
text-transform: uppercase;
}
.s-bold {
font-weight: 600;
}
.absLinkIn {
position: absolute;
right: 2px;
z-index: 4;
font-size: 15px;
line-height: 40px;
vertical-align: middle;
top: 0;
}
a:not(.active) .ion-plus {
display: inline-block;
}
a:not(.active) .ion-minus {
display: none;
}
.sidebarHolder {
position: relative;
float: left;
width: 100%;
}
.sidebarHolder {
margin-bottom: 60px;
}
ul:not(.bulleted--ul):not(.listedBullets) {
list-style: none;
}
.sidebar {
list-style: none;
padding-left: 0;
margin-left: 0;
margin-bottom: 0;
float: left;
width: 95%;
text-align: left;
}
.sidebar > li {
float: left;
width: 100%;
position: relative;
}
.sidebar a{padding: 0.33rem 0.53rem; color: #555; display: inline-block;}
.sidebar a:focus:not(.listeeTarget),
.sidebar a:hover:not(.listeeTarget),
.sidebar a:active:not(.listeeTarget){color: #C23538;}
.sidebar a.activeLink{color: #C23538; font-weight: 700;}
.sidebar .sidebar{display: none; padding-left: 0.75rem;}
.listee:not(ul){display: none;float: left; width: 100%; position: relative;}
.listee.shown{display: block;}
.listee:not(ul) > .fullWidth{padding-top: 0.35rem; padding-bottom: 0.75rem; margin-top: 10px; margin-bottom: 10px;}
ul.listee{padding-left: 0.75rem; float: left; width: 100%; position: relative; margin-top: 0; margin-bottom: 0;}
.oH{max-height: 375px; overflow-y: auto; padding-bottom: 0; padding-top: 0;}
.listee li{position: relative;}
.listee li:not(:last-of-type){margin-bottom: 5px;}
.listee.active{display: block;}
.sidebar a.activeLink + .sidebar{display: block;}
.sidebar.opened{display: block !important;} 
.InnerListWrap{top: 0;}
.sidebar h3{ padding-bottom: 7px; margin-top: 0;  margin-bottom: 0; border-bottom: 1px solid #ddd; font-size: 1.357rem; font-weight: bold; color: #000000; font-size: 16px;}
.sidebar:not(:last-of-type){margin-bottom: 30px;}
.listee .customLabel{overflow: hidden;}
.sidebar a.listeeTarget{padding: 0.75rem 0.75rem 0.75rem 0; font-weight: bold; font-size: 14px; padding-right: 20px; color: #000000;}
.itsListingPage .listee:not(ul) > .fullWidth{padding-top: 0;}
.listee.active{display: block !important;}
.listeeTarget.active[aria-expanded="true"] + ul{display: block;}
/* .contentHolder{min-height: 750px;} */
.topMostListBar{z-index: 999;}
body:not(.ListingBreak) .filters--sidebar > li:not(:last-of-type) {border-bottom: 1px solid #ddd;}
body:not(.ListingBreak) .filters--sidebar > li:not(:last-of-type) {border-bottom: 1px solid #ddd;}
body:not(.ListingBreak) .filters--sidebar > li {padding-right: 10px;}
body:not(.ListingBreak) .filters--sidebar > li {padding-right: 10px;}
body:not(.ListingBreak) .filters--sidebar > li { border-right: 1px solid #ccc;}
div#exampleModal .modal-content {
padding: 0 !important;
}
.BottomContentlist {
z-index: 1;
-webkit-transition: all 0.444s cubic-bezier(0.4, 0, 0.2, 1);
-moz-transition: all 0.444s cubic-bezier(0.4, 0, 0.2, 1);
-ms-transition: all 0.444s cubic-bezier(0.4, 0, 0.2, 1);
transition: all 0.444s cubic-bezier(0.4, 0, 0.2, 1);
background-color: #fff;
padding-top: 0.75rem;
padding-bottom: 1.1428rem;
padding-left: 5px;
padding-right: 5px;
}
.ListImageLink {
z-index: 85;
}
.loadingImgHold {
position: relative;
}
.absImgHold {
position: absolute;
left: 0;
top: 0;
width: 100%;
z-index: 20;
opacity: 0;
visibility: hidden;
-webkit-transition: opacity 0.44s cubic-bezier(0.455, 0.030, 0.515, 0.955);
-moz-transition: opacity 0.44s cubic-bezier(0.455, 0.030, 0.515, 0.955);
-ms-transition: opacity 0.44s cubic-bezier(0.455, 0.030, 0.515, 0.955);
transition: opacity 0.44s cubic-bezier(0.455, 0.030, 0.515, 0.955);
background-color: #fff;
}
/*--sticky header--*/
.float-panel {
width:100%;background:white;z-index:300;padding:0;transform: translateZ(0);
transition:all 0.5s; /* Effect for switching from .fixed to static */
}
.float-panel .content-area {margin:10px auto;}
.float-panel a {font-size:16px;text-decoration:none;color:#444;display:inline-block;padding:10px 20px;}
.float-panel .fa-gg {color:#F0595C;font-size:30px;vertical-align:middle;transition:all 1s;}
/* when class="float-panel fixed" */
.fixed 
{
    box-shadow:0 2px 6px rgba(0,0,0,0.2);
    padding:4px 0;
    animation:slide-down 0.7s;
    opacity:0.9;
    background-color:#fff;
    z-index:999;
}
.fixed .fa-gg {transform: rotate(360deg); }
@keyframes slide-down {
0% {
opacity: 0;
transform: translateY(-100%);
} 
100% {
opacity: 0.9;
transform: translateY(0);
} 
}
/* ---------------- For Animation on Scroll ---------------- */
.slideanim {
visibility:hidden;
visibility:visible\9;/*For old IE browsers IE6-8 */
}
.slideanim.slide {visibility: visible; animation:slide 1s;}
.slideanim::after {
/* useful when its child elements are float:left; */
content: "";
display: table;
clear: both;
}
@keyframes slide {
0% {
opacity: 0;
transform: translateY(50%);
} 
100% {
opacity: 1;
transform: translateY(0);
} 
}
/*-------- Generic styles for the page ------------------*/
html {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
*, *::before, *::after {
-webkit-box-sizing: inherit;
box-sizing: inherit;
}
body {
font: normal 15px Calibri,Helvetica,Verdana,sans-serif;
line-height: 1.8;
color: #818181;
margin: 0;
}
footer {
display:block;
padding:30px;
}
section {
display:block;
padding:60px;
}
.row::after {
content: "";
display: table;
clear: both;
}
/*.col-33, .col-40, or .col-60 should be immediate children of .row */
.col-33 { float:left; width:33.3333%; }
.col-40 { float:left; width:40%; }
.col-60 { float:left; width:60%; }
@media (max-width: 768px) {

section {
padding:20px 8px;
}
.header-search
  {
    display:none;
  }
    .sidebar .filter-attribute-item 
    {
    width: 48%;
    display: inline-block;
    }
   .privacy-page-text p, .term-text
   {
    padding:0px 20px;
   }

    .responsive-link
    {
        display:block !important;
    }
    .detail-area .show img
    {
        max-width:100% !important;
    }
    .nice-select
    {
        border:none;
    }
    .coupon-modal .modal-dialog 
    {
        max-width: 323px;
        margin-left: 0;
    }
    .coupon-text p
    {
        font-size:13px;
    }
    .sort-select .list
    {
        bottom: 100%;
        top: auto;
        right: 0px;
        left: -41px;
        width: 140px;
    }
    .mobile-sort .nice-select
    {
        padding-left: 0px;
        padding-right: 8px;
    }
    .mobile-sort .nice-select:after
    {
        right: -7px;
    }
    .mobile-sort
    {
        display:inline-block;
        vertical-align: middle;
        vertical-align: middle;
        margin-left: 10px;
    }
    .sort-select
    {
        display:inline-block;
        vertical-align: middle;
    }
    .sort-text
    {
        margin-left: 2px;
    }
    .dropdown:hover .dropdown-menu 
    {
        overflow:scroll;
    }
    .col-sm-6.select-sort-view
    {
        display:none !important;
    }
    .thank-y-page
    {
        padding-top:20px;
    }
    .order-place-area
    {
        margin-top:10px;
    }
    .accordion .panel-title a
    {
        padding-right:32px;
        line-height: 19px;
        font-weight:normal;
    }
    .accordion .panel-title a::after
    {
        width:15px;
        background-size:contain;
    }
    .addNewAddress
    {
        margin-bottom:30px;
    }
    .contact-detail-title
    {
        margin-top:0;
    }
    .mobile-short-list   select#sortby-select
    {
        border:none;
        font-size:15px;
    }
    .desktop-sort-list
    {
        display:none !important;
    }
  .zoom-img-lens, .zoomlens
  {
     display:none !important;
  }
  .breadcrumb-area
  {
    margin-bottom:10px !important;
  }
  .filter-list .filter-item-inner
  {
    border-bottom: 1px solid #c8c8c8;
  }
.add-wish-btns
{
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 999999;
    background-color: #fff;
    margin: 0;
    max-width: 100%;
    left: 0;
    padding-top:5px !important;
}
.detail-div
{
    margin-top:0;
}

  .div-table
  {
    display:none;
  }
  .pro-title 
  {
    border-bottom: 1px solid #ececec;
    padding: 10px;
    margin-bottom: 0;
}

  .p-d-title
  {
    display: block;
    font-size: 14px;
    margin-bottom:9px;
  }
  .detail-t-title
  {
    width:100% !important;
    padding:0px 15px;
  }
  .detail-t-title a
  {
    font-size:13px;

  }
  .breadcrumb-wrapper.cart-check-bcrumb
  {
    margin-bottom: 10px !important;
  }

  .breadcrumb-wrapper .dot-line {
    margin: 8px !important;
}
    .account-wlist .account-wishlist
   {
        width:48%;
   }
  .address-btns
  {
    margin-left: 28px;
    margin-top: 10px;
  }
  .address-title
  {
    margin-bottom:15px;
    font-size:18px;
  }
  .product-view-title
  {
    margin-top: 15px !important;
    display: inline-block;
  }
  .filter-mobile
  {
    display:block;
  }
  .leftSidebar
  {
    position: fixed !important;
    top: 0px;
    left: 0px !important;
    padding: 15px;
    background: #fff;
    height: 100%;
    overflow-y: scroll;
    z-index: 99999;
  }
  .mobile-short-list
  {
    display: inline-block;
    width: 44%;
    text-align: right !important;
    margin-top: 8px;
    font-size: 12px;
    position: absolute;
    margin-left: 4%;
  }
  .mobile-short-list .SumoSelect
  {
    width: 100%;
    max-width: 100%;
  }

 
  a.m-color-img
  {
    width: 19% !important;
  }
  .mobile-banner
  {
    display:block;
   }
   .filter-btn
   {
     display:inline-block;
     width:48%;
     font-size:16px;
     position:relative;
   }
   .filter-btn:after
   {
    position: absolute;
    width: 1px;
    content: "";
    height: 24px;
    background-color: #9b9b9b;
    right: 0;
   }

  .desktop-banner
  {
    display:none;
  }
  .alert-badge
  {
    font-size:9px;
  }
  .best-seller .owl-buttons
  {
     top:27%;
  }
  .banner-small-area
  {
     padding-right:10px !important;
  }
  .best-seller .owl-item
  {
    padding:2px !important;
    margin:0;
  }
  .section-title
  {
    margin-bottom:14px;
  }
  .price-sec .product-price
  {
    font-size:15px;
    display:block;
  }
  .listing-title
  {
    font-size:15px;
    padding:0px 5px;
    margin-bottom:5px;
  }
  /*.best-seller .owl-item
  {
    margin-right:10px;
  }*/
  .p-sizes
  {
    width:40%;
  }
  .best-seller .owl-item:first-of-type
  {
    margin-right:0px;
  }
  .t-date
  {
    margin-top: 10px;
    display: block;
  }
  .hide-mobile
  {
    display:none;
  }
  .contact-section .info-box
  {
    margin-bottom:15px;
  }
  .pad-zero
  {
    padding:0 !important;
  }
  .order-table
  {
     overflow-x:auto;
  }
  .table-order-title
  {
    margin-bottom:8px;
  }
  .request-sent-text
  {
     margin-top:20px;
  }
  .order-deatil-area .order-detail-btn
  {
     justify-content:left !important;
     margin-top:5px;
  }
  .save-address-cancel
  {
     padding: 10px 32px;
  }
  .save-changes
  {
    padding: 11px 15px;
  }
  .order-deatil-area .order-details-btn
  {
    margin-top:0;
  }
  .dropdown:hover:before, .dropdown:before
  {
    display:none;
  }
.list-view-radio:checked ~ .content-container .block-item
{
    width:48% !important;
}
.search-form-area
{
    padding:0;
}
.search-area
{
    background-color: #fff;
    border-bottom: 1px solid #ededed;
    z-index: 9999;
}

.header-search .search-box-input
{
    background-color:#fff;
    width:80%;
}
.header-s-icon
{
    background:#fff;
}
.header-search
{
    position:static;
}
.header-search .search-box-input
{
    margin-bottom:13px !important;
}
.search-btn
{
    display:block;
    color: #4a4a4a;
    font-size: 15px;
}
.block-item:nth-child(5n+1)
{
    clear:none;
}
.grid-title, .list-view-label, .grid-view-label
{
    display:none !important; 
}


.block-item
{
    width:48%;
    margin-right:2%;
}
.list-view-radio:checked ~ .content-container .block-item:nth-child(3n+1)
{
    clear:none;
}
.list-view-radio:checked ~ .content-container .block-item img
{
    width:100%;
    height:100%;
}
/*.listing-title
{
    padding-bottom:0;
}*/
.breadcrumb-area.listing-title
{
    padding-bottom:15px;
    margin-bottom:10px;
}
.ListingMain
{
    margin-top:0 !important;
}
.leftSidebar
{
    width:100% !important;
    display:none;  
}
.coupon-modal
{
    padding:0px 15px;
}
.coupon-modal .modal-body
{
    padding:10px;
}
.coupon-modal .modal-header
{
    padding:10px;
}
.cart-summary .cart-summary-wrap
{
    margin-top:0;
}
.couponsForm input
{
    width:60%;
}
.checkbox-area
{
    padding-left:0;
}
.c-cart-text
{
    margin-left:30px;
}
.checkbox-area input:checked ~ .c-cart-text
{
     margin-left:30px;
}
.coupon-text p
{
    margin-left:0;
}
.coupon-a-tn
{
    max-width:100px;
}
.ListImageHolder:nth-child(3n+1)
{
    clear:none !important;
}
.top-header  .overlay input[type=text]
{
    font-size:12px !important;
}
.ListImageHolder:nth-child(2n+1)
{
    clear:left;
}
.ListImageHolder:nth-child(3n+1)
{
    clear:left;
}
.ListImageHolder:nth-child(5n+1)
{
    clear:left;
}
/*div#leftSidebar
{
    display:none;
}*/
.listingSelectHolder .customSelectHold .SumoSelect
{
    min-width:100px !important;
    font-size: 12px;
    height: 21px !important;
    position:fixed;
}

.cart-summary .cart-summary-wrap
{
    padding:10px !important;
}
.coupons-code-area
{
    margin-top:20px;
}
.ListingMain
{
    width:100% !important;
    padding:20px !important;
    padding-top:0 !important;
}
.ListImageHolder:not(.excepListImageHolder)
{
   width: calc(50% - 20px) !important;
}
.cart-mar-zero
{
    margin-bottom:10px !important;
}
.cart-title-info .page-heading
{
    margin-bottom:5px;
}
.detail-product
{
    margin-bottom:25px;
} 
/*.cart-summary
{
    margin-top:20px;
}
*/
.overlay-content
{
    left:10%;
    width:auto;
}
.product-details-info .product-action a
{
    max-width:47% !important;
    margin-top:10px;
    margin-left:1%;
}
.blog-area  .section-title h4 span
{
    font-size:20px;
    /*margin-top:40px;*/
}
.navbar-nav .dropdown-menu
{
    max-width:100%;
  transform:scale(1, 1);
  transition: 0.0s;
}
.col-33, .col-40, .col-60 {
float:none;
width:100%;
}
/*ul.navbar-nav.navbar-light
{
    margin-top:50px;
}*/
ul.navbar-nav.navbar-light
{
   padding-left:15px;
   background-color:#fff;
   margin-top:15px;
}
.top-header .menu-aarow
{
    width: 100%;
    max-width: 12px;
    position: absolute;
    right: 15px;
    top: 15px;
}
.menu-image
{
    display:none;
}
.top-header  .overlay input[type=text]
{
    font-weight:normal;
    font-size:14px;
}
.overlay button
{
    padding:11px;
    font-size:13px;
}
.overlay .closebtn
{
    top: 100px;
    right: 70px;
    font-size:30px;
}
.navbarDropdown .mega-title
{
    border-bottom:0 !important;
}
.navbar-light .navbar-nav .nav-link
{
    padding-top:10px;
    padding-bottom:10px;
    border-bottom:1px solid #ddd;
}
.sticky-top
{
    display:block;
    padding:0;
}
.header-row
{
    padding:0;
}
.header-center
{
    display:inline-block;
    margin-bottom:10px;
    position:absolute;
    top:39px;
    max-width:100%;

}


ul.header-right-area
{
    position:absolute;
    top:-85px;
    right: 0;
}
.top-header .logo
{
    text-align:left;
    margin-top:0;
    margin-left:35px;
}
.navbar-light .navbar-toggler
{
    border-color:transparent;
}
.header-row
{
    margin-left:0;
}
.header-center
{
    padding:0;
}
.logo img
{
    width:100% !important;
    max-width:150px !important;
}
.small-container
{
width: 300px;
}
.product-details-info   
{
   padding:0 !important;
   margin-top:30px;
}
a.m-color-img
{
    width:21%;
}
}
.bg-gray {
background-color:#F4F4F4;
}
.text-center {
text-align:center;
}
h2 {
font-size: 24px;
text-transform: uppercase;
color: #303030;
font-weight: 600;
margin-bottom: 30px;
}
h4 {
font-size: 19px;
line-height: 1.375em;
color: #303030;
font-weight: 400;
margin-bottom: 30px;
}
/* ---------------- For the Responsive Image Grid. For details visit: www.menucool.com/ui/use-image-sprites-in-responsive-image-grids ---------------- */
#rig {
max-width:900px;
margin:0 auto; /*center aligned*/
padding:0;
font-size:0; /* Remember to change it back to normal font size if have captions */
list-style:none;
background-color:none;
}
#rig li {
display:inline-block;
*display:inline;/*for IE6 - IE7*/
width:25%;
vertical-align:middle;
box-sizing:border-box;
margin:0;
padding:0;
}
/* The wrapper for each item */
.rig-cell {
margin:12px;
box-shadow:0 1px 4px rgba(0,0,0,0.4);
padding:16px;
border:none;
color:#555;
background-color:white;
text-decoration:none;
text-align:center;
display:block;
position: relative;
overflow:hidden;
}
.rig-cell h3 {
font-size:18px;
font-family:'Oswald', sans-serif;
font-weight:normal;
}
/* If have the image layer */
.rig-img {
display:block;
border:none;
width:100%;
height:0;
padding-top:83.461538%;
background-size:cover;
background-color:white;
background-image:url(imgs/web-ui.jpg);
background-repeat:no-repeat;
position:relative; /* Make its pseudo :after to be relative to it. */
}
.rig-img:after{
position:absolute;
top:20px;right:20px;bottom:20px;left:20px;
border:1px solid #fff;
content:'+';
color:white;
padding-top:14%;
font-size:30px;
opacity:0;
filter:alpha(opacity=0);
transition:all 0.3s;
transform:scale(0);
}
#rig li:hover .rig-img:after {
opacity:1;
transform:scale(1);
}
/* If have the overlay layer */
.rig-overlay {
position: absolute;
display:block;
top:0;left:0;bottom:0;right:0;
margin:auto;
background:white;
background-size:50px 50px;
opacity:0;
filter:alpha(opacity=0);/*For older IE*/
transition:all 0.3s;
}
#rig li:hover .rig-overlay {
opacity:0.5;
}
@media (max-width: 9000px) {
#rig li {width:25%;}
}
@media (max-width: 800px) {
#rig li {width:33.33%;}
}
@media (max-width: 500px) {
#rig li {width:50%;}
}
@media (max-width: 350px) {
#rig li {width:100%;}
}
/*--end sticky header--*/