@font-face {
	font-family: Open Sans;
	src: url(fonts/OpenSans-Regular_0.ttf);
}
@font-face {
	font-family: Open Sans;
	src: url(fonts/OpenSans-Light_0.ttf);
	font-weight: 300;
}
@font-face {
	font-family: Open Sans;
	src: url(fonts/OpenSans-Bold_0.ttf);
	font-weight: 700;
}
@font-face {
	font-family: Open Sans;
	src: url(fonts/OpenSans-BoldItalic_0.ttf);
	font-weight: 700;
	font-style: Italic;
}
@font-face {
	font-family: Open Sans;
	src: url(fonts/OpenSans-BlackBold_0.ttf);
	font-weight: 800;
}

*{margin: 0; padding: 0; outline: 0;}
html,body{height: 100%; font-size: 13px; color: #1f1f21; font-family: 'Open Sans', sans-serif; letter-spacing: 0.2em; background: #fff;}
.pull-left{float: left;}
.pull-right{float: right;}
.clear{clear: both;}
img{max-width: 100%; height: auto; display: block;}
h2{font-weight: 800; font-size: 50px; text-transform: uppercase;}
#license{text-align: center; display: none; position: fixed; top: 5%; left: 50%; z-index: 4; width: 400px; margin-left: -200px; overflow: auto;}
#license > img{display: inline-block; width: 100%; height: auto;}
#modal-form{display: none; position: fixed; top: 5%; left: 50%; z-index: 4; width: 1170px; margin-left: -585px;}
#thank{display: none; position: fixed !important; top: 10%; left: 50%; z-index: 4; width: 500px; margin-left: -250px; background: #fff; padding: 150px; position: relative;}
#thank h4{font-size: 36px; line-height: 47px; color: #1d1d1f; font-weight: 800;} 
#thank hr{width: 130px; height: 3px; background: #00c7d0; background-color: #00c7d0; border: 0; margin: 15px 0 49px;}
#thank p{font-size: 18px; line-height: 47px; letter-spacing: initial;}

.top-wrap{width: 100%; min-width: 1170px; background: url('images/top-bg.png') no-repeat top center #fff; background-attachment: local; padding-top: 110px;}
.top{width: 1170px; margin: 0 auto;}
.nav{padding-bottom: 140px;}
.nav ul{font-size: 0;}
.nav ul li{list-style: none; display: inline-block; *display: inline;}
.nav ul li a{display: inline-block; font-weight: 700; font-size: 19px; color: #1f1f21; text-decoration: none; text-transform: uppercase; padding: 0 13px 24px 0; margin-right: 18px; border-bottom: 3px solid transparent; transition: .3s;}
.nav ul li a:hover{border-bottom: 3px solid #fcff00;}
.adress{width: 700px;}
.adress a{text-decoration: none; color: #1f1f21;}
.adress p{text-align: right; font-size: 14px; font-weight: 700; padding: 20px 50px 7px 0; background: url('images/marker.png') no-repeat top right;}
.name{padding-bottom: 18px;}
.name h1{color: #ffffff; font-size: 80px; font-weight: 300; text-transform: uppercase;}
.name h1 span{display: block; font-weight: 800; font-size: 100px; line-height: 80px;}
.name p{font-size: 30px; font-weight: 700; text-transform: uppercase; padding: 35px 0 25px;}
.name p span{color: #fff;}
.name hr{width: 100px; height: 3px; border: 0; background: #fcff00; background-color: #fcff00;}
.line{padding-bottom: 152px;}
.line > div{display: inline-block; vertical-align: top;}
.button{margin-right: 35px;}
.button a{font-weight: 800; font-size: 18px; text-transform: uppercase; text-decoration: none; color: #1f1f21; background: #fcff00; display: inline-block; padding: 27px 27px; border: 3px solid #fcff00; transition: .3s;}
.button a:hover{background: none; color: #fcff00;}
.phone p{font-weight: 700; font-size: 25px; letter-spacing: 0.19em; line-height: 9px;}
.phone p span{display: block; color: #fcff00; font-weight: 300; font-size: 59px; line-height: 57px; letter-spacing: 0; padding-top: 10px;}
.mouse{text-align: center; padding-bottom: 280px;}
.mouse a{display: inline-block; text-decoration: none; border: 0;}

.about-wrap{width: 100%; min-width: 1170px; background: #fff;}
.about{width: 1170px; margin: 0 auto; overflow: hidden; padding-bottom: 200px;}
.about > div{display: inline-block; vertical-align: top;}
.about-photo{margin-right: 200px;}
.about-photo img{display: block; box-shadow: 30px 30px 59px rgba(14,81,87,0.36);}
.about-content{max-width: 464px;}
.about-content h2{margin-top: -17px;}
.about-content hr{width: 130px; height: 3px; background: #00c7d0; background-color: #00c7d0; border: 0; margin: 15px 0 49px;}
.about-content p{color: #99a5a3; font-size: 16px; letter-spacing: initial; line-height: 26px;}
.about-content .look{padding-top: 100px; position: relative; padding-bottom: 25px;}
.about-content .look a{text-decoration: none; display: inline-block;}
.about-content .look span{display: inline-block; font-weight: 800; font-size: 14px; color: #1d1d1f; letter-spacing: initial; border-bottom: 1px solid #00c7d0; padding-bottom: 4px; transition: .3s;}
.about-content .look span:hover{color: #00c7d0;}
.about-content .look .look-arrow{position: absolute; left: 168px; bottom: 0;}
.about-content .look .look-license{position: absolute; left: 193px; bottom: -4px;}
.about-content .about-socials{margin-top: 80px;}
.about-socials ul{font-size: 0;}
.about-socials ul li{list-style: none; display: inline-block; *display: inline; margin-right: 35px; transition: .3s;}
.about-socials ul li:hover{transform: rotate(360deg);}

.techniques-wrap{width: 100%; min-width: 1170px; background: url(images/techniques-bg.png) no-repeat top center #fff; background-attachment: local;}
.techniques{width: 1170px; margin: 0 auto; padding-bottom: 98px;}
.techniques hr{width: 130px; height: 3px; background: #00c7d0; background-color: #00c7d0; border: 0; margin: 15px 0 49px;}
.techniques > p{letter-spacing: initial; font-size: 16px; line-height: 26px; color: #99a5a3; padding-bottom: 175px;}
.techniques{font-size: 0;}
.techniques-item{display: inline-block; vertical-align: top; margin-bottom: 75px;}
.techniques-item > div{display: inline-block; vertical-align: top;}
.techniques-item div:first-child{padding-right: 35px;}
.techniques-item div:last-child{width: 430px;}
.techniques-item h3{font-size: 18px; font-weight: 700; max-width: 380px;}
.techniques-item p{font-size: 16px; color: #99a5a3; letter-spacing: initial; line-height: 26px; padding: 30px 0 20px; max-width: 400px;}
.techniques-item a{font-size: 14px; color: #1d1d1f; letter-spacing: initial; line-height: auto; padding-bottom: 4px; border-bottom: 1px solid #00c7d0; text-decoration: none; padding-right: 60px; font-weight: 800; background: url('images/look-arrow.png') no-repeat center right; transition: .3s;}
.techniques-item a:hover{color: #00c7d0;}

.modal_div{width: 1025px; height: 400px; background: #fff; position: fixed; top: 45%; left: 50%; margin-left: -585px; margin-top: -300px; display: none; opacity: 0; z-index: 5; padding: 90px 40px 55px 95px; overflow-y: scroll; box-shadow: 30px 30px 59px rgba(14,81,81,0.36);}
.modal_close{width: 30px; height: 30px; position: absolute; top: 30px; right: 30px; cursor: pointer; display: block;}
#overlay{z-index: 3; position: fixed; background: rgba(0,0,0,0.8); width: 100%; height: 100%; top: 0; left: 0; cursor: pointer; display: none;}
.modal_div hr{width: 130px; height: 3px; background: #00c7d0; background-color: #00c7d0; border: 0; margin: 15px 0 35px;}
.modal_div p{font-size: 16px; line-height: 26px; color: #99a5a3; letter-spacing: initial; margin-bottom: 30px;}

.action-wrap{width: 100%; min-width: 1170px; background: url(images/action-bg.png) no-repeat top center #fff; background-attachment: local; margin-top: 95px;}
.action{width: 1170px; margin: 0 auto;}
.action > div{display: inline-block; vertical-align: top;}
.action-photo{position: relative; min-width: 700px;}
.action-photo img{position: absolute; left: -140px; top: -66px;}
.action-content{max-width: 461px; padding-top: 65px;}
.action-content h2{color: #fff;}
.action-content hr{width: 130px; height: 3px; background: #fff; background-color: #fff; border: 0; margin: 15px 0 49px;}
.action-content p{letter-spacing: initial; font-size: 16px; color: #fdf6ee; line-height: 26px; padding-top: 28px;}
.action-content a{color: #fff; text-decoration: none; border: 1px solid #fff; font-size: 14px; font-weight: 800; padding: 20px 45px; display: inline-block; margin-top: 65px; margin-bottom: 63px; transition: .3s;}
.action-content a:hover{background: #fff; color: #00c7d0;}

.comments-wrap{width: 100%; min-width: 1170px; background: url(images/comments-bg.png) no-repeat top center #fff; background-attachment: local; margin-bottom: 165px;}
.comments{width: 1170px; margin: 0 auto;}
.comments h2{padding-top: 60px;}
.comments hr{width: 130px; height: 3px; background: #00c7d0; background-color: #00c7d0; border: 0; margin: 15px 0 49px;}
.comments > img{margin-left: -38px;}
.comments ul li{list-style: none;}
.comments p{font-weight: 700; font-style: Italic; letter-spacing: initial; color: #99a5a3; font-size: 24px; line-height: 40px; max-width: 550px; padding-top: 40px;}
.comments span{display: block; color: #99a5a3; font-size: 16px; line-height: 26px; letter-spacing: initial; padding-top: 90px; padding-bottom: 65px;}
.comments span strong{font-size: 18px; color: #1d1d1f; display: block;}
.comments .slider{max-width: 550px; position: relative; padding-bottom: 175px;}
.comments .unslider-arrow{left: 0;}
.comments .unslider-arrow.next{left: 70px; right: auto;}

.articles-wrap{width: 100%; min-width: 1170px; background: url(images/articles-bg.png) no-repeat top center #faf8f7; background-attachment: local;}
.articles{width: 1170px; margin: 0 auto; position: relative;}
.grid{overflow: hidden; max-height: 2000px;}
.grid-header{position: absolute; top: 0; right: 0; width: 470px;}
.grid-header h2{margin-top: -18px;}
.grid-header hr{width: 130px; height: 3px; background: #00c7d0; background-color: #00c7d0; border: 0; margin: 15px 0 49px;}
.grid-header p{letter-spacing: initial; color: #99a5a3; font-size: 16px; line-height: 26px;}
.grid-item{width: 585px; height: 1000px; float: left; margin-bottom: 25px;}
.grid-item:nth-child(2){margin-top: 455px;}
.grid-item img{max-width: 100%;}
.grid-item h4{font-size: 30px; font-weight: 800; letter-spacing: initial; max-width: 450px; padding: 95px 0 10px;}
.grid-item h4 a{text-decoration: none; color: #1d1d1f; transition: .3s;}
.grid-item h4 a:hover{color: #00c7d0;}
.grid-item p{font-size: 16px; line-height: 26px; color: #99a5a3; letter-spacing: initial; max-width: 480px;}
.grid-item > a{color: #1d1d1f; font-size: 14px; letter-spacing: initial; text-decoration: none; font-weight: 800; margin-top: 30px; display: inline-block; transition: .3s; background: url('images/look-arrow.png') no-repeat right bottom;}
.grid-item > a span{padding-bottom: 4px; border-bottom: 1px solid #00c7d0; padding-right: 60px;}
.grid-item > a:hover{color: #00c7d0;}
#more{float: right; width: 585px; position: absolute; right: 0; bottom: 0; background: #faf8f7; padding: 350px 0 170px;}
#more a.more{font-weight: 800; color: #1d1d1f; font-size: 14px; text-decoration: none; border: 1px solid #1d1d1f; padding: 20px 50px; background: none; letter-spacing: 0.2em; margin-top: 0; transition: .3s; margin-left: 115px;}
#more a.more:hover{background: #1d1d1f; color: #fff;}

.footer-wrap{width: 100%; min-width: 1170px; background: url(images/footer-bg.png) no-repeat top center #faf8f7; background-attachment: local; padding-top: 200px;}
.footer{width: 1170px; margin: 0 auto;}
.form{padding-bottom: 170px; position: relative;}
.form fieldset{border: 8px solid #00c7d0; padding-bottom: 60px;}
.form legend{color: #e6e9ed; font-size: 36px; line-height: 47px; letter-spacing: initial; font-weight: 800; padding: 0 40px; text-align: center; margin-bottom: 70px;}
.form p{width: 780px; margin: 0 auto 19px;}
.form p label{width: 117px; display: inline-block; font-weight: 300; color: #fff; font-size: 18px; line-height: 47px; letter-spacing: initial; vertical-align: top;}
.form p input{border: 1px solid #fff; background: rgba(256,256,256,0.2); width: 620px; display: inline-block; padding: 16px; color: #fff; transition: .3s;}
.form p input:focus{background: rgba(256,256,256,0.5);}
.form p textarea{border: 1px solid #fff; background: rgba(256,256,256,0.2); width: 620px; display: inline-block; padding: 16px; color: #fff; height: 103px; transition: .3s; font-family: 'Open Sans', sans-serif;}
.form p textarea:focus{background: rgba(256,256,256,0.5);}
.form p button{font-size: 14px; color: #ffffff; font-weight: 800; background: none; text-transform: uppercase; border: 1px solid #fff; padding: 15px 25px 15px 75px; background: url('images/icon-i.png') no-repeat center left 26px; cursor: pointer; transition: .3s; margin-left: 124px; margin-right: 45px; display: inline-block;}
.form p button:hover{color: #00c7d0; border-color: #00c7d0;}
.form p span{display: inline-block; line-height: 47px; color: #ffffff; font-weight: 300; font-size: 18px; padding-left: 55px; background: url('images/icon-time.png') no-repeat center left; letter-spacing: initial;}
.footer-adress{position: relative;}
.footer-adress h2{color: #fff; margin-top: -18px;}
.footer-adress hr{width: 130px; height: 3px; background: #00c7d0; background-color: #00c7d0; border: 0; margin: 15px 0 49px;}
.footer-adress p{font-size: 24px; line-height: 48px; letter-spacing: initial; color: #99a5a3;}
.footer-adress p span{color: #ffffff;}
.footer-adress .about-socials{margin-top: 35px; padding-bottom: 80px;}
.footer-adress > span{color: #99a5a3; font-size: 24px; line-height: 48px; letter-spacing: initial; display: block; padding-bottom: 75px;}
.footer-adress > span a{color: #fff; font-weight: 800; text-decoration: none; transition: .3s;}
.footer-adress > span a:hover{color: #00c7d0;}
.footer-adress > ymaps{position: absolute; top: 18px; right: 0;}

.hidden-form{background: #fff; padding: 115px 210px;}
.hidden-form h3{font-size: 36px; text-align: center; line-height: 47px; font-weight: 800; padding-bottom: 60px;}
.hidden-form p label{color: #1d1d1f;}
.hidden-form p input{border: 1px solid #1d1d1f; background: #fff; color: #1d1d1f;}
.hidden-form p textarea{border: 1px solid #1d1d1f; background: #fff; color: #1d1d1f;}
.hidden-form p button{color: #1d1d1f; border: 1px solid #1d1d1f; background: url('images/icon-ii.png') no-repeat center left 26px;}