@font-face {
    font-family: 'cond regular';
    src: url('../fonts/pfdintextcondpro-italic-webfont.eot');
    src: url('../fonts/pfdintextcondpro-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/pfdintextcondpro-italic-webfont.woff') format('woff'),
         url('../fonts/pfdintextcondpro-italic-webfont.ttf') format('truetype'),
         url('../fonts/pfdintextcondpro-italic-webfont.svg#pf_din_text_cond_proitalic') format('svg');
    font-weight: normal;
    font-style: italic;

}




@font-face {
    font-family: 'display medium';
    src: url('../fonts/pfdindisplaypro-med-webfont.eot');
    src: url('../fonts/pfdindisplaypro-med-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/pfdindisplaypro-med-webfont.woff') format('woff'),
         url('../fonts/pfdindisplaypro-med-webfont.ttf') format('truetype'),
         url('../fonts/pfdindisplaypro-med-webfont.svg#pf_dindisplay_promedium') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'display light';
    src: url('../fonts/pfdindisplaypro-light-webfont.eot');
    src: url('../fonts/pfdindisplaypro-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/pfdindisplaypro-light-webfont.woff') format('woff'),
         url('../fonts/pfdindisplaypro-light-webfont.ttf') format('truetype'),
         url('../fonts/pfdindisplaypro-light-webfont.svg#pf_dindisplay_prolight') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'display bold';
    src: url('../fonts/pfdindisplaypro-bold-webfont.eot');
    src: url('../fonts/pfdindisplaypro-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/pfdindisplaypro-bold-webfont.woff') format('woff'),
         url('../fonts/pfdindisplaypro-bold-webfont.ttf') format('truetype'),
         url('../fonts/pfdindisplaypro-bold-webfont.svg#pf_dindisplay_probold') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'display regular';
    src: url('../fonts/pfdindisplaypro-reg-webfont.eot');
    src: url('../fonts/pfdindisplaypro-reg-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/pfdindisplaypro-reg-webfont.woff') format('woff'),
         url('../fonts/pfdindisplaypro-reg-webfont.ttf') format('truetype'),
         url('../fonts/pfdindisplaypro-reg-webfont.svg#pf_dindisplay_proregular') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'display regular';
    src: url('../fonts/pfdindisplaypro-italic-webfont.eot');
    src: url('../fonts/pfdindisplaypro-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/pfdindisplaypro-italic-webfont.woff') format('woff'),
         url('../fonts/pfdindisplaypro-italic-webfont.ttf') format('truetype'),
         url('../fonts/pfdindisplaypro-italic-webfont.svg#pf_dindisplay_proitalic') format('svg');
    font-weight: normal;
    font-style: italic;

}

@font-face {
    font-family: 'cond regular';
    src: url('../fonts/pfdintextcondpro-regular-webfont.eot');
    src: url('../fonts/pfdintextcondpro-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/pfdintextcondpro-regular-webfont.woff') format('woff'),
         url('../fonts/pfdintextcondpro-regular-webfont.ttf') format('truetype'),
         url('../fonts/pfdintextcondpro-regular-webfont.svg#pf_din_text_cond_proregular') format('svg');
    font-weight: normal;
    font-style: normal;

}


