html {
    scroll-behavior: smooth;
}

.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}
.clearfix:after{clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0}

#calc .title{
margin-bottom:20px;
font-size:14px;
font-weight:bold;
text-transform:uppercase;
color:#000;
}

#calc .calc-item{
position:relative;
width:100%;
margin-bottom:25px;
border-radius:5px;
}

.calc-item .item-title{
padding:10px 40px;
border:none;
border-radius:5px 5px 0 0;
background: var(--tomato);
font-size:14px;
text-transform:uppercase;
color:#fff;
}

.calc-item .item-body{
/*height:350px;*/
border-left:1px solid #d7d7d7;
border-right:1px solid #d7d7d7;
border-bottom:1px solid #d7d7d7;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row;
        flex-flow: row;
}

#calc .item-gallery {
text-align:center;
padding: 20px;
width: 40%;
}


.item-gallery .box, .item-gallery .box-2, .item-gallery .box-3, .item-gallery .box-4, .item-gallery .box-5, .item-gallery .box-6{
/*margin:10px auto;*/
width:280px;
height:210px;
}


.item-gallery .box img, .item-gallery .box-2 img, .item-gallery .box-3 img, .item-gallery .box-4 img, .item-gallery .box-5 img, .item-gallery .box-6 img{
width:280px;
height:210px;
}

.slider {
height:80px;
margin: 10px 36px;
z-index:50;
position: relative;
}

.slide-list, .slide-list-2, .slide-list-3, .slide-list-4, .slide-list-5, .slide-list-6 {
height:80px;
position: relative;
margin: 0;
padding:0;
overflow:hidden;
}
  
.slide-wrap, .slide-wrap-2, .slide-wrap-3, .slide-wrap-4, .slide-wrap-5, .slide-wrap-6 {
position: relative;
left:0px;
top: 0;
width: 10000000000000px;
}
 
.slide-item{
width: 80px;
height: 70px;
margin:0 8px 0 0;
padding:2px;
border:1px solid #ebebeb;
text-align:center;
float:left;
}

.slide-item a{
display:inline-block;
width: 80px;
height: 70px;
}

.slide-item img{
width: 70px;
padding-top: 5px;
}

.slide-item.current{
padding:0px;
border:2px solid var(--light-blue);
}

.navy {
position:absolute;
width: 24px;
height: 43px;
top:50%;
cursor:pointer;
}
 
.prev-slide, .prev-slide-2, .prev-slide-3, .prev-slide-4, .prev-slide-5, .prev-slide-6{
    left: -18%;
    background: url(/bitrix/templates/eshop_bootstrap_green/images/slider-prev.png) var(--tomato) center no-repeat;
    z-index: 100;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    top: 30%;
}

.next-slide, .next-slide-2, .next-slide-3, .next-slide-4, .next-slide-5, .next-slide-6{
    left: 108%;
    background: url(/bitrix/templates/eshop_bootstrap_green/images/slider-next.png) var(--tomato) center no-repeat;
    z-index: 100;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    top: 30%;
}

.prev-slide:hover,
.next-slide:hover{
 opacity: 0.7;
}
 
.navy.disable {
background: #dbdbdb;
}

#calc .item-info{
width: 60%;
padding:20px;
font-weight:bold;
}

.slider .text{
 text-align: left;
 font-weight: bold;
 margin-top: 10px;
}

.item-info .param .left-col{
position:relative;
width:105px;
}

.item-info .param .left-col{
position:relative;
float:left;
}

.item-info .text {
	font-size: 17px;
    padding: 0px 0px 20px;
    font-weight: 100;
}

.item-info > .param{
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1.5fr;
    grid-template-columns: 1fr 1.5fr;
}

.param .left-col .param-item{
margin-bottom:25px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
        align-items: center;
}

.param .left-col .param-item .vopros{
display:inline-block;
width:14px;
height:14px;
background:url(/bitrix/templates/eshop_bootstrap_green/images/vopros.png) center no-repeat;
cursor:pointer;
margin-left: 5px;
}

/*埋镫蹊*/

.param-item .q-color-wrap{
display:none;
position:absolute;
margin:-20px 0 0 80px;
padding-left:9px;
background:url("img/q.png") no-repeat left 8px;
z-index:310;
}

.q-color-wrap.vis{display:block;}
.q-color-wrap.unvis{display:none;}

.q-color-wrap .q-color{
position:relative;
width:190px;
margin-top:-9px;
padding:10px 25px;
background:#e1e1e1;
z-index:310;
}

.item-info .param .right-col{
position:relative;
}

.param .right-col .param-item{
margin-bottom:17px;
}

.polz-wrap-1{
width:410px;
margin:0;
padding:3px;
height:25px;
border-radius:10px;
background:#e5f2f6;
position:relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
    justify-content: space-between;
}

