.jq-selectbox {
	vertical-align: middle;
	cursor: pointer;
	width:100%;
}
.jq-selectbox__select {
	display: block;
    width: 100%;
    height: 5rem;
    padding: 1.2rem 1.5rem 1rem;
    font-size: 1.6rem;
    line-height: 1.625;
    color: #2e3033;
    background-color: #fff;
    background-image: none;
    border: 1px solid rgba(0,0,0,.12);
    border-radius: 3px;
    box-shadow: 0;
    -webkit-transition: border-color .15s ease-in-out;
    transition: border-color .15s ease-in-out;
    text-overflow: ellipsis;
    max-width: 51.8rem;
    text-align: left;
}
.my-choose__sel{
    width: 51.8rem;
    max-width: 100%;
}
.jq-selectbox__select:hover {
	
}
.jq-selectbox__select:active {
	border-color: #807190;
}
.jq-selectbox.focused .jq-selectbox__select {
	border-color: #807190;
}
.jq-selectbox.disabled .jq-selectbox__select {
	border-color: #CCC;
	background: #F5F5F5;
	box-shadow: none;
	color: #888;
}
.jq-selectbox__select-text {
	display: block;
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.jq-selectbox__trigger {
	position: absolute;
	top: 0;
	right: 0;
	width: 34px;
	height: 100%;
}
.jq-selectbox__trigger-arrow {
	position: absolute;
	top: 1.5rem;
	right: 1.5rem;
	width: 1.3rem;
	height: 1.3rem;
	overflow: hidden;
	border-bottom: 3px solid rgba(0,0,0,.30);
	border-right: 3px solid rgba(0,0,0,.30);
	transform: rotate(45deg);
}
.jq-selectbox:hover .jq-selectbox__trigger-arrow {
	opacity: 1;
	filter: alpha(opacity=100);
}
.jq-selectbox.disabled .jq-selectbox__trigger-arrow {
	opacity: 0.3;
	filter: alpha(opacity=30);
}
.jq-selectbox__dropdown {
	top: 5rem;
	width: 100%;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	border: 1px solid #CCC;
	border-radius: 4px;
	background: #FFF;
	box-shadow: 0 2px 10px rgba(0,0,0,0.2);
    font-size: 1.6rem;
    line-height: 1.625;
    color: #2e3033;
    background-color: #fff;
}
.jq-selectbox__search {
	margin: 5px;
}
.jq-selectbox__search input {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	margin: 0;
	padding: 5px 27px 6px 8px;
	outline: none;
	border: 1px solid #CCC;
	border-radius: 3px;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAMCAYAAABiDJ37AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAO1JREFUeNqU078LAXEYx/FzYfNzk5TJaFNKYjFYSQZ/hvwBsvg1UCY2xT9gM8hukQGThWRjkcFw3pdnujhfT736Xn2fPvfc3fd07V0OFDDFAnM0ENYsZRiGLSc9OpqIYIA9fMhhjCrW2h9VlMlcH/aymMGtOqEugX08PwQucUZKdTozMIqdTc9WepQD7wjY9ARx+ydwhfyXfS+S0qMcOEQJGcueB3VccFINdMgal6NzkmPjRwJXxDBB7/2RDdtAp6wb+dpphHDASG5QQ0V6u2aoSqBZD/lDrNWRJynLK2qpBn4rc6K2XB9/Nb8EGABtf1thzY6X2AAAAABJRU5ErkJggg==) no-repeat 100% 50%;
	box-shadow: inset 1px 1px #F1F1F1;
	color: #333;
	-webkit-appearance: textfield;
}
.jq-selectbox__search input::-webkit-search-cancel-button,
.jq-selectbox__search input::-webkit-search-decoration {
	-webkit-appearance: none;
}
.jq-selectbox__not-found {
	margin: 5px;
	padding: 5px 8px 6px;
	background: #F0F0F0;
	font-size: 13px;
}
.jq-selectbox ul {
	margin: 0;
	padding: 0;
}
.jq-selectbox li {
	min-height: 18px;
	padding: 1.2rem 1.5rem 1rem;
    font-size: 1.6rem;
    line-height: 1.625;
    color: #2e3033;
    background-color: #fff;
    text-align: left;
}
.jq-selectbox li.selected {
	background-color: #bfbebe;	
}
.jq-selectbox li:hover {
	background-color: #bfbebe;	
}
.jq-selectbox li.disabled {
	color: #AAA;
}
.jq-selectbox li.disabled:hover {
	background: none;
}
.jq-selectbox li.optgroup {
	font-weight: bold;
}
.jq-selectbox li.optgroup:hover {
	background: none;
	color: #231F20;
	cursor: default;
}
.jq-selectbox li.option {
	padding-left: 25px;
}


