/* стили header */
/* style cart (корзины) */
/* style footer */

@import url('reset.css');
@import url(https://fonts.googleapis.com/css?family=Roboto);
body{
    margin: 0;
    font-family: 'Arsenal', sans-serif; 
 
}
*,
*:before,
*:after{
    box-sizing: border-box;
}
.container{
   width: 100%;
   max-width: 1170px;
   margin: 0 auto;
}
button{
	outline: none;
}

.banner-img_img{
	width: 100%;
}

/*header start*/
/* header style start*/
.header_inner{
	width: 100%;
	/* display: grid; */
	/* grid-template-columns: 74px 155px 0fr 0.10fr 0.75fr;
	grid-template-rows: 61px; */
	align-items: center; 
	/* grid-template-areas: 'logo number nav search buttons'; */
	border-bottom: 1px solid #C4C4C4;
	display: flex;
	padding: 5px;
	/* margin-bottom: 15px; */
}
.header{
	border-bottom: 1px #C4C4C4 solid;
}

.logo_img{
   display: block;
	width: 63px;
	height: 55px;
   background: no-repeat url(../../img/icons/logo-mtdelivery.svg);
}
.mobile_logo_img{
	display: block;
	width: 63px;
	height: 55px;
   background: no-repeat url(../../img/icons/logo-mtdelivery.svg);
	margin: 5px;
}
.button-burger{
	display: none;
}
/* .header_inner.show{
	grid-template-columns: 74px 155px 0fr 0.10fr 0.75fr;
} */
.header-search-container{
	display: flex;
	justify-content: flex-end;
	align-items: center;
	width: 100%;
	margin-left: auto;
}
.header-nav{
	grid-area: nav;
	justify-self: left;
	position: absolute;
	margin-right: 50px;
}
.header-nav.s-hide{
	transition: opacity 1s;
    opacity: 0;
}
.header-nav.s-visible{
	transition: opacity 1s;
    border-radius: 4px 0px 0px 4px;
    opacity: 1;
}
.number{
	grid-area: number;
	cursor: pointer;
	margin-left: 6px;
	margin-right: 20px;
}
.number-gif{
	width: 120px;
	height: 40px;
	border-radius: 8px;
}
.header-search{
	grid-area: nav;
	background: #FFFFFF;
	display: flex;
	border: 2px solid #393939;
	box-sizing: border-box;
	cursor: pointer;
	justify-self: right;
	margin-left: 2%;
}
.header-search.mobile{
	height: 45px;
}
.header-search.s-hide{
	transition-duration: 1s;
	width: 0%;
	opacity: 0;
}
.header-search.s-visible{
	transition-duration: 1s;
    width: 100%;
    border-radius: 4px 0px 0px 4px;
    opacity: 1;
}
.container-form{
	display: flex;
	height: 32px;
	position: relative;
	overflow: hidden;
	font-size: 14;
}
.form-search{
	width: 550px;
	border: none;
	outline: none;
	padding: 7px 15px;
	color: #999999;
	border-radius: 4px 0px 0px 4px;
}
.categories{
	width: 250px;
	border: none;
	outline: none;
	background: #FFFFFF;
	appearance: none;
	color: #999999;
	padding-right: 50px;
	position: relative;
	background: #fff url("/css/main/img/triangle.svg") no-repeat;
	cursor: pointer;
	background-position: 95%;
}
.categories-item{
	font-weight: 400;
	font-size: 14px;
	line-height: 18px;
	color: #999999;
}
.search-arrow{
	display: none;
}
.search-icon{
	grid-area: search;
	min-width: 36px;
	height: 36px;
	border-radius: 4px;
	border: 2px solid #393939;
	display: flex;
	justify-content: center;
	background: #393939;
	cursor: pointer;
	-moz-user-select: none;
   -ms-user-select: none;
   -o-user-select: none;
   -webkit-user-select: none;
   user-select: none;
   transition: border-radius 1s ease-in-out;
}
.search-icon.visible{
	border-radius: 0px 4px 4px 0px;
	transition-duration: 0.5s;
}
.search-icon.hidden{
	border-radius: 4px 4px 4px 4px;
	transition-duration: 1s;
}
.search-icon_img{
	width: 17px;
	height: 17px;
	line-height: 36px;
	align-self: center;
}
.header-buttons{
	grid-area: buttons;
	display: flex;
	justify-self: end;
	align-self: center;
    justify-content: space-between;
    margin-left: 10px;
}
.header-buttons.mobile{
	width: 150px;
}
.header-buttons a{
	width: 25px;
    height: 25px;
    margin: 7px;
}
.header_button{
	cursor: pointer;
	margin-left: 20px;
	display: block;
}

.header_button.shopping-cart{
	border: none;
	width: 25px;
	height: 25px;
	align-self: center;
	background: url('/css/cart/img/shopping-cart.svg') no-repeat;
}
.history-cart{
	width: 28px;
	height: 28px;
}
.cart_counter{
	display: inline-block;
	text-align: center;
	width: 18px;
	height: 18px;
	border-radius: 50%;
	background: #931515;
	position: relative;
	right: 8px;
	bottom: 3px;
	color: #fff;
	margin-left: 25px;
	font-size: 10px;
	line-height: 16px;
}
.header-menu{
	display: flex;
	justify-content: space-around;
	/* width: 800px; */
}
.header-menu_item{
	text-align: center;
}
/* link effect */
.header-menu_item a{
   display: inline-block;
	cursor: pointer;
   position: relative;
}
.header-menu_item a:after{
   display: block;
	content: "";
	background-color: #393939;
	height: 1px;
	width: 0%;
	left: 50%;
	position: absolute;
	-webkit-transition: width .3s ease-in-out;
	-moz--transition: width .3s ease-in-out;
	transition: width .3s ease-in-out;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	transform: translateX(-50%);
}
.header-menu_item a:hover:after,
.header-menu_item a:focus:after{
   width: 100%;
}
.header-menu_item a{
	font-size: 14px;
	line-height: 18px;
	color: #393939;
	text-decoration: none;
}
.header-menu_item a:hover{
	color: #393939;
	text-decoration: none;
}
/* link effect */

.mobile-menu-body{
	border-radius: 0px 0px 4px 4px;
	background-color: white;
	border: 1px solid rgb(170, 170, 170);
	border-top: none;
}
.mobile-menu-links{
	display:flex;
	flex-direction:column;
	align-items: center;
}
.mobile-menu-item{
	width: max-content;
}
.mobile-menu-item a{
	font-size: 14px;
	line-height: 5vh;
	color: #393939;
	text-decoration: none;
}
.form-search::placeholder{
	color: #999999;
}
/* header style end*/
.plus-square,
.minus-square{
   width: 35px;
   height: 35px;
   line-height: 35px;
   background: #2C2C2C;
   border-radius: 5px;
   color:#FFFFFF;
   text-align: center;
	cursor: pointer;
	-moz-user-select: none;
   -ms-user-select: none;
   -o-user-select: none;
   -webkit-user-select: none;
   user-select: none;
}
.main-quantity .plus-square,.main-quantity  .minus-square{
   width: 20px;
   height: 20px;
	line-height: 20px;
}

/*main*/

.main{
	background: white;
	padding-top: 15px;
	padding-bottom: 15px;
	color: #2E2E2E;
	min-height: calc(100vh - 242px);
}
.cart_inner{
	display: flex;
	justify-content: space-between;
	position: relative;
}
.cart-block{
	display: flex;
	flex-direction: column;
	width: 790px;
}
.cart-windows{
	display: flex;
	flex-direction: column;
	width: 360px;
}
.main_cart{
	font-size: 24px;
	line-height: 165%;
	background: #E5E5E5;
	border-radius: 8px;
	margin-bottom: 20px;
	height: 67px;
	font-weight: 700;
	padding: 10px 30px 17px 30px;
}
.main-quantity{
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding-right: 35px;
}
.item-count{
	width: 30px;
	height: 30px;
	text-align: center;
}
.item-count::-webkit-outer-spin-button,
.item-count::-webkit-inner-spin-button {

   -webkit-appearance: none;
   margin: 0; 
}
.item-count[type=number] {
   -moz-appearance:textfield; /* Firefox */
}
.item-count[type=number]::-webkit-inner-spin-button,
.item-count[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0; /* Removes leftover margin */
}
.item-count{
	/* margin-right: 10px;
	margin-left: 10px; */
	border: none;
	outline: none;
	margin: 0;
	padding: 0;
}
.main_goods{
	background: #E5E5E5;
	border-radius: 8px;
}
.order_goods-button{
	display: block;
	text-align: center;
	text-decoration: none;
	background: #931515;
	border: 2px solid transparent;
	box-sizing: border-box;
	border-radius: 8px;
	cursor: pointer;
	width: 255px;
	height: 53px;
	font-size: 18px;
	line-height: 23px;
	color: white;
	font-weight: 400;
	padding: 10px 10px;
	margin: 15px 30px;
}
.main_goods-good{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	margin: 20px;
	height: 165px;
	box-sizing: border-box;
	background-color: white;
	border-radius: 8px;
	padding: 10px 10px;
}
.main-name{
	font-size: 14px;
	font-weight: 400;
	line-height: 18px;
	color: #2E2E2E;
	padding-top: 20px;
}	
.main-summa{
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-self: stretch;
	width: 120px;
}
.price-name, .price-num{
	font-weight: 400;
	font-size: 18px;
	line-height: 23px;
	color: #353535;
}
.price-num{
	padding-top: 45px;
}
.price-num.sum{
	position: relative;
}
.sum-icon{
	display: flex;
	justify-content: space-between;
	align-items: baseline;
}
.price-num_red{
	font-weight: 400;
	font-size: 20px;
	line-height: 25px;
	color: #931515;
	padding-top: 45px;
	position: relative;
}
.prev-price{
	font-size: 13px;
	line-height: 16px;
	text-decoration-line: line-through;
	font-weight: 400;
	color: #666666;
	position: absolute;
	top: 30px;
	right: 30px;
}
.prev-price.sum{
	top: 30px;
	right: -20px;
}
.main-price{
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-self: stretch;
	width: 130px;
	position: relative;
}
.price-num_down, .price-num_up{
	background: #FE4646;
	border-radius: 4px;
	width: 45px;
	height: 22px;
	color: #fff;
	text-align: center;
	font-size: 14px;
	line-height: 22px;
	margin-top: 15px;
}
.price-num_up{
	width: 80px;
	top: 15px;
	position: absolute;
}
.main-link{
	display: flex;
	text-decoration: none;
	align-items: center;
	cursor: pointer;
}

.good-img{
	position: relative;
}
.price-num_green{
	position: absolute;
	top: -15px;
	right: 15px;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background: #129733;
	display: flex;
	justify-content: center;
	align-items: center;
	font-weight: 700;
	font-size: 10px;
	line-height: 13px;
	color: #FFFFFF;
}

.main-text{
	padding-top: 20px;
}
.main-text p{
	font-weight: 400;
	font-size: 14px;
	line-height: 18px;
	color: #111111;
}
.main-desc {
	display: flex;
	flex-direction: column;
	width: 240px;
	padding-right: 25px;
	justify-content: flex-start;
	align-self: stretch;
}
.main_good-img{
	display: block;
	width: 105px;
	height: 105px;
	margin-right: 30px;
	flex-shrink: 0;
}

.main_checkout{
	background: #E5E5E5;
	border-radius: 8px;
	padding: 25px 15px 25px 15px;
}
.checkout-name{
	font-size: 24px;
	line-height: 30px;
	font-weight: 700;
	color: #931515;
}
.checkout-inf{
	font-weight: 400;
	font-size: 15px;
	line-height: 17px;
	color: #5E5E5E;
	padding-top: 10px;
}
.checkout-block{
	display: flex;
	flex-direction: column;
	margin-top: 10px;
	height: 80px;
}
.checkout-text{
	font-size: 14px;
	line-height: 16px;
	font-weight: 400;
	color: #2E2E2E;
	padding-bottom: 7px;
}

.checkout-text .notation-astericks{
	padding-left: 3px;
}
.notation-astericks{
   font-style: normal;
   font-weight: 700;
   font-size: 20px;
   line-height: 23px;
   color: #FF0000;
}
.checkout_form-inner{
	display: flex;
	flex-direction: column;
	width: 100%;
}
.checkout_text{
	width: 328px;
	height: 36px;
	background: #FFFFFF;
	border-radius: 4px;
	border: 1px solid #c4c4c4;
	padding: 8px 10px 9px 10px;
	outline: none;
	color: #111;
	font-size: 18px;
}
.border-error{
	border: 2px solid #FF0000;
	border-radius: 6px;
}
.checkout_text.down{
	width: 187px;
}
.sms-button{
	width: 315px;
	height: 53px;
	background: #FFFFFF;
	box-shadow: 0px 0px 1px #000000;
	border-radius: 8px;
	border: none;
	outline: none;
	font-size: 20px;
	line-height: 25px;
	color: #7E7E7E;
	font-weight: 400;
}
.confirm-button{
	width: 315px;
	height: 53px;
	left: 224px;
	top: 322px;
	background: #8A8A8A;
	border-radius: 8px;
	border: none;
	outline: none;
	font-size: 18px;
	line-height: 23px;
	color: #FFFFFF;
	font-weight: 700;
	margin-top: 15px;
	margin-bottom: 15px;
}
.send-kod{
	font-weight: 400;
	font-size: 12px;
	line-height: 15px;
	color: #7E7E7E;
	margin-top: 15px;
	margin-bottom: 15px;
}
.error-kod{
	font-size: 12px;
	line-height: 15px;
	font-weight: 400;
	color: #FF0000;
	margin-top: 20px;
	margin-bottom: 30px;
}
.kod-button{
	width: 100%;
	height: 53px;
	border:none;
	outline: none;
	background: #FFFFFF;
	border: 1px solid #FF0000;
	box-sizing: border-box;
	border-radius: 8px;
	font-weight: 700;
	font-size: 20px;
	line-height: 25px;
	color: #FF0000;
	margin-top: 60px;
}
.kod-desc{ 
	font-size: 14px;
	line-height: 21px;
	font-weight: 400;
	color: #2E2E2E;
	align-self: center;
	line-height: 43px;
}
.input-kod{
	width: 315px;
	height: 53px;
	background: #FFFFFF;
	box-shadow: 0px 0px 1px #000000;
	border-radius: 8px;
	border: none;
	outline: none;
	font-style: 18px;
	color: #111;
	padding: 5px 10px 5px 10px;
}
.main_maps{
	height: 410px;
	background: #E5E5E5;
	border-radius: 8px;
	padding: 15px 23px 15px 20px;
	display: flex;
	justify-content: center;
	align-items: center;

}
.main_maps-item{
	flex-grow: 1;
	width: 100%;
	height: 100%;
}
.order_sum{
	background: #E5E5E5;
	display: flex;
	flex-direction: column;
	padding: 25px 15px 25px 15px;
	color: #2E2E2E;
	align-items: flex-start;
	border-radius: 8px;
	margin-top: 20px;
	margin-bottom: 20px;
}
.order_sum-red{
	color: #931515;;
	font-size: 24px;
	font-weight: 700;
	line-height: 30px;
	padding-bottom: 23px;
}
.order_sum-inf{
	display: grid;
	grid-template-columns: 3fr 1fr;
	/* display: flex;
	justify-content: space-between; */
	width: 100%;
	padding-bottom: 10px;
	padding-top: 15px;
	font-size: 18px;
	line-height: 23px;
}
.order_sum-inf span{
	display: flex;
	align-items: center;
}
.order_sum-pay{
	border-top: 1px solid #D6D6D6;
	font-size: 17px;
	line-height: 21px;
	font-weight: 700;
	padding-top: 10px;
	padding-bottom: 25px;
}
.order_sum-button{
	width: 100%;
	height: 53px;
	background: #931515;
	border-radius: 8px;
	font-weight: 700;
	font-size: 18px;
	line-height: 23px;
	color: #FFFFFF;
	cursor: pointer;
	margin-top: 15px;
	margin-bottom: 15px;
	border: none;
	outline: none;
	flex-shrink: 0;
	padding-left: 8px;
	padding-right: 8px;
}
.send-code{
	width: 100%;
	height: 43px;
	background: #931515;
	border-radius: 8px;
	font-weight: 700;
	font-size: 18px;
	line-height: 23px;
	color: #FFFFFF;
	cursor: pointer;
	border: none;
	outline: none;
	flex-shrink: 0;
	padding-left: 8px;
	padding-right: 8px;
}
.cross-icon{
	width: 12px;
	height: 12px;
	cursor: pointer;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	-webkit-user-select: none;
	user-select: none;
	/* margin-right: 20px; */
}
.error{
	margin: 10% auto;
	width: 328px;
}
.error-text,
.error-item{
	font-weight: 400;
	font-size: 10px;
	line-height: 11px;
	color: #FF0000;	
	padding-top: 5px;
}
.error-text{
	font-weight: 700;
}
.data, .sms{
	display: flex;
	align-items: center;
	padding-top: 5px;
}
.data-text{
	font-weight: 400;
	font-size: 12px;
	line-height: 14px;
	color: #606060;
}
.kod-number{
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 100%;
}
.kod-number_text{
	font-weight: 400;
	font-size: 12px;
	line-height: 15px;
	color: #7E7E7E;	
	padding-bottom: 15px;
}
.kod-number_form{
	background: #FFFFFF;
	border-radius: 8px;
	text-align: center;
	width: 100%;
	padding: 15px;
	border: 1px solid #8A8A8A;
	outline: none;
}
.kod-number_form[type='text']::-moz-placeholder,
.kod-number_form[type='text']::-webkit-input-placeholder,
.kod-number_form[type='text']:-ms-input-placeholder,
.kod-number_form[type='text']::-ms-input-placeholder,
.kod-number_form[type='text']::placeholder {
	font-weight: 400;
	font-size: 20px;
	line-height: 25px;
	color: #7E7E7E;	
}
.checkout_text::placeholder {
	font-weight: 400;
	font-size: 15px;
	line-height: 14px;
	color: #a1a1a1;
	opacity: 0.9;
}
.checkout_text::-moz-placeholder{
	font-weight: 400;
	font-size: 15px;
	line-height: 14px;
	color: #a1a1a1;
	opacity: 0.9;
}
.checkout_text::-webkit-input-placeholder{
	font-weight: 400;
	font-size: 15px;
	line-height: 14px;
	color: #a1a1a1;
	opacity: 0.9;
}
.checkout_text::-ms-input-placeholder{
	font-weight: 400;
	font-size: 15px;
	line-height: 14px;
	color: #a1a1a1;
	opacity: 0.9;
}
.checkout_text:-ms-input-placeholder{
	font-weight: 400;
	font-size: 15px;
	line-height: 14px;
	color: #a1a1a1;
	opacity: 0.9;
}
.order_sum-button.kod-btn_unactive{
	background: #8A8A8A;
}
.kod-btn_active{
	background: #931515;
}
/*footer*/
.main__content{
   min-height: calc(100vh - 242px);
	padding-bottom: 25px;
}
.footer{
	background: #292929;
	padding-top: 12px;
	padding-bottom: 29px;
	height: 180px;
}
.footer_inner{
	display: flex;
	justify-content: space-around;
	align-items: flex-start;
}
.footer_logo-img{
	display: block;
	width: 103px;
	height: 84px;
	background: no-repeat url(../../img/icons/footer-logo-mtdelivery1.svg);
}
.footer_blocks{
	display: flex;
	justify-content: space-around;
}
.footer_block{
	display: flex;
	flex-direction: column;
	color: #fff;
	margin-left: 65px;
}
.block-servis{
	display: flex;
	flex-direction: column;
}
.footer_block .inf-box{
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-column-gap: 10px;
}
.footer_logo{
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-self: center;
}
.footer_block.phone{
	align-items: center;
}

.footer_block-title{
	font-size: 12px;
	line-height: 25px;
}
.footer_block-title{
	width: 100%;
	font-weight: 700;
	margin-bottom: 10px;
	border-bottom: 1px solid #fff;
}
.footer_block-title.phone{
	width: 86px;
	font-size: 26px;
	line-height: 33px;
	display: flex;
	align-items: center;
}
.footer_block-img{
	display: block;
	width: 20px;
	height: 20px;
	background: url(../cart/img/phone-white.svg);
	margin-right: 5px;
}
.footer_block-item{
	font-size: 12px;
	line-height: 20px;
	text-decoration: none;
	color: #FFFFFF;
}
a.footer_block-item:hover{
	text-decoration: underline;
	color: #FFFFFF;
}
/*svg background*/
.social{
	display: flex;
	flex-wrap: wrap;
}
.social-box{
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-gap: 2vw;
}
.social-icon{
	width: 30px;
	height: 30px;
	display: block;
}
/* стили страницы каталог товаров */
.catalog{
	display: flex;
	flex-wrap: wrap;
	padding: 20px 10px;
}
.catalog-item{
	display: flex;
	flex-direction: column;
	justify-content: space-around;
	align-items: center;
	width: 230px;
	height: 230px;
	border: 1px solid #A4A4A4;
	text-decoration: none;
	overflow: hidden;
	padding: 15px 15px;
}
.catalog-item:hover{
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15);
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15);
}
.catalog-img{
	width: 200px;
	height: 150px;
	transition: transform .4s;
}
.catalog-item:hover .catalog-img{
	transform: scale(1.1);
}
.name-box{
	height: 40px;
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
}
.catalog-title{
	font-weight: 400;
	font-size: 12px;
	line-height: 15px;
	text-align: center;
	text-transform: uppercase;
	color: #403C3B;
	margin-top: 10px;
}

