@charset "UTF-8";
.formElement__label,.formElement__label:before{position:absolute}
.section .title{margin-bottom:25px}
.section__body{padding-left:5%;padding-right:5%}
.underLine{position:relative;padding-bottom:10px}
.underLine::after{position:absolute;content:'';width:160px;height:1px;left:50%;bottom:0;margin-left:-80px;background-color:#fff}
.s4{padding-top:1.5em;padding-bottom:2.5em}
.noteList{margin-left:1em;list-style-type:disc;text-align:left}
.formWrap{margin-top:40px}
.formElement{position:relative;margin-bottom:20px}
input[type="tel"],input[type="text"],input[type="email"],select{width:100%;height:60px;padding:0 15px;line-height:60px;font-family:inherit;font-size:28px;color:#000;background-color:#fff;border:1px solid #e2e4e3;border-radius:0;-moz-appearance:none;-webkit-appearance:none}
input:focus,select:focus{background-color:#f5f5f5;outline:none}
input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{transition:background-color 5000s ease-in-out 0;-webkit-text-fill-color:#000}
input::placeholder{color:#000}
.formElement__label{-webkit-transition:all .2s 0s ease-in;transition:all .2s 0s ease-in;top:-40px;left:0;z-index:2;padding:3px 15px;font-size:20px;color:#fff;background-color:#000;opacity:0}
.formElement__label:before{content:'';width:0;height:0;left:50%;bottom:-5px;margin-left:-4px;border-style:solid;border-width:5px 6px 0;border-color:#000 transparent transparent}
.formElement.show .formElement__label{opacity:1}
.formElement__select{position:relative;overflow:hidden}
.formElement__select input[type="text"]{margin-top:10px}
.formElement__select:after{position:absolute;content:'';top:50%;right:20px;width:12px;height:18px;margin-top:-9px;background-image:url(../images/icon.png);pointer-events:none}
.formElement--checkbox{margin-bottom:35px;text-align:left;font-size:18px}
.formElement--btns{margin-bottom:35px}
input[type="checkbox"]{position:absolute;top:0;left:0;opacity:0;-moz-appearance:none;-webkit-appearance:none}
.checkboxOj{display:inline-block;position:relative;width:18px;height:18px;background-color:#e2e4e3}
.checkboxOj::after{position:absolute;content:'✓';top:50%;left:50%;color:#000;font-size:14px;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);opacity:0;-webkit-transition:all .2s 0s ease-in;transition:all .2s 0s ease-in}
input:checked ~ .checkboxOj::after{opacity:1}
.ani-fadeInBottom.play{-webkit-animation:fadeInBottom .5s 0s 1 linear forwards;animation:fadeInBottom .5s 0s 1 linear forwards}
.ani-fadeInTop.play{-webkit-animation:fadeInTop .5s 0s 1 linear forwards;animation:fadeInTop .5s 0s 1 linear forwards}
.ani-delay-300.play{-webkit-animation-delay:.3s;animation-delay:.3s}
.ani-delay-600.play{-webkit-animation-delay:.6s;animation-delay:.6s}
@-webkit-keyframes zoomIn {
0%{opacity:0;-webkit-transform:scale(1.1);transform:scale(1.1)}
100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}
}
@keyframes zoomIn {
0%{opacity:0;-webkit-transform:scale(1.1);transform:scale(1.1)}
100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}
}
@-webkit-keyframes fadeInBottom {
0%{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}
100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}
}
@keyframes fadeInBottom {
0%{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}
100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}
}
@-webkit-keyframes fadeInTop {
0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}
100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}
}
@keyframes fadeInTop {
0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}
100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}
}
@media (max-width: 640px) {

.s5Text h2{font-size:48px}
.s5Text h3{font-size:36px}
.s5cta{margin-top:5px;padding:10px 40px;font-size:24px}
}
@media (max-width: 480px) {
.section .title{margin-bottom:10px}	
.section__body{padding-left:30px;padding-right:30px}
.productList{margin-top:-50px}
.product + .product{margin-top:15px}
.product__text{font-size:14px}
.s3{padding:30px 0}
.s3 .section__body{padding-top: 89%}
.s4 .title{margin-bottom:15px}
input[type="tel"],input[type="text"],input[type="email"],select{height:45px;line-height:45px;}
input[type="tel"],input[type="text"],input[type="email"],select{font-size:inherit}
.formWrap{margin-top:20px}
.formElement{margin-bottom: 15px;}
.formElement--btns{margin-bottom:20px}
.formElement--checkbox{font-size:12px;margin-bottom:20px}
.checkboxOj{width:16px;height:16px}
.s5Text{top:5%}
.s5Text h2{font-size:30px}
.s5Text h3{font-size:22px}
.s5cta{font-size:18px}
}