.jq-select-multiple {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 1px;
	border: 1px solid #CCC;
	border-bottom-color: #B3B3B3;
	border-radius: 4px;
	box-shadow: inset 1px 1px #F1F1F1, 0 1px 2px rgba(0,0,0,0.1);
	background: #FFF;
	color: #333;
	font: 14px/18px Arial, sans-serif;
	cursor: default;
}
.jq-select-multiple.focused {
	border: 1px solid #5794BF;
}
.jq-select-multiple.disabled {
	border-color: #CCC;
	background: #F5F5F5;
	box-shadow: none;
	color: #888;
}
.jq-select-multiple ul {
	margin: 0;
	padding: 0;
}
.jq-select-multiple li {
	padding: 3px 9px 4px;
	list-style: none;
}
.jq-select-multiple li:first-child {
	border-radius: 3px 3px 0 0;
}
.jq-select-multiple li:last-child {
	border-radius: 0 0 3px 3px;
}
.jq-select-multiple li.selected {
	background: #08C;
	color: #FFF;
}
.jq-select-multiple li.disabled {
	color: #AAA;
}
.jq-select-multiple.disabled li.selected,
.jq-select-multiple li.selected.disabled {
	background: #CCC;
	color: #FFF;
}
.jq-select-multiple li.optgroup {
	font-weight: bold;
}
.jq-select-multiple li.option {
	padding-left: 25px;
}

