@import url('https://fonts.googleapis.com/css2?family=Satisfy&display=swap');
@import url('../css/simple-line-icons.min.css');
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap');
@font-face {font-family: "simple-line-icons"; 
            src: url("..fonts/Simple-Line-Icons.eot"); 
            src: url("..fonts/Simple-Line-Icons.eot?#iefix") 
                format("embedded-opentype"), 
                url("..fonts/Simple-Line-Icons.woff2") 
                format("woff2"), url("..fonts/Simple-Line-Icons.woff") 
                format("woff"), url("..fonts/Simple-Line-Icons.ttf") 
                format("truetype"), url("..fonts/Simple-Line-Icons.svg#simple-line-icons") 
                format("svg"); 
}
@font-face {font-family: "Acumin Variable Concept"; 
            src: url("../fonts/AcuminVariableConcept.eot?#iefix") 
                format("embedded-opentype"), url("../fonts/AcuminVariableConcept.woff2") format("woff2"), url("../fonts/AcuminVariableConcept.woff") format("woff"), 
                url("AcuminVariableConcept.ttf") format("truetype");
}
@font-face {font-family: "SuperGroteskWeb W03 Medium";
            src: url("../fonts/f65db24ed1a78d1d508e853687f994a4.eot"); /* IE9*/
            src: url("../fonts/f65db24ed1a78d1d508e853687f994a4.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
                url("../fonts/f65db24ed1a78d1d508e853687f994a4.woff2") format("woff2"), /* chrome、firefox */
                url("../fonts/f65db24ed1a78d1d508e853687f994a4.woff") format("woff"), /* chrome、firefox */
                url("../fonts/f65db24ed1a78d1d508e853687f994a4.ttf") format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
                url("../fonts/f65db24ed1a78d1d508e853687f994a4.svg#SuperGroteskWeb W03 Medium") format("svg"); /* iOS 4.1- */
}
@font-face {font-family: "SuperGroteskWeb W03 Regular";
            src: url("../fonts/e20761ff092701f622bb077e8a2dbd1f.eot"); /* IE9*/
            src: url("../fonts/e20761ff092701f622bb077e8a2dbd1f.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
                url("../fonts/e20761ff092701f622bb077e8a2dbd1f.woff2") format("woff2"), /* chrome、firefox */
                url("../fonts/e20761ff092701f622bb077e8a2dbd1f.woff") format("woff"), /* chrome、firefox */
                url("../fonts/e20761ff092701f622bb077e8a2dbd1f.ttf") format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
                url("../fonts/e20761ff092701f622bb077e8a2dbd1f.svg#SuperGroteskWeb W03 Regular") format("svg"); /* iOS 4.1- */
}
.roboto{
    font-family: 'Roboto', sans-serif;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6  {
    margin-bottom: 0px;
    /*font-family: "Acumin Variable Concept";*/
    font-family: "SuperGroteskWeb W03 Medium";
    -webkit-font-smoothing: antialiased;
    text-shadow: rgba(0, 0, 0, 0.004) 1px 1px 1px;
}

body{

    margin: 0;
    color: #000;
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5;
    background-color: #fff;
    -webkit-font-feature-settings: "tnum";
    font-feature-settings: "tnum","tnum";
    /*font-family: "Acumin Variable Concept";*/
    font-family: "SuperGroteskWeb W03 Regular";
    letter-spacing: 1px;
}
a:hover{
    text-decoration: none;
    transition: all 0.5s ease 0s;
}
html a, html p, html li, input, textarea, span,  html, body, html a {
    margin-bottom: 0px;
    -webkit-font-smoothing: antialiased;
    text-shadow: rgba(0, 0, 0, 0.004) 1px 1px 1px;
}
input:focus, input.form-control:focus, .form-control:focus{
    border-bottom: 1px solid #333 !important;
    box-shadow: none;
    outline: none;
}
button:focus{
    outline: none;
}
.top-bar-free{
    color: #fff;
    font-size: 17px;
    padding: 7px 0;
    text-transform: uppercase;
}

/*header*/
header{ padding: 10px 0;}
header .navbar-light{
    margin-top: 24px;
    padding: 0.5rem 0rem;
}
header li.nav-item {
    padding: 0 5px;
    display: inline-block;
}

header .navbar-light .navbar-nav .nav-link{position: relative; color: #000; font-size: 15px;
                                           text-transform: uppercase;
                                           font-weight: 600;
                                           margin-right: 0;}
header .navbar-light .navbar-nav .nav-link:hover{
    border: none;
    background-color: #000 !important;
    color: #fff;
}

header .top-left ul li {
    font-size: 14px;
    border-right: 1px solid #CCCCCC;
    padding: 0 13px;
}
header .top-left ul li:last-child{
    border: none;
}
header .top-left select{
    border: none;
    background: transparent;
    letter-spacing: 1px;
}


@media (min-width: 1500px){
    .container{max-width: 1280px;}  
}

.search span{position: absolute; top: 10px; left: 10px;display: none;}

.search{ width: 135px; margin: 0 0 0 6px; position: relative;}

.search input{ width: 100%; border: none; border-radius: 0; padding: 0px 10px 5px 10px; font-size: 14px; font-weight: 500;border-bottom: 1px solid #000;}
.lang {
    font-weight: 800;
    float: left;
    width: 50px;
    margin: 39px 0 0 35px;
}
.lang img{margin: 0 5px;}

.shop_icons{ float: left; width: 244px; margin: 28px 0 0 0; position: relative;}
.shop_icons a{display: inline-block; margin: 0 16px;}
.shop_icons .signinbtn{margin-right: 0; background: #000/*red*/; text-decoration: none; padding: 10px 30px; color: #fff; font-weight: 800; text-transform: uppercase; border-radius:5px;}
.shop_icons .signinbtn:hover{background:#333333/*dark*/;}

/*banner*/
.banner img{ width: 100%; }
/*home categ*/
.category_selection .col-md-7 img{ height: 500px; }
.category_selection{
    padding-top: 40px;
    padding-bottom: 40px;
}
.swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after,
.swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after{
    display: none;
}
.swiper-button-prev.swiper-button-white,
.swiper-button-next.swiper-button-white {
    color: #fff;
    width: 30px;
    height: 30px;
    /*background-color: #000;*/
}
.swiper-button-prev.swiper-button-white:focus, .swiper-button-next.swiper-button-white:focus{
    outline: none;
}
.swiper-button-prev.swiper-button-white:hover svg path,
.swiper-button-next.swiper-button-white:hover svg path{
    fill: #000 !important;
    opacity: 1;
}
a.btn.btn-outline-dark{
    font-family: "SuperGroteskWeb W03 Medium";
    text-transform: uppercase;
    font-size: 13px;
    line-height: 27px;
    padding: .375rem 1rem;
    border-color: #D8D8D8;
}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev{
    right: -31px !important;
}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next{
    left: -31px !important;
}
.category_selection .col-md-5 img{ margin-bottom: 15px;}
.category_selection h1 span{color:#000/*red*/;}
.category_selection h1{color: #000; text-transform: uppercase; font-size: 30px;}
ul{margin:0; padding: 0; list-style: none;}
.cat_list .col{float: left; display: inline-block; margin:20px 0; padding:10px 15px; position: relative;}
.cat_list .hover{height: 93%;
                 width: 88%;
                 position: absolute;
}
.cat_list .hover:hover    {
    background: rgba(0, 0, 0, 0.5);
}
.cat_list .hoverBrd{border: none; height:93%; margin:10px; }
.cat_list .hover h2{opacity: 10; color: #fff; bottom: 20px; left: 20px; position: absolute; font-size: 18px; font-weight: 700; text-transform: uppercase;}
.cat-box .heading-cat{
    position: relative;
    margin-top: -41px;
    top: -13px;
}
.swiper-containerrrr .cat-box .heading-cat{
    margin-top: 0;
}
.swiper-containerrrr .cat_list .hover{
    height: 96%;
    width: 93%;
}

.cat-box .heading-cat a{
    color: #000;
    text-transform: uppercase;
}
/*recommended_products*/
.recommended_products .products_cont{ border: none; padding: 0px; margin-bottom: 20px;}
.recommended_products .products_cont img{width: 100%; margin-bottom: 10px;}
.recommended_products .products_cont h3{
    color: #000;
    font-size: 1rem;
    font-weight: 600;
    padding: 10px 0;
    display: flex;
    justify-content: flex-start;
    text-transform: uppercase;
}
.recommended_products .products_cont p{font-size:14px;line-height: 20px; }
.recommended_products .products_cont .price{
    font-size: 16px;
    padding: 10px 0;
    font-weight: 600;
    line-height: 14px;
    font-family: "Acumin Variable Concept";
}
.recommended_products .products_cont .addcartbtn{ 
    font-size: 14px; 
    font-weight: 700; 
    background: #000/*red*/; 
    text-decoration: none; 
    display: inline-block;
    padding: 0px 20px;
    line-height: 42px;
    height: 40px;
    color: #fff; 
    text-transform: uppercase; 
    border-radius:5px;}

.recommended_products .products_cont .addcartbtn:hover{background: #333/*daek*/;}

.best-seller .cat-box .heading-cat {
    /* top: 0; */
    margin-top: 0;
}
.cat-box .heading-cat p{
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    margin-top: 7px;
    margin-bottom: 7px;
}
.cat-box .heading-cat .prices{
    font-weight: 500;
    font-size: 17px;
    font-family: 'Roboto', sans-serif;
    text-transform: capitalize;
}

/*fooer*/
#footer .joinus:hover{background: #333/*dark*/;}
#footer .joinus{background: #000/*red*/; display: inline-block; margin-top: 70px; text-decoration: none; padding: 15px 60px; color: #fff; font-weight: 800; text-transform: uppercase; }
#footer {
    background: #000 !important;
    margin-top: 60px;
    padding: 60px 0;
    color: #fff;
}
#footer h5{
    padding-bottom: 6px;
    margin-bottom: 20px;
    color:#fff;
    text-transform: capitalize;
}
#footer a {
    color: #fff;
    text-decoration: none !important;
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
}
#footer ul.social li{
    padding: 3px 0;
}
#footer ul.social li a i {
    margin-right: 5px;
    font-size:25px;
    -webkit-transition: .5s all ease;
    -moz-transition: .5s all ease;
    transition: .5s all ease;
}
#footer ul.social li:hover a i {
    font-size:30px;
    margin-top:-10px;
}
#footer ul.social li a,
#footer ul.quick-links li a{
    color:#fff;
    font-size: 15px;
}
#footer ul.social li a:hover{
    color:#eeeeee;
}
#footer ul.quick-links li{
    padding: 6px 0; font-size: 15px; color:#fff;

}
#footer ul.quick-links li:hover{

    font-weight:700;
}
#footer ul.quick-links li a i{
    margin-right: 5px;
}
#footer ul.quick-links li:hover a i {
    font-weight: 700;
}
.footer-ab img{
    filter: invert(98%) sepia(2%) saturate(0%) hue-rotate(217deg) brightness(104%) contrast(102%);
}
.footer-ab p{
    color: #fff;
    font-size: 14px;
    margin-top: 20px;
    margin-bottom: 20px;
}
.social-nav a{
    color: #fff;
    font-size: 20px;
    margin-right: 10px;
    display: inline-block; 
}
.social-nav a i{
    color: #fff;
    font-size: 20px;
    margin-right: 10px; 
}
.subs_selection p{
    font-size: 17px;
}
.subs_selection .form-control{
    height: 60px;
}
.subs_selection .btn-black{
    height: 60px;
    text-transform: capitalize;
    letter-spacing: 1.5px;
}
.dashboard-box:nth-child(1) {
    border-right: 1px solid #767676 !important;
}
.bottom_footer{background: #000; font-size: 13px;  padding: 0px 0; color: #fff;}
.bottom_footer span{
    font-family: "Acumin Variable Concept";
}
.bottom_footer .container{
    border-top: 1px solid #fff;
    padding: 10px 0;
}
.bottom_footer a{color: #fff;}
.bottom_footer p{margin: 10px 0 0 0;}

/*Prodcuts page*/
.breadcrumb {
    background: transparent;
    padding: 25px 0;
    font-size: 15px;
    border-top: 2px solid #000;
}
.breadcrumb ul li{display: inline-block;}
.breadcrumb ul li a{color: #333;}

/*products area*/
.products_aa h2 span {
    color: #000/*red*/;
}
.products_aa h2 small{font-size: 14px;font-family: 'Roboto', sans-serif;}
.products_aa h2 {
    color: #333;
    text-transform: uppercase;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 2px;
}

/*products wrapper*/
.products_wrapper .products_cont{ border: none; padding: 0px 0px 25px;}
.products_wrapper .products_cont img{width: 100%;}
.products_wrapper .products_cont h3{color:#000; font-size: 1.2rem; padding:27px 0 13px;}
.products_wrapper .products_cont p{font-size:15px;line-height: 18px; text-transform: uppercase;}
.products_wrapper .products_cont .price{
    font-size: 16px;
    padding: 10px 0;
    font-weight: 600;
    line-height: 14px;
    font-family: "Acumin Variable Concept";
    }
.products_aa {
    padding-top: 45px;
}
.sobdg{
    line-height: 13px;
    font-size: 13px;
    padding: .35rem .75rem;
}
.products_wrapper .products_cont .addcartbtn{
    font-size: 14px;
    font-weight: 700;
    background: #000/*red*/;
    text-decoration: none;
    display: inline-block;
    padding: 0px 20px;
    line-height: 42px;
    height: 40px;
    color: #fff;
    text-transform: uppercase;
    border-radius: 5px;
}
.products_wrapper .products_cont .addcartbtn:hover{background: #333/*daek*/;}
/*filters*/
.filters .block1 h3{font-size: 18px; font-weight: 600}
.filters .block1 ul li{display: inline-block;}
.filters .block1 label{border: #ccc solid 1px; height: 30px;
                       width: 30px;  margin:20px 20px 0 0;   display: inline-block; line-height: 17px;}
.filters .block1 .color1{background: #3678BD}
.filters .block1 .color2{background: #FC654B}
.filters .block1 .color3{background: #B4B4B4}
.filters .block1 .color4{background: #D22426}
.filters .block1 .color5{background: #398451}
.filters .block1 .color6{background: #FF8FBA}
.filters .block1 .color7{background: #3678BD}
.filters .block1 .color8{background: #222222}
.filters .block1 .color9{background: #DBAB59}
.filters .block1 .color10{background: #FECF4D}
.filters .block1 .color11{background: #A75430}
.filters .block1 .color12{background: #AB67D7}
.filters .block1 .color13{background: #000}
.filters .block1 .color14{background: #372085}
.filters .block1 .color15{background: #0CC4CB}
.filters .block1 label.active:before {
    font-family: fontawesome;
    content: "\f00c";
    color: #fff;
}
.filters .block1 label:focus, .filters .block1 label.active:focus{
    box-shadow: none;
    outline: none;
}
/*Cusomt checbox*/
.filters .block2 h3{
    font-size: 18px;
    font-weight: 400;
    color: #333333;
}
input#calculatorSlider{
    color: #000;
    height: 3px;
}
/* The container */
.checkbox1 {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 16px;
    line-height: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

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

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

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

/* When the checkbox is checked, add a blue background */
.checkbox1 input:checked ~ .checkmark {
    background-color: #000;
}

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

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

/* Style the checkmark/indicator */
.checkbox1 .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);
}
.range-field input[type="range"]+.thumb{background-color: red !important}

/*Product Details page*/
.detail_size h5{margin:0;padding:0;  }
.qty .btn-plus {border:#CED4DA solid 1px; border-radius: 0px; margin-left: -1px; height: 40px; line-height: 34px;}
.qty .btn-minus {border:#CED4DA solid 1px; border-radius: 0px; margin-right: -1px; height: 40px; line-height: 34px;}
.detail_size{border-bottom: dashed 1px #E5E5E5; margin-bottom: 30px; border-top: dashed 1px #E5E5E5; padding: 20px 0; }
.share {
    border-bottom: dashed 1px #E5E5E5;
    margin: 30px 0;
    border-top: dashed 1px #E5E5E5;
    padding: 20px 0;
}
.preview {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column; }


.preview-pic {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1; }

.preview-thumbnail.nav-tabs {
    border: none;
    margin-top: 15px; }
.preview-thumbnail.nav-tabs li {
    width: 100%;
    margin-bottom: 15px; }
.preview-thumbnail.nav-tabs li img {
    max-width: 100%;
    display: block; }
.preview-thumbnail.nav-tabs li a.active img{border:black solid 2px; }
.preview-thumbnail.nav-tabs li a {
    padding: 0;
    margin: 0; }
.preview-thumbnail.nav-tabs li:last-of-type {
    margin-right: 0; }

.tab-content {
    overflow: hidden; }


.card {
    margin-top: 50px;
    background: #eee;
    padding: 3em;
    line-height: 1.5em; }



.details {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column; }

.colors {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1; }

.product-title, .price, .sizes, .colors {
    text-transform: UPPERCASE;
    font-weight: bold; }

.checked, .price span {
    color: #ccc; margin-right: 15px; text-decoration: line-through !important;}
.checked, .price  {
    color: #333;  }
.instock{color: #0AC517; text-transform: none; font-size: 12px; float: right;}
.instock.prd-id{color: #000;}
.instock.prd-id span{color: #999;font-family: "Acumin Variable Concept";}  
.product-title, .rating, .product-description, .price, .vote, .sizes {
    margin-bottom: 15px; }
.detail_size .btn-link{
    color: #000;
    border-bottom: 1px solid #000;
}
.detail_size .btn-link i{
    font-size: 12px;
    margin-left: 10px;
}
.form-control{
    border-color: #000;
    border-radius: 0;
}

.product-title {
    margin-top: 0; }

.size {
    margin-right: 10px; font-size: 16px; border:#ccc solid 1px; display: inline-block; padding: 5px 25px; border-radius: 4px;  }
.size:first-of-type {
    margin-top:10px; }

.color {
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    height: 2em;
    width: 2em;
    border-radius: 2px; }
.color:first-of-type {
    margin-left: 0; }
.color_selection{border:#f2f2f2 solid 1px; padding: 7px 0 0px 9px; display: inline-block; border-radius: 4px;  margin-left: 15px;
                 margin-right: 15px;}
.like {
    background: transparent !important;
    border: #333 solid 1px !important;
    color: #333 !important; margin-left: 5px;}
.add-to-cart, .like {
    background: #000;
    padding: .6em 3em;
    border: none;
    text-transform: UPPERCASE;
    font-weight: bold;
    color: #fff;
    -webkit-transition: background .3s ease;
    transition: background .3s ease; }
.add-to-cart:hover, .like:hover {
    background: #333;
    color: #fff; }
.action span{font-size: 18px; }
.icon-heart:before {
    top: 3px;
    position: relative;
    right: 6px;
}
.icon-handbag:before {
    top: 2px;
    position: relative;
    right: 6px;
}
.not-available {
    text-align: center;
    line-height: 2em; }
.not-available:before {
    font-family: fontawesome;
    content: "\f00d";
    color: #fff; }

.orange {
    background: #ff9f1a; }

.green {
    background: #85ad00; }

.blue {
    background: #0076ad; }

.tooltip-inner {
    padding: 1.3em; }

/*frk styling*/

/*checkout process */

.process-tab {
    text-align: center;
}
.process-area {
    padding-top: 20px;
}
.process-area ul.nav.nav-pills {
    justify-content: center;

}
.process-area .nav-pills .nav-link.active, .process-area .nav-pills .show>.nav-link, .process-area .nav-pills .nav-link:hover {
    background-color: #000;
    color: #fff;
}
.process-area .nav-pills .nav-link, .process-area .nav-pills .show>.nav-link{
    background-color: transparent;
    color: #333333;
    font-size: 20px;
    line-height: 17px;
    padding: 19px 90px;
    border-radius: 0;
}
.process-area .nav-pills .nav-link h5, .process-area .nav-pills .show>.nav-link h5{
    font-size: 18px;
    line-height: 22px;
    margin-top: 0;
    text-transform: uppercase;
    /*font-weight: 700;*/
}
.process-area .nav-pills .nav-link svg{
    width: 40px;
    height: 40px;
}
.process-area li.nav-item {
    padding: 0 50px;
}
.process__title h2{
    font-size: 26px;
    font-weight: 800;
    line-height: normal;
    margin-bottom: 20px;
    text-align: center;
    color:#000;
    text-transform: uppercase;;
}
.process__title{
    max-width: 100%;
    margin: 0 auto 50px;
    border-bottom: 1px solid #E3E3E3;
}
.process__main {
    padding-top: 50px;
    padding-bottom: 100px;
}
.input-number {
    width: 80px;
    padding: 0 12px;
    vertical-align: top;
    text-align: center;
    outline: none;
    height: 40px;
    line-height: 34px;
    font-family: "Acumin Variable Concept";
}

.cart-table .input-number,
.cart-table .input-number-decrement,
.cart-table .input-number-increment {
    border: 1px solid #ccc;
    height: 40px;
    user-select: none;
    margin-right: -3px;
}

.cart-table .input-number-decrement,
.cart-table .input-number-increment {
    display: inline-block;
    width: 40px;
    line-height: 38px;
    background: #ffffff;
    color: #444;
    text-align: center;
    font-weight: bold;
    cursor: pointer;
}
.cart-table .input-number-decrement:active,
.cart-table .input-number-increment:active {
    background: #ddd;
}

.cart-table .input-number-decrement {
    border-right: none;
    border-radius: 0;
}

.cart-table .input-number-increment {
    border-left: none;
    border-radius: 0 4px 4px 0;
}
.cart-table table{
    width: 100%;
}
.cart__productImg {
    float: left;
    width: 28%;
    padding-right: 20px;
}

.cart__productImg img {
    width: 100%;
}
.cart-review .cart__productImg img {
    width: 100px;
}
.account-hasAddress .add-to-cart{
    white-space: nowrap;
}
.account-hasAddress .remove-to-cart{
    white-space: nowrap;
    background: transparent;
    padding: 0.8em 1.2em;
    float: left;
    margin-top: 10px;
}
.account-hasAddress .remove-to-cart:hover{
    background: #000;
}
.cart__prodDetail{
    width: 50%;
}
.cart__prodPrice{
    width: 15%;
}
.cart__prodQty{
    width: 20%;
}
.cart__prodTotal{
    width: 17%;
}
.cart__productTitle {
    margin-right: 0;
    padding-right: 20px;
    width: 72%;
    float: left;
    margin-bottom: 0;
    text-transform: capitalize;
    color: #000;
    font-size: 1rem;
    /*font-weight: 600;*/
    line-height: 25px;
}
.cart__productTitle span.desc{
    width: 100%;
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
}
.cart__productTitle span.text-grey {
    font-weight: 400;
    font-size: 11px;
    color: #999;
    font-family: "Acumin Variable Concept";
    line-height: 13px;
}
.cart__product {
    height: 150px;
    display: flex;
    align-items: center;
}
td.cart__price--col span {
    color: #000;
    font-size: 14px;
    font-weight: 400;
    line-height: 40px;
}
.cart__priceInr--col .product-line-priceInr{
    display: inline-flex;
    white-space: nowrap;
}
.cart-table .input-number, .cart-table .input-number-decrement, .cart-table .input-number-increment {
    font-size: 16px;
    font-weight: 700;
    line-height: 17px;
    height: 38px;
    line-height: 38px;
}
.cart__qty--col .input-number, .cart__qty--col .input-number-decrement, .cart__qty--col .input-number-increment {
    font-size: 16px;
    font-weight: 700;
    line-height: 17px;
    height: 38px;
    line-height: 38px;
}
.account-hasAddress .cart-table tr td{
    padding: 0 36px;
}
.cart__qty--col .input-number{
    width: 51px;
}
.cart__qty--col .input-number-decrement,
.cart__qty--col .input-number-increment{
    width: 25px;
}
.product-line-priceInr h5 {
    color: #333;
    font-size: 18px;
    font-weight: 100;
    margin-bottom: 0;
    padding-right: 15px;
    line-height: 40px;
    display: inline-block;
    float: left;
    font-family: "Roboto";
}
button.remove-product {
    margin-top: 5px;
    background-color: transparent;
    border: 0;
}
button.remove-product svg {
    width: 15px;
    height: 15px;
    color: #000;
}
.cart-table tr th {
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid #e3e3e3;
    font-size: 15px;
    font-weight: 400;
    color: #333;
    line-height: 40px;
}
.cart-table tr td {
    padding: 30px 0;
    border-bottom: 1px solid #e3e3e3;
}
.cart__coupon .form-inline .form-control {
    display: inline-block;
    width: 21%;
    vertical-align: middle;
    font-size: 16px;
    font-weight: 700;
    line-height: 21px;
    height: 50px;
    text-transform: uppercase;
    border: 1px solid #999;
    margin-left: 60px;
}
.cart__coupon .form-inline .form-control::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #e3e3e3;
    opacity: 1; /* Firefox */
    font-weight: 400;
}

.cart__coupon .form-inline .form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #e3e3e3;
    font-weight: 400;
}

.cart__coupon .form-inline .form-control::-ms-input-placeholder { /* Microsoft Edge */
    color: #e3e3e3;
    font-weight: 400;
}
.border-grey{
    border-color: #B7B7B7 !important;
}
.btn-black {
    background-color: #000;
    height: 50px;
    color: #fff;
    padding: 0 40px;
    font-size: 15px;
    font-weight: 700;
    line-height: 21px;
    text-transform: uppercase;
    border-radius: 4px;
    box-shadow: none;
    border: 0;
}
.btn-black:hover{
    background-color: #000;
    color: #fff;
}
.btn{border-radius: 0;}
.cart__coupon h4{
    font-size: 22px;
    line-height: 40px;
    color: #000;
    text-transform: uppercase;
}
.swiper-containerrrr {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
}
.cart__coupon form label{
    font-size: 14px;
    font-weight: 400;
    line-height: 30px;
    color: #000;
    margin: 30px 0;
}
.signin-title{
    color: #ADADAD;
    /*  font-weight: 600;*/
}
.cart-calc.cart-box {
    border: none;
    padding: 0;
}
.cart-box{
    background-color: #fff;
    border: none;
    border-radius: 4px;
    padding: 30px;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
}
.cart-lft, .cart-rgt {
    margin: 30px 0;
}
.cart-calc table {
    width: 100%;
}

.cart-calc h4 {
    font-size: 22px;
    font-weight: 700;
    line-height: 40px;
    color: #333;
}
.cart-calc table tr td {
    color: #000;
    font-size: 22px;
    line-height: 32px;
    font-weight: 400;
    padding: 10px 0 23px;
    border-bottom: none;
}
.cart-calc table tr td:first-child{
    text-align: left;
}
.cart-calc table tr td:last-child{
    text-align: right;
    font-family: 'Roboto', sans-serif;
}
.cart-calc table tr {
    border-bottom: none;
}
.cart-calc table tr:last-child {
    border-bottom: 0;
}
.checkout-p{
    font-size: 16px;
}
.gift-add h3 a{
    font-size: 14px;
    padding-top: 9px;
    color: #000;
    font-weight: 400;
    font-family: "SuperGroteskWeb W03 Regular";
}
.btn-red{
    background-color: #000;
    height: 50px;
    color: #fff;
    padding: 0 40px;
    font-size: 15px;
    font-weight: 700;
    line-height: 21px;
    text-transform: uppercase;
    border-radius: 0;
    box-shadow: none;
    border: 0;
    transition: all 0.25s ease 0s;
}
.btn.btn-red{
    line-height: 50px;
}
.btn-red:hover{
    background-color: #333;
    color: #fff;
}
.cart-buttons {
    text-align: center;
}
.cart-buttons a {
    line-height: 50px;
    display: inline-block;
    width: 100%;
    margin: 10px 0;
}
.cart-delivery div.radio-box {
    width: 300px;
    display: inline-block;
    box-shadow: 0px 0px 62px #9E9E9E29;
    border-radius: 28px;
    height: 210px;
    float: left;
}
.cart-delivery .radio-box label {
    display: block;
    text-align: center;
    margin: 0 auto;
    font-size: 18px;
    font-weight: 700;
    line-height: 25px;
    padding: 65px 70px 0;
}
.cart-delivery .radio-box input {
    width: 20px;
    display: block;
    margin: 0px auto 30px;
}
.cart-delivery .custom-control.custom-radio.custom-control-inline {
    width: 100%;
    align-items: center;
    height: 100%;
    margin-right: 0;
    padding-left: 0;
}
.custom-control-input:checked~.custom-control-label::before {
    color: #fff;
    border-color: #000;
    background-color: #000;
}
.custom-radio .custom-control-input:checked~.custom-control-label::after{
    background-image: none;
    background: #000;
    border: 2px solid #fff;
    border-radius: 50%;
    max-width: 0.7rem;
    height: 0.7rem;
    top: .4rem;
    left: -1.32rem;
}
.custom-radio .custom-control-label img{
    height: 36px;
}
.payment-checks li {
    padding-right: 68px;
    vertical-align: middle;
}
.cart-delivery {
    margin-top: -120px;
}
.cart-delivery div.radio-box:first-child {
    margin-right: 30px;
}
.cart-delivery .custom-control-label::before{
    left: 0;
    right: 0;
    width: 100%;
    max-width: 2rem;
    height: 2rem;
    margin: 0 auto;
}
.custom-control-input:focus~.custom-control-label::before {
    box-shadow: 0 0 0 0.2rem rgba(214, 0, 36,.25);
}
.cart-delivery .custom-control-label::after {
    left: 0;
    right: 0;
    width: 100%;
    max-width: 2rem;
    height: 2rem;
    margin: 0 auto;
}
.cart__prodQty, .cart__qty--col{
    text-align: center;
}
.cstm-login-modal .modal-header{
    justify-content: center;
    padding: 50px 15px;
    border-bottom: 0;
}

.modal-hed h4{
    font-size: 20px;
    line-height: 45px;
    font-weight: 700;
    color: #333;
    justify-content: flex-start;
    display: flex;
}
.cstm-login-modal .modal-body{
    padding: 0 40px 40px;
}
.modal-login-form input{
    height: 50px;
    border-radius: 4px;
    font-weight: 700;
    border-color: #D6D6D6;
}
.modal-login-form input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #B5B5B5;
    font-weight: 400;
    opacity: 1; /* Firefox */
}

.modal-login-form input:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #B5B5B5;
    font-weight: 400;
}

.modal-login-form input::-ms-input-placeholder { /* Microsoft Edge */
    color:#B5B5B5;
    font-weight: 400;
}
.modal-login-form textarea::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #B5B5B5;
    font-weight: 400;
    opacity: 1; /* Firefox */
}

.modal-login-form textarea:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #B5B5B5;
    font-weight: 400;
}

.modal-login-form textarea::-ms-input-placeholder { /* Microsoft Edge */
    color:#B5B5B5;
    font-weight: 400;
}
.form-control.is-invalid:focus, .was-validated .form-control:invalid:focus {
    box-shadow: none;
    outline: none;
}
.form-control.is-valid:focus, .was-validated .form-control:valid:focus{
    border: 1px solid #28a745 !important;
    box-shadow: none;
    outline: none;
}
.form-control.is-invalid, .was-validated .form-control:invalid {
    border-color: #000;
}
.invalid-feedback{
    color: #000;
}
.modal-login-form label.custom-control-label {
    line-height: 40px;
    font-size: 18px;
    font-weight: 400;
    padding-left: 10px;
}
.custom-checkbox .custom-control-label::after, .custom-checkbox .custom-control-label::before{
    width: 1.5rem;
    height: 1.5rem;
    top: .45rem;
}
.modal-login-form .custom-control, .forgot-password {
    margin-bottom: 12px;
}
.forgot-password {
    justify-content: flex-end;
    display: flex;
}
.forgot-password a {
    line-height: 40px;
    color: #000;
    font-size: 18px;
    font-weight: 400;
}
.forgot-password a:hover{
    text-decoration: underline;
}
.modal-login-form .btn-red{
    width: 100%;
}
.modal-login-form #customBtn {
    display: inline-block;
    background: white;
    color: #444;
    width: 190px;
    border-radius: 5px;
    border: thin solid #888;
    box-shadow: 1px 1px 1px grey;
    white-space: nowrap;
}
.modal-login-form #customBtn:hover {
    cursor: pointer;
}
.modal-login-form span.label {
    font-family: serif;
    font-weight: normal;
}
.modal-login-form span.icon {
    background: url('/identity/sign-in/g-normal.png') transparent 5px 50% no-repeat;
    display: inline-block;
    vertical-align: middle;
    width: 42px;
    height: 42px;
}
.modal-login-form span.buttonText {
    display: inline-block;
    vertical-align: middle;
    padding-left: 42px;
    padding-right: 42px;
    font-size: 14px;
    font-weight: bold;
}
.loginModal-social ul li a.loginModal-google i{
    background: linear-gradient(to bottom left,transparent 49%,#fbbc05 50%) 0 25%/48% 40%,
        linear-gradient(to top    left,transparent 49%,#fbbc05 50%) 0 75%/48% 40%,
        linear-gradient(-40deg ,transparent 53%,#ea4335 54%),
        linear-gradient( 45deg ,transparent 46%,#4285f4 48%),
        #34a853;
    background-repeat:no-repeat;
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    -webkit-text-fill-color: transparent;
}
.loginModal-or {
    padding: 20px 0;
    text-align: center;
}
.loginModal-or span{
    font-size: 16px;
    font-weight: 700;
    color: #E5E5E5;
}
.loginModal-social ul li {
    width: calc((90% - 20px) / 2);
    display: inline-flex;
    text-align: center;
    justify-content: center;
    padding: 0 5px;
}
.loginModal-facebook {
    background-color: #3B5998;
    color:#fff;
}

.loginModal-social ul li a {
    line-height: 50px;
    border-radius: 4px;
    box-shadow: 0 1px 5px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 1px 5px 0px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 1px 5px 0px rgba(0, 0, 0, 0.2);
    -o-box-shadow: 0 1px 5px 0px rgba(0, 0, 0, 0.2);
    -ms-box-shadow: 0 1px 5px 0px rgba(0, 0, 0, 0.2);
    width: 100%;
    font-size: 16px;
    font-weight: 400;
}
.loginModal-social ul{
    text-align: center;
}
.loginModal-social ul li a i {
    padding-right: 10px;
}
.loginModal-google {
    background-color: #fff;
    color: #333;
}
.loginModal-facebook:hover {
    color: #fff;
    text-decoration: none;
}
.loginModal-google:hover{
    color: #333;
}
.loginModal-google i img {
    max-width: 15px;
}
.loginModal-already {
    padding: 20px 0;
    text-align: center;
}
.loginModal-already p{
    font-size: 18px;
    font-weight: 400;
    line-height: 45px;
    color: #333;
}
.loginModal-already p a{
    color: #000;
}
.loginModal-already p a:hover{
    text-decoration: underline;
}
.loginModal-guest{
    text-align: center;
}
.loginModal-guest .btn-black{
    display: inline-block;
    line-height: 50px;
}
.shipping-address a{
    font-size: 18px;
    font-weight: 700;
    line-height: 42px;
    color: #000;
}
.shipping-address p strong {
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 20px;
    display: inline-block;
}

.shipping-address p span {
    font-size: 16px;
    font-weight: 400;
    line-height: 34px;
}
.shipping-address p {
    margin-bottom: 10px;
}
.add__box span.icon-addShp {
    font-size: 40px;
    display: block;
}
.add__box span{
    color: #808080;
    font-size: 14px;
    font-weight: 700;
    line-height: 21px;
    text-transform: uppercase;
}
.add__box {
    text-align: center;
    background-color: #E3E3E3;
    padding: 70px 40px;
    border-radius: 4px;
    min-width: 250px;
}
.add__box svg {
    width: 40px;
    height: 40px;
    margin: 0 auto 10px;
    text-align: center;
    display: block;
    color: #808080;
}
.shipping-proceed{
    text-align: center;
    padding-top: 50px;
    padding-bottom: 50px;
}
.shipping-proceed .btn-red{
    display: inline-block;
    line-height: 50px;
}
.modal-address{
    padding: 20px;
}
.modal-address .address-list h5 {
    font-size: 18px;
    font-weight: 700;
    color: #333;
    line-height: 30px;
    margin-bottom: 5px;
}

.modal-address .address-list p a {
    font-size: 16px;
    font-weight: 400;
    line-height: 34px;
    color: #959595;
}
.modal-address .address-list {
    padding: 20px 0;
    border-bottom: 1px solid #ccc;
}
.modal-address .address-list:last-child {
    border-bottom: 0;
    padding-bottom: 0;
}

.modal-address .address-list:first-child {
    padding-top: 0;
}
.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
    width: 100%;
}
.address-form .btn-light{
    background-color: transparent;
    border: 1px solid #D6D6D6;
    height: 50px;
    line-height: 40px;
}
.edit-address .form-control .edit-address .form-control{
    color: #333;
    border: 1px solid #D6D6D6;
}
.edit-address .show>.btn-light.dropdown-toggle{
    color: #333;
    background-color: transparent;
    border-color: #D6D6D6;
}
.bootstrap-select .dropdown-toggle:focus, .bootstrap-select>select.mobile-device:focus+.dropdown-toggle {
    outline: none !important;
    outline-offset: 0;
    box-shadow: none;
    border: 1px solid #000 !important;
}
.show>.btn-light.dropdown-toggle:focus{
    box-shadow: none;
}
.address-form .btn-light:not(:disabled):not(.disabled).active:focus, .edit-address .btn-light:not(:disabled):not(.disabled):active:focus, .address-form .show>.btn-light.dropdown-toggle:focus {
    box-shadow: none;
}
.address-form input::placeholder, .address-form textarea::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #e3e3e3;
    opacity: 1; /* Firefox */
    font-weight: 400;
}

.address-form input:-ms-input-placeholder, .address-form textarea:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #e3e3e3;
    font-weight: 400;
}

.address-form input::-ms-input-placeholder, .address-form textarea::-ms-input-placeholder { /* Microsoft Edge */
    color: #e3e3e3;
    font-weight: 400;
}
.address-form label {
    font-size: 21px;
    font-weight: 400;
    line-height: 48px;
    margin-bottom: 0;
    color: #333333;
}
.address-form form input.form-control {
    height: 50px;
}
.edit-address form .btn-red{
    margin-top: 15px;
}
.edit-address-modal .modal-hed h4 {
    font-size: 21px;
    font-weight: 800;
    border-bottom: 1px solid #d3d3d3;
    padding-bottom: 10px;
    /* margin-bottom: 20px; */
    text-transform: uppercase;
}
.edit-address-modal .modal-body {
    padding: 40px;
}
.shipping-section.is-hidden{
    display: none;
}
.address-form h4 {
    font-size: 26px;
    font-weight: 800;
    margin-bottom: 10px;
    color: #333;
}
.address-section.is-hidden{
    display: none;
}
.address-form .border-hed{
    padding: 30px 0 20px;
    margin: 20px 0;
    border-top: 1px solid #E3E3E3;
    border-bottom: 1px solid #E3E3E3;
}
.address-section h3{
    color: #767676;
}
a.btn.btn-outi.btn-outline-dark{
    height: 50px;
    padding: 0 40px;
    font-size: 15px;
    font-weight: 700;
    line-height: 50px;
    text-transform: uppercase;
    border-radius: 0;
    box-shadow: none;
    transition: all 0.25s ease 0s;
}
.payment__inr {
    margin-top: 0;
    padding: 50px 0;
}
.payment-area>.row{
    justify-content: center;
}
.confirm__inr{
    text-align: center;
}
.confirm__icon svg {
    color: #1FC400;
    height: 200px;
    width: 200px;
}
.confirm__inr h5 {
    font-size: 18px;
    font-weight: 700;
    line-height: 28px;
    color: #333;
    margin: 40px 0 20px;
}
.confirm__inr .btn-red{
    display: inline-block;
    line-height: 50px;
}
.order-dtlHed h4 {
    font-size: 26px;
    font-weight: 700;
    line-height: 28px;
    justify-content: flex-start;
    display: flex;
    color: #333;
}
.order-dtl--cont {
    flex-direction: column;
}

.order-dtl--cont h6 {
    display: flex;
    justify-content: flex-end;
    color: #707070;
    font-size: 16px;
    font-weight: 400;
    line-height: 32px;
    font-family: "Acumin Variable Concept";
}

.order-dtl--cont h5 {
    display: flex;
    justify-content: flex-end;
    font-size: 16px;
    font-weight: 700;
    line-height: 32px;
    color: #707070;
    font-family: "Acumin Variable Concept";
}
.order-dtlLft h4.cart__productTitle{
    width: 100%;
    font-size: 16px;
    color: #707070;
    line-height: 25px;
    float: none;
}
.order-dtlLft h6{
    width: 100%;
    color: #333333;
    font-size: 18px;
    font-weight: 700;
    line-height: 28px;
}
.order-dtlLft .cart__productImg {
    float: left;
    width: 35%;
    padding-right: 20px;
}
.order-dtlLft .cart__productImg img{
    width: 190px;
}
.order-dtlTitle {
    float: left;
    width: 65%;
}
.order-dtlLft .cart__product{
    height: auto;
}
.order-dtlHed {
    margin: 80px 0 30px;
}
.order-shipping h4{
    font-size: 18px;
    font-weight: 700;
    line-height: 30px;
    color: #333;
    margin-bottom: 10px;
}
.order-shipping h5{
    font-size: 18px;
    font-weight: 400;
    line-height: 30px;
    color: #333;
    margin-bottom: 20px;
}
.order-shipping address {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: #707070;
    margin-bottom: 20px;
    font-family: "Acumin Variable Concept";
}
.order-shipping .order-pay-hed{
    margin: 30px 0 10px;
}
.order-payMethod, .order-reference{
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: #707070;
    font-family: "Acumin Variable Concept";
}
.order-shippingSummary, .order-shipping{
    margin-top: 80px;
}
.order-detail-area {
    padding: 50px 0;
}
.order-detail-border {
    margin-bottom: 30px;
}
.account-tabList li {
    width: 100%;
    margin-bottom: 5px;
}
.account-tabList .nav-link.active, .account-tabList .show>.nav-link {
    color: #fff;
    background-color: #000;
}
.account-tabList .nav-link {
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    border-radius: 0;
    background-color: #f4f4f4;
    color: #333;
    line-height: 34px;
}
.dashboard-area h4{
    font-size: 18px;
    font-weight: 700;
    line-height: 30px;
    color: #333;
    margin-bottom: 10px;
}
.dashboard-area p {
    color: #333;
    font-size: 18px;
    font-weight: 400;
    line-height: 22px;
    margin-bottom: 30px;
}
.dashboard-area .btn-red{
    display: inline-block;
    line-height: 50px;
}
.account__main{
    padding-top: 20px;
}
.account-area{
    padding: 50px 0 80px;
}
.orders-tabele {
    width: 100%;
    font-family: "Acumin Variable Concept";
}
.orders-tabele tr th {
    font-size: 14px;
    font-weight: 400;
    color: #333;
}
.orders-tabele thead tr, .orders-tabele tbody tr {
    border-bottom: 1px solid #d3d3d3;
}
.orders-tabele tbody tr td {
    font-size: 14px;
    font-weight: 400;
    color: #333;
    padding: 15px 0;
    text-align: left;
}
/*.orders-tabele tbody tr td a{
  color: #333;
  text-decoration: underline;
}
.orders-tabele tbody tr td a:hover{
  color: #333;
  text-decoration: none;
}*/
.orders-tabele tbody tr td a{
    color: #000;
    font-size: 14px;
    font-weight: 400;
    line-height: 40px;
    height: 40px;
    border-radius: 0;
    border-width: 1px;
    padding: 10px 20px;
    background-color: #fff;
}
.orders-tabele tbody tr td .btn-processing{
    border: 1px solid #000;
}
.orders-tabele tbody tr td .btn-completed{
    border: 1px solid #114D08;
}
.address__detail h5 {
    font-size: 18px;
    font-weight: 700;
    line-height: 28px;
    margin-bottom: 10px;
}
.dashboard-area .address__detail p {
    color: #959595;
    font-size: 16px;
    font-weight: 400;
    line-height: 34px;
    margin-bottom: 20px;
}
.address__detail a {
    color: #000;
    font-size: 18px;
    font-weight: 700;
    line-height: 42px;
}
.address__detail {
    padding-left: 15px;
}
.add-address{
    margin-top: 50px;
}
.add-address .btn-black{
    line-height: 50px;
}
.address-form .need-code label {
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    color: #333;
    padding-top: 6px;
}
.code-box{
    border: 1px dashed #000;
    display: inline-block;
    padding: 10px;
    font-size: 14px;
    font-weight: 700;
    color: #333;
}
.need-code{
    padding-top: 50px;
}
.discount-code.is-hidden{
    display: none;
}
.discount-code{
    display: block;
}
.need-code .custom-checkbox .custom-control-label::after, .need-code .custom-checkbox .custom-control-label::before{
    width: 1rem;
    height: 1rem;
    top: .45rem;
}
.custom-checkbox .custom-control-input:disabled:checked~.custom-control-label::before {
    background-color: #F1657D;
}
.custom-control-input:disabled~.custom-control-label, .custom-control-input[disabled]~.custom-control-label {
    color: #D5D5D5;
}
.dashboard-area .cart-table h4 {
    font-size: 22px;
    font-weight: 400;
    color: #333;
    line-height: 40px;
    margin-bottom: 0;
}
.dashboard-area .cart-table .cart__productImg {
    float: left;
    width: 39%;
}
.dashboard-area .cart-table .cart__productTitle{
    float: left;
    width: 57%;
    line-height: 24px;
}
.cart-table tr td.cart__qty--col{
    white-space: nowrap;
}
.dashboard-area .cart-table .product-quantityBox{
    text-align: left;
    float: left;
}
.dashboard-area .cart-table button.remove-product {
    float: left;
    padding-top: 25px;
    margin-left: 10px;
}
.add-to-cart{
    padding: 0.8em 1.2em;
    float: left;
    margin-top: 10px;
}
.breadcrumb{
    margin-bottom: 0;
}
.login-area .modal-dialog {
    max-width: 600px;
    margin: 0 auto;
}
.login-area .modal-content{
    border-radius: 0;
    box-shadow: 0px 0px 39px #00000029;
    border: 0;
}
.login-area {
    background-color: #fff;
    padding: 100px 0;
}
.login-area .cstm-login-modal .modal-header {
    border-radius: 0;
}
.login-area .form-control{
    display: block;
    width: 100%;
    height: calc(1.5em + 2rem + 2px);
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #000;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #000;
    border-radius: 0;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.login-area h2{
    font-weight: 600;
}
.login-area .custom-control-label{
    line-height: 40px;
    padding-left: 10px;
}
.tabs-log li a {
    font-size: 20px;
    color: #d8d8d8;
    font-weight: 600;
}
.tabs-log li a:hover{
    color: #000;
}
.tabs-log li.active a {
    color: #000;
    border-bottom: 1px solid #000;
    padding-bottom: 10px;
}
.signup-area .modal-hed h4 {
    text-align: center;
    font-size: 38px;
    font-weight: 700;
    line-height: 45px;
    color: #333333;
    margin-bottom: 15px;
    justify-content: center;
}
.signup-area .modal-hed p{
    text-align: center;
    color: #333333;
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
    max-width: 500px;
    margin: 0 auto 30px;
}
.signup-area .modal-dialog {
    max-width: 870px;
    margin: 0 auto;
}
.signup-area .cstm-login-modal .modal-body {
    padding: 70px 40px;
}
.cstm-login-modal .form-links-checks .form-check{
    padding-left: 38px;
}
.signup-area .cstm-login-modal .form-links-checks .form-check {
    padding-left: 25px;
    width: 100%;
}
.signup-area .btn-createAccount{
    max-width: 520px;
    margin: 0 auto;
}
.signup-area .cstm-login-modal .modal-body {
    padding: 70px 40px 40px;
}
.account-hasNothing .row{
    justify-content: center;
}
.account-nothingInr i {
    margin: 0 auto 80px;
    max-width: 180px;
    display: block;
}
.account-nothingInr i img{
    max-width: 100%;
}
.account-nothingInr span {
    font-size: 16px;
    font-weight: 700;
    line-height: 29px;
    text-align: center;
    color: #333;
    padding-bottom: 50px;
    display: block;
}
.account-nothingInr{
    text-align: center;
}
.account-hasNothing.is-hidden{
    display: none;
}
.account-hasNothing{
    display: block;
}
.contact__form label span{
    color: red;
    padding-left: 5px;
}
.contact__form .btn-red{
    margin-top: 20px;
}
.contact-area{
    padding: 60px 0;
}
.contact__address {
    background-color: #2A2A2A;
    padding: 30px;
    border-radius: 4px;
}

.info__icon {
    float: left;
}

.info__cont {
    padding-left: 30px;
    padding-bottom: 20px;
}

.contact__info {
    border-bottom: 1px solid #ccc;
    clear: both;
    margin-bottom: 20px;
}
.contact__info:last-child {
    margin-bottom: 0;
    border-bottom: 0;
}
.info__icon svg {
    color: #000;
    height: 20px;
    width: 20px;
}

.info__cont h5 {
    color: #fff;
    font-size: 16px;
}
.info__cont p {
    color: #d3d3d3;
    font-weight: 400;
    font-size: 14px;
}
.info__cont p a {
    color: #d3d3d3;
}
.contact__info:last-child .info__cont {
    padding-bottom: 0;
}
.recommended_products {
    border: 0;
}
.slider-area .carousel img {

}
.badge {
    background-color: #000;
    border: 1px solid #000;
    border-radius: 50%;
    color: #fff;
    display: inline-block;
    font-size: 11px;
    line-height: 1;
    padding: 0;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    height: 16px;
    width: 16px;
    line-height: 9px;
    font-weight: 700;
}

.shopping-cart, .shopping-wishlist {
    margin: 20px 0;
    float: right;
    background: white;
    width: 390px;
    position: absolute;
    border-radius: 3px;
    padding: 20px;
    z-index: 35;
    -moz-box-shadow: 3px 1px 17px -5px #707070;
    -webkit-box-shadow: 3px 1px 17px -5px #707070;
    box-shadow: 3px 1px 17px -5px #707070;
    left: 0;
    margin-left: -325px;
}
.shopping-cart .shopping-cart-header, .shopping-wishlist .shopping-cart-header  {
    border-bottom: none;
    padding-bottom: 15px;
    color: #000;
}
/*mega menu*/
/* adds some margin below the link sets  */
.navbar .dropdown-menu div[class*="col"] {
    margin-bottom:1rem;
}

.navbar .dropdown-menu {
    border:none !important;
    border-top: 2px solid #000 !important;
    background-color:#fff!important;
    border-radius: 0 !important;
}
.dropdown-menu h5 {
    margin-left: 15px;
    font-weight: 400;
    border-bottom: 1px solid #767676;
    width: auto;
    display: inline-block;
    padding-bottom: 10px;
    margin-bottom: 17px;
    font-size: 16px;
}
.dropdown-menu .row ul {
    margin-left: 15px;
}
.nav-item-in{
    display: inline-block;
    width: 49%;
    padding-bottom:3px;
    line-height: 29px;
}
.navitemin{
    display: inline-block;
    width: 100%;
    padding-bottom:3px;
    line-height: 29px;
}
.nav-item-in a, .navitemin a {
    color: #000;
    text-transform: uppercase;
    font-size: 14px;
    font-family: "SuperGroteskWeb W03 Medium";
}
.nav-item.dropdown .dropdown-toggle::after{
    display: none;
}
/* breakpoint and up - mega dropdown styles */
@media screen and (min-width: 992px) {

    /* remove the padding from the navbar so the dropdown hover state is not broken */
    .navbar {
        padding-top:0px;
        padding-bottom:0px;
    }

    /* remove the padding from the nav-item and add some margin to give some breathing room on hovers */
    .navbar .nav-item {
        padding:.5rem .5rem;
        margin:0 .25rem;
    }

    /* makes the dropdown full width  */
    .navbar .dropdown {position:static;}

    .navbar .dropdown-menu {
        width:100%;
        left:0;
        right:0;
        /*  height of nav-item  */
        top:45px;

        display:block;
        visibility: hidden;
        opacity: 0;
        transition: visibility 0s, opacity 0.3s linear;

    }




    /* shows the dropdown menu on hover */
    .navbar .dropdown:hover .dropdown-menu, .navbar .dropdown .dropdown-menu:hover {
        display:block;
        visibility: visible;
        opacity: 1;
        transition: visibility 0s, opacity 0.3s linear;
    }
    .navbar-nav .nav-item.dropdown .dropdown-menu{
        padding-top: 40px;
        top: 52px;
    }

    .navbar .dropdown-menu {
        border: none;
        background-color: #fff;
    }

}

.shopping-cart-items {
    padding-top: 20px;
}
.shopping-cart-items li {
    margin-bottom: 18px;
    display: block;
    padding-right: 0;
    width: 100%;
}
.shopping-cart-items img {
    float: left;
    margin-right: 12px;
}
.shopping-cart-items .item-name {
    padding-top: 10px;
    font-size: 14px;
}
.shopping-cart-items .item-price {
    color: #000;
    margin-right: 8px;
    font-size: 14px;
}
.shopping-cart-total {
    font-weight: 700;
}
.shopping-cart-items .item-quantity {
    color: #ABB0BE;
    font-size: 14px;
}

.shopping-cart:after , .shopping-wishlist:after {
    bottom: 100%;
    left: 89%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-bottom-color: #000;
    border-width: 8px;
    margin-left: -8px;
}

.cart-icon {
    color: #000;
    font-size: 24px;
    margin-right: 7px;
    float: left;
}

.hdr-icons .button {
    background-color: #000;
    color: white;
    text-align: center;
    padding: 12px;
    text-decoration: none;
    display: block;
    border-radius: 3px;
    font-size: 14px;
}


.clearfix:after {
    content: "";
    display: table;
    clear: both;
}
#wishlistIcon svg, #cartIcon svg, .hdr__dropdown__icon svg{
    width: 23px;
    height: 20px;
    color: #333;
}
.hdr__login .btn-red{
    display: inline-block;
    line-height: 43px;
    font-size: 15px;
    height: 40px;
    padding: 0 22px;
}
.hdr-icons .badge {
    position: absolute;
    top: 9px;
    margin-top: -20px;
    margin-left: 10px;
    left: 7px;
}
.hdr__dropdown__icon .badge{
    margin-top: -24px;
    margin-left: 18px;
}
.hdr__dropdown__icon svg {
    float: left;
    margin-top: -10px;
}
.hdr__dropdown__icon {
    margin-top: 10px;
}
#wishlistIcon, #cartIcon, .hdr__dropdown__icon {
    position: relative;
}
.hdr-icons li {
    padding: 0 21px 0 10px;
    position: relative;
}
.drop-down { 
    position: relative;  
    display: inline-block;    
    width: auto;       
    margin-top: 0;
    margin-left: 10px;
}      
.drop-down select {   
    display: none;    
}      

.drop-down .select-list li {   
    display: none;      
}    

.drop-down span {
    padding: 0 0 0 30px;
    background-position: 2px -4px;
    background-repeat: no-repeat;
    font-size: 12px;
    text-align: left;
    color: #333;
    opacity: 1;
    box-sizing: border-box;
    background-size: 20px;
    width: 20px;
    font-weight: 500;
}
.drop-down .select-list li span {
    display: inline-block;
    min-height: 40px;
    width: 280px;
    width: 100%;
    padding: 5px 15px 5px 40px;
    background-color: #fff;
    background-position: 9px 13px;
    background-repeat: no-repeat;
    font-size: 12px;
    text-align: left;
    color: #000;
    opacity: 1;
    box-sizing: border-box;
    background-size: 20px;
    font-weight: 500;
    line-height: 30px;
}
.drop-down .select-list li{
    list-style: none;
}
.drop-down a {
    color: #333;
    font-size: 12px;
    padding-left: 6px;
    margin-right: 10px;
    font-weight: 500;
}
.drop-down .button:hover {
    cursor: pointer;
}

.drop-down .select-list {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    margin-top: 30px;
    padding: 0;
    border: 1px solid #000;
    background-color: #fff;
    border-top: 0;
    width: auto;
    cursor: pointer;
}
.drop-down .select-list li span:hover, .drop-down .select-list li span:focus {
    opacity: 1;
    background-color: #2D1C3F;
    color: #fff;
}
.hdr__lang ul li {
    display: inline-block;
    border-right: 1px solid #eee;
}
.hdr__lang ul li:last-child{
    border: none;
}
.drop-down .form-control option {
    color: #333;
}
.hdr__lang ul li .btn{
    padding: 0 .75rem;
}

.slider-area .carousel-caption{
    bottom: auto;
    top: 12em;
    right: 0;
    left: initial;
    padding-top: 0;
    padding-left: 15px;
    padding-right: 15px;
    justify-content: flex-end;
    display: inline-flex;
    flex-direction: column;
}
.slider-area .carousel-item {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    height: 100vh;
    max-height: 100vh;
}
.slider-area .container {
    position: relative;
}
.slider-area .carousel-caption h6, .slider-area .carousel-caption h5, .slider-area .carousel-caption h2, .slider-area .carousel-caption h1 {
    display: flex;
    justify-content: center;
    text-transform: uppercase;
    /*font-family: "Acumin Variable Concept";
    font-weight: 700;*/
}
.slider-area .carousel-control-next, .slider-area .carousel-control-prev{
    display: none;
}
.slider-area .carousel-caption h4.logo-label{
    font-size: 50px;
    color: #000;
}
.slider-area .carousel-caption h5{
    color: #000;
    font-size: 35px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 2px;
    margin-bottom: 10px;
    font-family: "SuperGroteskWeb W03 Regular";
    text-transform: capitalize;
}
.slider-area .carousel-caption h1{
    color: #000;
    font-size: 67px;
    font-weight: 400;
    line-height: 101px;
    margin-bottom: 0;
    text-transform: capitalize;
    font-family: "SuperGroteskWeb W03 Regular";
    margin-top: 18px;
}
.slider-area .carousel-caption h1 span{
    font-weight: 500;
}
.slider-area .carousel-caption h2{
    color: #000;
    font-size: 64px;
    font-weight: 400;
    line-height: 70px;
    margin-bottom: 10px;
    text-indent: -4px;
}
.slider-area .carousel-caption h6{
    color: #333;
    font-size: 15px;
    font-weight: 600;
    line-height: 20px;
    text-transform: capitalize;
}
.slider-area .carousel-caption a {
    display: inline-block;
    border: 2px solid #000;
    max-width: 227px;
    background: #000;
    text-transform: capitalize;
    color: #fff;
    font-size: 34px;
    line-height: 60px;
    height: 62px;
    margin: 0 auto;
    width: 262px;
    margin-top: 40px;
}
.slider-area .carousel-caption a:hover{
    border: 2px solid #333;
    background-color: #333;
    color: #fff;
}
.product-bnr-area{
    padding: 60px 0;
}
.preview, .details {
    margin-top: 30px;
}
.details .product-title {
    color: #333;
    font-size: 28px;
    font-weight: 700;
    letter-spacing: 2px;
}
.sponser p {
    color: #909090;
    font-size: 20px;
    line-height: 26px;
    font-weight: 300;
    font-family: 'Muli';
}
.price span, .price {
    font-size: 22px;
    font-family: "Acumin Variable Concept";
}
.sizes .d-block.w-100, span.size, h5.sizes.d-block, h5.sizes {
    color: #333333;
    font-family: 'Muli';
    font-size: 18px;
}
.share h5{
    font-size: 20px;
}
.size{
    font-size: 14px;
}
span.size, h5.sizes.d-block, h5.sizes {
    color: #333;
    font-family: 'Muli';
}
.details .add-to-cart {
    padding: 0 50px;
    height: 50px;
    line-height: 52px;
    font-size: 15px;
}
.details .like {
    margin-top: 10px;
    height: 50px;
    line-height: 52px;
    padding-top: 0;
    padding-bottom: 0;
    font-size: 15px;
}
.share h5 {
    display: inline-block;
    color: #333333;
    font-size: 18px;
    font-weight: 700;
    line-height: 26px;
    font-family: 'Muli';
    padding-right: 10px;
}
.share a i {
    height: 35px;
    width: 35px;
    border: 1px solid #000;
    border-radius: 50%;
    text-align: center;
    line-height: 34px;
    font-size: 15px;
    color: #808080;
}
.share a {
    padding: 0 5px;
}
.product-details ul li {
    font-size: 18px;
    color: #959595;
    width: 33.33%;
    display: inline-block;
    height: auto;
    text-align: center;
}
.product-details ul li a{
    font-size: 15px;
    text-transform: uppercase;
    color: #959595;
    font-weight: 600;
    border: 1px solid transparent;
    padding: 13px 0px;
    width: 100%;
    display: inline-block;
}
.product-details .tab-content>.active {
    opacity: 1;
}
.product-details ul li a.active{
    color: #000;
    border: 1px solid #000;
}
.product-details .nav-tabs{
    border: none;
}
.product-details h5 {
    color: #333333;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 10px;
    font-family: 'Muli';
}
.preview .tab-content img{
    width: 100%;
}
.product-recomd-area .recommended_products {
    border: 0;
}
section.product-recomd-area {
    padding-top: 40px;
}
.similar-more .btn-black {
    line-height: 53px;
    display: inline-block;
    margin-top: 40px;
}

.hdr-rgt {
    text-align: right;
}
.cat_list .hover {
    height: 93.5%;
}

.swiper-container-horizontal .swiper-button-prev, .swiper-container-horizontal .swiper-container-rtl .swiper-button-next {
    left: 20px;
}
.swiper-container-horizontal .swiper-button-next, .swiper-container-horizontal .swiper-container-rtl .swiper-button-prev{
    right: 20px;
}
header .dropdown-item{
    color: #333;
}
header .dropdown-item:hover{
    background-color: #000;
    color: #fff;
}
.hdr-icons .button{
    width: 49%;
    float: right;
    box-sizing: border-box;
    height: 47px;
    line-height: 47px;
    margin-right: 16px;
    font-size: 15px;
    padding: 0;
    border-radius: 0;
    text-transform: uppercase;
    font-family: "SuperGroteskWeb W03 Medium";
    letter-spacing: 0;
}
a.button.view-cart {
    margin-right: 2%;
    background-color: #333;
    color: #fff;
}
.modal-header .close {
    padding: 1rem 1rem;
    margin: 0;
    position: absolute;
    top: 0;
    right: 0;
}
.cart-modal {
    text-align: center;
}
.cart-modal svg{
    color: #1FC400;
    height: 70px;
    width: 70px;
}
.cart-modal h5 {
    font-family: 'Muli';
    font-weight: 700;
    font-size: 32px;
    color: #1FC400;
    margin-top: 10px;
}
.cart-modal-box .modal-dialog{
    max-width: 900px;
    width: 100%;
}
.cart-modal-box .cart__productImg img {
    width: 200px;
}
.cart-modal-box .cart__productTitle{
    float: none;
    width: auto;
    font-size: 22px;
}
.cart-modal-box .modal-header {
    padding: 50px 15px 80px;
}
.cart-modal-box .order-dtlTitle p {
    font-size: 14px;
    font-weight: 300;
    margin-bottom: 20px;
}
.cart-modal-box .order-dtlTitle h6{
    font-size: 14px;
    font-weight: 700;
    font-family: "Acumin Variable Concept";
}
.cart-modal-box .cart__product{
    height: auto;
}
.cart-modal-btns {
    padding: 50px 0 10px;
    text-align: center;
}

.cart-modal-btns ul li {
    display: inline-block;
    padding: 0 10px;
}

.cart-modal-btns ul li a {
    display: inline-block;
    line-height: 45px;
    height: 45px;
}
.pagi-area {
    padding: 20px 15px;
}
.pagi-area .pagination{
    justify-content: flex-end;
}
.pagi-area .page-link, .pagi-area .page-link:hover{
    color: #333;
}
.page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: #333;
    border-color: #333;
}
.value-button {
    display: inline-block;
    border: 1px solid #ddd;
    margin: 0px;
    width: 40px;
    height: 20px;
    text-align: center;
    vertical-align: middle;
    padding: 11px 0;
    background: #eee;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.value-button:hover {
    cursor: pointer;
}

form #decrease {
    margin-right: -4px;
    border-radius: 8px 0 0 8px;
}

form #increase {
    margin-left: -4px;
    border-radius: 0 8px 8px 0;
}

/* form #input-wrap {
  margin: 0px;
  padding: 0px;
} */

input#number {
    text-align: center;
    border: none;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    margin: 0px;
    width: 40px;
    height: 40px;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
.detail_size .btn-group.btn-group-toggle .btn.active {
    background-color: #333;
    color: #fff;
}
.detail_size .btn-group.btn-group-toggle .btn {
    margin-right: 10px;
    border-radius: 5px;
    background-color: #fff;
    color: #333;
    border: 1px solid #333;
    height: 35px;
    line-height: 35px;
    padding: 0 15px;
    font-weight: 700;
}
.detail_size .btn-group.btn-group-toggle .btn:focus{
    box-shadow: none;
    border: 0;
    outline: none;
}
button.quantity-left-minus:focus, button.quantity-right-plus.btn.btn-plus.btn-number:focus {
    box-shadow: none;
}
.color_selection .color {
    height: 28px;
    width: 28px;
    max-width: 28px;
    margin-bottom: 12px;
    margin-left: -1px;
    padding: 0;
    line-height: 24px;
    border: 0;
    border-radius: 2px;
}
.color_selection .color.active:before{
    font-family: fontawesome;
    content: "\f00c";
    color: #fff;
}

.hdr-icons .dropdown-menu.show {
    display: block;
    top: 20px !important;
    transform: none !important;
    border: 1px solid #000;
    border-radius: 0;
}
.hdr-icons .dropdown-toggle::after{
    display: none;
}
.address__detail a.link-edit {
    float: left;
}


.address__detail a.link-delete {
    float: right;
    color: #D6D6D6;
}
.modal-header {
    border: 0;
}
.shipping-section {
    max-width: 70%;
    margin: 0 auto;
}
.shipping-address {
    margin-bottom: 30px;
}
.dashboard__icon {
    text-align: center;
    background-color: #000;
    padding: 50px 40px;
    border-radius: 4px;
    min-width: 250px;
}

.dashboard__icon h5 {
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    line-height: 23px;
    font-family: 'Muli';
    margin: 20px 0 0;
}
.dashboard__icon--border{
    height: 40px;
    width: 40px;
    border-radius: 50%;
    background-color: #DED9D9;
    line-height: 40px;
    margin: 0 auto;
}
.dashboard__icon--border svg {
    width: 17px;
    height: 17px;
    color: #333;
}
.dashboard__icon .text__box{
    color: #fff;
    font-size: 11px;
    font-family: 'Muli';
    font-weight: 400;
}
.dashboard-box{
    margin-top: -20px;
    margin-bottom: 40px;
}
.dashboard__icon:hover {
    opacity: 0.8;
}
.d-block.w-100 {
    margin-bottom: 10px;
}
h5.sizes.color-hed {
    margin-top: 30px;
    margin-bottom: 10px;
}


.slider-labels {
    margin-top: 10px;
}

/* Functional styling;
 * These styles are required for noUiSlider to function.
 * You don't need to change these rules to apply your design.
 */
.noUi-target,.noUi-target * {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -ms-touch-action: none;
    touch-action: none;
    -ms-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.noUi-target {
    position: relative;
    direction: ltr;
}

.noUi-base {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 1;
    /* Fix 401 */
}

.noUi-origin {
    position: absolute;
    right: 0;
    top: 0;
    left: 0;
    bottom: 0;
}

.noUi-handle {
    position: relative;
    z-index: 1;
}

.noUi-stacking .noUi-handle {
    /* This class is applied to the lower origin when
       its values is > 50%. */
    z-index: 10;
}

.noUi-state-tap .noUi-origin {
    -webkit-transition: left 0.3s,top .3s;
    transition: left 0.3s,top .3s;
}

.noUi-state-drag * {
    cursor: inherit !important;
}

/* Painting and performance;
 * Browsers can paint handles in their own layer.
 */
.noUi-base,.noUi-handle {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}

/* Slider size and handle placement;
 */
.noUi-horizontal {
    height: 4px;
}

.noUi-horizontal .noUi-handle {
    width: 18px;
    height: 18px;
    border-radius: 50%;
    left: -7px;
    top: -7px;
    background-color: #000;
}

/* Styling;
 */
.noUi-background {
    background: #D6D7D9;
}

.noUi-connect {
    background: #000;
    -webkit-transition: background 450ms;
    transition: background 450ms;
}

.noUi-origin {
    border-radius: 2px;
}

.noUi-target {
    border-radius: 2px;
}

.noUi-target.noUi-connect {
}

/* Handles and cursors;
 */
.noUi-draggable {
    cursor: w-resize;
}

.noUi-vertical .noUi-draggable {
    cursor: n-resize;
}

.noUi-handle {
    cursor: default;
    -webkit-box-sizing: content-box !important;
    -moz-box-sizing: content-box !important;
    box-sizing: content-box !important;
}

.noUi-handle:active {
    border: 8px solid #000;
    border: 8px solid rgba(53,93,187,0.38);
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    left: -14px;
    top: -14px;
}

/* Disabled state;
 */
[disabled].noUi-connect,[disabled] .noUi-connect {
    background: #B8B8B8;
}

[disabled].noUi-origin,[disabled] .noUi-handle {
    cursor: not-allowed;
}
.slider-labels .caption {
    padding: 0 15px;
    float: right;
    width: 50%;
}

.dc-item {
    padding: 0;
    border-bottom: none;
    margin-bottom: 30px;
}
.dc-item:before, .dc-item:after{ 
    content: '';
    display: table;
}
.dc-image {
    display: inline-block;
    float: left;
    width: 90px;
}
.dc-content {
    display: inline-block;
    float: right;
    width: calc(100% - 70px);
    padding-left: 1rem;
}
.dc-colorc{
    font-size: 12px;
    color: #C4C4C4;
    line-height: 13px;
}
.dc-color{
    font-size: 14px;
}
.dc-size{
    font-size: 14px;
}
.dc-product-name a {
    color: #000;
    font-size: 14px;
}

.dc-product-name a:hover {
    color: rgba(0, 0, 0, 0.9);
}

.dc-quantity,
.dc-price {
    display: inline-block;
    font-size: 15px;
    color: #000;
    font-weight: 100;
    font-family: 'Roboto';
    white-space: nowrap;
}

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

.dc-actions button {
    background: rgba(0, 0, 0, 0.1);
    color: rgba(0, 0, 0, 0.5);
    border: 0;
    border-radius: 50%;
    width: 16px;
    height: 16px;
    font-size: 0.5rem;
    padding: 0;
    margin: 0;
    cursor: pointer;
}

.dc-actions button:hover {
    background: #ff3b30;
    color: #FFF;
}

.dc-item .subtotal-text {
    display: inline-block;
    float: left;
    color: #000;
    font-size: 20px;
}
.dc1-item{
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    margin-top: 24px;
}

.dc-item .subtotal-amount {
    display: inline-block;
    float: right;
    color: #000;
    font-family: "Acumin Variable Concept";
    font-family: 'Roboto';
    font-size: 16px;
}
.icon-three {
    display: none;
}

header nav ul li:not(.dropdown) a,
header nav ul li:not(.dropdown) a:after,
header nav ul li:not(.dropdown) a:before {
    transition: all .5s;
}


/* stroke */
header nav ul li:not(.dropdown) a
{
    position: relative;
}
header nav ul li:not(.dropdown) a:after
{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 0%;
    content: '.';
    color: transparent;
    background: #000;
    height: 1px;
}
header nav ul li:not(.dropdown) a:hover:after {
    width: 100%;
}
body .select2-container{
    width: 100% !important;
}
body .select2-container--default.select2-container--focus .select2-selection--multiple {
    border: solid #D6D6D6 1px;
    outline: 0;
}
body .select2-container--default .select2-selection--multiple{
    border: solid #D6D6D6 1px;
    height: 50px;
}
.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple{
    height: 50px;
}
.select2-container--default .select2-search--inline .select2-search__field {
    background: transparent;
    border: none;
    outline: 0;
    box-shadow: none;
    -webkit-appearance: textfield;
    width: 25px !important;
    height: 40px !important;
}
section.login-area.signup-area.join-area .modal-body {
    padding-bottom: 80px;
}
.join-area .custom-control-label::before {
    position: absolute;
    top: 0.6rem;
    left: -1.5rem;
}
.join-area .custom-control-label::after {
    top: 0.6rem;
}
.join-area .radio-box:first-child {
    padding-right: 30px;
}
.join-area .row-radio{
    justify-content: center;
}
.join-area .modal-login-form label.custom-control-label {
    line-height: 48px;
}

/*.color:nth-child(8n) {
    margin-right: 0;
}
*/
/*end

@-webkit-keyframes opacity {
  0% {
    opacity: 0;
    -webkit-transform: scale(3);
            transform: scale(3); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1); } }

@keyframes opacity {
  0% {
    opacity: 0;
    -webkit-transform: scale(3);
            transform: scale(3); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1); } }



/*# sourceMappingURL=style.css.map */

.pagination li{
    margin: 5px;
    width: 35px;
    height: 35px;
    text-align: center;
    font-size: 20px;
    border: 1px solid #333;
    color: #333;
}
.pagination li a{
    color: #333;
}
.pagination li.active{
    background: #333;
    color: #fff;
}
.slider-item{
    max-height:100vh; 
    background-size:100% 100%;
}
@media (max-width: 812px){
    .carousel-item {
        height: 30vh !important;
    }
    .slider-item{
        min-height:auto !important; 
    }
}
.kamal_mobile{
    display: none !important;
}