.polz-1,.polz-2,.polz-3 {
width:340px;
height:30px;
border-radius:30px;
background: #EDF5FF;
position:relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
    justify-content: space-between;
}

.polz-1 .ui-slider-handle {
width:33%;
height:30px;
border-radius:30px;
position:absolute;
z-index:80;
background:var(--blue-color);
}

.ui-widget-header {
background:none;
height:8px;
left:1px;
top:1px;
position:absolute;
} 

.polz-1 .polz-item{
display:inline-block;
position:relative;
width:33%;
text-align:center;
cursor:pointer;
z-index:81;
padding-top: 2px;
}

.polz-2 .ui-slider-handle {
width:20%;
height:30px;
border-radius:30px;
position:absolute;
z-index:80;
background:var(--blue-color);
}

.polz-2 .polz-item{
    display:inline-block;
    position:relative;
    width:19%;
    text-align:center;
    cursor:pointer;
    z-index:81;
    white-space: nowrap;
    padding-top: 2px;
}

.polz-3 .ui-slider-handle {
width:50%;
height:30px;
border-radius:30px;
position:absolute;
z-index:80;
background:var(--blue-color);
}

.polz-3 .polz-item{
display:inline-block;
position:relative;
width:50%;
text-align:center;
cursor:pointer;
z-index:81;
padding-top: 2px;
}


.item-info .param .right-col input{
    height: 30px;
    padding: 5px 15px;
    border: 1px solid #c7c5c5;
    border-radius: 30px;
    width: 100px;
    text-align: center;
}

.rub{ 
display: inline-block; 
font-size: 15px; 
line-height: 5px; 
letter-spacing:5px;
border-bottom: 1px solid #000000; 
width:0.4em; 
} 

.item-info .cart-button{
    grid-column: 1/-1;
}

.cart-button .cart-btn{
    margin-left: 15px;
    padding: 7px 30px;
    border-radius: 30px;
    background: var(--tomato);
    text-transform: uppercase;
    color: #fff;
    font-size: 14px;
    white-space: nowrap;
}

.cart-button .cart-btn:hover{
    opacity: 0.7;
}

#pop-cart{
position:fixed;
padding:0;
width:190px;
height:41px;
right:-150px;
top:30vh;
z-index: 100;
}


#pop-cart .left-col{
    position: relative;
    float: left;
    width: 110px;
    height: 41px;
    border-radius: 30px 0 0 30px;
    background:url(/bitrix/templates/eshop_bootstrap_green/images/cart-icon.png)var(--tomato) 10% no-repeat;
    color:#fff;
    font-size: 13px;
}

#pop-cart .left-col .qty{
    position: absolute;
    top: 17px;
    left: 16px;
    border-radius: 50%;
    background: var(--light-blue);
    color: #4c4a47;
    width: 18px;
    height: 18px;
    text-align: center;
    line-height: 19px;
}

#pop-cart .left-col .text{
position:absolute;
top:13px;
left:40px;
text-transform:uppercase;
font-weight:bold;
}

#pop-cart .right-col{
position:relative;
float:left;
width:80px;
height:41px;
background:var(--light-blue);
}

#pop-cart .right-col .text{
position:absolute;
top:10px;
left:5px;
white-space:nowrap;
}

#pop-cart .qty{
display:inline-block;
}

#cart .table{
width:100%;
background:#fff;
color:#000;
font-weight:bold;
}

#cart .thead{
margin-bottom:15px;
margin-top: 70px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
    align-items: center;
text-align: center;
line-height: 1.2;
font-size: 14px;
}

#cart .item-cart{
    height: auto;
    margin-bottom: 15px;
    border: 1px solid #d7d7d7;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
        align-items: center;
    font-size: 14px;
    line-height: 1.3;
    font-weight: 400;
}

#cart .table .tbl-col-1{
width:100px;
}

#cart .table .tbl-col-1 img{
height:73px;
}

#cart .tbody  .tbl-col-1{
background:url(img/table.png) center no-repeat
}

#cart .table .tbl-col-2{
    padding-left: 15px;
    width: 190px;
}

#cart .table .tbl-col-2 .pre{
position:relative;
float:left;
padding:5px 5px 5px 25px;
background:url(img/pre.png) left center no-repeat #e1e6eb;
color:#979393;
border-radius:5px;
cursor:pointer;
}

#cart .table .tbl-col-2 .pre:hover{
background:url(img/pre.png) left center no-repeat #bcbec0;
}

#cart .table .tbl-col-3{
padding: 0 5px;
width: 120px;
text-align: center;
}

#cart .table .tbl-col-4{
    width: 90px;
    padding: 20px 5px;
    position: relative;
    text-align: center;
}

#cart .table .tbl-col-4 input{
width:30px;
padding:3px;
border:1px solid #b7b7b7;
border-radius:5px 0 0 5px;
}

#cart .table .tbl-col-4 .hov:hover > input{
background:#e0eff4;
}

