@font-face{font-family:'Montserrat';src:url(../fonts/Montserrat-Regular.woff2) format("woff2"),url(../fonts/Montserrat-Regular.woff) format("woff"),url(../fonts/Montserrat-Regular.ttf) format("truetype");font-weight:400;font-style:normal}
@font-face{font-family:'Montserrat';src:url(../fonts/Montserrat-Bold.woff2) format("woff2"),url(../fonts/Montserrat-Bold.woff) format("woff"),url(../fonts/Montserrat-Bold.ttf) format("truetype");font-weight:700;font-style:normal}
@font-face{font-family:'Montserrat';src:url(../fonts/Montserrat-ExtraBold.woff2) format("woff2"),url(../fonts/Montserrat-ExtraBold.woff) format("woff"),url(../fonts/Montserrat-ExtraBold.ttf) format("truetype");font-weight:800;font-style:normal}
html *{max-height:1000000px;position:relative}
html{-moz-text-size-adjust:: none;-webkit-text-size-adjust:none;-ms-text-size-adjust:none;height: 100%;}
*{-moz-text-size-adjust:: none;-webkit-text-size-adjust:none;-ms-text-size-adjust:none}
body{font-family:'Montserrat',arial,sans-serif;margin:0;padding:0;color:#1b1b1f;font-weight:400;min-width:320px;background: #ffffff;font-size:18px;-moz-text-size-adjust:: none;-webkit-text-size-adjust:none;-ms-text-size-adjust:none;position:relative;height: 100%;}
ul,li{list-style:none}
input[type="text"],textarea,select,button{position:relative;outline:none;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-webkit-appearance:none;appearance:none;-moz-appearance:none;font-family:'Montserrat';font-weight:400;font-size:14px}
button{border:none;cursor:pointer}
html *{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}
:before{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}
:after{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}
table{border-collapse:collapse;padding:0}
h1,h2,h3,h4,h5,h6{font-weight:700;margin:0}
a{outline:none;text-decoration:none}
img{border:none}
b{font-weight:700}
::-webkit-input-placeholder{color:#1b1b1f}
::-moz-placeholder{color:#1b1b1f}
:-moz-placeholder{color:#1b1b1f}
:-ms-input-placeholder{color:#1b1b1f}
:focus::-webkit-input-placeholder{color:transparent}
:focus::-moz-placeholder{color:transparent}
:focus:-moz-placeholder{color:transparent}
:focus:-ms-input-placeholder{color:transparent}
input.error::-webkit-input-placeholder{color:#eb4a03}
input.error::-moz-placeholder{color:#eb4a03}
input.error:-moz-placeholder{color:#eb4a03}
input.error:-ms-input-placeholder{color:#eb4a03}
input.error,select.error,textarea.error{border:2px solid #eb4a03!important}
input:active,textarea:active{outline:none}
:focus{outline:none}
main{overflow:hidden;background: #ffffff;height: 100%;}
section{position:relative;z-index:2;overflow:hidden}
.wd12{max-width:1170px;padding:0 20px;margin:0 auto;position:relative;z-index:2}
header:after,footer:after{content:'';display:block;clear:both}
.clearboth:after{content:'';display:block;clear:both}
.preload *{-webkit-transition:none!important;-moz-transition:none!important;-ms-transition:none!important;-o-transition:none!important}
.row{font-size:0;display:table;width:100%;text-align:center;table-layout:fixed;height: 100%;vertical-align: middle;}
.col2{width: 48%;display:inline-block;vertical-align: middle;zoom:1;*display:inline;position:relative;text-align: left;}
.col3{width:32%;display:inline-block;vertical-align:top;zoom:1;*display:inline;position:relative}
.col4{width:25%;display:inline-block;vertical-align:top;zoom:1;*display:inline;position:relative}
.col5{width:20%;display:inline-block;vertical-align:top;zoom:1;*display:inline;position:relative}

#block_main {
    height: 100%;
    max-width: 1200px;
    margin: 0 auto;
}

.row:before {content: '';width: 1%;display: inline-block;vertical-align: middle;height: 100%;}

h1 {
    font-weight: 800;
    font-size: 40px;
    text-align: left;
}
h1 div {display:inline-block;overflow:hidden}
h1 div:first-child span {animation: typing 1.5s steps(60,end),blink-caret 1s step-end ;     overflow: hidden;
    border-right: .15em solid #fff;
    display: inline-block;
white-space: nowrap;}
h1 div:last-child span {animation: typing2 2.5s steps(60,end),blink-caret 1s 1s step-end infinite; overflow: hidden;
    border-right: .15em solid #fff;
    display: inline-block;
white-space: nowrap;}
@keyframes typing {
from{width:.5%}
to{width:100%}
}
@-webkit-keyframes typing {
from{width:.5%}
to{width:100%}
}

@keyframes typing2{
0%, 50%{width:.5%}
100%{width:100%}
}
@-webkit-keyframes typing2 {
0%, 50%{width:.5%}
100%{width:100%}
}
@keyframes blink-caret {
from,to{border-color:transparent}
50%{border-color:#eb4a03}
}
@-webkit-keyframes blink-caret {
from,to{border-color:transparent}
50%{border-color:#eb4a03}
}
h2 {
    font-size: 24px;
    text-align: left;
    color: #eb4a03;
    margin: 30px 0;
}

h3 {
    font-size: 18px;
    text-align: left;
    font-weight: normal;
}

.animblock {
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    background: url(../img/bg_main.svg) no-repeat center;
}

.col2:nth-child(2) {
    height: 100%;
}



@media (max-width:699px) {
	.col2 {width:100%}
	.row:before{display:none}
	.main {height:auto}
	h1 {
    text-align: center;
    font-size: 30px;
}

h2 {
    text-align: center;
    margin: 10px 0 20px;
}

h3 {
    text-align: center;
}

section#block_main {
    max-width: 90%;
    padding: 5% 0;
}

.col2:nth-child(2) {
    max-height: 350px;
}
}
@media (min-width:700px) and (max-width:1023px) {
}

@media (min-width:1401px) and (max-width:1600px) {
}