/* ------------------------------------------------------------------------------------------------------------------------------------------------ */
/* Anton Lukashov | cassador.ru */

/* ------------------------------------------------------------------------------------------------------------------------------------------------ */
/* Tech Styles */

* { margin:0; padding:0; outline:none; }
html, body { height:100%; }

.cl:after { clear:both; content:"."; display:block; height:0; visibility:hidden; }
.bl { display:block; }

/* ------------------------------------------------------------------------------------------------------------------------------------------------ */
/* Main Styles */

body { background:#fff; color:#7d7d7d; font-family:'ProximaNovaCond-Regular'; font-size:18px; min-width: 1000px; }

em { font-style:normal; }
strong { font-weight:normal; }
ul { list-style:none; }

.modal { background:#fff; border:solid 4px #74c4db; border-radius:15px; display:none; padding:40px 60px; text-align:center; }
  .modal-title { color:#1c2e52; font-size:36px; line-height:46px; text-transform:uppercase; }
  .modal p { padding:10px 0 15px; }
#question.modal form { text-align:left; position:relative; width:690px; }
#lean_overlay { background:#000; display:none; height:100%; left:0px; position:fixed; top:0px; width:100%; z-index:1000; }

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color:#444; opacity:1; }
input::-moz-placeholder, textarea::-moz-placeholder { color:#444; opacity:1; }
input:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder { opacity:0; }
input:focus::-moz-placeholder, textarea:focus::-moz-placeholder { opacity:0; }
textarea { resize:none; }

/* ------------------------------------------------------------------------------------------------------------------------------------------------ */
/* Errors */

label { display:inline-block; margin-bottom:15px; position:relative; }
label:before, label:after { display:block; opacity:0; position:absolute; visibility:hidden; z-index:900; }
label:before { content:''; height:0; line-height:0; position:absolute; width:0; }
label:after { background-color:#f00; border-radius:4px; color:#fff; content:attr(data); cursor:pointer; font-size:16px; height:20px; }
label:after { line-height:10px; padding:11px 11px 0; white-space:nowrap; }

label.right:before { border-top:solid 5px transparent; border-bottom:solid 5px transparent; border-right:solid 5px #f00; left:100%; margin:-5px 0 0 5px; top:50%; }
label.right:after { left:100%; margin:-16px 0 0 10px; top:50%; }

label.left:before { border-top:solid 5px transparent; border-bottom:solid 5px transparent; border-left:solid 5px #f00; margin:-5px 5px 0 0; right:100%; top:50%; }
label.left:after { right:100%; margin:-16px 10px 0 0; top:50%; }

label.top:before { border-left:solid 5px transparent; border-right:solid 5px transparent; border-top:solid 5px #f00; left:50%; top:-10px; }
label.top:after { left:18%; top:-41px; }

label.red { border:solid 2px #f00; }
label.red:before, label.red:after { opacity:1; visibility:visible; }

/* ------------------------------------------------------------------------------------------------------------------------------------------------ */
/* Forms */

label { border:solid 2px rgba(163,163,163,0.22); border-radius:8px; box-shadow:0 1px 2px rgba(255,255,255,0.36); }
  label input { border:none; border-radius:4px; font-family:'ProximaNovaCond-Regular'; font-size:22px; height:46px; width:286px; }
  label input { padding-left:50px; }
  label.name input { background:url(../i/icon-name.png) 17px 15px no-repeat #fff; }
  label.phone input { background:url(../i/icon-phone.png) 17px 15px no-repeat #fff; }
  label.email input { background:url(../i/icon-mail.png) 17px 15px no-repeat #fff; }
label.question { background:none #fff; height:175px; position:absolute; right:0; top:0; width:330px; }
  label.question textarea { background:none; border:none; color:#424242; font-family:'ProximaNovaCond-Regular'; font-size:22px; padding:6px 0 0 15px; }
  label.question textarea { overflow:auto; height:160px; width:315px; }

.promo-slide.page2 label { border-radius:4px; }
  .promo-slide.page2 label input { border-radius:2px; font-size:16px; height:32px; padding-left:30px; width:218px; }
   .promo-slide.page2 label.name input { background:url(../i/icon-name2.png) 11px 11px no-repeat #fff; }
   .promo-slide.page2 label.phone input { background:url(../i/icon-phone2.png) 11px 11px no-repeat #fff; }
   .promo-slide.page2 label.email input { background:url(../i/icon-mail2.png) 11px 11px no-repeat #fff; }

/* ------------------------------------------------------------------------------------------------------------------------------------------------ */
/* cassador.ru */