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

* { margin: 0; padding: 0; outline: none; }
html, body { width:100%; height: 100%; }
.cl:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }
.bl { display: block; }
/* ------------------------------------------------------------------------------------------------------------------------------------------------ */
/* Main Styles */

body { background: #fff; color: #3b3634; font-family: 'pf_dindisplay_prolight'; font-size: 17px; }
a { color: #13b4ff; text-decoration: underline; }
a:hover { text-decoration: none; }
em { font-style: normal; }
strong { font-family: 'pf_dindisplay_proregular'; font-weight: normal; }
ul { list-style: none; }
table { border-collapse: collapse; }
.modal { background: #fff; display: none; padding: 40px 50px; text-align: center; }
.modal .center { padding: 0; }
.modal p.small { font-size: 13px; padding: 5px 0 0; text-align: center; }
.modal p.small span { font-family: 'pf_dindisplay_promedium'; position: relative; }
.modal .modal-title { font-family: 'pf_dindisplay_promedium'; font-size: 30px; padding-bottom: 10px; text-transform: uppercase; }
.modal p { padding-bottom: 20px; }
#question form { text-align: left; position: relative; width: 600px; }
#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:#848575;
opacity:1;
}
input::-moz-placeholder, textarea::-moz-placeholder {
color:#848575;
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: 10px; 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: #ef1103; border-radius: 4px; color: #fff; content: attr(data); cursor: pointer; font-size: 15px; 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 #ef1103; 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 #ef1103; 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 #ef1103; left: 50%; top: -10px; }
label.top:after { left: 8%; top: -41px; }
label.red { border: solid 1px #ef1103; }
label.red:before, label.red:after { opacity: 1; visibility: visible; }
/* ------------------------------------------------------------------------------------------------------------------------------------------------ */
/* Forms */

input.button { display: none; }
label { border: solid 1px #c4c5b4; border-radius: 3px; width: 277px; }
label input { border: none; color: #848575; font-family: 'pf_dindisplay_proregular'; font-size: 18px; height: 33px; line-height: 24px; padding-left: 36px; width: 241px; }
label.name input { background: url(../img/icon-name.png) 15px 9px no-repeat #fff; border-radius: 2px; }
label.phone input { background: url(../img/icon-phone.png) 15px 9px no-repeat #fff; border-radius: 2px; }
label.btn { background: url(../img/buttons.png) 100% 0 no-repeat; border: none; height: 49px; margin-left: 10px; width: 270px; }
label.btn span { background: url(../img/buttons.png) 0 0 no-repeat; color: #4e1d0a; cursor: pointer; display: block; font-family: 'pf_dindisplay_promedium'; }
label.btn span { font-size: 17px; height: 34px; line-height: 18px; margin: 0 10px 0 -10px; padding-left: 10px; padding-top: 15px; text-shadow: 0 1px 0 #fff552; text-transform: uppercase; }
label.btn:hover { background-position: 100% -59px; }
label.btn:hover span { background-position: 0 -59px; }
label.btn:active { background-position: 100% -118px; }
label.btn:active span { background-position: 0 -118px; }
.ass-form label.name, .ass-form label.phone { margin: 0; width: 200px; }
.ass-form label.name input, .ass-form label.phone input { background: #f3f3f3; height: 28px; padding: 0 10px; width: 180px; }
.ass-form label.btn { margin-top: 10px; width: auto; }
.ass-form label.btn span { padding: 15px 30px 0 40px; }
.r-buttons div { float: left; position: relative; width: 120px; }
.r-buttons div span { display: inline-block; padding-left: 5px; vertical-align: top; }
.r-buttons div label { background: url(../img/radio.png) 0 0 no-repeat; border: none; border-radius: none; cursor: pointer; height: 19px; margin: 0; position: relative; width: 18px; }
.r-buttons div input { cursor: pointer; visibility: hidden; height: auto; position: absolute; width: auto; }
.r-buttons div input[type=radio]:checked + label { background-position: 0 -19px; }
.modal label { margin: 0 5px 10px; }
.modal label.btn { margin: 10px 0 0 10px; }
#question label.question { height: 78px; position: absolute; right: 0; top: 0; width: 290px; }
#question label.question textarea { border: none; color: #848575; font-family: 'pf_dindisplay_proregular'; font-size: 18px; }
#question label.question textarea { background: none; height: 73px; line-height: 24px; overflow: auto; padding: 5px 0 0 10px; width: 280px; }

/* ------------------------------------------------------------------------------------------------------------------------------------------------ */
iframe [style^="opacity: 0;"] {
	display: none;
}