@font-face {
font-family: 'Montserrat Black';
src: url('fonts/Montserrat-Black.eot');
src: url('fonts/Montserrat-Black.eot?#iefix') format('embedded-opentype'),
url('fonts/Montserrat-Black.woff') format('woff'),
url('fonts/Montserrat-Black.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'Montserrat Medium';
src: url('fonts/Montserrat-Medium.eot');
src: url('fonts/Montserrat-Medium.eot?#iefix') format('embedded-opentype'),
url('fonts/Montserrat-Medium.woff') format('woff'),
url('fonts/Montserrat-Medium.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
*{
    box-sizing: border-box;
}
html{
    width:100%;
    
}
body{margin:0;font: 0.92em 'Montserrat Medium', arial, 'Helvetica CY', 'Nimbus Sans L', Sans-serif;color:#2d4036;background: #fff url(im/leaves.gif) left bottom no-repeat;}

.fl{float:left;}
.ar{text-align:right;}
.fr{float:right;}
.cl{clear:both}
.ac{text-align:center;}
form{margin:0;padding:0;}
input, textarea, button{outline:none;font: normal 1em 'Montserrat Medium', arial, 'Helvetica CY', 'Nimbus Sans L', Sans-serif;color:#2d4036;}
textarea{overflow:auto;resize:vertical;}
a{outline:none;color:#005543;cursor:pointer;text-decoration:underline;}
a:hover{text-decoration:none;}

div.par{margin:15px 0;}
p{margin:15px 0;}
img{border:0; max-width:100%; max-height:100%;}
img[align=left]{margin:0 10px 10px 0;}
img[align=right]{margin:0 0 10px 10px;}
strong{font-family: 'Montserrat Black';font-weight:normal;color:#000;}
::selection {color:#fff;background-color:#005543;}

.clear:after, .title:after{
    content:''; display:block; clear:both;
}
div.title{
    padding:0 50px;
    margin:0 auto;
    max-width:1200px;
    
}
.w50{width:50%;}
.w49{width:48%;}
.flex{
    display:flex;
    justify-content: space-between;
    flex-wrap:wrap;
}
h2, h3, h1{
    color:#000;
    margin:20px 0;
    font-weight:normal;
    font-size:2em;
    font-family: 'Montserrat Black';
}
h1{
    display: inline-block;
    padding:1px 3px;
    background:#fecc00;
}
article{
    padding:40px 0;
}
article .title{
    max-width:720px;
}
.logotype{
    float:left;
    width:175px;
}
header{
    padding:40px 0;
}
nav, .lang, .callback{
    float:right;
    margin:11px 0 0 40px;
}
nav a{
    display: inline-block;
    padding:13px 0;
    margin-left:44px;
}
nav a:first-child{margin-left:0;}
nav a.act{color:#000; text-decoration:none;}
.callback a{
    display: inline-block;
    border:2px solid #fecc00;
    text-decoration:none;
    padding:11px 50px 11px 15px;
    background:#fff url(im/envelope.png) 93% center no-repeat;
    transition:0.2s;
}
.callback a:hover{
    background-color:#fecc00;
}
.lang a, .lang span{
    display: inline-block;
    padding:11px;
    text-decoration:none;
    border:2px solid #fff;
    margin-left:2px;
    transition:0.2s;
    text-transform: lowercase;
}
.lang span, .lang a:hover{
    color:#000;
    border-color:#fecc00;
}
.fields{
    width:100%;
    padding:8px 10px;
    border:1px solid #fecc00;
}
.fields:focus{
    border-color:#005543
}
.baner{
    position: relative;
    background-color:#f2efe1;
}
.baner img{display:block; float:right;}
div.nld{
    left:50px;
    position: absolute;
    z-index:1;
    top:100px;
    color:#005543;
    max-width:400px;
}
div.nld div.z{
    font-family: 'Montserrat Black';
    text-transform: uppercase;
    font-size:2em;
}
div.nld ul, article ul{
    margin:35px 0 35px 10px;
    padding:0;
}
div.nld ul li, article ul li{
    list-style:none;
    margin:18px 0 18px 40px;
    position: relative;
    padding:0;
}
div.nld ul li:before, article ul li:before{
    content:'';
    display:block;
    height:1px;
    width:27px;
    left:-40px;
    background:#005543;
    top:50%;
    position: absolute;
}
.btn{
    cursor:pointer;
    border:0;
    text-decoration:none;
    background:#fecc00;
    font-family: 'Montserrat Black';
    text-transform: uppercase;
    display: inline-block;
    padding:12px 40px;
    transition:0.2s;
    box-shadow:0 0 13px rgba(0,85,67,.3);
}
.btn:hover{
    background:#005543;
    color:#fff;
}
aside .flex .w50:first-child{
    background-color:#005543;
    color:#fff;
}
aside .flex .flex{
    font-family: 'Montserrat Black';
    justify-content: center;
    align-items: center;
}
aside .flex .w49.ac{
    font-size:1.2em;
}
footer{
    padding:100px 0;
}
footer .title .w49:first-child{
    text-align:right;
}
.field{
    background: transparent;
    border:0;
    border-bottom:1px solid #07715b;
    width:100%;
    padding:8px 0;
    color:#fff;
}
.field:focus{
    border-color:#fecc00;
}
.field::placeholder{
    color:#6b988f;
}
.hhde{top:-500px;}
.hhdw{top:50px;}
#window{
    transition:0.5s;
    position: fixed;
    z-index:255;
    left:50%;
    background:#fff;
    margin-left:-160px;
    width:320px;
    box-shadow:0 0 13px rgba(0,85,67,.3);
    padding:15px 20px;
}
.close{
    cursor:pointer;
    width:23px; height:23px;
    background:url(im/close.png) center no-repeat;
    display:block;
}
.big{
    width:87%;
    font-family: 'Montserrat Black';
    color:#000;
    font-size:1.2em;
}

@media screen and (max-width: 1180px) {
    div.title{padding:0 20px;}
    header{padding:20px 0;}
    nav, .lang, .callback, nav a{margin-left:20px;}
}
@media screen and (max-width: 1000px) {
    div.nld{left:20px;top:20px;}
    h2, h3, h1, div.nld div.z{font-size:1.3em;}
    header{font-size:0.9em;}
    .logotype{width:120px;}
    nav, .lang, .callback{margin-top:0;}
    .lang{margin-left:5px;}
}
@media screen and (max-width: 850px) {
    aside .w49{width:100%;padding:15px;}
    iframe{height:100%;min-height:200px;}
    footer{padding:50px 0;}
    nav{width:100%;clear:both;float:none;margin:0;}
}
@media screen and (max-width: 600px) {
    article table, article table tbody, article table tr, article table td{display:block;}
    article table td{width:100% !important;padding:15px 0;}
    .w50{width:100%;}
}
@media screen and (max-width: 480px) {
    .lang span{display:none;}
    .logotype{width:80px;}
    .callback a{border: 0;padding: 5px 37px 5px 0;}
    .lang a{border:0;padding:5px;}
    .baner img{display: block;float: none;height: 300px;}
}
@media screen and (max-width: 430px) {
    .w49{width:100%; text-align: center !important;}
    nav a{margin-left:0;margin-right:15px;}
    
    div.nld div.z{text-transform: none;}
}
@media screen and (max-width: 340px) {
    div.title{padding:0 10px;}
}