/* стили страницы каталог товаров */
/* хлебные крошки */
.good-path{
	display: flex;
	align-items: baseline;
	padding-top: 15px;
	padding-bottom: 15px;
	border-bottom: 1px solid #c4c4c4;
}
.good-path_item{
	display: flex;
	align-items: baseline;
}
.crumbs,
.crumbs-cur{
	font-weight: 400;
	font-size: 14px;
	line-height: 18px;
	color: #000000;
	text-decoration: none;
}
.crumbs:hover,
.crumbs-cur:hover{
	color: #000000;
	text-decoration: none;
}
.good-path .crumbs-cur{
	font-weight: 700;
	color: #931515;
}
.crumbs-sep{
	display: block;
	transform: rotate(90deg);
	width: 10px;
	height: 10px;
	margin-right: 8px;
	margin-left: 8px;
}
.crumbs, .crumbs-cur{
	text-transform: lowercase;
	display: inline-block;
}
.crumbs::first-letter{
	text-transform: uppercase;
}
.crumbs-cur::first-letter{
	text-transform: uppercase;
}
/* хлебные крошки */

 /* страница подтверждения заказа */
.container.confirmation{
	height: auto;
}
.order_kod.order{
	background: #FFFFFF;
	border-radius: 8px;
	padding: 40px 30px;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
}
.order_kod-item{
	display: flex;
	/* justify-content: space-around; */
	flex-direction: column;
	align-items: center;
}
.order_kod-item.phone{
	padding-top: 120px;
}
.order_kod-item:first-child{
	border-bottom: 1px solid #c4c4c4;
}
.bold{
	font-weight: 700;
}
.order_kod-check{
	font-size: 27px;
	line-height: 165%;
	color: #000000;
	padding-bottom: 25px;
}
.order_kod-kod{
	font-size: 35px;
	line-height: 165%;
	color: #000000;
	padding-bottom: 15px;
}
.order_kod-num{
	font-size: 42px;
	line-height: 165%;
	color: #000000;
	padding-bottom: 30px;
}
.order_kod-call{
	font-size: 22px;
	line-height: 165%;
	color: #000000;
	padding-bottom: 30px;
}
.kod-img{
	width: 45px;
	height: 45px;
	background: #931515;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
}
.kod-img_picture{
	width: 25px;
   height: 25px;
   filter: brightness(0) invert(1);
}
.order_kod-item.phone{
	display: flex;
	flex-direction: row;
}
.order_sum.order.confirmation{
	margin-top: 0;
	margin-bottom: 0;
	height: 100%;
}
.thanks_inner{
	display: grid;
	grid-template-columns: 2fr 1fr;
	grid-gap: 2vw;
}
.order_kod-phone{
	font-weight: normal;
	font-size: 31px;
	line-height: 39px;
	color: #000000;
}
.order_kod-phone .phone{
	margin-left: 15px;
	margin-right: 30px;
}
  /* страница подтверждения заказа */