html, body {min-width: 1024px; font-size:16px; font-family:"display light",sans-serif; position: relative; color: #2f2f2f;}
a {color: inherit; text-decoration: none;}

.clearfix:after {visibility: hidden; display: block; font-size: 0; content: ""; clear: both; height: 0;}
.wrap-outer {width:100%;}
.wrap {width:940px; margin: 0 auto; padding: 0 10px;}

.header-top {background-color: #f4f4f4;}
.header-top .wrap {position: relative;}
.header-top img {float: left;}
.header-top p {position: absolute; left: 130px; top: 26px; line-height: 1.333em; font-family: "cond regular", sans-serif; font-style: italic; font-size: 1.125em;}
.header-top .call {float: right; text-align: right; margin-top: 7px;}
.header-top .call h2 {font-size: 1.5em; font-family: "display medium", sans-serif; margin-bottom: 4px;}
.header-top .call h2 em {color: #e6192b;}
.header-top .call a {color: #ff182a; text-transform: uppercase; border-bottom: 2px dashed #ff182a; font-size: 1.125em; font-family: "display regular", sans-serif;}
.header-top .call a:hover {border-bottom-color: transparent;}
header {text-align: center;}
header h1 {padding-top: 12px; text-transform: uppercase; font-size: 2.813em; line-height: 1em; font-family: "display light", sans-serif;}
header h1 strong {color: #4e338a; font-family: "display bold", sans-serif; display: inline-block;}
header h1 em {font-size: 0.800em; display: block; margin-top: -6px;}
.application-1 {height: 546px; background: url('../img/application-1.jpg') no-repeat center, url('../img/application-1.png') repeat-x center; margin-top: 0.75em;}
.application-1 .wrap {position: relative;}

.application .timer .container {position: absolute; top:220px; left:263px; }
.application .timer .container div {height: 55px; width: 27px; float: left;}
div.hourPlay, div.dayPlay, div.minutePlay, div.secondPlay {background: url('../img/bg/timer0_9.png') repeat 0 0; margin-top: 1px}
div.minute6Play, div.second6Play {background: url('../img/bg/timer0_5_l.png') repeat 0 0; margin: 1px 0 0 11px;}
div.hour2Play, div.day1Play {background: url('../img/bg/timer0_2_l.png') repeat 0 0; margin: 1px 0 0 11px;}

.application-1 .wrap>ul {position: absolute; height: 434px; top: 0; left: 20px; display: table; width: 240px; z-index: 10;}
.application-1 .wrap>ul>li {display: none; vertical-align: bottom; text-align: center; position: relative;}
.application-1 .wrap>ul>li:first-of-type {display: table-cell;}
.application-1 .wrap>ul>li>div {width: 132px; height: 26px; background-color: rgba(255, 255, 255, 0.43); position: absolute; right: -30px; bottom: 64px; font: 0.750em/26px "display medium", sans-serif; text-transform: uppercase; color: #4e338a; overflow: hidden;}
.application-1 .wrap>h2 {width: 480px; position: absolute; z-index: 11; top: 116px; left: 171px; text-align: center; font: 1.250em/1.2em "display light", sans-serif; text-transform: uppercase;}
.application-1 .wrap>h2 span { font-size: 1.154em; font-family: "display regular"; line-height: 2em;}
.application-1 .wrap>h2 em {color: #4e338a; font-size: 1.333em; font-family: "display bold"}

.form-wrap { position: absolute; top: 45px; right: 50px; width:285px; padding: 0 5px; height:345px; background-color: white; border: 1px solid #dddddd; border-radius: 6px;}
.application .wrap .form-wrap h2 {margin-top:14px; font-family:"display regular"; font-size: 1.625em; text-transform: uppercase; text-align: center; margin-top: 30px;}
.application .wrap .form-wrap p {font-family:"display regular"; font-size:0.875em; font-style:normal; margin-top:1em; margin-bottom:10px; text-align: center; line-height: 1.3em;}
.form-wrap input[type="text"], .form-wrap input[type="tel"], .form-wrap textarea {color: #2f2f2f; font-size: 1.125em; font-family: "cond regular", sans-serif; border-radius: 4px; padding: 0 8px 0 30px; line-height: 36px; height: 36px; vertical-align: middle; background-color: #white; border: 1px solid #cfcfcf; width: 240px; margin: 15px; box-shadow: inset 0 2px 1px rgba(64, 64, 64, 0.15);}
.form-wrap textarea {padding-left: 8px;}
.form-wrap .error input[type="text"] {color: #CC0000; outline: none; border: 1px solid #CC0000;}
.form-wrap input[type="text"].placeholder, .form-wrap input[type="tel"].placeholder {color: #767778;}
.form-wrap .error input[type="text"].placeholder {color: #FFaaaa;}
.form-wrap input[type="button"], .form-wrap input[type="submit"] {  width: 263px; height: 49px; padding-bottom: 21px; line-height: 49px; background:url("../img/form-button.png");  text-align: center; display: block; margin: 5px auto; border: 0; text-transform: uppercase; font-family:"display medium"; font-size:1.375em; color:white;  vertical-align: middle; text-shadow: 0px 1px 0 rgba(175, 55, 4, 0.4); text-transform: uppercase;}
.form-wrap input[type="submit"] {margin-top: 12px;}
.icon {position: relative;}
.icon.name:before {content:""; position:absolute; width:22px; height:22px; top:16px; left:20px;  background:url("../img/icon-name.png") no-repeat; display: block;}
.icon.mail:before {content:""; position:absolute; width:22px; height:22px; top:16px; left:20px;  background:url("../img/icon-mail.png") no-repeat; display: block;}
.icon.phone:before {content:""; position:absolute; width:22px; height:22px; top:16px; left:20px;  background:url("../img/icon-phone.png") no-repeat; display: block;}

.application .form-wrap input[type="text"], .application .form-wrap input[type="tel"] {width: 214px; margin-top: 6px; margin-bottom: 6px;}

.why {height: 857px; background: url('../img/why.jpg') no-repeat bottom center; padding-top: 30px;}

.why h2 {margin: 0px 110px 0 110px; position: relative; height: 255px;}
.why span {position: absolute; display: block; text-transform: uppercase;}
.why .p1 {font: 3.563em "display light", sans-serif; left: 0; top: 0;}
.why .p2 {font: 3.875em "display medium", sans-serif; left: 200px; top: -20px; color: #4e338a; white-space: nowrap;}
.why em {font-family: "display bold", sans-serif;}
.why h2 em {font-size: 1.591em;}
.why .p3 {font: 3.563em "display light", sans-serif; right: 0; top: 80px;}

.why ul {width: 420px; margin-left: 400px; display: table;}
.why ul li {display: table-row;}
.why ul li h3 {display: table-cell; width: 100px; text-align: center; vertical-align: middle;}
.why ul li p {display: table-cell; border-bottom: 1px solid #828282; padding: 24px 0; vertical-align: middle; font: 1.750em "display light", sans-serif; color: #555555; text-transform: uppercase; line-height: 1em;}
.why ul li:last-of-type p {border-bottom: 0;}

.offers {background-color: #f1f1f1; padding-top: 40px;}

.offers .wrap>h2 {font: 3.750em "display medium", sans-serif; color: #4e338a; text-transform: uppercase;}
.offers .wrap>h3 {font: 1.20em "display medium", sans-serif; color: #2d3030; text-transform: uppercase; padding-left: 24px; position: relative; margin-top: 1em;}
.offers .wrap>h3:before {content: ""; display: block; width: 1px; height: 60px; top: -7px; left: 0; position: absolute; background-color: #4e338a;}
.offers .wrap>p {padding-left: 24px; margin-top: 1em; line-height: 1.2em;}

.offers ul li {float: left; width: 289px; margin: 20px 35px 20px 0; position: relative;}
/*.offers ul li:nth-of-type(4n) {margin-right: 0;}*/
.offers ul li h3 {color: #4e338a; text-transform: uppercase; text-align: center; margin-bottom: 1em;}
a.order {width: 130px; height: 54px; background: url('../img/order-button.png') no-repeat 0 0; display: block; text-align: center; font-size: 1.125em; font-family: "display medium", sans-serif; color: white; text-shadow: 0 0 1px rgba(175, 55, 4, 0.38); text-transform: uppercase; margin: -21px auto 0; line-height: 40px; position: relative; z-index: 11;}
a.order:hover {background-position: 0 -50px;}

.application-2 {background: url('../img/application-2.jpg') no-repeat center;}
.application-2 .wrap {position: relative; height: 470px;}
.application-2 .timer .container {position: absolute; top: 304px; left: 328px;}
.application-2 .wrap .form-wrap {top: 64px;}

.resons-header {font: 3.625em "display medium"; color: #4e338a; text-transform: uppercase; background-color: #f1f1f1; vertical-align: top; padding-top: 30px;}
.resons-header em {font-size: 2.948em; float: left; margin: -62px 30px -38px 60px;}

.reasons {padding: 20px 0;}
.reasons li {border-radius: 10px; border: 2px dotted #4e338a; padding: 15px 20px; float: left; margin: 20px 75px; width: 330px; height: 160px; position: relative;}
.reasons li:nth-of-type(2n) {margin-right: -33px;}
.reasons li.full {width: 710px; height: 190px; padding: 15px 40px;}
.reasons li.full sup {right: 20px;}
.reasons li sup {position: absolute; font: 2em "display medium", sans-serif; color: white; line-height: 45px; height: 45px; width: 45px; border-radius: 50%; background-color: #4e338a; text-align: center; top: -24px;}
.reasons li div {width: 315px; float: left; height: 145px; padding: 45px 0 0 20px; position: relative; font: 1.5em/1em "display light", sans-serif; white-space: nowrap;}
.reasons li div img {top: 10px; right: -20px;}
.reasons li div:first-of-type {border-right: 1px solid #4e338a; padding: 45px 40px 0 0;}
.reasons li div:first-of-type img {right: 40px;}
.reasons li div strong {color: #4e338a; font: 2.750em/0.8em "display bold", sans-serif; display: inline-block; margin: 0 0 -8px -12px;}
.reasons li img {position: absolute; right: 40px; top: 70px;}
.reasons li p {margin-top: 35px; font: 1.25em/1.5em "display light", sans-serif;}
.reasons li p em {font-family: "display medium";}

.neces {background:#f1f1f1; padding-top: 25px;}
.neces .wrap h2 {font-family:"display light"; font-size:3.875em; color:#4e338a; text-align:center; margin:30px 0 30px 0;   }
.neces .wrap h2 em {font-family:"display medium";}
.col-left, .col-right {width:300px;}
.col-left {float:left; margin-left:50px; }
.col-right {float:right; margin-left:50px; }
.col-center {float:left; margin-left:30px; margin-top:130px; }
.neces .tab {width:220px; height:220px; margin-bottom:30px;  border-radius:120px; border:1px dashed #4e338a; position:relative;   }
.neces .tab .number   {float:left; width:44px; height:44px; background:#4e338a; font-family:"display medium"; color:#FFFFFF; font-size:1.938em; text-align:center; border-radius: 25px;
line-height: 1.5em;
margin-top: 85px;
margin-left: -20px;     }
.neces .bage {font-family:"display light"; font-size:0.875em; color:#4e338a;  width:190px; background:#f1f1f1; float: right;
margin: 80px -110px 0 0; padding:5px; }
.neces .tab img {float: right;
margin-top: 15px;
margin-right: -10px;}
.neces .bage em {font-family:"display medium"; font-size:1.143em; }
.neces .bage em.cost {font-size:1.286em;}
.neces .col-center {width:200px; position:relative; font-family:"display medium"; font-size:1.008em; color:#3f3f3f; }
.neces .col-center em {font-family:"display regular"; font-size:1.1em; text-align:center; display: block; padding-right:50px; }
.neces .col-center span { font-family:"display regular"; font-size:1.875em; margin-bottom: -15px; 
display: block;    }
.neces .col-center span em {font-size:1.667em; display:inline; padding-right:0;  }
.neces input {width:184px; height:65px; background:url("../img/nec-but.png"); border:none; cursor:pointer;  }
.col-center:before {content:""; position:absolute; width:100%; height:1px; top:-25px; background:#4e338a; left:0; }
.col-center:after{content:""; position:absolute; width:100%; height:1px; bottom:-25px; background:#4e338a; left:0; }

.done-h {background: url('../img/done.jpg') no-repeat center, url('../img/done.png') repeat-x center; height: 420px;}
.done-h .wrap {position: relative;}
.done-h h2 {position: absolute; top: 195px; left: 10px; font: 4em/1em "display regular"; color: #4e338a; text-transform: uppercase;}
.done-h h2 em {font-family: "display bold";}
.done-h p {font: 1.875em/1em "display light"; position: absolute; top: 210px; left: 590px;}
.done-h p span {font-size: 1.2em;}
.done-h p strong {display: inline-block; font: 2.6em "display bold"; color: #4e338a; margin: -20px 0 -20px -8px;}

.done {overflow: hidden;}
.done .block {padding-right: 40px;position: relative;margin-bottom: 40px;}
.done h3{position: relative;font: 1.500em "display medium", sans-serif;height: 64px;background: url("../img/line.png") 0px 40px no-repeat; text-transform: uppercase;z-index: 50;}
.done .firma {float: right;font: 0.9em "display medium", sans-serif;width: 150px;min-height: 55px;padding-left: 77px;background: url("../img/man.png") no-repeat; text-transform: uppercase;}
.done .product {float: right;font: 0.90em "display medium", sans-serif;width: 180px;min-height: 46px;padding-left: 66px;margin-top: 15px;background: url("../img/pencil.png") no-repeat; text-transform: uppercase;}
.done .prev {position: relative;margin-top: -24px;float: left;}
.done .text-wrap {position: absolute;right: 40px;bottom: 0;;padding-left: 30px;background: url("../img/triangle.png") left center no-repeat;}
.done .txt {background: #fff;border: 1px solid #dedede;border-left: none;padding: 10px 15px;width: 535px;}
.done .txt em {font: 1.19em "display medium", sans-serif;}
.done .txt p{font: 1em "display light", sans-serif;}

.certs {background-color: #f3f3f3; padding-top: 30px;}
.certs h2 {color: #4e338a; font: 3.875em "display medium"; text-align: center; text-transform: uppercase; margin-bottom: 20px;}

.application-3 {background: url('../img/application-3.jpg') no-repeat center;}
.application-3 .wrap {position: relative; height: 534px;}
.application-3 .timer .container {position: absolute; top: 342px; left: 293px;}
.application-3 .wrap .form-wrap {top: 102px;}

.questions {height:250px; border-bottom:3px solid #454545; }
.questions h2 {font-family: "display light"; margin-top:85px; font-size:4em; color:#584a4a; float:left; margin-left:15px;}
.questions h2 em {color:#000000;}
.questions a {color:#4e338a; width: 365px; font-family:"display light"; font-size:1.75em; text-decoration:none; border-bottom:1px dashed #c72c25; margin-left:10px;}
.questions div div {margin-top:102px; float:left;}



footer .wrap img {margin-top:-30px; margin-left:10px;}
footer .vendor {margin-top:50px; margin-bottom:70px; font-family:"display light"; color:#4c4c4c;  display: block; text-align:right; width:250px; float:right;}
footer .vendor img {float:right; margin-top:-7px; }

 footer  {text-align:center; background:url("../img/tasks-bg.png"); }

footer .wrap .call {  margin-top:30px; float:left; font-family:"display light",sans-serif; font-size:1.125em;  text-align:right; }
footer .wrap .call .number {font-size:2.5em; width: 365px;}
footer .wrap .call .number em {color:#4e338a;}
footer .wrap .call a {text-decoration:none; border-bottom:1px dashed #000000; cursor:pointer; }
footer .wrap p {margin-top:25px; display:inline-block; font-size:2.625em; font-family:"display light" ; font-weight:normal; color:#2f2f2f; }
 footer .wrap p span {font-family:"display medium", sans-serif;}
footer .wrap p em {font-family:"display light",sans-serif; color:#4e338a;}

.popup-form {float: right; font-size: 1.25em; width: 288px; height: 304px; padding: 0 10px 0 20px; box-shadow:inset 0px 0px 15px rgba(0,0,0,0.3);  }
.popup-form h2 {margin-top: 0; font-size: 1.2em; color: black; font-family: "display regular", sans-serif; padding: 30px 0 20px 0; }
.popup-form p {font-size: 0.8em; color: #ddc7b8; font-family: "display regular", sans-serif; line-height: 1.45em; margin: 0;}
.popup-form input[type="text"], .popup-form input[type="tel"]{color: #614f44; font-size: 0.95em; font-family: "display light", sans-serif; border-radius: 4px; padding: 0 8px 0 30px; line-height: 36px; height: 36px; vertical-align: middle; background-color: #f5f3ef; border: 1px solid #cfc8bc; box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.35), 0 1px 0 rgba(255, 255, 255, 0.5); width: 238px; margin: 4px 0;}
.popup-form .error input[type="text"], .popup-form .error textarea {color: #CC0000; outline: none; border: 1px solid #CC0000;}
.popup-form input[type="text"].placeholder, .popup-form input[type="tel"], .placeholder.popup-form textarea.placeholder {color: #aaaaaa;}
.popup-form .error input[type="text"].placeholder, .popup-form .error textarea.placeholder {color: #FFaaaa;}
.popup-form input[type="button"], .popup-form input[type="submit"] {width: 196px; height: 36px; display: block; margin: 5px auto; text-transform: uppercase; font-family: "display medium", sans-serif; font-size: 1.05em; color: white;}
.popup-form .icon:before {content:""; position:absolute; margin: 0; left: 10px; top: 16px;}
.popup-call-back .popup-form .icon:before {left:8px; margin-top: -4px;}
.popup {width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 100; display: none;}
.popup-shadow {width: 100%; height: 100%; position: absolute; z-index: 101; top: 0; left: 0; cursor: pointer; background-color: rgba(0, 0, 0, 0.7);}
.popup-content {width: 100%; height: 0; top: 50%; left: 0; position: absolute; z-index: 102;}

.popup-content .popup-call-back {height: 260px; padding-top:1px; padding-top:30px; width: 100%; margin-top: -145px; position: relative; display: none; background:#FFFFFF;}
.popup-content .popup-call-back .popup-form {width: 546px; height: 224px; background:#efefef; border-radius:8px; margin: 0px auto; position: relative; float: none; padding: 0 33px; text-align: center;}
.popup-content .popup-call-back .popup-form h2 {font-size: 1.6em; padding-top: 16px;}
.popup-content .popup-call-back .popup-form p {padding-bottom: 12px;}
.popup-content .popup-call-back .popup-form div.icon {float: left; width: 359px; position: relative; margin-right: -86px;}
.popup-call-back .icon .icon-1 {background:url("../fimg/call-back-icon-1.png");}
.popup-call-back .icon .icon-2 {background:url("../fimg/call-back-icon-2.png");}
.popup-content .popup-call-back .popup-form div.icon input[type="text"],  .popup-content .popup-call-back .popup-form div.icon input[type="tel"]{width: 220px; float: left;}
.popup-content .popup-call-back .popup-form input[type="submit"],
.popup-content .popup-call-back .popup-form a.btn-submit {margin-top:26px;}

.popup-call-back input[type="submit"],
.popup-question a.btn-submit,
.popup-call-back a.btn-submit {background:url("../img/call-back-button.png"); border:none; width:196px; height:44px; cursor: pointer; }
.popup-call-back input[type="text"] {background:#ffffff;}
.popup-call-back a.btn-submit, .popup-question a.btn-submit {padding-top: 10px; height: 33px; display: block; margin: 5px auto; margin-top: 5px; text-transform: uppercase; font-family: "display medium", sans-serif; font-size: 1.05em; color: white;}
.popup-question form div.question {height: 100px !important;}

.popup-content .call-2 {position: relative; display:none; width: 100%; height: 280px; padding: 22px 0; margin-top: -188px; background:#FFFFFF; }

.call-2 .form-wrap {width: 707px; height:280px; margin: 0 auto; z-index: 104; position: relative; background:#ededed; box-shadow:inset 0px 0px 15px rgba(0,0,0,0.3);  border-radius:8px;   text-align: center; margin-top: -46px;}



.popup .call-2 .form-wrap input[type="text"], .popup .call-2 .form-wrap input[type="tel"] {margin-top: 0; margin-bottom: 11px;}
.popup .call-2 .form-wrap >div h2 {font-size:2.4em; color: #111111; padding-top:20px; }
.popup .call-2 .form-wrap >div h2:before {display:none;}
.popup .call-2 .form-wrap >div p {color: #454545; font-size: 1.1em;  margin-top: 6px; margin-bottom: 16px;}
.popup .call-2 .form-wrap form div.icon {width: 296px; float: left; margin-left:15px; }
.popup .call-2 .form-wrap form div.icon:before {left: 19px; margin-top: -17px;}
.popup .call-2 .form-wrap form div.question {width: 378px; height: 150px; margin-bottom:-40px;  float:right; position: relative; text-align: left; margin-left: -8px;}
.popup .call-2 .form-wrap form div.question textarea {height: 84px; margin-top: 0px; width: 340px; border:none; box-shadow:inset 0px 1px 1px rgba(0,0,0,0.4); border: 1px solid #cfcfcf;   resize: none; border-radius:6px;}
.popup .call-2 .form-wrap input[type="submit"] { margin-top:10px;
	width:196px; height:44px;
	background:url("../img/call-back-button.png");
 cursor:pointer; color: #white;
    font: 1.375em "display medium"; line-height: 44px; vertical-align: middle;
}

.call-2 .form-wrap {float:none;}

.popup .icon:before {left:30px;}

.success {position: fixed; top: 0; left: 0; height: 36px; line-height: 36px; color: white; background-color: #3e8c04; font-size: 1.5em; vertical-align: middle; text-align: center; padding: 12px; z-index: 200;}

.offers ul li img {
height: 179px;
margin: 0 auto;
display: block;
margin-top: 50px;
}

.offers ul li {
border: 1px dashed #4e338a;

border-radius: 9px;
margin-right:15px;
}

.offers ul li h3
{
margin-bottom: -30px;
margin-top: 10px;
}

a.order 
{
margin: 10px 0 0 117px;
position:relative;
height:41px;
width:100px;
background-size:cover;
font-size:1em;
line-height:30px;
}

a.order:hover {background-position:0 -50px;}
.new-li a.order:hover {background-position:0 -42px;}

.offers ul li span {position: absolute;
width: 223px;
left:-1px;
border-radius:9px;
background: #fff;
height: 48px;
bottom: -2px;
padding: 13px 0 0 20px;
box-sizing: border-box;
font-size: 1.0em;
color: #c3161c;
font-weight: bold;}


.offers ul li h3 {position:absolute; width:100%; }

.offers ul li {width:220px;}

.offers .wrap>h3:before {content: "";
display: block;
width: 100%;
height: 1px;
top: 30px;
left: 0;
position: absolute;
background-color: #4e338a;}

.call-2 .icon:before {top:26px;}

.application-3 div.hour2Play, .application-3 div.day1Play,.application-3 div.minute6Play, .application-3 div.second6Play  {margin-left:17px;}

.mail-header {
    display: block;
    margin-bottom: 6px;
    font-size: 18px;
}

.clearfix {
	text-align: center;
}

.offers ul li {
    width: 250px;
    float: none;
    display: inline-block;

}

.offers ul li span {
    width: auto;
    left: -1px;
    right: -1px;
    text-align: left;
}

a.order {
    width: 120px;
}