@font-face {
	font-family: 'Conv_GothaProMed';
	src: url('fonts/GothaProMed.eot');
	src: local('☺'), url('fonts/GothaProMed.woff') format('woff'), url('fonts/GothaProMed.ttf') format('truetype'), url('fonts/GothaProMed.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Conv_GothaBol';
	src: url('fonts/GothaProBol.eot');
	src: local('☺'), url('fonts/GothaProBol.woff') format('woff'), url('fonts/GothaProBol.ttf') format('truetype'), url('fonts/GothaProBol.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Conv_GothaProReg';
	src: url('fonts/GothaProReg.eot');
	src: local('☺'), url('fonts/GothaProReg.woff') format('woff'), url('fonts/GothaProReg.ttf') format('truetype'), url('fonts/GothaProReg.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
*{
    box-sizing: border-box;
}
html, body{
    width:100%;
    height:100%;
}
body{
    margin:0;
    font: 1em 'Conv_GothaProReg', arial, 'Helvetica CY', 'Nimbus Sans L', Sans-serif;
    color:#000;
    background: #e8e8e8;
    line-height:1.3;
}

.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 'Conv_GothaProReg', arial, 'Helvetica CY', 'Nimbus Sans L', Sans-serif;color:#000;}
textarea{overflow:auto;resize:vertical;}
a{outline:none;color:#8c030d;cursor:pointer;text-decoration:underline;}
a:hover{text-decoration:none;}

div.par, p{margin:20px 0;}

img{border:0; max-width:100%; max-height:100%; height: auto;}
img[align=left]{margin:0 10px 10px 0;}
img[align=right]{margin:0 0 10px 10px;}
strong{font-family: 'Conv_GothaBol';font-weight:normal;}


.clear:after, .title:after{
    content:''; display:block; clear:both;
}
div.title{
    padding:0 50px;
    margin:0 auto;
    max-width:1100px;   
}
.w65{width:65%;}
.w50{width:50%;}
.w49{width:48%;}
.w33{width:33%;}
.flex{
    display:flex;
    justify-content: space-between;
    flex-wrap:wrap;
}
.rel{position: relative;}

footer{
    background:#fff;
    position: relative;
    padding:70px 0;
    color:#333;
    font-size:0.9em;
    text-align:center;
}
footer:before{
    content:'';
    display:block;
    width:80px;
    height:80px;
    top:-40px;
    left:50%;
    margin-left:-40px;
    position: absolute;
    z-index:1;
    background:url(files/footer-logo.png) center no-repeat;
    background-size: contain;
}
span.address, span.mail, span.tel{
    display: inline-block;
    padding:3px 0 3px 35px;
    color:#333;
    text-decoration:none;
}
span.address{
    background:url(files/address.png) left center no-repeat;
    background-size:17px 23px !important;
}
span.mail{
    background:url(files/envelope.png) left center no-repeat;
    background-size:25px 18px !important;
}
span.tel{
    background:url(files/phone.png) left center no-repeat;
    background-size:20px 20px !important;
}
.midcontainer{
    max-width:800px;
    width:100%;
    margin:0 auto;
    padding:50px 0 100px;
    background:url(files/background-2.jpg) center bottom no-repeat;
    background-size: contain;
}
.midcontainer div.par{
    font-size:1.8em;
}
.bigword{
    margin:30px 0;
}
.btn{
    transition: 0.2s;
    cursor:pointer;
    color:#8c030d;
    border:1px solid #8c030d;
    display: inline-block;
    position: relative;
    padding:15px 90px 15px 30px;
    letter-spacing:2px;
    text-transform: lowercase;
}
.btn:after, .btn:before{
    width:25px;
    height:1px;
    background:#8c030d;
    transition: 0.2s;
    content:'';
    display:block;
    right:36px;
    top:50%;
    margin-top:-1.5px;
    position: absolute;
}
.btn:before{
    transform:rotate(90deg);
}
.btn:hover{
    background:#8c030d;
    color:#fff;
    
}
.btn:hover::after, .btn:hover::before{
    background:#fff;
}
.btn:hover::after{
    transform:rotate(90deg);
}
.btn:hover::before{
    transform:rotate(180deg);
}
.coms{
    background:#fff url(files/background.jpg) right bottom no-repeat;
    padding:55px 120px 55px 55px;
    font-size:1.5em;
}
.redtext{
    color:#8c030d;
}
.mar{
    margin:200px 0;
}
.block{
    right:0;
    top:55px;
    position: absolute;
    width:43%;
    bottom:-30px;
    background:url(files/truby.jpg) center no-repeat;
    background-size: cover;
    z-index:1;
    display:flex;
}
.container{
    width:100%;
}
.counters{
    left:30px;
    bottom:30px;
    position: absolute;
    z-index:2;
    background:#8c030d;
    right:-30px;
    color:#fff;
}
.counters .w50:first-child{
    border-right:1px solid rgba(255,255,255,.15);
}
.counters .w50{
    padding:30px;
}
.counters span{
    font-size:2.5em;
    display:block;
    font-family: 'Conv_GothaBol';
}

.header{
    padding-top:55px;
    height:100%;
    width:100%;
    background:url(files/title-desktop.jpg) center no-repeat;
    background-size: cover;
}
.header.insideh{
    height:auto;
    background-image:url(files/header.jpg);
    padding-bottom:50px;
    border-bottom:3px solid #8c030d;
}
.logotype{
    float:left;
    width:185px;
}
.lang{
    float:right;
    position: relative;
    font-size:13px;
    text-transform: lowercase;
}
.lang span{
    display:block;
    cursor:pointer;
    color:#fff;
    background-size:9px 6px !important;
    background:#8c030d url(files/down.png) 10px center no-repeat;
    height:37px;
    line-height:37px;
    padding:0 10px 0 30px;
}
.lang div{
    position: absolute;
    background:#8c030d;
    top:37px;
    left:0;
    width:100%;
    display:none;
}
.lang:hover div{display:block;}
.lang a{
    display:block;
    border-top:1px solid rgba(255,255,255,.15);
    padding:10px;
    text-align:center;
    text-decoration:none;
    color:#fff;
}

nav{
    float:right;
}
nav ul{
    margin:0;
    padding:0;
}
nav ul:after{content:'';clear:both;display:block;}
nav ul li{
    float:left;
    margin:0 40px 0 0;
    padding:0;
    position: relative;
    font-size:14px;
    list-style:none;
}
nav ul li a{
    padding:10px 0;
    display:block;
    color:#ecfafa;
    text-decoration:none;
    border-top:2px solid rgba(255,255,255,0);
}
nav ul li a:hover, nav ul li a.act{
    border-color: #8c030d;
    color:#fff;
}
div.content{
    padding-bottom: 100px;
    padding-top: 20px;
}
#table td{
    background:#fff;
    border-bottom:1px solid #8c030d;
}
h1, h2, h3{
    color:#333;
    margin:30px 0;
    letter-spacing:-2px;
    font-weight:normal;
    font-size:5em;
    font-family: 'Conv_GothaBol';
}
h2{font-size:2em;}
h3{font-size:1.6em;}
.slogan{
    color:#fff;
    left:50%;
    text-transform: uppercase;
    top:50%;
    position: absolute;
    transform: translatey(-50%);
    margin-left:-500px;
    font-size:5em;
    font-family: 'Conv_GothaBol';
    letter-spacing:-2px;
    line-height:1;
    z-index:1;
}
.slogan span{
    font-size:1.4em;
    display:block;
}
.power .w50{
    padding:55px;
}
.power{
    position: absolute;
    top:80%;
    background:#8c030d;
    color:#fff;
    right:0;
    left:calc((100% - 1000px)/2);
}
.power p{font-size:1.5em;font-family: 'Conv_GothaProMed';}
.gray{
    background:#333;
}
.power .btn{
    color:#fff;
    border-color:#fff;
}
.power .btn:after, .power .btn:before{background:#fff;}
.bars{
    float:right;
    height:37px;
    width:45px;
    background:url(files/bars.png) center no-repeat;
    cursor:pointer;
    display:none;
    background-size:30px;
    margin-right:20px;
}
#window{
    background:#fff;
    transition:0.2s;
    position: fixed;
    border: 2px solid #8c030d;
    width:300px;
    margin-left:-150px;
    z-index:255;
    left:50%;
}
.hhde{top:-500px;}
.hhdw{top:100px;}
.hhdw + div{background:rgba(0,0,0,.85);top:0;left:0;bottom:0;width:100%;z-index:254;position: fixed;}
#window .padd{
    padding:15px 20px;
}
#window .padd + .padd{background:#eee;border-top:2px solid #8c030d;}
.big{font-family: 'Conv_GothaBol';text-transform: uppercase;}
.field{border:1px solid #333;padding:10px;width:100%;}
.close{width:20px;height:20px;background:url(files/x.png) center no-repeat;background-size: contain !important;display: inline-block;cursor:pointer;}
#window .btn{
    display:block; width:100%;
}

@media screen and (max-width: 1200px) {
    .counters{right:0;}
    .power{left:0;}
    .slogan{font-size:4em;}
}
@media screen and (max-width: 1100px) {
    div.title{padding-left:15px;padding-right:15px;}
    .header{padding-top:15px;}
    .header.insideh{padding-bottom: 15px;}
    .power .w50{padding:25px;}
    .power p, .coms{font-size:1.2em;}
    .coms{padding:25px 120px 25px 25px;}
    .mar{margin:120px 0;}
    footer{padding:50px 0;}
    .slogan{left:50px;margin:0;}
    nav ul li{margin-right:25px;}
}
@media screen and (max-width: 980px) {
    .slogan{font-size:3em;}
    .bars{display:block;}
    nav{display:none;background:#8c030d;right:15px; top:70px;position: absolute;z-index:50;}
    nav ul li{margin:0;float:none;border-top:1px solid rgba(255,255,255,.15);}
    nav ul li:first-child{border-top:0;}
    nav ul li a{display:block;color:#fff;padding:15px;text-decoration:none;border:0;}
    nav ul li a:hover{background:rgba(255,255,255,.05);}
    h1{font-size:2.5em;}
    div.content{padding-bottom:20px;}
}
@media screen and (max-width: 860px) {
    .power{top:auto;bottom: -80px;}
    .counters .w50{padding:15px 20px;}
    .counters span{font-size:2em;}
    .midcontainer div.par{font-size:1.4em;}
    .w33{width:100%}
    #table{display:block; border-collapse: collapse; width:100%;}
    #table tr #table tbody{display:block;}
    #table td{display:block;width:100% !important;margin-bottom:20px;}
    #table td img{height:40px;width:auto;}
}
@media screen and (max-width: 740px) {
    .power p, .coms{font-size:1em;font-family: 'Conv_GothaProReg';}
    .btn{letter-spacing:0;padding-left:15px;padding-right:60px;}
    .btn:after, .btn:before{right:20px;}
    .power .w50{padding:15px;}
    .slogan{font-size:2.5em;display:none;}
    .block{height:300px;width:100%;position: static;}
    .coms{width:100%;padding:15px 25px;background-size: contain;}
    .w65{width:100%;}
    .counters{bottom:-30px;}
    .midcontainer{padding:10px 0 80px;}
}
@media screen and (max-width: 530px) {
    .w50{width:100%;}
    .header{height:auto;background-position: top center;background-size: auto 400px !important;}
    .power{position: static;margin-top:300px;}
    .logotype{width:125px;}
    .mar{margin:50px 0 120px 0;}
}
@media screen and (max-width: 430px) {
    .midcontainer div.par{font-size:1.2em;}
}