html, body{
	
}
.hide{
	display:none;
}

.checkout-title{
	font-size:26px;
	font-weight:500;
	margin:0 0 50px 0;
}
/**/
.checkout{
	display:flex;
	flex-wrap:wrap;
}
.checkout-data-w{
	display:flex;
	flex-wrap:wrap;

}
.checkout-section-product{
	width:calc(70% - 30px);
	margin:0 30px 30px 0;
	
}
.checkout-section-total{
	width:30%;
	position:sticky;
	top:120px;
	height: 400px;
}
.checkout-section-field{
	width:calc(70% - 30px);
	margin:0 30px 0 0;
}
@media (max-width: 1024px) {
.checkout-section-product{
	width:100%;
}
.checkout-section-total{
	width:100%;
	position:static;
	top:0px;
	height: auto;
}
.checkout-section-field{
	width:100%;
	margin:0;
}	
}






.checkout-section-tle{
	font-size:20px;
	font-weight:500;
	margin:0 0 15px 0;
}

.checkout-data{
	margin:0 0 40px 0;
	background:#f8f8f8;
	border:1px solid #e3e3e3;
	border-radius:4px;
	padding:20px;
}
.checkout-data .btn{
	width:100%;
}

.checkout-sum-min-order{
	margin:0 0 25px 0;
	border:2px dashed #8ab933;
	padding:10px;
	text-align:center;
	font-weight:600;
	background:#fff;
	border-radius:4px;
}
.checkout-total{
	
}
.checkout-total li{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	padding:10px 0;
	border-top:1px dashed #e3e3e3;
}
.checkout-total li:first-child{
	border-top:none;
}
.checkout-total li span:first-child{
	
}
.checkout-total li span:last-child{
	
	
}
.checkout-total li p{
	width:100%;
	font-size:13px;
	color:#1565c0;
}
.cart-btn{
	margin:40px 0 0 0;
}

@media (max-width: 1024px) {
.checkout-data-w{
	width:100%;
	margin:0 0 30px 0;
}
.checkout-finish-w{
	width:100%;
}	
}



.cart-btn-desktop{
	display:block;
}
.cart-btn-mobile{
	display:none;
}

@media (max-width: 1024px) {
.cart-btn-desktop{
	display:none;
}
.cart-btn-mobile{
	display:block;
	margin:0;
}	
}

/*products*/

.cart-product{
	display:flex;
	align-items:center;
	padding:10px 0;
	border-bottom:1px dashed #dedede;
}
.cart-product:last-child{
	border-bottom:none;
}
.cart-product-image{
	width:15%;
	padding:0 20px 0 0;
}
.cart-product-image img{
	border-radius:4px;
}
.cart-product-content{
	width:85%;
	display:flex;
	align-items:center;
}
.cart-product-name{
	width:60%;
	font-size:14px;
	padding:0 20px 0 0;
}
.cart-product-options{
	padding:5px 0;
}
.cart-product-options li{
	position:relative;
	font-size:12px;
	padding:4px 0 4px 10px;
	line-height:120%;
	color:#777;
}
.cart-product-options li:before{
	content:'';
	position:absolute;
	top:50%;
	left:0;
	transform:translate(0, -50%);
	display:block;
	width:4px;
	height:4px;
	background:#777;
	border-radius:2px;
}
.cart-product-qty{
	display:flex;
	align-items:center;
	width:20%;
	text-align:center;
}
.bsktProdQtyBtn{
	width:30px;
	height:30px;
	background:#f2f2f2;
	border-radius:4px;
	line-height:30px;
	text-align:center;
	cursor:pointer;
}
.bsktProdQtyCount{
	width:30px;
	height:30px;
	line-height:30px;
	text-align:center;
}
.cart-product-total{
	width:15%;
	text-align:right;
}
.cart-product-remove{
	width:5%;
	display:flex;
	justify-content:flex-end;
}
.cart-product-remove-btn{
	display:flex;
	width:20px;
	cursor:pointer;
	opacity:.4;
}
.cart-product-remove-btn:hover{
	opacity:.7;
}
@media (max-width: 1023px) {
.checkout-section-product{
	margin:0 0 30px 0;
}
.cart-product{
	flex-wrap:wrap;
}
.cart-product-image{
	padding:0 10px 0 0;
	width:35%;
}	
.cart-product-content{
	width:65%;
	flex-wrap:wrap;
}	
.cart-product-name{
	width:100%;
	padding:0 0 0 0;
}
.cart-product-qty{
	width:40%;
}
.cart-product-total{
	width:40%;
}
.cart-product-remove{
	width:20%;
}
}



.cart-sidebar{

}
.cart-total-sum{
	padding:30px 0;
	text-align:right;
	font-size:16px;
}
.cart-total-sum span{
	font-size:32px;
	font-weight:500;
	padding:0 0 0 20px;
}

