a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
body{line-height:1}
ol,ul{list-style:none}
blockquote,q{quotes:none}
blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}
table{border-collapse:collapse;border-spacing:0}
*,:after,:before{box-sizing:border-box}
@font-face{font-family:commelight;src:url(../font/comme-light/comme-light-webfont.eot);src:url(../font/comme-light/comme-light-webfont.eot?#iefix) format('embedded-opentype'),url(../font/comme-light/comme-light-webfont.woff2) format('woff2'),url(../font/comme-light/comme-light-webfont.woff) format('woff'),url(../font/comme-light/comme-light-webfont.ttf) format('truetype'),url(../font/comme-light/comme-light-webfont.svg#commelight) format('svg');font-weight:400;font-style:normal}
@font-face{font-family:commeregular;src:url(../font/comme-regular/comme-regular-webfont.eot);src:url(../font/comme-regular/comme-regular-webfont.eot?#iefix) format('embedded-opentype'),url(../font/comme-regular/comme-regular-webfont.woff) format('woff'),url(../font/comme-regular/comme-regular-webfont.ttf) format('truetype'),url(../font/comme-regular/comme-regular-webfont.svg#commeregular) format('svg');font-weight:400;font-style:normal}
@font-face{font-family:modern_pictogramsnormal;src:url(../font/modernpics/modernpics-webfont.eot);src:url(../font/modernpics/modernpics-webfont.eot?#iefix) format('embedded-opentype'),url(../font/modernpics/modernpics-webfont.woff) format('application/x-font-woff'),url(../font/modernpics/modernpics-webfont.woff2) format('application/x-font-woff2'),url(../font/modernpics/modernpics-webfont.ttf) format('truetype'),url(../font/modernpics/modernpics-webfont.svg#modern_pictogramsnormal) format('svg');font-weight:400;font-style:normal}
body{position:relative;color:#4f4f4f;font-size:.625em;font-family:commelight,Arial,sans-serif}
body:before{content:"";position:fixed;height:100vh;width:5%;background-color:#fff}
#wraper{margin:0 auto;width:90%;max-width:1400px;overflow:hidden;position:relative}
#wraper:before{content:"";position:absolute;width:21%;background-color:#84c9df;overflow:visible;height:2100px;z-index:-1;transform:skewX(-5deg);left:-91px;box-shadow:#b2b2b2 2px -8px 10px}
a{text-decoration:none;color:#4f4f4f}
h1{font-size:5em;font-weight:600;color:#fff;text-shadow:#000 1px 1px 1px}
h2{font-size:2.4em;color:#046;margin-bottom:30px}
h3{color:#046;font-size:2.1em}
header{position:relative}
header div{background:url(../images/bg-top.png) left no-repeat;background-size:cover;height:315px;margin-top:15px;margin-left:15px}
header h1{float:right;margin:90px 15% 0 0;background-color:rgba(0,0,0,.2);padding:0 10px 15px}
header img{margin:15px 0 0 10%}
header .call-to-action{background-color:#fff;position:absolute;top:-1px;right:0;padding:5px 0 10px 5px;width:40%}
.call-to-action a{color:#046;text-decoration:none;font-family:commeregular,Arial,sans-serif;width:49%;display:inline-block;text-align:center;font-size:1.6em;padding:5px 20px}
.call-to-action a:last-child{border:#046 1px solid}
.benefits{background-color:#e4e5e6;width:100%;transform:skewY(6deg);transform-origin:0 0;z-index:-2;position:relative;bottom:145px}
.benefits ul{width:80%;margin-left:23%;transform:skewX(-6deg);justify-content:space-between}
.benefits li,.benefits ul{display:flex;padding:7px 0;color:#046;font-size:1.3em;text-shadow:#fff 1px 1px 1px}
.benefits li{padding-left:35px;background:url(../images/svg-sprite.svg) no-repeat}
.benefits li:nth-child(1){background-position:0 -158px;background-size:25px}
.benefits li:nth-child(2){background-position:0 -112px;background-size:25px}
.benefits li:nth-child(3){background-position:-2px -85px;background-size:29px;padding-left:40px;margin-right:10%}
.overlap{width:10.85%;margin-left:1%;float:left;position:relative}
.overlap div{background:#ffc4c4;background:-moz-linear-gradient(top,#ffc4c4 0,#ff2105 3%,#ff2105 97%,#a31102 100%);background:-webkit-linear-gradient(top,#ffc4c4 0,#ff2105 3%,#ff2105 97%,#a31102 100%);background:linear-gradient(to bottom,#ffc4c4 0,#ff2105 3%,#ff2105 97%,#a31102 100%);color:#e4e5e6;height:49px;padding:10px;text-align:center;text-shadow:#a31102 -1px -1px 1px;border-top-right-radius:3px;border-bottom-right-radius:2px}
.overlap div:after{content:"";background:#ff2105;display:block;width:34px;height:34px;top:7px;right:-17px;transform:rotate(45deg);position:absolute;z-index:-1;border-top:1px solid #ff7979;border-right:1px solid #bf1200;border-radius:1px}
.contact{margin-top:-30px}
.contact,.ofer{margin-bottom:90px;overflow:hidden}
.contact>div,.ofer>div{margin-left:20%;display:flex;flex-wrap:wrap}
.contact>div h2{flex:125%}
.contact section{flex:1}
.contact form{margin-left:-25%;flex:1.8}
form>div{overflow:hidden;margin:10px 0}
form>div:nth-child(1) label{margin-right:0}
form>div:nth-child(2) label{margin-right:2%}
form>div:nth-child(3) label{margin-right:4%}
form>div:nth-child(4) label{margin-right:6%}
input,label{display:block}
form .errorSend,form .send{clear:none;margin-left:42%;width:33%;font-size:1.1em;margin-top:4px}
form .errorSend{color:#f55}
form .send{color:#00df00}
form div div{float:left;width:35%}
label{font-size:1.6em;float:right;color:#fff;text-shadow:#878787 -1px -1px 1px;text-align:right}
input,textarea{border-radius:7px;float:right;width:58%;padding:4px;border:1px solid #989898}
textarea{height:100px}
button{float:right;background:#ffc4c4;background:-moz-linear-gradient(top,#ffc4c4 0,#ff2105 3%,#ff2105 97%,#a31102 100%);background:-webkit-linear-gradient(top,#ffc4c4 0,#ff2105 3%,#ff2105 97%,#a31102 100%);background:linear-gradient(to bottom,#ffc4c4 0,#ff2105 3%,#ff2105 97%,#a31102 100%);color:#e4e5e6;font-size:1.6em;text-transform:uppercase;padding:3px 0 1px;width:25%;text-align:center;text-shadow:#a31102 -1px -1px 1px;border:none;border-radius:8px}
.contact .call-to-action a{background-repeat:no-repeat;background-size:50%;width:50%;height:120px;display:block;margin:0 25%;border:none;padding:0;font-size:1.75em}
.call-to-action a:hover{color:#4f4f4f;border-color:#4f4f4f}
.contact .call-to-action a:hover{color:#046;background-size:51%;transition:background-size .3s}
.contact .call-to-action a:first-child{background-image:url(../images/phone.svg);background-position:50% 50%}
.contact .call-to-action a:first-child div{top:110px}
.contact .call-to-action a:last-child{background-image:url(../images/mail.svg);background-position:50% 60%}
.contact .call-to-action div{position:relative;top:110px;text-align:center}
.data h3{font-weight:600;display:inline-block;color:#4f4f4f;font-size:1em;text-align:right;width:80px}
.data h3:nth-child(2n){margin-left:-23px}
.data>div{font-size:1.6em;color:#4f4f4f}
.data a{text-decoration:none;color:#4f4f4f}
.data>div div{margin:7px 0}
.data>div>div:nth-child(1){font-weight:600;line-height:1.4em}
.data [itemprop*=postalCode],.data [itemprop*=telephone]:last-child{margin-left:85px}
.co-icon{font-family:modern_pictogramsnormal,cursive;font-size:1.6em;width:30px;display:inline-block;text-align:center;margin-left:-5px}
.item-ofer{flex:0 0 28%;margin-right:5%;margin-bottom:40px}
.item-ofer p{font-size:1.4em;line-height:1.4em}
.item-ofer h3{display:table-cell;text-shadow:#fff 1px 1px 1px;text-align:center;vertical-align:middle;padding:12px}
.item-ofer>div:after{content:"";width:15px;height:15px;background:#e4e5e6;position:absolute;bottom:-7px;left:48%;transform:rotate(45deg);z-index:1}
.item-ofer>div{display:table;width:100%;background-color:#e4e5e6;height:66px;position:relative}
.item-ofer img{width:100%}
.ofer,footer,form div{clear:both}
footer{position:fixed;background-color:rgba(0,0,0,.2);color:#fff;padding:10px 20px;bottom:0;right:5%;z-index:1}
footer a{color:#fff}
footer a:hover{color:#4f4f4f}
.data a:hover{color:#046;font-size:1.03em}
a:hover{transition:all .2s}
@media screen and (min-width:801px) and (max-width:1025px){
#wraper{width:100%}
#wraper:before,body:before{content:none}
h2{font-size:2.2em;color:#046}
h3{color:#046;font-size:1.9em}
header div{background:url(../images/bg-top-1024.png) left no-repeat;background-size:cover;margin:0}
header .call-to-action{padding:5px 10px 5px 0;width:50%}
.benefits ul{width:100%;margin-left:5%}
.overlap{width:13.5%}
.contact>div,.ofer>div{margin-left:22%}
.contact form{flex:1.3;margin-right:10%}
input,textarea{width:62%}
label{font-size:1.6em;float:none;color:#4f4f4f;text-shadow:none;padding:5px 0}
form>div:nth-child(n) label{margin-right:0}
form .errorSend,form .send{margin-left:38%;margin-top:0}
form .errorSend{margin-top:4px}
.contact .call-to-action{order:3;flex:100%}
.contact .call-to-action a{margin:0;margin-bottom:30px;width:20%;display:inline-block}
.item-ofer{flex:0 0 45%;margin-right:5%}
.item-ofer>div{height:50px}
}
@media screen and (max-width:800px){
#wraper{width:100%}
#wraper:before,body:before{content:none}
h2{font-size:2.2em;color:#046;margin-bottom:20px}
h3{color:#046;font-size:1.9em}
header h1{font-size:3em;margin:25px 20px 0 0;width:50%}
header div{background:url(../images/bg-top-800.png) left no-repeat;background-size:cover;margin:0}
header .call-to-action{position:static}
header .call-to-action{width:100%;padding:5px 4px 5px 10px}
.call-to-action a{padding:5px;border:#046 1px solid}
header img{margin:12px 0 0 10%;width:105px}
.benefits ul{width:100%;margin-left:4%}
.benefits li,.benefits ul{font-size:1.11em}
.overlap{float:none;width:84%;margin:50px 0 30px 8%}
.overlap div{height:45px}
.overlap div:after,.overlap div:before{content:"";position:absolute;background-color:#ff210a;display:block;width:31px;height:31px;top:7px;z-index:-1;transform:rotate(45deg);border-radius:1px}
.overlap div:after{right:-15px}
.overlap div:before{left:-16px;border-left:1px solid #ff7979;border-bottom:1px solid #bf1200}
.contact{margin-top:-110px}
.contact>div,.ofer>div{margin:0 8%}
.contact form,.contact section{flex:none;width:100%;margin:0;margin-bottom:30px}
.contact .call-to-action{order:-1}
form div div{float:none;width:100%}
label{font-size:1.6em;float:none;color:#4f4f4f;text-shadow:none;text-align:left;padding:5px 0}
input,textarea{float:none;width:100%}
button{width:50%;padding:6px 0}
form .errorSend,form .send{margin-left:0;font-size:1.25em;width:55%}
.contact .call-to-action a{margin:0;margin-bottom:30px;width:49%;display:inline-block}
.contact,.ofer{margin-bottom:0}
.item-ofer{flex:100%;margin-right:0;margin-bottom:50px}
.item-ofer>div{height:50px}
footer{position:static;padding:20px;text-align:center}
}
@media screen and (min-width:1025px) and (max-width:1300px){
.overlap{width:10.65%;margin-left:.7%}
.overlap div{padding-left:3px}
h2.overlap{font-size:2.25em}
}
@media screen and (min-width:461px) and (max-width:800px){
.benefits li,.benefits ul{font-size:1.2em}
.contact .call-to-action a{background-size:29%}
.overlap{margin-top:75px}
label{padding:2px 0}
}
@media screen and (max-width:460px){
header div{background:url(../images/bg-top-460.png) left no-repeat;background-size:cover}
.benefits ul{margin-left:1%}
.benefits li:nth-child(3){margin-right:0}
}