/* стили модалка корзина start */
.modal-backdrop {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: rgba(0, 0, 0, 0.3);
	display: flex;
	justify-content: center;
	align-items: center;
 }
 .modal {
	background: #FFFFFF;
	box-shadow: 2px 2px 20px 1px;
	overflow-x: auto;
	display: flex;
	flex-direction: column;
	width: 55%;
	border-radius: 8px;
 }
 .modal-header,
 .modal-footer {
	display: flex;
 }
 .modal-header {
	color: #931515;
	justify-content: space-between;
 }
 .modal-footer {
	padding: 25px 50px 50px 50px;
	justify-content: flex-start;
 }
 .modal-body {
	position: relative;
	padding-left: 50px;
	padding-right: 50px;
  overflow: auto;
  max-height: 55vh;
 }
 .btn-close {
	border: none;
	font-size: 20px;
	padding: 25px 50px;
	cursor: pointer;
	font-weight: bold;
	color: #931515;
	background: transparent;
	cursor: pointer;
 }
 .btn-agree {
	padding: 8px 40px;
	color: white;
	border: 1px solid #931515;
	background: #931515;
	border-radius: 4px;
	cursor: pointer;
 }
.btn-agree.n-agree{
	background: #FFFFFF;
	border: 1px solid #931515;
	color: #931515;
}
.modal-text{
	padding-bottom: 15px;
	font-weight: 400;
	font-size: 14px;
	line-height: 18px;
	color: #1C1C1C;
	text-align: justify;
}
.modal-link{
	color: #931515;
	font-weight: 900;
	text-decoration: none;
}
.modal-link:hover{
	border-bottom: 1px solid #931515;
}
.backButton{
  padding: 8px 40px;
  color: #931515;
  border: 1px solid #931515;
  background-color: white;
  border-radius: 4px;
  cursor: pointer;
}
.backButton:focus{
	outline: none;
}
/* стили модалка корзина end */
.desctop-header-menu{
	position: relative;
    /* width: 100%; */
    display: flex;
    align-self: stretch;
    align-items: center;
    flex-grow: 0;
    margin-right: auto;
}
.carousel-title{
	display: flex;
    justify-content: space-between;
    align-items: flex-end;
}