/*SHIPPING*/
.shipping-list, .payment-list{
	
}
.shipping-item, .payment-item{
	display:flex;
	position:relative;
	padding:10px 0;
}
.shipping-item:before, .payment-item:before{
	content:'';
	display:block;
	width:14px;
	height:14px;
	background:#ccc;
	border-radius:7px;
	position:absolute;
	top:50%;
	left:0;
	transform:translate(0, -50%);
}
.shipping-item-name, .payment-item-name{
	font-size:14px;
	font-weight:500;
	padding:0 0 0 24px;
	cursor:pointer;
}
.shipping-item-cost, .payment-item-cost{
	margin:0 0 0 30px;
}

/**/
.shipping-tmpl{
	margin:0 0 50px 0;
}
.shipping-dta, .payment-dta{
	padding:10px 0;
	margin:0 0 10px 0;
}
.shipping-dta-nme, .payment-dta-nme{
	position:relative;
	font-size:14px;
	font-weight:500;
	padding:0 0 0 24px;
	cursor:pointer;
}
.shipping-dta-nme:before, .payment-dta-nme:before{
	content:'';
	display:block;
	width:14px;
	height:14px;
	background:#ccc;
	border-radius:7px;
	position:absolute;
	top:50%;
	left:0;
	transform:translate(0, -50%);
}
.shipping-reset, .payment-reset{
	padding:0 0 0 20px;
	color:#ffaa1c;
	font-weight:400;
}
.shipping-dta-txt, .payment-dta-txt{
	padding:20px 0 0 25px;
}
.shipping-fields, .payment-fields{
	padding:0 0 0 20px;
}
/*FIELDS*/
.checkout-flds{
	
}
.checkout-fld{
	position:relative;
	margin:0 0 30px 0;
}
.checkout-fld-label{
	display:block;
	height:20px;
	line-height:20px;
	font-size:12px;
}
.checkout-fld-input{
	display:block;
	width:100%;
	height:50px;
	line-height:50px;
	border-radius:4px;
	padding:0 10px;
	outline:none;
	border:none;
	background:#fff;
	border:1px solid #e3e3e3;
	border-radius:4px;
}
.checkout-fld-input.invalid{
	border:1px solid #ff4c52;
}
.checkout-fld-drop{
	display:none;
	position:absolute;
	top:110%;
	left:0;
	width:100%;
	z-index:9;
	max-height:200px;
	overflow:hidden;
	background:#fff;
	border:1px solid #dedede;
	padding:10px;
	border-radius:4px;
}
.checkout-fld-drop.show{
	display:block;
}

.checkout-fld-drop ul{
	
}

.checkout-fld-drop ul li{
	display:block;
	margin:5px 0;
	padding:7px;
	font-size:14px;
	cursor:pointer;
}
.checkout-fld-drop ul li:hover{
	background:#f8f8f8;
	
}



.checkout-phone-block{
	display:flex;
	align-items:center;
	background:#fff;
	padding:0 10px;
	border-radius:4px;
}
.checkout-phone-block span{
	
}



#checkout-ovl{
	visibility:hidden;
	opacity:0;
	position:fixed;
	top:0;
	right:0;
	bottom:0;
	left:0;
	background:rgba(0,0,0,0);
	z-index:5;
	transition:.3s;
}
#checkout-ovl.show{
	visibility:visible;
	opacity:1;
}




/**/
.checkout-flds{
	display:flex;
	flex-wrap:wrap;
	margin:0 0 0 -20px;
}
.checkout-flds .fld-12{
	width:calc(100% - 20px);
	margin:0 0 0 20px;
}
.checkout-flds .fld-11{
	width:calc(91.6666666% - 20px);
	margin:0 0 0 20px;
}
.checkout-flds .fld-10{
	width:calc(83.3333333% - 20px);
	margin:0 0 0 20px;
}
.checkout-flds .fld-9{
	width:calc(75% - 20px);
	margin:0 0 0 20px;
}
.checkout-flds .fld-8{
	width:calc(66.666667% - 20px);
	margin:0 0 0 20px;
}
.checkout-flds .fld-7{
	width:calc(58.333333% - 20px);
	margin:0 0 0 20px;
}
.checkout-flds .fld-6{
	width:calc(50% - 20px);
	margin:0 0 0 20px;
}
.checkout-flds .fld-5{
	width:calc(41.666667% - 20px);
	margin:0 0 0 20px;
}
.checkout-flds .fld-4{
	width:calc(33.333333% - 20px);
	margin:0 0 0 20px;
}
.checkout-flds .fld-3{
	width:calc(25% - 20px);
	margin:0 0 0 20px;
}
.checkout-flds .fld-2{
	width:calc(16.666666% - 20px);
	margin:0 0 0 20px;
}
.checkout-flds .fld-1{
	width:calc(8.333333% - 20px);
	margin:0 0 0 20px;
}


.с-scrl {
    overflow: hidden;
    overflow-y: auto;
}
.с-scrl::-webkit-scrollbar-button {
	width:2px;
	height:0px
}
.с-scrl::-webkit-scrollbar-track {
}
.с-scrl::-webkit-scrollbar-thumb {
	background-color: #e3e3e3;
}
.с-scrl::-webkit-scrollbar-thumb:hover{
}
.с-scrl::-webkit-resizer{
	width:2px;
	height:0px
}
.с-scrl::-webkit-scrollbar{
	width: 2px;
}