/* reset */
/* main variables */
body { margin: 0px; padding: 0px; font-family: 'Open Sans', sans-serif; background-color: #FFF; height: 100%; line-height: 1.42857; position: relative; font-size: 1.4rem !important; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

/*MAIN*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main { display: block; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

table { border-collapse: collapse; border-width: 0px; padding: 0px; margin: 0px; }

html { height: 100%; -webkit-text-size-adjust: none; -ms-text-size-adjust: none; font-size: 10px!important }

input, textarea { color: #333; font-family: Arial, sans-serif; outline: none; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; -webkit-appearance: none; }

input[type="button"], input[type="submit"], button { cursor: pointer; }

td { margin: 0px; padding: 0px; }

form { padding: 0px; margin: 0px; }

a { color: #100da9; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; text-decoration: none; outline: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

a, span, div, button { outline: none !important; }

input[type=submit], input[type=button], button { -webkit-appearance: none; outline: none; }

* { -webkit-box-sizing: border-box; box-sizing: border-box; }

*:before, *:after { -webkit-box-sizing: border-box; box-sizing: border-box; }


/*
================================================================================
|                                     HEADER                                   |
================================================================================
*/
header { width: 100%; height: 80px; min-width: 320px; text-align: left; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; -webkit-order: 1; }

/*
================================================================================
|                                     FOOTER                                   |
================================================================================
*/
footer { height: 80px; text-align: left; width: 100%; min-width: 320px; -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; -webkit-order: 3; }

.main-wrapper { padding: 0 0 0 0; min-width: 320px; width: 100%; position: relative; overflow: hidden; min-height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -ms-flex-direction: column; -webkit-box-pack: start; justify-content: flex-start; -webkit-justify-content: flex-start; -ms-flex-pack: start; }

.wrapper { min-width: 320px; max-width: 1070px; padding: 0 0 0 0; margin: 0 auto; position: relative; }

/* titles */
p { font-size: 1.4rem; line-height: 1.42857; color: #333; padding: 0.8rem 0 0.6rem 0; font-weight: 400;letter-spacing: 0.2px; }

h1 { font-size: 1.8rem; line-height: 1.4; color: #333; font-family: "Open Sans", sans-serif; padding: 0.2rem 0 2.2rem 0; font-weight: 700; text-align: center; letter-spacing: 0.2px; }

h2 { font-size: 1.5rem; line-height: 1.3; color: #333; font-family: "Open Sans", sans-serif; padding: 0.2rem 0 1.9rem 0; font-weight: 700;letter-spacing: 0px; text-align: center; }

h3 { font-size: 1.7rem; line-height: 1.3; color: #333; font-family: "Open Sans", sans-serif; padding: 0.7rem 0 0.7rem 0; font-weight: 700;letter-spacing: 0.2px; }

/* text position */
.text-left { text-align: left !important; }

.text-center { text-align: center !important; }

.text-right { text-align: right !important; }

.nowrap { white-space: nowrap !important; }

/* loader */
.loaded .main-wrapper { opacity: 0; }

.icon-load { background: url(../img/loader.gif) no-repeat left top; width: 40px; height: 40px; position: fixed; left: 50%; top: 50%; margin-left: -20px; margin-left: -20px; display: none; }

.loaded .icon-load { display: block; }

.color-green{ color: #008000;}

.color-red{ color: red;}

.color-blue{color: #3a00e2;}

/*
================================================================================
|                                     CONTENT                                 |
================================================================================
*/
.content { min-width: 320px; text-align: left; width: 100%; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; -webkit-order: 2; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-flex-grow: 1; padding-top: 0;}
.button{
    display: inline-block;
    padding: 1.4rem 2rem 1.4rem 2rem;
    text-align: center;
    background: #46a546;
    color: #FFF;
    width: 100%;
    display: block;
    position: relative;
    overflow: hidden;
    font-weight: 700;
    letter-spacing: 1px;
    font-size: 1.8rem;
    line-height: 1.4;
    text-transform: uppercase;
    border-radius: 3px;
}
.button:hover{
    background: #007500;
}

.main-img{display: block; overflow: hidden;}
.main-img img{display: block; max-width: 100%;}

.js-select {
    display: block;
    width: 100%;
    height: 5rem;
    padding: 1.2rem 1.5rem 1rem;
    font-size: 1.6rem;
    line-height: 1.625;
    color: #2e3033;
    background-color: #fff;
    background-image: none;
    border: 1px solid rgba(0,0,0,.12);
    border-radius: 3px;
    box-shadow: 0;
    -webkit-transition: border-color .15s ease-in-out;
    transition: border-color .15s ease-in-out;
    text-overflow: ellipsis;
    max-width: 51.8rem;
    text-align: left;
}
.step-inner{padding: 3rem 3rem;-webkit-box-shadow: 0 1px 4px rgb(0 0 0 / 30%);
    box-shadow: 0 1px 4px rgb(0 0 0 / 30%); -moz-box-shadow: 0 1px 4px rgba(0,0,0,.3); margin:  0 1px 0 2px; position: relative;}

.step.hide{
    opacity: 0;
    z-index: -1;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    pointer-events: none;
}
.step-inner-cont{
    display: flex;
    justify-content: space-between;
}
.col-text{
    width: 58%;
    padding-right: 2rem;
}
.col-form{
    width: 42%;
}
.col-form .form{
    padding: 2rem 3rem 4.4rem;
    box-shadow: 0 1px 3px rgb(0 0 0 / 8%);
    border-radius: 3px;
    background: linear-gradient(#fff,#eef2f5);
    border: 1px solid #d6dde3;
}
.box-inf{
    padding: 2.3rem 0 3rem 0;
}
.inf-list{
    border: 3px solid #008000;
    padding: 1.5rem 1.5rem;
}
.inf-list li{
    list-style-type: none;
    padding: 0 0 0 1.7rem;
    position: relative;
    margin-bottom: 2rem;
    font-size: 1.6rem;
}
.inf-list li:last-child{
    margin-bottom: 0;
}
.inf-list li:before{
    display: block;
    content: '\2713';
    position: absolute;
    left: 0px;
    top: -3px;
    font-size: 1.8rem;
}
.box-field{
    display: block;
    position: relative;
    margin-bottom: 1.8rem;
}
.box-field label{
    display: block;
    font-size: 1.4rem;
    color: #36434d;
    font-weight: 200;
    max-width: 100%;
    line-height: 1.4;
    margin-bottom: 3px;
}
.error{
    display: none;
    padding-top: 3px;
    border-color: red;
    color: red;
}
/* span.hide{display: none;}
span.error {
    float: left;
    width: 100%;
    margin: 5px 0 0 0;
    color: #f43e3e;
} */
.box-field .error-field + .error{
    display: block;
}
.phone-text-3 {
    font-size: 20px;
    display: block;
    margin-top: 15px;
}
.form-control{
    display: block;
    width: 100%;
    height: 5rem;
    padding: 0.7rem 1.5rem;
    font-size: 1.6rem;
    line-height: 1.625;
    color: #2e3033;
    background-color: #fff;
    background-image: none;
    border: 1px solid rgba(0,0,0,.12);
    border-radius: 3px;
    box-shadow: 0;
    -webkit-transition: border-color .15s ease-in-out;
    transition: border-color .15s ease-in-out;
    text-overflow: ellipsis;
}
.error-field{
    border-color: red;
}
.jq-selectbox.error-field .jq-selectbox__select{
    border-color: red;
}
.jq-selectbox.error-field.changed .jq-selectbox__select{
    border-color: rgba(0,0,0,.12);
}
.form-control:focus{
    border-color: #807190;
}
.form-control::-moz-placeholder {
    color: #c7c7c7; /* Цвет подсказывающего текста */
   }
.form-control::-webkit-input-placeholder { color: #c7c7c7; }
.form-control:-ms-input-placeholder { color: #c7c7c7; }
.form-control::-ms-input-placeholder { color: #c7c7c7; }
.form-control::placeholder { color: #c7c7c7; }
.form-note{
    padding: 0 0 1.4rem 0;
}
.box-field + .form-note{
    margin-top: -3px;
}
.form-note__item{
    color: #000;
    font-size: 90%;
    font-style: italic;
    margin-bottom: 1rem;
}
.form-note__item:before{
    display: inline;
    content: '!';
    color: red;
    font-weight: 700;
    padding-right: 4px;
}
.form-note__item:first-child{
    color: #777;
}
.form-img{
    padding: 3.3rem 0 0 0;
}
.form-img img{
    display: block;
    max-width: 100%;
}
.step-visible-1 .inf-order{
    display: none;
}

.choose-product{
    padding: 0 0 0 0;
}
.choose-product h2{
    text-align: center;
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
    font-size: 1.9rem;
    line-height: 1.4;
}
.products{
    display: flex;
    justify-content: space-between;
    padding-top: 4.3rem;
    padding-bottom: 1.5rem;
}
.product-item{
    width: calc(50% - 20px);
    padding: 3rem;
    box-shadow: 0 1px 3px rgb(0 0 0 / 8%);
    border-radius: 3px;
    background: linear-gradient(#fff,#eef2f5);
    border: 1px solid #d6dde3; 
    position: relative;
}
.product-item__img{
    display: block;
    padding: 0 0 3.2rem 0;
    text-align: center;
    position: relative;
}
.product-item__img img{
    display: inline-block;
}
.top-choose{
    background: #398800;
    padding: .2rem 1rem .3rem;
    font-size: 1.4rem;
    color: #ffffff;
    position: absolute;
    right: 0;
    top: 3rem;
}
.product-item__descr{
    padding-top: 2.5rem
}
.product-item__descr-item{
    border-top: 1px solid #d0d8df;
    list-style-type: none;
    padding: 1.2rem 0 1.2rem 0;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    font-size: 1.4rem;
    line-height: 1.8rem;
}
.product-item__descr-item .name{
    width: 50%;
    padding-right: 0.5rem;
}
.product-item__descr-item .descr{
    width: 50%;
    padding-right: 0.5rem;
    font-weight: bold;
}
.gold{
    display: inline-block;
    padding: 0.3rem 0.7rem;
    margin: -0.3rem -0.7rem;
    background: #edc152;
}
.descr ul{
    padding: 0 0 0 0;
}
.descr ul > li{
    list-style-type: none;
    padding: 0 0 0 0;
    margin-bottom: 1.2rem;
    position: relative;
}
.descr ul > li:before{
    display: block;
    content: '';
    position: absolute;
    left: -2rem;
    top: 0;
    width: 0.8rem;
    height: 1.5rem;
    transform: rotate(40deg);
    border-right: 3px solid #49af00;
    border-bottom: 3px solid #49af00;
}
.descr ul > li:last-child{
    margin-bottom: 0;
}
.descr .price{
    display: inline-block;
    background: #fff35e;
    padding: .2rem 1rem .3rem;
    font-size: 1.4rem;
    margin: -0.2rem 0 0 -1rem;
    color: #ff0000;
}
.old-price{
    padding-top: 0.4rem;
    font-weight: 400;
}
.old-price span{
    text-decoration: line-through;
}
.delivery-inf{
    padding: 1.5rem 0 2rem 0;
    text-align: center;
}
.my-choose{
    
}
.my-choose{
    background: #f8f19b;
    padding: 2.7rem 3rem 2.7rem 3rem;
    margin: 0 -3rem;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    align-content: center;
}
.my-choose__text{
    font-weight: bold;
    font-size: 1.9rem;
    line-height: 1.2;
    color: #000000;
    display: inline-block;
    vertical-align: middle;
    padding-right: 3.3rem;
    padding-top: 1.6rem;
}
.step-btn{
    padding-top: 3.2rem;
    text-align: center;
}
.step-btn .button{
    display: inline-block;
    width: 35.8rem;
    max-width: 100%;
}
.box-delivery{
    padding-top: 2rem;
}
.box-delivery h2{
    font-size: 2.9rem;
}
.delivery-text{
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    padding-bottom: 2rem;
}
.delivery-text2 {
    display: block;
    text-align: center;
}
.delivery-text__cont{
    padding-left: 2rem;
}
.delivery-text__cont span{
    font-weight: bold;
}
.delivery-form{
    background: #ebf5ff;
    border: 3px solid #004fa2;
    padding: 3rem 4rem 3rem 4.9rem;
    position: relative;
    margin-bottom: 3.2rem;
}
.delivery-form p{
    padding-bottom: 4rem;
}
.horizontal .box-field{
    display: flex;
    justify-content: space-between;
    max-width: 56rem;
} 
.delivery-form .box-field{
    max-width: 56rem;
} 
.horizontal .box-field label{
    width: 18rem;
    min-width: 18rem;
    padding-top: 1.5rem;
}
.box-field__input{
    width: 100%;
}
.inf-order{
    padding-top: 4rem;
    padding-bottom: 2rem;
}
.contact-form{
    background: #ebfff0;
    border: 3px solid #0ba200;
    padding: 4rem 4rem 3rem 4.9rem;
    position: relative;
    margin-bottom: 1.2rem;
}
.contact-form .box-field{
    max-width: 65rem;
} 
.contact-form p{
    padding-bottom: 3rem;
}
.box-field__input.col-3{
    display: flex;
    justify-content: space-between;
}
.box-field__input.col-3 .col{
    width: calc(33.333% - 15px);
}
.button-tel{
    padding: 2rem 0 2rem 0;
    display: flex;
    justify-content:flex-start;
    align-items: center;
}
.button-tel .button{
    border-color: #21ad57;
    box-shadow: inset 0 0 0 1px #76b976;
    padding: 1rem 1rem 1rem 1rem;
    min-width: 15rem;
    font-size: 1.4rem;
    letter-spacing: 0;
    max-width: 20rem;
}
.button-tel .button.disabled{
    pointer-events: none;
    opacity: 0.6;
}
.button-tel__text{
    display: none;
    padding-left: 3rem;
}
.box-code{
    padding: 0 0 0 0;
    display: none;
}
.box-code p{
    padding-bottom: 1rem;
}
.sms{
    display: flex;
    max-width: 20.6rem;
    justify-content: space-between;
}
.sms-field{
    width: 100%;
    padding-right: 2rem; 
}
.sms-field .form-control{
    height: 4rem;
}
.sms-field .error{
    white-space: nowrap;
}
.sms-button{
    min-width: 5.1rem;    
}
.sms-button .button{
    border-color: #21ad57;
    box-shadow: inset 0 0 0 1px #76b976;
    padding: 1rem 1rem 1rem 1rem;
    width: 100%;
    font-size: 1.4rem;
    letter-spacing: 0;}

.box-order-main{
    background: #FFF;
    border: 3px solid #7e7e7e;
    padding: 4rem 4rem 3rem 4.9rem;
    position: relative;
    margin-bottom: 0rem;
}
.order-main-inf{
    padding: 0 0 0 0;
}
.order-main-inf__item{
    padding: 0.5rem 0 0.6rem 0;
    display: flex;
}
.order-main-inf__item span:first-child{
    font-weight: bold;
    min-width: 15rem
}
.order-main-inf__item span:last-child{
    padding-left: 1.6rem;
    width: 100%;
}
.step-btn p{
    padding-bottom: 3rem;
}
.table-order{
   padding: 4rem 0 0 0; 
}
.table-order p{
    padding: 0 0 2rem 0;
}
.table-order table{
    padding: 0 0 0 0;
    border-collapse: collapse;
    width: 100%;
}
.table-order table td{
    border: 2px solid #000000;
    padding: 1rem 1.5rem 1rem 1.5rem;
    vertical-align: middle;
    height: 6rem;
}
.table-order table td img{
    display: block;
    max-width: 4rem;
    margin: 0 auto;
}
.table-order table td:nth-child(2){
    padding-left: 2rem;
    padding-right: 2rem;
    font-weight: bold;
}
.table-order table td:last-child{
    text-align: center;
    white-space: nowrap;
}
.table-order table tr:last-child td:first-child{
    text-align: right;
    font-weight: bold;
    border-bottom: none;
    border-left: none;
}
.table-order table tr:last-child td{
    font-weight: bold;
}
.table-order table tr:last-child td:last-child{
    background: #fffad1;
}
.box-button-change{
    padding: 2rem 0 2rem 0;
}

.button-change{
    display: inline-block;
    padding: 1rem 1.5rem 1.1rem 1.5rem;
    text-align: center;
    background: #d80015;
    color: #FFF;
    display: inline-block;
    position: relative;
    overflow: hidden;
    font-weight: 400;
    font-size: 1.4rem;
    line-height: 1.4;
    border-radius: 3px;
}
.button-change:hover{
    background: #b10516;
}
.my-choose__sel .error{
    /* display: none; */
}
.novalid .my-choose__sel .error{
    display: block;
    color: red;
    text-align: left;
}
.changed + .error{
    display: none!important;
}

.form-control.disabled {
    pointer-events: none;
    opacity: .7;
}

.change-tel {
    margin-top: 5px;
    display: none;
    font-size: 1.4rem;
    line-height: 1.42857;
    color: #333;
}
.change-tel:hover {
    opacity: .7;
}
.change-tel.active {
    display: block;
}


.inf-order p a {
    border-bottom: 1px solid #100da9;
    display: inline-block;
}
.inf-order p a:hover {
    border-color: transparent;
}
.popup {
	position: absolute;
	left: -9999px;
	top: -9999px;
	opacity: 0;
}
.fancybox-skin {
	background-color: transparent;
	padding: 0;
}
.fancybox-overlay {
	background: #1E213D;
}
.terms-popup {
	width: 960px;
	max-width: 100%;
	position: relative;
	margin: auto;
}
.terms-popup h4, .terms-popup ul, .terms-popup li {
    margin-bottom: 15px;
}
.terms-popup h4 {
    margin: 15px 0;
}
.terms-popup h3 {
    margin: 30px 0;
    text-align: center;
}
.terms-popup h3:first-of-type {
    margin-top: 0;
}
.terms-popup ul {
    list-style: none;
}
.terms-popup ul li ul {
    padding-left: 30px;
    margin-top: 15px;
    list-style-type: disc;
}
.fancybox-is-open .fancybox-bg {
    opacity: 0.5;
}

@media screen and (max-width: 1070px) {
    .inf-order{
        padding-left: 1.5rem;
        padding-right: 1.5rem;
        padding-bottom: 2rem;
        padding-top: 2rem;
    }
}
@media screen and (max-width: 991px) {
    .step-inner-cont{
        display: block;
    }
    .col-text, 
    .col-form{
        width: 100%;
        padding-top: 1.5rem;
        padding-bottom: 1.5rem;
    }
    .products{
        padding-top: 2rem;
        display: block;
    }
    .product-item{
        width: 100%;
        margin-bottom: 2rem;
    }
    .product-item:last-child{
        margin-bottom: 0;
    }
    
    
}
@media screen and (max-width: 767px) {
    .my-choose{
        display: block;
    }
    .my-choose__text{
        display: block;
        padding-bottom: 1.5rem;
        padding-right: 0;
    }
    .my-choose__sel{
        width: 100%;
    }
    .step-inner{
        margin-left: 0;
        margin-right: 0;
    }
    .step-inner,
    .product-item{
        padding: 1.5rem 1.5rem 2.5rem 1.5rem
    }
    .product-item{
        padding-top: 2.5rem;
    }
    .top-choose{
        /* top: -2.5rem; */
        position: relative;
        top: auto;
        left: auto;
        right: auto;
        display: block;
        margin: auto;
        margin-bottom: 20px;
    }
    .product-item {
        display: flex;
        flex-direction: column;
    }
    .col-form .form{
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }
    .product-item__descr{
        padding-top: 0.5rem;
    }
    .delivery-form,
    .contact-form,
    .box-order-main{
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }
    .horizontal .box-field{
        display: block;
    }
    .horizontal .box-field label{
        width: 100%;
        padding-top: 0;
        margin-bottom: 5px;
    }
    .fancybox-content {
        padding: 20px;
    }
}
@media screen and (max-width: 550px) {
    .box-field__input.col-3{
        display: block;
    }
    .box-field__input.col-3 .col{
        width: 100%;
    }
    .box-field__input.col-3 .col+.col{
        margin-top: 1.5rem;
    }
    .button-tel{
        display: block;
    }
    .button-tel__text{
        width: 100%;
        padding-left: 0;
        padding-top: 0.7rem;
    }
    .table-order table td:nth-child(2){
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }
    .box-delivery h2{
        font-size: 2.4rem;
    }
    .delivery-form p{
        padding-bottom: 2rem;
    }
}
@media screen and (max-width: 480px) {
    .delivery-text img{
        max-width: 11.5rem
    }
    .table-order table td{
        font-size: 1.3rem;
    }
    .table-order table td img{
        max-width: 3.5rem;
    }
    .order-main-inf__item{
        font-size: 1.3rem;
    }
    .order-main-inf__item span:first-child{
        min-width: 11rem;
    }
    .table-order{
        padding-top: 2.5rem;
    }
}




.product-item.gold-item{
    background: linear-gradient(#fff,#fef2d3);
    border-color: #d6dde3; 
}
.col-form .form{
    background: linear-gradient(#fff,#eef2f5);
    border-color: #d6dde3; 
}
.product-item__name{
    font-size: 17px;
    font-weight: bold;
    text-align: center;
    padding-top: 0;
    padding-bottom: 20px;
}

.js-code2{display: none;}

.js-code2 img {
    width: 25px;
    position: absolute;
    top: 7px;
    right: 3px;
}
































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