#cart .table .tbl-col-4 .plus{
position:absolute;
top:20px;
left:34x;
padding:0 3px;
background:#d3d8dc;
font-size:10px;
border-radius:0 5px 0 0;
cursor:pointer;
}


#cart .table .tbl-col-4 .minus{
position:absolute;
top:31px;
left:34x;
padding:0 3px;
background:#d3d8dc;
font-size:10px;
border-top:1px solid #b7b7b7;
border-radius:0 0 5px 0;
cursor:pointer;
}

#cart .table .tbl-col-5{
width:80px;
padding: 0 5px;
text-align: center;
}

#cart .table .tbl-col-6{
width:100px;
padding: 0 5px;
text-align: center;
}

#cart .tbody .tbl-col-6{
text-align:center;
}

#cart .table .tbl-col-7{
width:90px;
padding: 0 5px;
text-align: center;
}

#cart .item-cart .tbl-col-8 {
    padding: 0 5px;
    font-size: 20px;
    color: var(--tomato);
    font-weight: bold;
}

#cart .thead .tbl-col-1,
#cart .thead .tbl-col-2,
#cart .thead .tbl-col-3,
#cart .thead .tbl-col-4,
#cart .thead .tbl-col-5,
#cart .thead .tbl-col-6,
#cart .thead .tbl-col-7{
height:29px;
padding:0 5px;
}

#cart .tfoot .tbl-col-8,
#cart .tfoot .tbl-col-9,
#cart .tfoot .tbl-col-10{
    width: 100%;
    font-weight: 400;
    font-size: 15px;
}

#cart .tfb{
    background: var(--light-blue);
    margin-bottom: 30px;
    padding: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
        align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
        justify-content: space-between;
}

#cart .tfb input{
    padding: 5px 15px;
    width: 95%;
    border: none;
    border-radius: 30px;
    font-size: 14px;
    margin-top: 5px;
    background: rgba(255,255,255,0.7);
}

#cart .tfb input:focus {
    background: rgba(255,255,255,1);
}

input.input_error{
    -webkit-box-shadow: 0 0 5px var(--tomato);
    box-shadow: 0 0 5px var(--tomato);
}

#cart .fbtn {
text-align:right;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-flow: column;
        flex-flow: column;
-webkit-box-align: end;
-ms-flex-align: end;
        align-items: flex-end;
}

#cart .tbl-col-11{
width:680px;
float:left;
text-align:right;
}

#cart .cart-btn{
    padding: 7px 30px;
    border-radius: 30px;
    background: var(--tomato);
    text-transform: uppercase;
    color: #fff;
    margin-top: 10px;
}

#cart .cart-btn:hover{
background:rgba(248, 122, 107,0.7);
color:#fff;
}

.preloader { background:url(89.gif) center no-repeat;  }

.popup{
height:40px;
display:none;
}

.popup #cart-popup{
padding:25px 10px 25px 40px;
background:url(img/popup.png) left no-repeat;
}

#out{
height:40px;
}

.fancybox-close{
width:18px;
height:18px;
right:20px;
top:20px;
background-image: url('img/close.png');
}

.ui-state-focus{
border: 0;
}

input,input:focus,a:focus {outline:0 !important}

@media (max-width: 1200px) {
	.calc-item .item-body {
		-ms-flex-wrap: wrap;flex-wrap: wrap;
	}

	#calc .item-gallery {
        width: 100%;
        padding-bottom: 0;
    }

    #calc .item-info {
        width: 100%;
    }

    .prev-slide, .prev-slide-2, .prev-slide-3, .prev-slide-4, .prev-slide-5, .prev-slide-6 {
        left: -40px;
    }

    .next-slide, .next-slide-2, .next-slide-3, .next-slide-4, .next-slide-5, .next-slide-6 {
        left: calc(100% + 20px);
    }

    .item-info .param .left-col {
        width: 100%;
        min-width: 180px;
    }

    .item-gallery .box, .item-gallery .box-2, .item-gallery .box-3, .item-gallery .box-4, .item-gallery .box-5, .item-gallery .box-6 {
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    }
}

@media (max-width: 640px) {
    .item-info > .param {
        overflow-x: scroll;
        overflow-y: hidden;
    }

    .scroll-div {
        overflow-x: scroll;
    }

    #cart_elements, 
    .scroll-div .thead {
        width: 670px;
    }

    #cart .tfb {
        -ms-flex-wrap: wrap;flex-wrap: wrap;
        -webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;
    }

    #cart .tfoot .tbl-col-8, #cart .tfoot .tbl-col-9, #cart .tfoot .tbl-col-10 {
        margin-bottom: 10px;
        text-align: center;
        max-width: 400px;
    }

    #cart .table .tbl-col-1 {
        min-width: 100px;
    }

    #pop-cart {
        top: 40vh;
    }
}