/*
@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins&display=swap');
*/
@import url('https://fonts.googleapis.com/css2?family=Jost:wght@300;400;500&display=swap');
html, body, button, input, select, textarea, p{
	color:#637381;
	font-family: 'Jost', sans-serif;
	box-sizing: border-box;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
    font-weight:400;
    font-size: 17px;
    line-height: 1.4;
}

/* ==========================================================================
   Links
   ========================================================================== */
	a { color:#000000;}
	a:focus {outline:none;}
	a:hover, a:focus {color:#000}
	a:active, a:hover {outline:0; text-decoration:none;}

/* ==========================================================================
   Typography
   ========================================================================== */
	h1, h2, h3, h4, h5, .h1, .h2, .h3, .h4, .h5 { color:#000000; font-weight:400; font-family: 'Jost', sans-serif;}
	h1, .h1 {font-size: 45px;}
	h2, .h2 {font-size: 32px;}
	h3, .h3 {font-size: 28px;}
	h4, .h4 {font-size: 22px;}
	h5, .h5 {font-size: 16px;}

/* ==========================================================================
   Global
   ========================================================================== */
  .container{width:100%; max-width:1410px;}
  .text-blue{color: #29275b;}
  .page{padding: 3.5rem 0;}

  .btn-outline-primary{border: solid 1px #61c3ca; color: #61c3ca; padding: 0.5rem 0.8rem;}
  .btn-outline-primary:hover{background: #343a41; border: solid 1px #343a41;}
  
  .btn-primary{border: solid 1px #61c3ca; color: #FFFFFF; background: #61c3ca; padding: 0.5rem 0.4rem;}
  .btn-primary:hover{background: #42464b; border: solid 1px #42464b;}

  .btn-outline-secondary{border: solid 1px #cdcdcd; color: #000000; padding: 0.5rem 0.8rem;}
  .btn-outline-secondary:hover{background: #dcdcdc; color: #000000; border: solid 1px #dcdcdc;}

  .btn-secondary{border: solid 1px #cdcdcd; color: #000000; background: #cdcdcd; padding: 0.5rem 0.4rem;}
  .btn-secondary:hover{background: #cdcdcd; border: solid 1px #cdcdcd;}

  .btn-custom{padding: 0.5rem 0.8rem;}

  .btn-primary:focus, .btn-primary.focus {box-shadow:none !important;}
  .form-control:focus {box-shadow:none !important;}
  .custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
    box-shadow:none !important;
  }

  /* ==========================================================================
   Header Css
   ========================================================================== */
   header .notification-bar{background: #61c3ca; padding: 0 1.4rem;}
   .search-top{border: solid 1px #000; border-radius: 2px;}
   .search-top button{ border-radius: 0px;}
   .search-top button::after{position: absolute; z-index: 1; content: ''; border-left: solid 1px #000; width: 1px; height: 65%; left: 0px; top: 7px;}

   .menu-text{position: relative; text-align: left !important; right: 0px;}
   .menu-text a{color: #f15b58;}

   .cloned{background:#FFFFFF; border-bottom: solid 1px #000000; margin-top:1px;}
	.cloned .logo-section{display:none}
	.cloned .menu-section{width:100%; min-width: 100%;}
	.cloned .abhinandan{display:none}
	.cloned .logo{
		max-width:87px;
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		transition: all 0.3s ease;	
	}
	.cloned .top-call{
		display:none;
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		transition: all 0.3s ease;	
	}
	.cloned .memu-hold{
		margin-top: 0rem;
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		transition: all 0.3s ease;	
		border-bottom:none;
	}
	.cloned .nav-menu .menu-item{
		margin-top: 0rem; 
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		transition: all 0.3s ease;	
	}
	.cloned .nav-menu .menu-link{
		padding: 0.2rem 1rem !important;
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		transition: all 0.3s ease;	
		line-height: 18px;
		border-right: solid 1px #CE7F21;
	}


   .slide .carousel-caption {
        position: absolute;
        right: 15%;
        bottom: 24%;
        left: 55%;
        z-index: 10;
        padding: 3rem 3rem;
        color: #fff;
        text-align: center;
        background: rgba(255, 255, 255, 0.9);
        max-width: 450px;
        width: 100%;
    }
    .slide .carousel-caption p{
        font-size: 18px;
        line-height: 1.2;
    }
    .slide .carousel-control-next, .carousel-control-prev{
        width: 5%;
    }
    .slider-home{
        background: url(../images/bg1.jpg) no-repeat center center; 
        min-height: 450px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .slider-home .slider-text{background: rgba(255, 255, 255, 0.9); width: 100%; height: 250px; padding: 1.6rem !important;}
    .category-home{margin-bottom: 1rem;}
    .category-home > p > a{text-transform: uppercase; border-bottom: solid 1px #61c3ca; font-size: 14px; color: #61c3ca}

    .category-home figure{overflow: hidden;}
    .category-home figure img{-webkit-transition: all 0.7s ease; transition: all 0.5s ease;}
    .category-home:hover figure img{transform:scale(1.09);}
    .category-home:hover{
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
    }
    .category-home:hover a{color: #000000; border-bottom: solid 1px #000000}

    .newsletter .input{border: solid 2px #d6d6d6; height: 45px;}
    /* .newsletter .submit{background: #003bde; border: solid 1px #003bde; height: 45px} */

    .video-section{background: #ffffff; padding: 1rem 0 2rem 0;}
    .shipping-block > ul > li{vertical-align: text-top; font-size: 15px;}
    .shipping-block{border-bottom: solid 1px #e5e5eb;}
    .shipping-block > ul{margin-bottom: 0.8rem;}
    .shipping-block > ul > li:nth-child(1){width: 18%;}
    .shipping-block > ul > li:nth-child(2){width: 18%;}
    .shipping-block > ul > li:nth-child(3){width: 28%;}
    .shipping-block > ul > li:nth-child(4){width: 22%;}
    .shipping-block > ul > li img{float: left;}

    footer{background: #ffffff;}
    footer a{color:#637381;    }
    .f-nav a{padding: 5px 0 !important;display: block;}
    .f-nav .footer-nav-tab {padding: 8px 0;font-weight: 500 !important;}
    .sociallink-footer a{display: inline-block;min-width: 30px;text-align: center;}

    .carousel-control-next-icon {
        background-image: url(../images/right-arrow.png)  !important;
    }
    .carousel-control-prev-icon {
        background-image: url(../images/left-arrow.png)  !important;
    }
    .carousel-inner picture img{
        width: 100%;
    }

   /* ==========================================================================
   Category Page Css
   ========================================================================== */
   .category-banner{min-height: 280px;}
   .category .row{
        margin-right: -5px;
        margin-left: -5px;
   }
   .category .category-space .no-gutters>.col, .no-gutters>[class*=col-] {
        padding-right: 5px;
        padding-left: 5px;
    }
    .category .category-box{margin-bottom: 2.5rem}
    .category .category-box figure figcaption{
        position: absolute; 
        top: 0px;
        right: 5px;
        background: red;
        color: #FFF;
        text-transform: uppercase;
        font-size: 12px;
        padding: 0.1rem 0.6rem;
        font-weight: 600;
        letter-spacing: 1px;
    }
    .category .category-box figure{overflow: hidden;
        /*z-index: 0;
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
        min-height: 384px;
        background: #FFF;
        border: solid 1px #f1f1f1;*/
		
		position: relative;
        width: 100%;
        /*padding-top:calc(3 / 2 * 100%);*/
		padding-top:133.755555%;
    }
    .category .category-box figure img{-webkit-transition: all 0.7s ease; transition: all 0.5s ease; 
      /*  height:100% !important; 
        min-height: 300px !important;
        width: 100% !important;
        max-width: 100% !important;*/
    }
    /*.category .category-box:hover figure img{transform:scale(1.09);}
    .category .category-box:hover figure img{
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
    }*/
    .control-group {
        display: inline-block;
        vertical-align: top;
        background: #fff;
        text-align: left;
        box-shadow: 0 1px 2px rgba(0,0,0,0.1);
        padding: 30px;
        width: 200px;
        height: 210px;
        margin: 10px;
    }
    .control {
        display: block;
        position: relative;
        padding-left: 28px;
        margin-bottom: 8px;
        cursor: pointer;
        font-size: 16px;
        font-weight: 300;
    }
    .control input {
        position: absolute;
        z-index: -1;
        opacity: 0 !important;
    }
    .control__indicator {
        position: absolute;
        top: 2px;
        left: 0;
        height: 20px;
        width: 20px;
        background: #ffffff;
        border-radius:3px;
        border: solid 2px #dbdbdb;
    }
    
    .control:hover input ~ .control__indicator,
    .control input:focus ~ .control__indicator {
        background: #ffffff;
        border: solid 2px #29275b;
    }
    .control input:checked ~ .control__indicator {
        background: #29275b;
        border-radius:3px;
        border: solid 2px #29275d;
    }
    .control:hover input:not([disabled]):checked ~ .control__indicator,
    .control input:checked:focus ~ .control__indicator {
        background: #29275b;
    }
    .control input:disabled ~ .control__indicator {
        background: #e6e6e6;
        opacity: 0.6;
        pointer-events: none;
    }
    .control__indicator:after {
        content: '';
        position: absolute;
        display: none;
    }
    .control input:checked ~ .control__indicator:after {
        display: block;
    }
    .control--checkbox .control__indicator:after {
        left: 5px;
        top: 1px;
        width: 6px;
        height: 11px;
        border: solid #fff;
        border-width: 0 2px 2px 0;
        transform: rotate(45deg);
    }
    .control--checkbox input:disabled ~ .control__indicator:after {
        border-color: #7b7b7b;
    }

    .filter-body{
        width:250px; 
        max-width:100%; 
        /*
        border-bottom: solid 1px #E8E8E8; 
        border-top: solid 0px #000000; 
        border: solid 1px #E8E8E8; 
        border-radius:3px;
        */
    }
    .filter{}
    .filter .filter-tittle{font-size: 20px; font-weight: 400 !important}
    .color-strip{
        border-radius: 50px;
        width: 30px;
        height: 30px;
    }
    .color-strip::after {
        left: 10px !important;
        top: 4px !important;
        width: 6px !important;
        height: 15px !important;
    }
    .control input:checked ~ .color-strip{
        border-radius: 50px;
    }
    .padding-botton10{margin-bottom: 1.3rem;}
    .items.list-group-items{
        width: 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 100%;
        max-width: 50%;
        border: 0;
    }
    .padding-botton10 .control__indicator{border: none;}

    /* The container */
    .radio-custom {
        display: block;
        position: relative;
        padding-left: 28px;
        margin-bottom: 0px;
        cursor: pointer;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }
    .price-cut{text-decoration: line-through;}
    .discount{
        color: red;
    }
  
  /* Hide the browser's default radio button */
  .radio-custom input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
  }
  
  /* Create a custom radio button */
  .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 22px;
    width: 22px;
    background-color: #FFFFFF;
    border:solid 2px #dbdbdb;
    border-radius: 50%;
  }
  
  /* On mouse-over, add a grey background color */
  .radio-custom:hover input ~ .checkmark {
    background-color: #ccc;
  }
  
  /* When the radio button is checked, add a blue background */
  .radio-custom input:checked ~ .checkmark {
    background-color: #29275b;
    border: none;
  }
  
  /* Create the indicator (the dot/circle - hidden when not checked) */
  .checkmark:after {
    content: "";
    position: absolute;
    display: none;
  }
  
  /* Show the indicator (dot/circle) when checked */
  .radio-custom input:checked ~ .checkmark:after {
    display: block;
  }
  
  /* Style the indicator (dot/circle) */
  .radio-custom .checkmark:after {
    top: 6px;
    left: 6px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: white;
  }

    /* ==========================================================================
     Product Details Css
   ========================================================================== */

   .product-dtails .priace-large{
       font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
       font-size: 24px;
       font-weight: 600;
    }
    .product-dtails .priace-large span{
        font-size: 16px; 
        font-weight: 400;
    }

    /* .float-label .header-label{
        position: absolute;
        pointer-events: none;
        top: -8px;
        left: 10px;
        background-color: #FFF;
        padding: 0px 5px;
        font-size: 10px;
        visibility: visible;
        opacity: 1;
        font-weight: 500;
        text-transform: uppercase;
        letter-spacing: 0.4px;
        color: #0085ff;
    }
    .float-label label {
        
        position: absolute;
        left: 8px;
        font-size: 13.2px;
        top: 8px;
        visibility: hidden;
        opacity: 0;
    }
    .float-label .form-group.float-label{
        margin-bottom: 20px;
    }

    
     

    .text_input {
        background: #fff;
        border: 1px solid #cfd2d9;
        box-sizing: border-box;
        border-radius: 4px;
        padding: 0 16px;
        display: block;
        width: 100%;
        -webkit-appearance: none;
        height: 54px;
        font-size: 15px;
        line-height: 22px;
        box-shadow: none;
    }
    .textarea{
        background: #fff;
        border: 1px solid #cfd2d9;
        box-sizing: border-box;
        border-radius: 4px;
        padding: 10px 16px 0 16px !important;
        display: block;
        width: 100%;
        -webkit-appearance: none;
        height: 100px !important;
        font-size: 15px;
        line-height: 22px;
        box-shadow: none;
    } */

    .description p{font-size: 15px;}

    .form-group{
        position: relative;
    }

    .review .user-name{
        background: #29275b; 
        color: #FFFFFF; 
        border-radius:50px; 
        width: 50px; 
        height: 50px; 
        font-size: 24px;
        font-weight: 500;
        position: relative;
    }
    .review .verify-buyer{
        font-size: 12px; 
        letter-spacing: 0.6px;
    }
    @media(max-width:767px){
        .review .verify-buyer{min-width: 35%;}
    }
    .review p{margin-bottom: 0.4rem;}
    .review .user-name::after{
        position: absolute;
        content: '';
        background:url(../images/verify.svg) no-repeat;
        width: 20px;
        height: 20px;
        z-index: 9999;
        border-radius: 10px;
        right: -5px;
        bottom: 0px;
    }
    .review .user-client{
        background: #5bc2c9; 
        color: #FFFFFF; 
        border-radius:6px; 
        width: 50px; 
        height: 50px; 
        font-size: 24px;
        font-weight: 500;
        position: relative;
    }


    .rating {
        float:left;
      }
  
      /* :not(:checked) is a filter, so that browsers that don’t support :checked don’t 
        follow these rules. Every browser that supports :checked also supports :not(), so
        it doesn’t make the test unnecessarily selective */
      .rating:not(:checked) > input {
          position:absolute;
          top:-9999px;
          clip:rect(0,0,0,0);
      }
  
      .rating:not(:checked) > label {
          float:right;
          width:1.1em;
          /* padding:0 .1em; */
          overflow:hidden;
          white-space:nowrap;
          cursor:pointer;
          font-size:26px;
          line-height:1.4 !important;
          margin-bottom: 0px !important;
          color:#ddd;
      }
  
      .rating:not(:checked) > label:before {
          content: '★ ';
      }
  
      .rating > input:checked ~ label {
          color: #ffcc00;
          
      }
  
      .rating:not(:checked) > label:hover,
      .rating:not(:checked) > label:hover ~ label {
          color: #ffcc00;
          
      }
  
      .rating > input:checked + label:hover,
      .rating > input:checked + label:hover ~ label,
      .rating > input:checked ~ label:hover,
      .rating > input:checked ~ label:hover ~ label,
      .rating > label:hover ~ input:checked ~ label {
          color: #ffcc00;
          
      }
      .rating > label:active {
          position:relative;
          top:2px;
          left:2px;
      }

      /*.spec-table*/ .table td, .table th {
        padding: .30rem .40rem .30rem .80rem;
      }
      .page-link {
        padding: .3rem .75rem !important;
      }

    .price-table > table{font-size: 15px;}
    .price-table > table > thead > tr > th{vertical-align: middle; font-size: 14px;}
    .price-table > table > tbody > tr > td{vertical-align: middle;}
    .price-table > .table td, .table th {
            padding: .20rem .40rem .20rem .40rem;
        }

    .price-table .discount {
        text-decoration: line-through;
        width: 100%;
        color: #4a4a4a;
        line-height: 18px;
    }
    .price-table .discount-price {
        color: #D80F0F;
    }

    .price-filter > .input-group{border: solid 1px #DDD;}
    .price-filter > .btn-number{
        background: #FFFFFF; 
        color: #000;
        border: none;
        padding: 0.4rem 1.4rem;
    }
    .price-filter > select{border-left: solid 1px #DDD !important; border-radius: 0px !important;}


    /*  ================================
        Global Modal Box
     ================================*/
     .modal-content{border-radius:0;}
     .modal-body{padding:1em 2.5em;}
     .modal-header{text-transform: uppercase;}
     .login-modal .modal-dialog {max-width: 400px;}
     .modal-header .close {
         padding: 5px;
         border: solid 1px #333;
         border-radius: 50%;
         display: inline-block;
         width: 32px;
         height: 32px;
         line-height: 0;
     }
 
     .modal-header .close:hover { background-color:#1f2235; border-color:#000; opacity:0.8;}

     .dacking p{font-size: 15px;}
     .dacking .list-inline-item:not(:last-child) {
        margin-right: .0rem;
    }

    #customBtn {
        display: inline-block;
        background: #FFFFFF;
        color: #858b91;
        width: 100%;
        border-radius: 5px;
        border: thin solid #d4d4d4;
        text-align: center;
        /* box-shadow: 1px 1px 1px grey; */
        white-space: nowrap;
    }
    #customBtn:hover {
        cursor: pointer;
    }
    #facebookbtn{
        display: inline-block;
        background: #395697;
        color: #FFFFFF;
        width: 100%;
        border-radius: 5px;
        border: thin solid #395697;
        white-space: nowrap;
        text-align: center;
    }
    #facebookbtn:hover {
        cursor: pointer;
    }
    span.label {
        font-family: serif;
        font-weight: normal;
    }
    span.icon {
        background: url('../images/g-normal.png') transparent 10px 50% no-repeat;
        display: inline-block;
        vertical-align: middle;
        width: 42px;
        height: 42px;
    }
    span.icon-facebook {
        background: url('../images/facebook-login.svg') transparent 10px 50% no-repeat;
        display: inline-block;
        vertical-align: middle;
        width: 42px;
        height: 42px;
    }
    span.buttonText {
        display: inline-block;
        vertical-align: middle;
        padding-left: 5px;
        padding-right: 5px;
        text-align: center;
        font-weight: 400;
        font-size: 14px;
        letter-spacing: 0.3px;
    }

    .cart-top{
        position: absolute;
        top: 0px;
        right: -5px;
        background: #61c3ca;
        color: #FFF;
        border-radius: 10px;
        width: 15px;
        height: 15px;
        font-size: 12px;
    }

    .pricing-table tr td{padding: 0.4rem;}
    .pricing-table tr td p{line-height: 1;}
    .pricing-table tr td:nth-child(1){width: 12%;}
    .pricing-table tr td:nth-child(1) img{min-width: 30px;}
    .pricing-table tr td:nth-child(2){width: 48%;}
    .pricing-table tr td:nth-child(3){width: 25%; line-height: 14px;}
    .pricing-table tr td:nth-child(4){width: 5%;}
    .pricing-table tr td:nth-child(5){width: 5%;}
    .pricing-table tr td:nth-child(6){width: 5%;}
    .pricing-table .quantity{
        max-width:50px; 
        width:50px; 
        margin: 0px auto; 
        display: block;
        border: solid 1px #ced4da;
        border-radius: 3px;
        text-align: center
    }
    .accordion-summary { display:none;}

     .float-label .header-label{
        position: absolute;
        pointer-events: none;
        top: -8px;
        left: 10px;
        background-color: #FFF;
        padding: 0px 5px;
        font-size: 10px;
        visibility: visible;
        opacity: 1;
        font-weight: 500;
        text-transform: uppercase;
        letter-spacing: 0.4px;
        color: #0085ff;
    }
    .float-label label {
        /* -webkit-transition: top 0.5s, left 0.5s, font 0.5s;
        -moz-transition: top 0.5s, left 0.5s, font 0.5s;
        -o-transition: top 0.5s, left 0.5s, font 0.5s;
        -ms-transition: top 0.5s, left 0.5s, font 0.5s; */
        position: absolute;
        left: 8px;
        font-size: 13.2px;
        top: 8px;
        visibility: hidden;
        opacity: 0;
    }

    .float-label .text_input {
        background: #fff;
        border: 1px solid #cfd2d9;
        box-sizing: border-box;
        border-radius: 4px;
        padding: 0 16px;
        display: block;
        width: 100%;
        -webkit-appearance: none;
        height: 48px;
        font-size: 15px;
        line-height: 22px;
        box-shadow: none;
    }

    .float-label textarea{
        background: #fff;
        border: 1px solid #cfd2d9;
        box-sizing: border-box;
        border-radius: 4px;
        padding: 10px 16px 0 16px !important;
        display: block;
        width: 100%;
        -webkit-appearance: none;
        height: 100px !important;
        font-size: 15px;
        line-height: 22px;
        box-shadow: none;
    }

    .or-seperator {
        border-top:solid 1px #ccc; 
        text-align:center; 
        position:relative; 
        margin:1.6em 0 0.5em 0;
    }
    .or-seperator span {
        position:relative;
        top:-15px;
        border-radius:50%;
        width: 30px;
        height: 30px;
        line-height: 30px;
        font-weight:600;
        color:#fff;
        background-color:#333;
        display: inline-block;
    }

    .dropdown-menu{margin-top: 0.8rem; left: -1rem !important;}

    .dropdown-menu > li:first-child{
        padding-top: 0px;
    }
    .dropdown-menu > li:last-child{
        padding-bottom: 0px;
        border-bottom: none;
    }
    .dropdown-menu > li{
        border-bottom: solid 1px #ececec;
        font-size: 15px;
        padding: 0.5rem 1.2rem;
        font-weight: 400;
        text-transform: capitalize;
    }

    .arrow_box {
        position: relative;
    }
    .arrow_box:after, .arrow_box:before {
        bottom: 100%;
        left: 50%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
    }
    
    .arrow_box:after {
        border-color: rgba(136, 183, 213, 0);
        border-bottom-color: #FFFFFF;
        border-width: 10px;
        margin-left: -10px;
    }
    .arrow_box:before {
        border-color: rgba(194, 225, 245, 0);
        border-bottom-color: #ececec;
        border-width: 12px;
        margin-left: -12px;
    }

    .summary-bar { margin: 0.2rem 0 3rem 0;}
    .summary-bar ul li{padding: 1rem 1.4rem;}
    .summary-bar ul .active{border-bottom: solid 3px #29275b;}

    .shopping-table > .table td, .table th{padding: 0.2rem 0.6rem !important;}

    .product-img{ max-width: 70px; width: 100%; margin: 0px auto;}


    /* .mobile-hidden{display: block !important} */
    .hidden-desktop{display: none}

    .dashboard-body{display: none;}
    /* #dashboard{display: none} */

    .calculate-shipping { margin-top:2em; background-color:#f1f1f1; padding:2em 1.5em 1.5em 1.5em;}
    .shipping-card { background-color:#f7f7f7; border:solid 2px #298488; display:block; padding:1.5em 1.5em; text-align:center; display:block; font-size:1em;}
    .shipping-card .price, .shipping-card .method, .shipping-card .del-date { clear:both; display:block;line-height:30px;}
    .shipping-card .price { font-weight:600; font-size:1.5em; font-weight:600;}
    .shipping-card .method { font-size:1.5em;}
    .shipping-card .del-date { background-color:#f1d01b; padding: 0.1em 1.5em; margin-top:0.5em}

    .delivery-time ul{
        border: solid 1px #dee2e6;
        background: #FFFFFF;
    }
    .delivery-time ul li{
        border-bottom: solid 1px #dee2e6;
        padding: 0.5rem;
    }
    .delivery-time ul li:first-child{
        padding-top: 1rem;
    }
    .delivery-time ul li:last-child{
        border: none;
        padding-bottom: 0px;
    }

    .form-error .error {
        color: red !important;
        /* border: solid 1px red !important */
    }
    .error {
        color: red !important;
        /* border: solid 1px red !important */
    }
    

    .faq-hold {
        margin-bottom: 3em;
    }

    .faq-hold ul {
        margin-bottom: 0;
    }

    .faq-hold li {
        margin-bottom: 0.7em;
        padding-left: 0em;
        border-bottom: solid 1px #f0f0f0;
        padding-bottom: 1rem;
    }

    .faq-hold .listinline li{border-bottom: none;
        margin-bottom: 0px;
    padding-bottom: 7px;}
    

    .faq-hold h2 {
        margin-top: 0;
        /*padding-top:50px;*/
    }

    .faq-quesion,
    .faq-quesion:hover {
        display: block;
        text-decoration: none;
        color: #333 !important;
        cursor: pointer;
        position: relative;
        /* font-size: 13px*/
        font-weight: 500; 
    }

    .faq-hold .detail {
        display: none;
    }

    .faq-hold .detail p {
        margin: 0;
        padding: 0.3em 1em 1em 0;
    }

    .faq-hold .right-arrow {
        position: absolute;
        right: 0px;
        z-index: 1;
        font-family: arial;
        font-weight: 400;
        font-size: 19px;
        color: #333;
    }
	
	.wsmenu > .wsmenu-list > li:first-child    .menuchild > .col-md-4:last-child a {
		color:red;
	}


.wsmegamenu .menuimage-column .dropdown-categories span{
	font-weight:400 !important;	
}

    /* ==========================================================================
   Flaticon Css
========================================================================== */

#owl-demo .flaticon-back::before{font-size:20px;}
#owl-demo .flaticon-right-arrow::before{font-size:20px;}

@font-face {
font-family: "Flaticon";
src: url("../fonts/Flaticon.eot");
src: url("../fonts/Flaticon.eot?#iefix") format("embedded-opentype"),
        url("../fonts/Flaticon.woff") format("woff"),
        url("../fonts/Flaticon.ttf") format("truetype"),
        url("../fonts/Flaticon.svg#Flaticon") format("svg");
font-weight: normal;
font-style: normal;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
@font-face {
    font-family: "Flaticon";
    src: url("./Flaticon.svg#Flaticon") format("svg");
}
}

[class^="flaticon-"]:before, [class*=" flaticon-"]:before,
[class^="flaticon-"]:after, [class*=" flaticon-"]:after {   
    font-family: Flaticon;
    font-size: 16px;
    font-style: normal;
}

.flaticon-back:before { content: "\f100"; }
.flaticon-circle:before { content: "\f101"; }
.flaticon-facebook-logo:before { content: "\f102"; }
.flaticon-google-plus-logo:before { content: "\f103"; }
.flaticon-heart:before { content: "\f104"; }
.flaticon-instagram-logo:before { content: "\f105"; }
.flaticon-interface:before { content: "\f106"; }
.flaticon-magnifying-glass-browser:before { content: "\f107"; }
.flaticon-pinterest:before { content: "\f108"; }
.flaticon-pinterest-round-logo:before { content: "\f109"; }
.flaticon-right-arrow:before { content: "\f10a"; }
.flaticon-shopping-bag:before { content: "\f10b"; }
.flaticon-twitter:before { content: "\f10c"; }
    
#owl-demo .flaticon-back::before{font-size:30px;}
#owl-demo .flaticon-right-arrow::before{font-size:30px;}

#owl-demo .item{
  display: block;
  padding: 0px;
  margin: 5px 0px;
  color: #FFF;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  text-align: center;
}
.owl-theme .owl-controls .owl-buttons div {
  padding: 5px 9px;
}

.owl-theme .owl-buttons i{
  margin-top: 1em;
}

/*To move navigation buttons outside use these settings:*/

.owl-theme .owl-controls .owl-buttons div {
  position: absolute;
}

.owl-theme .owl-controls .owl-buttons .owl-prev{
  left: 0px;
  top: 2em; 
}

.owl-theme .owl-controls .owl-buttons .owl-next{
  right: 0px;
  top: 2em;
}
   
 
.soldout-tag{
    position: absolute;
    background: #e00101;
    font-size: 11px;
    padding: 0.2rem 0.4rem;
    color: #FFF;
    text-transform: uppercase;
    letter-spacing: 0.2px;
    margin: 0.1rem;
    z-index: 22;
    bottom: 0;
}


	.category .category-box figure img{-webkit-transition: all 0.7s ease; transition: all 0.5s ease; 
	   display: block;
		max-width: 100%;
		position: absolute;
		top: 0;
		left: 0;
		height: 100%;
		width: 100%;
		object-fit: contain;
		object-position: center center;
	}

    /********************************
        Media Query Css
    ********************************/
    @media screen and (max-width: 1024px) {
        .topcontact {
            padding-left: 0.6rem !important;
        }
        .topcontact .h5{font-size: 15px !important;}
    }
    @media screen and (min-width: 768px) {
         
        .size-available{
            min-height:125px
        }
    }

    
	@media(max-width:767px) {
        .topcontactbox{
            display: none !important;
        }
        .text-xs-center{
            text-align: center !important;
        }
        .smart-forms .ui-slider-horizontal {
            height: .4222em;
        }
        .smart-forms .ui-slider{
          margin: 1rem 0.4rem;
        }
		.accordions {
                    background-color: #eee;
                    cursor: pointer;
                    padding: 18px;
                    width: 100%;
                    border: none;
                    text-align: left;
                    outline: none;
                    font-size: 15px;
                    transition: 0.4s;
                    border-radius: 3px;
                    margin-top: 0px !important;
                    position: relative;
		}
		.accordions::after{
                    content: "+";
                    position: absolute;
                    right: 1rem;
                    font-size: 18px;
		}
                .accordions.active::after{
                    content: "-";
		}
		.active,
		.accordions:hover {
			background-color: #ccc;
		}
		.panels {
			padding: 0 18px;
			display: none;
			background-color: white;
			overflow: hidden;
		}
		.faq-hold {
			margin-bottom: 0em !important;
		}
		/* .price-table > .table td, .table th{
			display: inline-block;
			width: 32.6666%;
			min-height: 95px;
		} */
		.paddingleft0{
			padding-left: 0px !important;
        }
        .price-table > .table td, .table th {
            padding: .10rem .20rem .10rem .20rem;
            font-size: 14px;
            vertical-align: top;
        }
        .price-table .font13{font-size: 13px;}
        .text-xs-right{
            text-align: right;
        }
        .mobile-top > ul{
            display: flex;
            flex-wrap: nowrap;
            width: 100%;
        }
        .mobile-top > ul > li{
            width: 100%;
        }
        .mobile-top .list-inline-item:not(:last-child) {
            margin-right: .0rem;
            overflow: hidden;
            max-width: 50px;
            vertical-align: top;
        }
        header .notification-bar{
            min-height: 50px;
            z-index: 99;
            position: relative;
            font-size: 15px;
            display: flex;
            align-items: center;
            justify-content: center
        }
        header .notification-bar .header-ann{
            padding-left: 3.3rem;
            font-size: 12px;
        }
        header .topbix{
            position: fixed;
            z-index: 9999;
            background: #61c3ca;
            width: 100%;
        }
	}

    @media screen and (max-width: 991px) {
        .category .category-box figure img{
			-webkit-transition: all 0.7s ease; transition: all 0.5s ease; 
        }
        .slide .carousel-caption {
            position: absolute;
            right: 15%;
            bottom: 12%;
            left: 39%;
            z-index: 10;
            padding: 1.6rem;
            color: #fff;
            background:rgba(255, 255, 255, 0.9);
            max-width: 450px;
            width: 100%;
        }
		.category .category-box {
		  margin-bottom: 0rem;
		}
    }
    
    @media screen and (max-width: 768px) {
        .pricing-table tr td {
            padding: 0.4rem 0.1rem;
        }
        .padding-left0{padding-left: 1rem !important;}
         
    }


	@media (max-width:767px){
        
        .accordion-summary { max-width:100%; margin:0 auto; margin-top:0; position:relative; z-index:2; text-align:center; cursor:pointer}
        .accordion-summary, .summary-open, .summary-close {
                display:block;
                background-color:#f5f4f4;
                padding:6px 1em;
                border:1px solid #ccc;
                font-size:130%;
        }
        .summary-close {border-bottom:1px solid #ccc;}
        .a {
                display:none;
                position:relative;
                top:-1px;
                z-index:1;
        }
        .a .border-gray { border:1px solid #ccc; padding:1em;}
        .summary-open img
        {
                -webkit-transform: translateY(-25%) rotateX(180deg);
                transform: translateY(-25%) rotateX(180deg);
                -webkit-transition: -webkit-transform 0.5s, opacity 0.5s;
                transition: transform 0.5s, opacity 0.5s;
                position: relative;
                top: 8px;
        }
        .summary-close .img
        {
                -webkit-transform: translateY(-25%) rotateX(0deg);
                transform: translateY(-25%) rotateX(0deg);
                -webkit-transition: -webkit-transform 0.5s, opacity 0.5s;
                transition: transform 0.5s, opacity 0.5s;
        }

		.margin-y{margin-bottom: 1rem !important; margin-top: 1rem !important;}
		.space-m{
			padding-top: 0.8rem !important;
			padding-bottom: 0.8rem !important;
			margin-top: 0px !important;
			margin-bottom: 0px !important;
        }
        .state-region{
            margin-top: 1rem;
        }
	}
     
    @media screen and (max-width: 572px) {
        h1, .h1 {font-size: 35px;}
        h2, .h2 {font-size: 26px;}
        h3, .h3 {font-size: 24px;}
        h4, .h4 {
            font-size: 18px;
        }
        .logo{
            padding-bottom: 0.6rem;
            text-align: center;
            border-bottom: solid 1px #DDDDDD;
        }
        .page {
            padding: 1.5rem 0;
        }
        .slide .carousel-caption {
            position: relative !important;
            bottom: 5% !important;
            left: 0% !important;
            max-width: 100% !important;
            width: 100% !important;
            padding: 0.6rem !important;
            text-align: center !important;
            z-index: 0 !important;
        }
        .slide .carousel-caption h2{font-size: 24px;}

        .link-case { position: relative;}
        .link-case .f-nav{ border-bottom: solid 1px #DDD; padding-bottom: 0.3rem; margin-bottom: 0.4rem;}
        .link-case .f-nav h4 { cursor: pointer;
            margin: 0;
            margin-bottom: 0px;
            padding: 0.5em 0.2em;
            margin-bottom: 4px;
            border-bottom: solid 1px #eee;
            background-color: #f9f9f9;
        }
        .link-case .f-nav .footer-nav-tab:after { content: "+"; float: right; }
        .link-case .f-nav.open .footer-nav-tab:after { content: "-"; }
        .link-case ul { max-height: 0; overflow:hidden; transition: max-height 0.5s ease-out; margin-bottom: 0; margin-left:1em;}
        .link-case ul a { padding-top: 5px; padding-bottom: 5px;}
        .link-case .f-nav.open ul { height:auto; max-height: 500px; transition: max-height 0.5s ease-in !important; }          
        
        .sticky {
            position: -webkit-sticky;
            position: sticky;
            top: 0;
            z-index: 2;
            background:#FFF;
            padding: 0.4rem 0;
        }
        

        .hidden-mobile{display: none !important;}

        .cloned {
            border-bottom: solid 0px #000000;
        }

        .newsletter .submit{margin-top: 0.8rem;}
        .slide > .carousel-control-next, .carousel-control-prev{top: -45%;}
        .shipping-block > ul > li:nth-child(1){width: 49%; font-size: 12px;}
        .shipping-block > ul > li:nth-child(2){width: 49%; font-size: 12px;}
        .shipping-block > ul > li:nth-child(3){
            width: 100%;
            font-size: 16px;
            text-align: center !important;
            background: #f15b58;
            margin-left: 0px !important;
            padding: 0.6rem 0;
        }
        .shipping-block > ul > li:nth-child(3) a{
            color: #FFF;
        }
        .shipping-block > ul > li:nth-child(4){width: 49%; font-size: 12px;}
        .shipping-block > ul > li{font-size: 14px; padding-bottom: 0.6rem; margin-right: 0px !important;}
        .shipping-block {
            border-bottom: solid 1px #e5e5eb;
            border-top: solid 1px #e5e5eb;
            padding-top: 1rem;
        }
        .menu-text{position: relative;}
        .category-banner{min-height: 250px;}
        .summary-bar ul li{
            width: 100%;
            text-align: left;
            padding: 0.6rem 1.4rem;
            border-bottom: solid 1px #F2F2F2 !important;
        }

      .filter .content-tab {
            padding: 0 18px;
            display: none;
            overflow: hidden;
            background-color: #ffffff;
        }
          
        .filter .collapsibles {
            background-color: #29275b;
            color: white;
            cursor: pointer;
            padding: 10px 10px;
            width: 100%;
            border: none;
            text-align: left;
            outline: none;
            font-size: 18px;
            text-align: center
        }
        .filter-body{
            width:100%; 
            max-width:100%; 
            padding: 0px !important;
        }
        
        .filter .active, .collapsibles:hover {
            background-color: #29275b;
            color: #FFF;
        }
        .filter-margin .active::before {
            content: "-" !important;
            position: absolute !important;
            right: 1rem !important;
            font-size: 18px !important;
            background: #29275b;
            width: 10px;
            height: 20px;
            z-index: 9;
        }
        .login-space{padding-right: 0px !important;}
    
        .review{padding: 1rem !important}

        .mobile-hidden{display: none !important}
        
        .hidden-desktop{display: block}

        .dashboard-body{display: block;}
        #dashboard{display: none;}
    
    }

    
    .review-border {border-top: 2px dashed #acacac;}
    @media screen and (min-width:768px) {
        .review-user-block {background: linear-gradient(90deg, #e2eaf7 50%, #ecf4f6 50%);}
    }
    @media screen and (max-width:767px) {
        .reviewrating {-ms-flex-order: 2;order: 2;}
        .review{padding: 1rem 0 !important}
    }
    
    .switch input { 
        display:none;
    }
    .switch {
        display:inline-block;
        width:52px;
        height:22px;
        transform:translateY(50%);
        position:relative;
    }

    .slider {
        position:absolute;
        top:0;
        bottom:0;
        left:0;
        right:0;
        border-radius:30px;
        box-shadow:0 0 0 2px #ff0000, 0 0 4px #ff0000;
        cursor:pointer;
        border:4px solid transparent;
        overflow:hidden;
        transition:.4s;
    }
    .slider:before {
        position:absolute;
        content:"";
        width:100%;
        height:100%;
        background:#ff0000;
        border-radius:30px;
        transform:translateX(-30px);
        transition:.4s;
    }

    input:checked + .slider:before {
        transform:translateX(30px);
        background:limeGreen;
    }
    input:checked + .slider {
        box-shadow:0 0 0 2px limeGreen,0 0 2px limeGreen;
    }
    
    .category-subcategory ul li a {font-size: 16px !important;}
    .category-subcategory .category-caption { min-width: 200px;}
    @media screen and (max-width: 767px) {
        .category-subcategory .category-caption { min-width:auto;}
    .category-subcategory ul li { width: 49%;}
    .category-subcategory .list-inline-item:not(:last-child) {margin-right: 0rem;}
    }
    
    
    .home-slider img{  margin: 0 auto;width:100%;}
.logo a,
.home-slider .carousel-item figure,
.available-size-hold .size-available
{
    overflow: hidden;
    display: block;
    position: relative;
}
.logo a img,
.home-slider .carousel-item figure img,
.available-size-hold .size-available img
{
    display: block;
    max-width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    object-fit: contain;
    object-position: center center;
}

.logo a img {object-position: center left;}
.logo a { padding-bottom: 22%;}
.home-slider .carousel-item figure {padding-bottom: 37.5%}

.headcart-icons a {display:block;padding: 0px; font-weight:500}
.shipping-block > ul > li img {width: 36px; height:auto;}
.topcontactbox img {width: 29px; height: 29px;}
.headcart-icons a img {width: 20px !important;
    height: 20px !important;}
.tophead-right form.search-top img {width: 15px; height: 15px;}
.available-size a {display:block;}
.available-size-hold .size-available {min-height: 110px;padding-bottom: 40%;}

@media screen and (max-width:575px) {
    .home-slider .carousel-item figure {padding-bottom: 64%;}
    .logo a img {object-position: center center;}
    .logo a { padding-bottom: 25%;}
    .headcart-icons a img {width: 23px; }
}


.bar-icon {
    min-width: 35px;
    height: 38px;
    margin-left: 7px;
    position: relative;
    cursor: pointer;
    background: rgba(255,255,255,0.53);
    border-radius: 2px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}
.category-box {
     -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;
}
.show-two .category-box {
  -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}
.show-three .category-box {
      -ms-flex: 0 0 33.3333%;
    flex: 0 0 33.3333%;
    max-width: 33.3333%;

}
.bar-icon {color:#b1b2b5;background-color: #f8f8f8;}
.bar-icon.active {color:#fff; background-color: #61c3ca !important;}

.category-products-caption { padding: 0 10px;}
@media screen and (max-width:640px) {
    .ctgr-list {  margin-right: -15px !important;  margin-left: -15px !important;}
    .ctgr-list .category-box { padding-right: 0;  padding-left: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .category-box .category-products-caption { text-align: center; padding: 8px 15px 2em 15px;}
    .productslide-mobile { padding:0;}
    .recent-viewed-products, .similar-products {position: relative;margin-left: -5px;margin-right: -5px;}
	
	.productslide-mobile .carousel-item{
		overflow: hidden;
		position: relative;
		width: 100%;
		padding-top: 133.755555%;
	}
	.productslide-mobile .carousel-item img{
		transition: all 0.5s ease;
		display: block;
		max-width: 100%;
		position: absolute;
		top: 0;
		left: 0;
		height: 100%;
		width: 100%;
		object-fit: contain;
		object-position: center center;
	} 
	
	.productslide-mobile .carousel-item iframe{
		transition: all 0.5s ease;
		display: block;
		max-width: 100%;
		position: absolute;
		top: 0;
		left: 0;
		height: 100%;
		width: 100%;
		object-fit: contain;
		object-position: center center;
	} 
 
}

/* Category filter panel on mobile */
@media screen and (max-width:767px) {
    .overlay {
        background-color: rgba(0, 0, 0, 0.5);
        position: absolute;
        display: none;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        opacity: 0;
        transition: opacity 0.2s ease-in-out 1s;
        z-index: 10006;
      }
      .overlay.active {
        opacity: 1;
        display: block;
      }

      .flyout {
        background-color: #ffffff !important;
        bottom: 0;
        height: 100%;
        max-width: 280px;
        overflow-y: auto;
        position: fixed;
        right: 0;
        top: 0;
        transform: translate3d(100%, 0, 0);
        width: 80%;
        -webkit-transition: transform 0.2s ease-in-out;
        -moz-transition: transform 0.2s ease-in-out;
        -ms-transition: transform 0.2s ease-in-out;
        -o-transition: transform 0.2s ease-in-out;
        transition: transform 0.2s ease-in-out;
        z-index: 10006;
      }
      .flyout.active {transform: translate3d(0, 0, 0);}
      .flyout-header {
        background-color: #ffffff;
        color: white;
        padding:2em;
      }
      .flyout-header h4 {display: inline-block;margin: 0;}
      .flyout-body {
        overflow-y: auto;
        padding: 1em;
        flex: 0 1 0;
      }
      .flyout-close {
        cursor: pointer;
        float: right;
        color: #000000;
        position: absolute;
        top:20px;
        right: 0.6em;
        display: block;
        width: 30px;
        height: 30px;
        text-align: center;
        font-size: 25px;
    }
    .mobile-filtericon { background-color:#221f1f; color:#ffffff; display: block;}
    .mobile-filtericon, .category .custom-select { margin: 0 5px; border-radius: 0;}
    .mobile-filtericon { width:50%;}
    .category .custom-select {width:50%;}
}    
@media screen and (max-width:640px) {
    .flyout {
        max-width: 100%;
        width: 100%;
        top:59px;
    }
}
.productslide-mobile .carousel-indicators li {opacity:1;}
.productslide-mobile .carousel-indicators .active {background-color: #333333 !important;border: solid 1px #333333;}
.productslide-mobile .carousel-indicators [data-bs-target] {margin-right: 4px;margin-left: 4px;}
.productslide-mobile .carousel-indicators li {
    width: 8px!important;
    height: 8px!important;
    border-radius: 50%;
    background: none;
    border: solid 1px #ffffff;
    background-color: #ffffff;
}

.mobile-fixed-height, .mobile-fixed-top {min-height: 59px;}

/*------ OFF CANVAS Product description -----*/
.js-offcanvas-trigger {display: block;}
.js-offcanvas-trigger h4 {
    cursor: pointer;
    padding: 18px 0;
    font-size: 15px;
    border-bottom: solid 1px #dee2e6;
    font-weight: bold;
    text-transform: uppercase;
}
/*js-offcanvas*/
 /*mix*/
/*body, .c-offcanvas-content-wrap { min-height: 100vh; }*/
.c-offcanvas-content-wrap { position: relative; overflow: hidden; z-index: 3; }
/*body.sticky .c-offcanvas-content-wrap { position: static; overflow: visible; z-index: 0; }*/
/*.c-offcanvas-content-wrap { -webkit-transform: translateZ(0); transform: translateZ(0); }*/
.c-offcanvas--overflow-top { overflow: visible; }
 /*offcanvas panel*/
.c-offcanvas { 
    max-height: none; 
    min-height: 100%; 
    top: 0; 
    background: #fff; 
    display: block; 
    position: fixed;
    z-index: 10002 !important;
    overflow: hidden;
    padding: 1.5em;
}
.c-offcanvas--opening { transition-timing-function: cubic-bezier(0.4, 0, 0.6, 1); }
.c-offcanvas.is-closed { max-height: 100%; overflow: hidden; visibility: hidden; box-shadow: none; }
.c-offcanvas.is-scrollable { overflow-y: auto; }
.c-offcanvas--overlay { z-index: 10; }
.c-offcanvas--reveal { z-index: 2; }
.c-offcanvas, .c-offcanvas-content-wrap { transform: translate3d(0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; }
.c-offcanvas, .c-offcanvas-content-wrap, .c-offcanvas-bg.c-offcanvas-bg--reveal, .c-offcanvas-bg.c-offcanvas-bg--push { transition: transform 300ms cubic-bezier(0.4, 0, 0.6, 1); }
.c-offcanvas.is-open { transform: translate3d(0, 0, 0); visibility: visible; overflow-y: auto; }
 /*overlay*/
.c-offcanvas-bg { width: 100%; height: 100%; top: 0; left: -100%; position: fixed; background-color: transparent; transition: background-color 400ms cubic-bezier(0.23, 1, 0.32, 1) 0ms; 
z-index: 9; }
.c-offcanvas-bg.is-animating, .c-offcanvas-bg.is-open { left: 0; background-color: rgba(0, 0, 0, 0.5); visibility: visible; }
.c-offcanvas-bg.is-closed { visibility: hidden; }
 /*positions*/
  /*left*/
.c-offcanvas--left { height: 100%; width: 17em; transform: translate3d(-17em, 0, 0); }
  /*right*/
.c-offcanvas--right { height: 100%; width: 30em; transform: translate3d(30em, 0, 0); right: 0; }
  /*top*/
.c-offcanvas--top { width: 100%; height: 12.5em; min-height: auto; transform: translate3d(0, -12.5em, 0); top: 0; left: 0; right: 0; }
  /*bottom*/
.c-offcanvas--bottom { width: 100%; height: 12.5em; min-height: auto; transform: translate3d(0, 12.5em, 0); top: auto; bottom: 0; left: 0; right: 0; }
 /*effects*/
  /*reveal*/
.c-offcanvas-content-wrap--reveal.c-offcanvas-content-wrap--left.is-open { transform: translate3d(17em, 0, 0); }
.c-offcanvas-content-wrap--reveal.c-offcanvas-content-wrap--right.is-open { transform: translate3d(-30em, 0, 0); }
.c-offcanvas--reveal { z-index: 0; transform: translate3d(0, 0, 0); }
.c-offcanvas-bg.c-offcanvas-bg--reveal.c-offcanvas-bg--left.is-open { transform: translate3d(17em, 0, 0); }
.c-offcanvas-bg.c-offcanvas-bg--reveal.c-offcanvas-bg--right.is-open { transform: translate3d(-30em, 0, 0); }
  /*push*/
.c-offcanvas--push { z-index: 6; }
.c-offcanvas--push--opening { transition-timing-function: cubic-bezier(0, 0, 0.2, 1); }
.c-offcanvas-content-wrap--push.c-offcanvas-content-wrap--left.is-open { transform: translate3d(17em, 0, 0); }
.c-offcanvas-content-wrap--push.c-offcanvas-content-wrap--right.is-open { transform: translate3d(-30em, 0, 0); }
.c-offcanvas-bg.c-offcanvas-bg--push.c-offcanvas-bg--left.is-open { transform: translate3d(17em, 0, 0); }
.c-offcanvas-bg.c-offcanvas-bg--push.c-offcanvas-bg--right.is-open { transform: translate3d(-30em, 0, 0); }

@media only screen and (max-width: 650px) {
/*boxes*/
/*js-offcanvas*/
 /*positions*/
  /*left*/
.c-offcanvas--left { height: 100%; width: 90%; transform: translate3d(-90%, 0, 0); }
  /*right*/
.c-offcanvas--right { height: 100%; width: 100%; transform: translate3d(90%, 0, 0); }
  /*top*/
.c-offcanvas--top { width: 100%; height: 90%; transform: translate3d(0, -90%, 0); }
  /*bottom*/
.c-offcanvas--bottom { width: 100%; height: 90%; transform: translate3d(0, 90%, 0); }
 /*effects*/
  /*reveal*/
.c-offcanvas-content-wrap--reveal.c-offcanvas-content-wrap--left.is-open { transform: translate3d(90%, 0, 0); }
.c-offcanvas-content-wrap--reveal.c-offcanvas-content-wrap--right.is-open { transform: translate3d(-90%, 0, 0); }
.c-offcanvas-bg.c-offcanvas-bg--reveal.c-offcanvas-bg--left.is-open { transform: translate3d(90%, 0, 0); }
.c-offcanvas-bg.c-offcanvas-bg--reveal.c-offcanvas-bg--right.is-open { transform: translate3d(-90%, 0, 0); }
  /*push*/
.c-offcanvas-content-wrap--push.c-offcanvas-content-wrap--left.is-open { transform: translate3d(90%, 0, 0); }
.c-offcanvas-content-wrap--push.c-offcanvas-content-wrap--right.is-open { transform: translate3d(-90%, 0, 0); }
.c-offcanvas-bg.c-offcanvas-bg--push.c-offcanvas-bg--left.is-open { transform: translate3d(90%, 0, 0); }
.c-offcanvas-bg.c-offcanvas-bg--push.c-offcanvas-bg--right.is-open { transform: translate3d(-90%, 0, 0); }

}

.search-toggle button {border: none; background: none;}
.search-toggle .search-icon.icon-close, .search-toggle.opened .search-icon.icon-search {display: none; color: #000000;}
.search-toggle .search-icon.icon-search, .search-toggle.opened .search-icon.icon-close {display: block; color: #000000;}
.search-container {
  position: relative;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  max-height: 0;
  overflow: hidden;
  width: 100%;
  z-index: 2;
}
.search-container.opened {max-height: 100px; padding: 0.6em 0;z-index: 99;}
@media only screen and (max-width: 650px) {
    .search-container, .search-container.opened {
        position: fixed;
        left: 0;
        width: 100%;
        background-color: #fff;
        z-index: 99999;
        -moz-transition: all 0.3s;
        -o-transition: all 0.3s;
        -webkit-transition: all 0.3s;
        transition: all 0.3s;
        border-top:solid 1px #dddddd;
        opacity: 0;
    }
    .search-container.opened {padding: 1em !important;opacity:1;}
}
@media only screen and (max-width: 767px) {
 .mobile-top > ul{
        display: block;
        flex-wrap: nowrap;
        flex-wrap: wrap;
        width:auto;
    }
    .mobile-top > ul > li{width: auto;}
}
.subcategory-images { text-align: center;}
.subcategory-images figure { margin-bottom: 10px;}
.subcategory-images .dropdown-categories { padding:5px 1em;}

@media only screen and (max-width: 767px) {
    .subcategory-images .dropdown-categories { padding:5px;}
    .subcategory-images {position: relative;margin-right: -10px;}
}

.wsmegamenu .menuimage-column .dropdown-categories { text-align: center; font-size: 12px;}
@media (min-width: 992px){
    .wsmegamenu .menuimage-column .dropdown-categories {padding:0 5px;}
    .wsmegamenu .menuimage-column {
      -ms-flex: 0 0 12.5%;
      flex: 0 0 12.5%;
      max-width: 12.5%;
    }
}

/*---- Product details review option----*/
.product-review-question .nav-pills {padding:1em;}
.product-review-question .nav-link { padding:.5rem .8rem;font-weight:600;color:#6B6D76;}
.product-review-question .nav-pills .nav-link.active,.product-review-question .nav-pills .show > .nav-link { background-color: #ffffff;color:#333333;  border-bottom:solid 2px #333333; border-radius: 0;}
.product-review-question .tab-content { display: block;}
@media only screen and (max-width: 767px) {
    .product-review-question .nav, .product-review-question .detais-rating {justify-content: center;}
    .product-review-question .active, .product-review-question .accordions:hover {background-color: #ffffff;}
}

.customer_fullname {font-size:0;}
.customer_fullname span {
    /* background: rgba(131, 182, 221); */
    background-color: #221f1f;
    align-items:center;
    color:#ffffff;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    line-height: 40px;
    display: inline-flex;
    font-size: 16px;
    padding: 5px;
    vertical-align: middle;
    margin: 0;
    text-transform: uppercase;
    text-decoration: none;
}
.customer_fullname span i{
    width:max-content;
    font-style: normal;
    margin: 0 auto;
}
.review .verify-buyer{
    position:absolute; 
    right:0; 
    bottom:0; 
    z-index:2; 
    background-color: #ffffff; 
    border-radius: 50%; 
    text-shadow: -2px 1px 1px rgba(255, 255, 255, 1);
}
.review-box {
  border-top: 2px dashed #acacac;
  border: none;
  background-color: #fff;
  padding: 0.4em 1em;
  border-radius: 10px;
  margin-bottom: 1.2em;
}
.labelimage {top:4px;left:10px;z-index: 3}
.labelimage img {width: 100%; max-width: 80px; height: 80px;}
.gc-noscroll .wsmainfull, .has-offcanvas--right .wsmainfull {z-index:1 !important;}
.gc-noscroll .cloned, .has-offcanvas--right .cloned {z-index:2!important;}
.breadcrumb {background-color: #ffffff;}
.table-font-2x{
	font-size:15px;
}

.btn-blue{
    color: #fff;
    background-color: #61c3ca;
    border-color: #61c3ca;
}
.btn-blue:hover{
    color: #fff;
    background-color: #4badb4;
    border-color: #4badb4;
}
.btn-outline-blue{
	color: #61c3ca;
    border-color: #61c3ca 
}
.btn-outline-blue:hover{
	color: #4badb4;
    border-color: #4badb4 
}

.header-stripe-new > div:nth-child(2) { border-left:solid 1px #dddddd;border-right:solid 1px #dddddd;}
.header-stripe-new { padding: 10px 0;}
@media(max-width:767px){
    .header-stripe-new { padding: 3px 0;}
    .header-stripe-new img { max-height: 25px;}
    .header-stripe-new > div { text-align: center; display: inline-flex; align-items: center;justify-content: center;}
    .header-stripe-item span { display:block;font-size:11px; padding-top: 6px;}
    .header-stripe-new > div:nth-child(1) span { padding-top: 0;}
    .header-stripe-new > div:nth-child(1) img { max-height: 35px;}
    .header-stripe-new > div:nth-child(2) img { max-height: 40px;}
}
@media(min-width:768px){
    .header-stripe-new img { max-height: 40px;}
    .header-stripe-new > div:nth-child(2) img { max-height:50px;}
    .header-stripe-new > div{ display: flex; align-items:center;justify-content: center;}
    .header-stripe-item { display: flex; align-items:center;justify-content: center;}
    .header-stripe-new > div:last-child img {max-height:35px;}
}