.popup__overlay{
position: fixed;
z-index: 9900;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0,0,0,.4);
display: none;
}
.popup__main{
position: fixed;
z-index: 9999;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
background-color: #f6f7fb;
width: 95%;
max-width: 590px;
border-radius: 8px;
padding: 10px 15px 24px 15px;
display: none;
}
.btn--close{
position: absolute;
top: 18px;
right: 18px;
z-index: 4;
background: url(https://cheesto.com/wp-content/themes/simpatika/myland_order/close.png) center center no-repeat;
-webkit-background-size: contain;
background-size: contain;
width: 36px;
height: 36px;
}
.popup__title{
margin-bottom: 16px;
text-align: left;
font-size: 16px;
color: #444;
font-weight: 900;
}
.popup__txt{
text-align: center;
color: #000;
font-size: 15px;
margin-bottom: 20px;
font-weight: 400;
}
.popup__txt b{font-weight: 900;}
.popup__form .input{
max-width: 100%;
border: 1px solid #ccc;
margin-bottom: 17px;
}
.popup__form .input:focus{border: 1px solid #71a0ff;}
	

.popup__form .check{
margin: 0 0 20px 0;
max-width: 100%;
}
.popup__form.ok-block .input,
.popup__form.ok-block .btn,
.popup__form.ok-block .check,
.popup__form.ok-block .check,
.popup__form.ok-block .popup__title,
.popup__form.ok-block .popup__txt{display: none;}
.ok-f{
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
-ms-align-items: center;
align-items: center;
justify-content: center;
color: green;
text-align: center;
}

.red{color: #e1392e;}

.btn{
display: block;
padding: 0;
outline: none;
border: none;
background: none;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-transition: .25s ease;
-o-transition: .25s ease;
transition: .25s ease;  
cursor: pointer;
border-radius: 0;
white-space: nowrap;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}


.btn:disabled {
cursor: default;
opacity: .3;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
}
.btn--red{
font-weight: 400;
line-height: 48px;
border-radius: 2px;
background-color: #ed3667;
text-align: center;
color: #fff;
font-size: 14px;
box-shadow: 1.147px 1.638px 6px 0 rgba(0, 0, 0, .3);
overflow: hidden;
position: relative;
}
.btn--red:after {
background: #fff;
content: "";
height: 200%;
left: -75px;
opacity: .2;
position: absolute;
top: -50%;
-webkit-transform: rotate(35deg);
transform: rotate(35deg);
-webkit-transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
width: 50px;
}

.btn--red:hover:after {
left: 110%;
-webkit-transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
}

.input{
display: block;
outline: none;
width: 100%;
height: 34px;
padding: 6px 12px;
border: 1px solid #ccc;
border-radius: 2px;
background: #fff;
color: #000;
font-size: 14px;
font-weight: 400;
}
.input.error{border-color: #e1392e;}
.input::-webkit-input-placeholder{opacity: 1; color: #777;}
.input::-moz-placeholder{opacity: 1; color: #777;}
.input:-moz-placeholder{opacity: 1; color: #777;}
.input:-ms-input-placeholder{opacity: 1; color: #777;}
.input:placeholder{opacity: 1;color: #777;}
.input:focus:required:valid,.textarea:focus:required:invalid{color: #000;}.input:required:valid,.textarea:required:valid{color: #000;}
.form{margin: 0;}
.label{display: block;}
.textarea{
font-family:Verdana,Arial,sans-serif;
resize: none;
height: 70px;
padding: 10px 12px;
}

.check{
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
-ms-align-items: center;
align-items: center;
justify-content: flex-start;
}
.check input{display: none;}
.check__custom{
display: block;
width: 18px;
height: 18px;
border: 2px solid #777;
border-radius: 0%;
-webkit-transition: .25s ease;
-o-transition: .25s ease;
transition: .25s ease;
margin-right: 19px;
cursor: pointer;
}
.check input:checked + .check__custom{background-color: #e1392e;}
.check__name{
font-size: 15px;
color: #000;
font-weight: 400;
}

.form__submit{
width: 180px;
font-size: 14px;
text-transform: uppercase;
font-weight: 700;
}

.btn2{width: 180px;margin-top:25px;text-decoration:none;padding:17px 30px 17px 30px;border-radius:3px;transition:.3s ease;
font-weight: 600;
line-height: 48px;
background-color: #ed3667;
text-align: center;
color: #fff;
font-size: 16px;
box-shadow: 1.147px 1.638px 6px 0 rgba(0, 0, 0, .3);
overflow: hidden;
position: relative;
}
.spec_order_box a:hover {color: #ccc;text-decoration:none;}
.spec_gray {color: #ddd;}


@media only screen and (max-width : 767px){
.popup__form .jq-selectbox,.popup__form .input {margin-bottom: 10px;}
.popup__title {margin-bottom: 12px;font-size: 20px;}
.popup__main{padding: 12px;}
.btn--close {top: 12px;right: 12px;width: 22px;height: 22px;}
.popup__txt{font-size: 14px;margin-bottom: 10px;}
.popup__overlay{background-color: rgba(0,0,0,.8);}
.ok-f{height: 366px;}
.check__custom{margin-right: 10px;}
.check__name{font-size: 11px;}
.input {height: 36px;}
.textarea{height: 60px;}
}
@media only screen and (max-width : 767px){
.input{font-size:13px;height:30px;}
.textarea{height: 50px;}
.popup__title {margin-bottom:10px;font-size:18px;line-height: 17px;}
.popup__form h2{margin-top: 5px;}
.popup__txt{font-size:14px;margin-bottom:8px;line-height: 16px;}
.textarea{padding: 7px 12px;}
.btn--red{line-height: 36px;border-radius: 20px;font-size: 16px;}
.check__name{font-size: 11px;line-height: 14px;}
}

.myland_order form{content: '';display: table;clear: both;width:100%;}
.myland_order{font-family: 'Roboto', sans-serif;padding: 60px 0px 70px 0px;width:100%;background: center no-repeat url('https://cheesto.com/wp-content/themes/simpatika/myland_order/order-fon.jpg'); background-color:#fff;background-size: cover;}
.myland_order_box{max-width: 1140px;padding: 25px 0 0 20px;display: table;clear: both;margin: 0 auto 0 auto; display:flex;flex-direction:column;}
.myland_order_zagolovok{ color: #FFFFFF;font-weight: 400;font-size: 39px;margin-bottom:30px;}
.myland_order_text{color: #FFFFFF;font-size: 18px;font-weight: 400;line-height: 26px;margin-bottom:25px;}
.myland_order_podzagolovok{color: #FFFFFF;font-weight: 400;font-size: 29px;margin-bottom:30px;margin-top:15px;}
.myland_order input {float:left;width: 30%;font-family: "Roboto", Sans-serif;font-size: 16px;color:#fff;font-weight: 400;border: 1px solid #fff;background-color: rgba(255, 255, 255, 0);border-radius: 3px;padding-right: calc( 10px/2 );padding-left: calc( 10px/2 ); padding-top:7px;padding-bottom:7px;}
.myland_order  button{float:left;width: 20%;min-height: 35px;font-family: "Roboto", Sans-serif;font-size: 15px;font-weight: 500;color: #fff;text-align: center;border: 1px solid #fff;background-color: rgba(255, 255, 255, 0);border-radius: 3px;cursor: pointer;margin-left: 10px;margin-top:0px;padding-right: calc( 10px/2 ); padding-left: calc( 10px/2 );}
.myland_order input::placeholder {color: #fff;opacity:1;}


@media only screen and (max-width : 767px){
.myland_order input {float:none;width: 93%;margin-left: 5px;}	
.myland_order  button{float:none;width: 93%;margin-left: 5px;margin-top:20px;}
}

.myland_order_ok{display:block;clear:both;width:93%;font-family: "Roboto", Sans-serif;font-weight: 400;font-size: 1em;color: #fff;margin: 60px 10px 10px 3px;}
@media only screen and (max-width : 767px){
.myland_order_ok{margin: 15px 10px 10px 10px;}
}