@charset "utf-8";
/* CSS Document */
/*----------------
RESET CSS
-----------------*/
body {
    top:0;
    bottom:0;
    left:0;
    right:0;
    margin:auto;
    padding:0;
    background:#f6f5f5;
    color:#000000;
    text-align:center;
    font-family: 'Nunito Sans';
    font-weight: normal;
}
div, ul, h1, h2, h3, h4, h5, li, p, img, form, input, textarea {margin:0;padding:0;}
header, section, footer, aside, nav, main, article, figure {display: block;}
table, tr, td {border:0;}
a{outline: none; color:inherit; text-decoration:none;}
a:hover {}
img {border:none;}
li {list-style:none;}
*{box-sizing:border-box;}
.img-full{max-width:100%;}
.clearall{
    clear:both;
    font-size:1px;
    line-height:1px;
    height:1px;
}
.forMob,.forTab{ display:none ;}
.fl{ float:left;}
.fr{ float:right;}

/*-----------------------
MAIN CSS START
------------------------*/
.container {
    width:1140px;
    margin: 0 auto;
    padding: 0;
    position: relative;
}

/*=========FONTS===========*/

@font-face {
    font-family: 'Nunito Sans';
    src: url('NunitoSans-Regular.woff2') format('woff2'),
    url('NunitoSans-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Nunito Sans';
    src: url('NunitoSans-Bold.woff2') format('woff2'),
    url('NunitoSans-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}


@font-face {
    font-family: 'Nunito Sans';
    src: url('NunitoSans-SemiBold.woff2') format('woff2'),
    url('NunitoSans-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Nunito Sans';
    src: url('NunitoSans-Light.woff2') format('woff2'),
    url('NunitoSans-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

/*=========================*/
.cart-section{
    float:left;
    width:100%;
    padding:60px 0;
}
.cart-hdng{
    font-size:36px;
    line-height:40px;
    color:#3c1a3f;
    font-weight:bold;
    text-transform:uppercase;
    text-align:left;
}
.cart-box{
    float:left;
    width:100%;
    background:#fff;
    margin-top:30px;
    box-shadow:0 2px 5px 0 rgba(0,0,0,0.1);
    -webkit-box-shadow:0 2px 5px 0 rgba(0,0,0,0.1);
}
.cart-prd-row{
    float: left;
    width: 100%;
    border-bottom: 1px solid #eae9e9;
    padding:25px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}
.cart-prd-row:last-child{ border-bottom:none;}
.cart-col-1{
    float:left;
    width:60%;
    text-align:left;
}
.cart-prd{
    display:inline-block;
    vertical-align:middle;
    width:140px;
    height:140px;
    border:1px solid #f5f5f5;
}
.cart-prd img{
    display:inline-block;
    vertical-align:middle;
    max-width:100%;
}
.cart-col-1-rght{
    display:inline-block;
    vertical-align:middle;
    width:calc(100% - 145px);
    padding:10px 10px 10px 20px;
    text-align:left;
}
.cart-prd-name{
    font-size:20px;
    line-height:26px;
    color:#3c1a3f;
    font-weight:bold;
}
.prd-prc{
    font-size:16px;
    line-height:24px;
    color:#030303;
    margin-top:5px;
}
.cart-remv{
    display:inline-block;
    vertical-align:middle;
    font-size:16px;
    line-height:24px;
    color:#dfb343;
    margin-top:20px;
    cursor:pointer;
}
.cart-col-2{
    float:left;
    width: 115px;
}
.cart-qty-div{
    display:inline-block;
    vertical-align:middle;
}
.sub, .add {
    float: left;
    width: 32px;
    height: 45px;
    text-align: center;
    background:#f4f4f4;
    outline: none;
    cursor: pointer;
    font-family: 'Nunito Sans';
    font-size:21px;
    border:none;
    line-height:25px;
    color:#9d9d9d;
}
.cart-qty-div input {
    float: left;
    border: none;
    border-left: 1px solid #dedede;
    border-right: 1px solid #dedede;
    background:#f4f4f4;
    width: 50px;
    text-align: center;
    height: 45px;
    font-size: 18px;
    font-weight:normal;
    color: #2d2d2d;
    -webkit-appearance:none;
    font-family: 'Nunito Sans';
    border-radius:0;
}
.cart-col-3{
    float:left;
    width:15%;
}
.unit-price{
    font-size:18px;
    line-height:24px;
    color:#030303;
}
.cart-btm-col{
    float:right;
    width:100%;
    max-width:370px;
    margin-top:30px;
    padding:0 15px;
}
.total-prc{
    font-size:24px;
    line-height:30px;
    color:#3c1a3f;
    font-weight:bold;
    text-align:right;
}
.discnt-cal-txt{
    font-size:16px;
    line-height:20px;
    color:#030303;
    text-align:right;
    margin-top:5px;
}
.pkg-protect{
    float:left;
    width:100%;
    margin:15px 0 8px;
}
.pkg-protct-col1{
    float:left;
    width:70%;
    text-align:left;
    padding-left:40px;
    position:relative;
}
.prtct-ic1{
    position:absolute;
    left:0;
    top:5px;
}
.pkg-protct-col1 span{
    font-size:14px;
    line-height:20px;
    color:#030303;
    font-weight:600;
}
.pkg-protct-col1 p{
    font-size:10px;
    line-height:14px;
    color:#626262;
}
.pkg-protct-col1 p a{
    text-decoration:underline;
}
.pkg-protct-col2{
    float:right;
    text-align:right;
}
.switch{
    display:inline-block;
    vertical-align:middle;
    background: #b0b0b0;
    border-radius: 18px;
    width: 36px;
    height: 16px;
    padding: 2px;
    position: relative;
    cursor: pointer;
    transition: all .1s;
    -webkit-tap-highlight-color: transparent;
    outline: none;
    margin-bottom:3px;
}
.switch input {
    opacity: 0;
    width: 0;
    height: 0;
}
.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}
.slider.round {
    border-radius: 34px;
}
.slider:before {
    position: absolute;
    content: "";
    height: 12px;
    width: 12px;
    left: 2px;
    bottom: 2px;
    border-radius: 50%;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}
.switch input:checked + .slider {
    background-color: #31c8e0;
}
.switch input:focus + .slider {
    box-shadow: 0 0 1px #31c8e0;
}
.switch input:checked + .slider:before {
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
}
.slider:after{
    position:absolute;
    right:7px;
    top:7px;
    content:"";
    width:10px;
    color:#fff;
    border-bottom:2px solid #fff;
}
.switch input:checked + .slider:after {
    position:absolute;
    left:5px;
    top:-3px;
    right:auto;
    content:url(../images/switch-tik.svg);
    width:12px;
    height:11px;
    border:none;
}

.pkg-protct-col2 p{
    font-size:12px;
    line-height:14px;
    color:#030303;
}
.natural-text{
    float:left;
    font-size:12px;
    line-height:14px;
    color:#030303;
    text-align:left;
    margin-left:30px;
    border-radius:30px;
    padding:6px 10px;
    background: #bfbfbf;
    filter: grayscale(1);
}
.natural-text.active{
    background: none;
    filter: none;
}
.natural-ic{
    display:inline-block;
    vertical-align:middle;
    margin:-1px 2px 0 0;
}
.natural-text svg{
    display:inline-block;
    vertical-align:middle;
    margin:-2px 2px 0 3px;
}
.chk-submit{
    float:right;
    width:180px;
    height:50px;
    background:#dfb343;
    font-size:16px;
    line-height:50px;
    color:#fff;
    font-weight:600;
    text-transform:uppercase;
    text-align:center;
    margin-top:30px;
    border:none;
    outline:none;
    -webkit-appearance:none;
    font-family: 'Nunito Sans';
    cursor:pointer;
}


/*==============Media=============*/

@media only screen and (max-width:1200px){
    .container{ width:1004px;}

    .cart-col-1{ width:63%;}


}

@media only screen and (max-width:1021px){
    .container{ width:750px;}
    .forDesk{ display:none;}
    .forTab{ display:block;}



}


@media only screen and (max-width:767px){
    .container{ width:100%; max-width:600px; padding:0 15px;}

    .forMob{ display:block;}
    .hide-mob{ display:none;}

    .cart-section{ padding:30px 0;}
    .cart-hdng{font-size: 24px;line-height: 27px;}
    .cart-box{ margin-top:10px; background:none; box-shadow:none;}
    .cart-prd-row{ padding:18px 0;align-items: flex-start;}
    .cart-prd{ width: 90px;height: 90px;}
    .cart-col-1 { width: 100%; margin-bottom:10px;}
    .cart-col-1-rght{ width: calc(100% - 100px); padding:3px 0 3px 10px;}

    .cart-prd-name {font-size: 16px;line-height: 20px;}
    .prd-prc {font-size: 15px;line-height: 22px;}
    .cart-remv{font-size: 12px; line-height: 15px;margin-top: 10px;}
    .cart-qty-div {border: 1px solid #ddd;}
    .cart-col-2{width: auto; margin-top:3px;}
    .cart-col-2 span{ display:inline-block; vertical-align:middle;font-size: 14px;line-height: 22px; letter-spacing:0.3px; padding-right:5px;}
    .sub, .add{ width:35px; height:36px;font-size: 16px; line-height:20px; background:#fff;}
    .cart-qty-div input{ width:40px; height:36px;font-size: 14px;background:#fff;}
    .cart-col-3 {width: 20%;}
    .unit-price {font-size: 16px; line-height: 22px; margin-top:10px;}

    .cart-btm-col{ padding:0; margin-top:-20px;}


}

@media only screen and (max-width:360px){


}

/** CUSTOM **/

.cart-container .component-product-configurator .checkout-item__title {
    display: none;
}

.cart-container .component-product-configurator .checkout-option {
    display: none;
}

.cart-container .component-product-configurator .special-upgradeBx {
    display: none;
}

.cart-container .component-product-configurator .checkout-item__headline {
    display: none;
}

.components-container {
    width: 100%;
}

.cart-container .cart-row {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.gray-body {
    background:#f6f5f5 !important;
    height: 100%;
}

.cart-container .cart-col-1 {
    display: flex;
}

.cart-container .cart-prd {
    display: flex;
}

@media only screen and (max-width:767px){

    .checkout-quantity {
        background:#f6f5f5;
    }

    .cart-row {
        display: grid;
    }

    .cart-col-1 {
        display: flex;
        grid-column-start: 1;
        grid-column-end: 3;
    }

}