/* CSS Document */
/* RESET */
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, input, select, textarea,
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;} iframe{display:none;}
h1, h2, h3, h4, h5, h6 { font-weight: normal;}
/* END RESET*/



/*WAI*/

[aria-hidden="true"] { visibility: hidden; }



/*LAYOUT*/
.desktop {display: none;}
body {direction: rtl;font-size: 16px;/* background-color: #000; */}
#top_wrapper {position: relative;width: 100%;top: 0;left: 0;padding-top: 0;overflow-x: hidden;height: 81rem;box-sizing: border-box;padding-top: 47.7rem;
background: url("../images/bgmob.jpg"); background-repeat: no-repeat; background-position: top center; color: #fff;background-size: 100%;}
.content {height: 31.4rem;box-sizing: border-box;}
.done #top_wrapper { height: 43rem; padding: 0; background-image: url("../images/mobthx.jpg")}

.error {background-color: indianred !important;}
.ltr { direction: ltr}





#lead_form {height: 100%;box-sizing: border-box;padding-top: 35%;}

.input-row {padding: 0 11% 10.1% 10.7%;height: 2.7rem;}
.form-input {border: 0;width: 100%;height: 100%;box-sizing: border-box;padding: 0 4%;font-size: 2.2rem;font-family: kulya_reg;color: #000;text-align: center;text-align-last: center;-webkit-text-align: center;-webkit-text-align-last: center;-webkit-appearance: none;background-color: #fff;}
#name_row {margin-bottom: 0;}
#area_row {padding: 0 17% 3% 17.8%;margin-bottom: 0;}
#form_area {text-align: center;padding: 0 9%;text-align: -webkit-center;-webkit-text-align:center;}

#phone_row { padding-bottom: 8.5%;}
div#email_row {padding-bottom: 4.3%;}
div#checkbox_row {padding: 0 18.6% 3.1% 0;position: relative;}
label.checkbox-label {color: #fff;font-size: 0.9rem;letter-spacing: 0.005rem;line-height: 1.1rem;display: inline-block;}

#phone_row .form-input {padding: 0 16% 0 0;}
#phone_row #form_pre_phone {float: left;width: 14%;padding:0 0 0 0.5%;margin-left: 0.4%;text-align: left; direction: ltr; font-size: 0.4rem; font-weight: bold}
#form_phone {width: 82%;}
#submit_row {padding: 0 29.8% 0 30.9%;height: 0.75rem;margin-bottom: 0.2rem;}
input#send {border: 0;margin-right: 11.2%;width: 78.3%;height: 3.1rem;background: url('../images/send2.png') no-repeat center center;background-size: 100%;}
#agree {position: absolute;}
.shimush { color: #fff; text-decoration: none}
.shimush:active { color: #fff; text-decoration: none}
.shimush:visited { color: #fff; text-decoration: none}
.shimush:hover { color: #fff; text-decoration: underline}

input[type="checkbox"] {opacity: 0;pointer-events: none;}
/*input[type="checkbox"] + label{letter-spacing: 0.007em;font-size: 0.31rem;font-weight: 700;}*/
input[type="checkbox"] + label:before,
input[type="checkbox"]:checked + label:after{position: absolute;display: block;width: 1rem;height: 1rem;top: 0.5rem;right: 2.9rem;border-radius: 2px;content: '';}
input[type="checkbox"]:checked + label:after{content: '✓';color: #FFFFFF;font-weight: bold;top: 0.5rem;right: 2.8rem;font-size: 1.3rem;color: blue;}
input[type="checkbox"] + label:before{background-color: #fff;}


.thx {position: absolute;width: 89.2%;height: 6.95rem;top: 32.3rem;margin-right: 1.4rem;background: url('../images/details2.png') no-repeat center center;background-size: 100%;}
#thx_link { display: block; width: 100%; height: 100%;}