@import url(reset.css);

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

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

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


body {font-size: 14px; font-family: 'Conv_GEOMETRIA', sans-serif; background: #fff; color: #000; min-width: 1280px;}

.clear {clear: both;width: 0px;height: 0px;overflow: hidden;font-size: 0px;line-height: 0px;}

a {-webkit-transition:all 0.2s ease;-o-transition:all 0.2s ease;-moz-transition:all 0.2s ease;-ms-transition:all 0.2s ease;}

.btn {text-decoration: none; border: none; cursor: pointer;color: #fff; font-size: 18px; background: #606f60; border-radius: 35px;display: inline-block;padding: 15px 20px 13px 20px;text-align: center;font-family: 'Conv_GEOMETRIA-HEAVY'; border-bottom: 3px solid #3c503c; box-shadow: 0px 16px 21px 0px rgba(0, 0, 0, 0.12);}
.btn:hover {background: #3c503c;}
.btn-yellow {border-color: #ff9000; background: #fec600; text-shadow: 0px 0px 3px #ff9000;}
.btn:hover {background: #ff9000;}
.btn-blank {color: #fff; background: transparent; border: 3px solid #fff;box-shadow: 0px 18px 10px 0px rgba(0, 0, 0, 0.12);}
.btn-black {border-color: #0f0f0f; background: #222222; text-shadow: 0px 0px 3px #0f0f0f;}

input[type="text"],
input[type="email"],
input[type="password"],
textarea {border: 1px solid #e4e0db; border-radius: 7px; font-size: 16px; padding: 0 17px; font-family: 'Conv_GEOMETRIA', sans-serif;height: 30px;display: inline-block;background: #fff;}
textarea {padding: 10px 4%;width: 90%;height: 100px;resize: none;}

input[type="text"].error,
input[type="email"].error,
input[type="password"].error,
textarea.error {border-color: red;}
textarea.error {background-color: red;}

.cont {width: 1170px; margin: 0 auto; position: relative;}

.title {text-align: center;color: #000;font-size: 36px;}
.title:before {content: ""; width: 40px; height: 7px; background: #fec600; position: absolute;margin: 15px 0 0 -61px;}
.title span {font-family: 'Conv_GEOMETRIA-HEAVY';text-transform: uppercase;}

.block-1 {background: url(../images/block-1-bg.jpg) top center no-repeat;color: #fff;}
.block-1 header {}
.block-1 header .logo {float: left;margin: 13px 0 0 0;width: 180px;}
.block-1 header .logo img {max-width: 100%;}
.block-1 header .block {float: left;margin: 36px 0 0 35px;width: 950px;}
.block-1 header .block .top {padding: 0 0 0 23px;}
.block-1 header .block .top .address {float: left;font-size: 13px;}
.block-1 header .block .top .address:before {content: url(../images/map.png); position: absolute;margin: -1px 0 0 -24px;}
.block-1 header .block .top .email {float: left;color: #606f60;margin: 0 0 0 82px; text-decoration: none;}
.block-1 header .block .top .email:hover {text-decoration: underline;}
.block-1 header .block .top .email:before {content: url(../images/email.png); position: absolute;margin: 1px 0 0 -27px;}
.block-1 header .block .top .phone-block {float: left;margin: -7px 0 0 100px;letter-spacing: 1px;}
.block-1 header .block .top .phone-block b {font-family: 'Conv_GEOMETRIA-BOLD'; font-size: 18px;display: block;}
.block-1 header .block .top .phone-block b i {font-style: normal;}
.block-1 header .block .top .phone-block b:before {content: url(../images/phone.png); position: absolute;margin: 6px 0 0 -35px;}
.block-1 header .block .top .phone-block span {color: #606f60; font-size: 10px;padding: 4px 0 0 0;display: block;}
.block-1 header .block .top .btn-callback {float: right; text-transform: uppercase;font-family: 'Conv_GEOMETRIA';padding: 14px 21px 10px 21px;border-bottom: none;font-size: 15px;margin: -12px 0 0 0;}
.block-1 header .bottom {border-bottom: 1px solid #282c28;width: 90%;float: left;margin: -34px 0 0 0;padding: 0 0 0 193px;}
.block-1 header .bottom a {color: #fff; text-decoration: none;padding: 13px 25px 16px 25px;float: left;font-size: 16px;margin-right: 31px; margin-bottom: -1px;}
.block-1 header .bottom a.active,
.block-1 header .bottom a:hover {border-bottom: 2px solid #fec600;}
.block-1 .head-block {padding: 40px 0 0 0;}
.block-1 .head-block .left {float: left;width: 70%;margin-right: -62px;}
.block-1 .head-block .left h1 {text-align: center;font-size: 30px;padding-right: 46px;line-height: 38px;}
.block-1 .head-block .left h1 span {font-family: 'Conv_GEOMETRIA-HEAVY'; text-transform: uppercase; display: block;}
.block-1 .head-block .left .items {margin: 13px 0 0 -15px;}
.block-1 .head-block .left .items .item {text-align: center;float: left;width: 200px;
	-webkit-perspective: 600px; /* webkit */
    -moz-perspective: 600px; /* mozilla */
    -ms-perspective: 600px; /* IE 10 */
    -o-perspective: 600px; /* opera когда-то тоже должна начать понимать */
    perspective: 600px; /* св-во по стандартам */
    -webkit-transition-duration: 0.5s;
}
.block-1 .head-block .left .items .item:hover {
	-webkit-perspective: 900px;
}
.block-1 .head-block .left .items .item img {max-width: 100%;display: block;margin-bottom: 9px;
	-webkit-transition: -webkit-transform 0.5s;
    -moz-transition: -moz-transform 0.5s;
    -ms-transition: -moz-transform 0.5s;
    -o-transition: -o-transform 0.5s;
    transition: transform 0.5s;
}

.block-1 .head-block .left .items .item:hover img{
    -webkit-transform: rotateY( 180deg );
    -moz-transform: rotateY( 180deg );
    -ms-transform: rotateY( 180deg );
    -o-transform: rotateY( 180deg );
    transform: rotateY( 180deg ); /* поворачиваем фигуру на 45 градусов */
}

.block-1 .head-block .left .items .item b {font-size: 18px; font-family: 'Conv_GEOMETRIA-BOLD'; background: url(../images/recta.png) no-repeat center; background-size: 100% 100%; display: inline-block;padding: 3px 10px 2px 10px;}
.block-1 .head-block .left .items .item span {font-size: 18px; display: block;padding-top: 3px;}
.block-1 .head-block .left .short {text-align: center; font-size: 24px;padding: 28px 80px 0 80px;line-height: 27px;}
.block-1 .head-block .left .btn-yellow {text-transform: uppercase;margin: 26px 0 0 120px;padding: 26px 0 22px 0;width: 530px;}
.block-1 .head-block .right {float: right; background: url(../images/head-block-right.png) no-repeat; width: 405px; height: 567px; text-align: center;margin: 0 -27px 0 0px;}
.block-1 .head-block .right .short {font-family: 'Conv_GEOMETRIA-BOLD';padding: 43px 0 0 0;font-size: 24px;line-height: 28px;}
.block-1 .head-block .right b {display: block;font-family: 'Conv_GEOMETRIA-HEAVY'; text-transform: uppercase;padding: 84px 0 0 0;font-size: 30px;line-height: 35px;}
.block-1 .head-block .right .btn-blank {display: block;width: 220px;margin: 42px auto 0 auto;padding: 22px 0 18px 0;font-size: 22px;}
.block-1 .head-block .right .more {font-family: 'Conv_GEOMETRIA-BOLD'; text-decoration: none; color: #fff; border-bottom: 1px dashed #fff; text-transform: uppercase;margin: 49px 0 0 0;display: inline-block;}
.block-1 .head-block .right .more:hover {border-color: transparent;}
.block-1 .about {padding: 96px 0 0 0; color: #000;}
.block-1 .about .cont {border-bottom: 1px solid #fec600;padding: 0 0 71px 0;}
.block-1 .about .title {text-align: center;color: #000;font-size: 36px;}
.block-1 .about .title:before {content: ""; width: 40px; height: 7px; background: #fec600; position: absolute;margin: 15px 0 0 -61px;}
.block-1 .about .title span {font-family: 'Conv_GEOMETRIA-HEAVY';text-transform: uppercase;}
.block-1 .about .items {text-align: center;padding: 78px 0 0 0;}
.block-1 .about .items .item {float: left;text-align: center;width: 233px;margin: 0 0px 0 0;}
.block-1 .about .items .item .img {position: relative;height: 70px;width: 100%;margin-bottom: 32px;}
.block-1 .about .items .item .img img {max-width: 100%;position: absolute;margin: auto;top: 0;left: 0;right: 0;bottom: 0;}
.block-1 .about .items .item b {font-family: 'Conv_GEOMETRIA-HEAVY'; display: block; background: url(../images/about-bg.png) no-repeat center top; font-size: 26px;padding: 13px 0 14px 0;margin-bottom: 14px;}
.block-1 .about .items .item span {display: block;text-align: center;font-size: 19px;line-height: 22px;padding: 0 0 0 0px;}

.product-garant {background: url(../images/product-garant.jpg) no-repeat center 137px;margin: 73px 0 0 0;;}
.product-garant .products {}
.product-garant .products .title {}
.product-garant .products .title span {}
.product-garant .products .list {padding: 62px 0 0 0;}
.product-garant .products .list .big {float: left; width: 774px; height: 238px; position: relative;margin: 0 10px 10px 0; position: relative;}
.product-garant .products .list .big .showed {float: left; background: url(../images/product-bg.jpg); background-size: cover; position: relative;width: 100%;height: 100%; position: absolute; top: 0; left: 0; opacity: 0;
	-webkit-transition:all 0.2s ease;-o-transition:all 0.2s ease;-moz-transition:all 0.2s ease;-ms-transition:all 0.2s ease;
}
.product-garant .products .list .big:hover .showed {opacity: 1;}
.product-garant .products .list .big ul {float: left;font-family: 'Conv_GEOMETRIA-BOLD'; color: #fff;margin: 52px 0 0 416px;font-size: 16px;}
.product-garant .products .list .big ul li {margin-bottom: 14px;}
.product-garant .products .list .big ul li:before {content: url(../images/product-li.png); position: absolute;margin: 0px 0 0 -26px;}
.product-garant .products .list .big a {text-decoration: underline; color: #fff; font-family: 'Conv_GEOMETRIA-HEAVY'; text-transform: uppercase;font-size: 18px;position: absolute;bottom: 35px;left: 42px;}
.product-garant .products .list .small {float: left; width: 386px; height: 238px; position: relative;margin-bottom: 10px; position: relative;}
.product-garant .products .list .small .showed {float: left; background: url(../images/product-bg.jpg); background-size: cover; position: relative;width: 100%;height: 100%; position: absolute; top: 0; left: 0; opacity: 0;
	-webkit-transition:all 0.2s ease;-o-transition:all 0.2s ease;-moz-transition:all 0.2s ease;-ms-transition:all 0.2s ease;
}
.product-garant .products .list .small:hover .showed {opacity: 1;}
.product-garant .products .list .small a {text-decoration: underline; color: #fff; font-family: 'Conv_GEOMETRIA-HEAVY'; text-transform: uppercase;font-size: 18px;position: absolute;bottom: 35px;left: 42px;}
.product-garant .products .list .small ul {float: left;font-family: 'Conv_GEOMETRIA-BOLD'; color: #fff;margin: 20px 0 0 66px;font-size: 16px;}
.product-garant .products .list .small ul li {margin-bottom: 14px;}
.product-garant .products .list .small ul li:before {content: url(../images/product-li.png); position: absolute;margin: 0px 0 0 -26px;}
.product-garant .products .list .bigest {float: left; position: relative;width: 382px; height: 496px; position: relative;}
.product-garant .products .list .bigest .showed {float: left; background: url(../images/product-bg.jpg); background-size: cover; position: relative;width: 100%;height: 100%; position: absolute; top: 0; left: 0; opacity: 0;
	-webkit-transition:all 0.2s ease;-o-transition:all 0.2s ease;-moz-transition:all 0.2s ease;-ms-transition:all 0.2s ease;
}
.product-garant .products .list .bigest:hover .showed {opacity: 1;}
.product-garant .products .list .bigest a {text-decoration: underline; color: #fff; font-family: 'Conv_GEOMETRIA-HEAVY'; text-transform: uppercase;font-size: 18px;position: absolute;bottom: 35px;left: 42px;}
.product-garant .products .list .bigest ul {float: left;font-family: 'Conv_GEOMETRIA-BOLD'; color: #fff;margin: 60px 0 0 81px;font-size: 16px;}
.product-garant .products .list .bigest ul li {margin-bottom: 14px;}
.product-garant .products .list .bigest ul li:before {content: url(../images/product-li.png); position: absolute;margin: 0px 0 0 -26px;}
.product-garant .products .list .bigestes {position: relative; width: 778px;height: 248px; float: left;}
.product-garant .products .list .bigestes .showed {float: left; background: url(../images/product-bg.jpg); background-size: cover; position: relative;width: 778px;height: 248px; position: absolute; top: 0; left: 0; opacity: 0;
	-webkit-transition:all 0.2s ease;-o-transition:all 0.2s ease;-moz-transition:all 0.2s ease;-ms-transition:all 0.2s ease;
}
.product-garant .products .list .bigestes:hover .showed {opacity: 1;}
.product-garant .products .list .bigestes a {float: left;text-decoration: underline; color: #fff; font-family: 'Conv_GEOMETRIA-HEAVY'; text-transform: uppercase;font-size: 18px;margin: 110px 0 0 112px;line-height: 21px;}
.product-garant .products .list .bigestes ul {float: left;font-family: 'Conv_GEOMETRIA-BOLD'; color: #fff;margin: 60px 0 0 151px;font-size: 16px;}
.product-garant .products .list .bigestes ul li {margin-bottom: 14px;}
.product-garant .products .list .bigestes ul li:before {content: url(../images/product-li.png); position: absolute;margin: 0px 0 0 -26px;}
.product-garant .products .list .item-1 {background: url(../images/product-1.jpg) no-repeat;}
.product-garant .products .list .item-2 {background: url(../images/product-2.jpg) no-repeat;}
.product-garant .products .list .item-3 {background: url(../images/product-3.jpg) no-repeat;margin-right: 6px;}
.product-garant .products .list .item-4 {background: url(../images/product-4.jpg) no-repeat;margin-right: 6px;}
.product-garant .products .list .item-5 {background: url(../images/product-5.jpg) no-repeat;}
.product-garant .products .list .item-6 {background: url(../images/product-6.jpg) no-repeat;margin-right: 10px;}
.product-garant .products .list .item-7 {background: url(../images/product-7.jpg) no-repeat;margin-right: 0;width: 778px;}
.product-garant .products .list .item-8 {background: url(../images/product-1.jpg) no-repeat; background-size: auto 100%;}
.product-garant .products .list .item-1:hover a,
.product-garant .products .list .item-2:hover a,
.product-garant .products .list .item-3:hover a,
.product-garant .products .list .item-4:hover a,
.product-garant .products .list .item-5:hover a,
.product-garant .products .list .item-6:hover a,
.product-garant .products .list .item-7:hover a,
.product-garant .products .list .item-8:hover a {text-decoration: none;}
.product-garant .products .btn {display: block;width: 530px;margin: 61px auto 95px auto;text-transform: uppercase;padding: 26px 0 22px 0;}
.product-garant .line {width: 100%; height: 1px; background: #fec600;}
.product-garant .garant-1 {padding: 72px 0 0 0; position: relative;}
.product-garant .garant-1 .title {}
.product-garant .garant-1 .info {padding: 80px 0 0 0px;}
.product-garant .garant-1 .info .info-image {position: absolute; top: 144px; right: -27px; width: 624px; height: 624px; background: url(../images/garant-img-1.png);}
.product-garant .garant-1 .info .h2 {font-family: 'Conv_GEOMETRIA-HEAVY';padding: 0px 0 0 102px;font-size: 30px;line-height: 36px;}
.product-garant .garant-1 .info .h2:before {content: url(../images/garant-1.png); position: absolute;margin: 12px 0 0 -80px;}
.product-garant .garant-1 .info .short {font-size: 18px;padding: 15px 0 31px 99px;line-height: 22px;}
.product-garant .garant-1 .info .ramki {border: 9px solid #fec600;width: 509px;font-size: 18px;padding: 44px 150px 0 90px;line-height: 22px;}
.product-garant .garant-1 .info .ramki ul {padding-right: 20px;padding-bottom: 33px;}
.product-garant .garant-1 .info .ramki ul li {margin-bottom: 24px;}
.product-garant .garant-1 .info .ramki .link {font-family: 'Conv_GEOMETRIA-HEAVY'; color: #000; text-transform: uppercase;display: inline-block;margin: 0 0 27px 0; text-decoration: underline;}
.product-garant .garant-1 .info .ramki .btn {font-size: 18px;text-transform: uppercase;padding: 23px 67px 21px 67px;margin-bottom: 44px;}

.garant {background: url(../images/user-types-bg.jpg) no-repeat center 210px; background-size: 100% 100%;}
.garant .garant-2 {padding: 50px 0 0 0;}
.garant .garant-2 .info {padding: 80px 0 0 0px;}
.garant .garant-2 .info .info-slider {position: absolute; top: 79px; right: 0px; width: 570px; height: 570px; background: #fff; box-shadow: 0px 0px 40px 0 rgba(0, 0, 0, 0.15);}
.garant .garant-2 .info .info-slider .slider {padding: 21px 0px 35px 25px;position: relative;border-bottom: 1px solid #eeeeee;width: 541px;}
.garant .garant-2 .info .info-slider .slider .item {}
.garant .garant-2 .info .info-slider .slider .item .sert {width: 247px;float: left;margin-right: 6px;text-align: center;margin-left: 7px;}
.garant .garant-2 .info .info-slider .slider .item .sert img {display: block;}
.garant .garant-2 .info .info-slider .slider .item .sert span {padding: 28px 0 0 0;display: block;line-height: 16px;}
.garant .garant-2 .info .info-slider .owl-controls {position: absolute; width: 100%; bottom: -85px;}
.garant .garant-2 .info .info-slider .owl-controls .owl-prev {text-indent: -100000px; width: 147px; height: 79px; background: url(../images/nav-text.png) no-repeat;float: left;margin: 0 0 0 110px;}
.garant .garant-2 .info .info-slider .owl-controls .owl-next {text-indent: -100000px; width: 154px; height: 79px; background: url(../images/nav-text.png) -153px 0px no-repeat;float: left;margin: 0 0 0 6px;}
.garant .garant-2 .info .h2 {font-family: 'Conv_GEOMETRIA-HEAVY';padding: 0px 0 0 102px;font-size: 30px;line-height: 36px;}
.garant .garant-2 .info .h2:before {content: url(../images/garant-2.png); position: absolute;margin: 12px 0 0 -80px;}
.garant .garant-2 .info .short {font-size: 18px;padding: 15px 0 31px 99px;line-height: 22px;}
.garant .garant-2 .info .ramki {border: 9px solid #fec600;width: 559px;font-size: 16px;padding: 44px 100px 0 90px;line-height: 28px;background: #fff;padding-bottom: 47px;}
.garant .garant-2 .info .ramki ul {padding-right: 20px;padding-bottom: 33px;}
.garant .garant-2 .info .ramki ul li {margin-bottom: 24px; font-size: 18px;}
.garant .garant-2 .info .ramki .link {font-family: 'Conv_GEOMETRIA-HEAVY'; color: #000; text-transform: uppercase;display: inline-block;margin: 0 0 27px 0;}
.garant .garant-2 .info .ramki .btn {font-size: 18px;text-transform: uppercase;padding: 23px 67px 21px 67px;margin-bottom: 44px;}
.garant .user-types {padding: 136px 0 56px 0; color: #fff;}
.garant .user-types .title {color: #fff;line-height: 41px;}
.garant .user-types .title span {display: block;}
.garant .user-types .items {padding: 51px 0 35px 0;}
.garant .user-types .items .item {float: left;text-align: center;width: 390px;}
.garant .user-types .items .item .images {height: 88px;}
.garant .user-types .items .item .images img {}
.garant .user-types .items .item .name {font-family: 'Conv_GEOMETRIA-HEAVY';font-size: 30px;}
.garant .user-types .items .item .name:before {content: url(../images/i.png); position: absolute;margin: -10px 0 0 -48px;z-index: 0;}
.garant .user-types .items .item .like-btn {font-family: 'Conv_GEOMETRIA-HEAVY'; border: 2px solid #fec600; border-radius: 35px;margin: 29px 0 0 0;width: 367px;text-transform: uppercase;font-size: 18px;padding: 18px 0 14px 0;}
.garant .user-types .items .item ul {text-align: left;padding: 44px 0 0 42px;font-size: 16px;}
.garant .user-types .items .item ul li {margin-bottom: 24px;line-height: 18px;}
.garant .user-types .items .item ul li:before {content: url(../images/checkbox.png); position: absolute;margin: -3px 0 0 -43px;}
.garant .user-types .you-user-1 {border: 2px dashed #fff;border-radius: 50px 0px 0px 0px;float: left;width: 581px;height: 116px;margin: 0 -2px -2px 0;position: relative;}
.garant .user-types .you-user-1 .img {float: left;margin: 22px 0 0 150px; width: 57px; height: 61px; background: url(../images/you-user-1.png);}
.garant .user-types .you-user-1 span {float: left;font-family: 'Conv_GEOMETRIA-HEAVY';font-size: 30px; color: #fff; text-decoration: underline;margin: 41px 0 0 72px;}
.garant .user-types .you-user-1 span:before {content: url(../images/i.png); position: absolute;margin: -9px 0 0 -51px;}
.garant .user-types .you-user-1:hover {background: #fec600;}
.garant .user-types .you-user-1 .item-hover {position: absolute; width: 420px; background: #fff; border: 1px solid #fec600; color: #000;text-align: center;top: -450px;left: 90px;box-shadow: 0px 0px 20px 0px #000; display: none;}
.garant .user-types .you-user-1 .item-hover .images {height: 88px;width: 100%;text-align: center;}
.garant .user-types .you-user-1 .item-hover .images img {margin-top: 10px;display: inline-block;}
.garant .user-types .you-user-1 .item-hover .name {font-family: 'Conv_GEOMETRIA-HEAVY';font-size: 30px;}
.garant .user-types .you-user-1 .item-hover .name:before {content: url(../images/i.png); position: absolute;margin: -10px 0 0 -48px;z-index: 0;}
.garant .user-types .you-user-1 .item-hover .like-btn {font-family: 'Conv_GEOMETRIA-HEAVY'; border: 2px solid #fec600; border-radius: 35px;margin: 29px auto 0 auto;width: 367px;text-transform: uppercase;font-size: 18px;padding: 18px 0 14px 0;}
.garant .user-types .you-user-1 .item-hover ul {text-align: left;padding: 44px 30px 0 72px;font-size: 16px;}
.garant .user-types .you-user-1 .item-hover ul li {margin-bottom: 24px;line-height: 18px;}
.garant .user-types .you-user-1 .item-hover ul li:before {content: url(../images/checkbox.png); position: absolute;margin: -3px 0 0 -43px;}
.garant .user-types .you-user-1:hover .item-hover {display: block;}
.garant .user-types .you-user-1:hover .img {background: url(../images/you-user-1-white.png);}
.garant .user-types .you-user-2 {border: 2px dashed #fff;border-radius: 0px 50px 0px 0px;float: left;width: 581px;height: 116px;margin: 0 0 -2px 0; position: relative;}
.garant .user-types .you-user-2 .img {float: left;margin: 22px 0 0 125px; width: 57px; height: 61px; background: url(../images/you-user-2.png);}
.garant .user-types .you-user-2 span {float: left;font-family: 'Conv_GEOMETRIA-HEAVY';font-size: 30px; color: #fff; text-decoration: underline;margin: 41px 0 0 72px;}
.garant .user-types .you-user-2 span:before {content: url(../images/i.png); position: absolute;margin: -9px 0 0 -47px;}
.garant .user-types .you-user-2:hover {background: #fec600;}
.garant .user-types .you-user-2 .item-hover {position: absolute; width: 420px; background: #fff; border: 1px solid #fec600; color: #000;text-align: center;top: -450px;left: 90px;box-shadow: 0px 0px 20px 0px #000; display: none;}
.garant .user-types .you-user-2 .item-hover .images {height: 88px;width: 100%;text-align: center;}
.garant .user-types .you-user-2 .item-hover .images img {margin-top: 10px;display: inline-block;}
.garant .user-types .you-user-2 .item-hover .name {font-family: 'Conv_GEOMETRIA-HEAVY';font-size: 30px;}
.garant .user-types .you-user-2 .item-hover .name:before {content: url(../images/i.png); position: absolute;margin: -10px 0 0 -48px;z-index: 0;}
.garant .user-types .you-user-2 .item-hover .like-btn {font-family: 'Conv_GEOMETRIA-HEAVY'; border: 2px solid #fec600; border-radius: 35px;margin: 29px auto 0 auto;width: 367px;text-transform: uppercase;font-size: 18px;padding: 18px 0 14px 0;}
.garant .user-types .you-user-2 .item-hover ul {text-align: left;padding: 44px 30px 0 72px;font-size: 16px;}
.garant .user-types .you-user-2 .item-hover ul li {margin-bottom: 24px;line-height: 18px;}
.garant .user-types .you-user-2 .item-hover ul li:before {content: url(../images/checkbox.png); position: absolute;margin: -3px 0 0 -43px;}
.garant .user-types .you-user-2:hover .item-hover {display: block;}
.garant .user-types .you-user-2:hover .img {background: url(../images/you-user-2-white.png);}
.garant .user-types .you-user-3 {border: 2px dashed #fff;border-radius: 0px 0px 0px 50px;float: left;width: 581px;height: 116px;margin-right: -2px; position: relative;}
.garant .user-types .you-user-3 .img {float: left;margin: 27px 0 0 72px; width: 57px; height: 61px; background: url(../images/you-user-3.png);}
.garant .user-types .you-user-3:hover {background: #fec600;}
.garant .user-types .you-user-3 .item-hover {position: absolute; width: 420px; background: #fff; border: 1px solid #fec600; color: #000;text-align: center;top: -450px;left: 90px;box-shadow: 0px 0px 20px 0px #000; display: none;}
.garant .user-types .you-user-3 .item-hover .images {height: 88px;width: 100%;text-align: center;}
.garant .user-types .you-user-3 .item-hover .images img {margin-top: 10px;display: inline-block;}
.garant .user-types .you-user-3 .item-hover .name {font-family: 'Conv_GEOMETRIA-HEAVY';font-size: 30px;}
.garant .user-types .you-user-3 .item-hover .name:before {content: url(../images/i.png); position: absolute;margin: -10px 0 0 -48px;z-index: 0;}
.garant .user-types .you-user-3 .item-hover .like-btn {font-family: 'Conv_GEOMETRIA-HEAVY'; border: 2px solid #fec600; border-radius: 35px;margin: 29px auto 0 auto;width: 367px;text-transform: uppercase;font-size: 18px;padding: 18px 0 14px 0;}
.garant .user-types .you-user-3 .item-hover ul {text-align: left;padding: 44px 30px 0 72px;font-size: 16px;}
.garant .user-types .you-user-3 .item-hover ul li {margin-bottom: 24px;line-height: 18px;}
.garant .user-types .you-user-3 .item-hover ul li:before {content: url(../images/checkbox.png); position: absolute;margin: -3px 0 0 -43px;}
.garant .user-types .you-user-3:hover .item-hover {display: block;}
.garant .user-types .you-user-3:hover .img {background: url(../images/you-user-3-white.png);}
.garant .user-types .you-user-3 span {float: left;font-family: 'Conv_GEOMETRIA-HEAVY';font-size: 30px; color: #fff; text-decoration: underline;margin: 44px 0 0 70px;}
.garant .user-types .you-user-3 span:before {content: url(../images/i.png); position: absolute;margin: -9px 0 0 -47px;}
.garant .user-types .you-user-4 {border: 2px dashed #fff;border-radius: 0px 0px 50px 0px;float: left;width: 581px;height: 116px; position: relative;}
.garant .user-types .you-user-4 .img {float: left;margin: 23px 0 0 129px; width: 57px; height: 61px; background: url(../images/you-user-4.png);}
.garant .user-types .you-user-4:hover {background: #fec600;}
.garant .user-types .you-user-4 .item-hover {position: absolute; width: 420px; background: #fff; border: 1px solid #fec600; color: #000;text-align: center;top: -450px;left: 90px;box-shadow: 0px 0px 20px 0px #000; display: none;}
.garant .user-types .you-user-4 .item-hover .images {height: 88px;width: 100%;text-align: center;}
.garant .user-types .you-user-4 .item-hover .images img {margin-top: 10px;display: inline-block;}
.garant .user-types .you-user-4 .item-hover .name {font-family: 'Conv_GEOMETRIA-HEAVY';font-size: 30px;}
.garant .user-types .you-user-4 .item-hover .name:before {content: url(../images/i.png); position: absolute;margin: -10px 0 0 -48px;z-index: 0;}
.garant .user-types .you-user-4 .item-hover .like-btn {font-family: 'Conv_GEOMETRIA-HEAVY'; border: 2px solid #fec600; border-radius: 35px;margin: 29px auto 0 auto;width: 367px;text-transform: uppercase;font-size: 18px;padding: 18px 0 14px 0;}
.garant .user-types .you-user-4 .item-hover ul {text-align: left;padding: 44px 30px 0 72px;font-size: 16px;}
.garant .user-types .you-user-4 .item-hover ul li {margin-bottom: 24px;line-height: 18px;}
.garant .user-types .you-user-4 .item-hover ul li:before {content: url(../images/checkbox.png); position: absolute;margin: -3px 0 0 -43px;}
.garant .user-types .you-user-4:hover .item-hover {display: block;}
.garant .user-types .you-user-4:hover .img {background: url(../images/you-user-4-white.png);}
.garant .user-types .you-user-4 span {float: left;font-family: 'Conv_GEOMETRIA-HEAVY';font-size: 30px; color: #fff; text-decoration: underline;margin: 41px 0 0 72px;}
.garant .user-types .you-user-4 span:before {content: url(../images/i.png); position: absolute;margin: -9px 0 0 -47px;}

.company {padding: 63px 0 108px 0;}
.company .title {line-height: 42px;}
.company .title span {display: block;}
.company .short {font-size: 18px;text-align: center;padding: 18px 0 40px 0;}
.company .company-img {}
.company .company-img img {}

.achivs {background: url(../images/achivs-bg.jpg) top center no-repeat;padding: 47px 0 0 0;}
.achivs .title {color: #fff;line-height: 43px;}
.achivs .title span {display: block;}
.achivs .title:before {margin: 16px 0 0 -283px;}
.achivs .item-list {margin: 68px 0 6px -15px;width: 105%;}
.achivs .item-list .item {width: 200px; text-align: center; color: #fff;float: left;}
.achivs .item-list .item .img {margin-bottom: 5px;
	-webkit-perspective: 600px; /* webkit */
    -moz-perspective: 600px; /* mozilla */
    -ms-perspective: 600px; /* IE 10 */
    -o-perspective: 600px; /* opera когда-то тоже должна начать понимать */
    perspective: 600px; /* св-во по стандартам */
    -webkit-transition-duration: 0.5s;
}
.achivs .item-list .item .img:hover {
	-webkit-perspective: 900px;
}
.achivs .item-list .item .img img {
	-webkit-transition: -webkit-transform 0.5s;
    -moz-transition: -moz-transform 0.5s;
    -ms-transition: -moz-transform 0.5s;
    -o-transition: -o-transform 0.5s;
    transition: transform 0.5s;
}
.achivs .item-list .item .img:hover img{
    -webkit-transform: rotateY( 180deg );
    -moz-transform: rotateY( 180deg );
    -ms-transform: rotateY( 180deg );
    -o-transform: rotateY( 180deg );
    transform: rotateY( 180deg ); /* поворачиваем фигуру на 45 градусов */
}

.achivs .item-list .item .text {}
.achivs .item-list .item .text b {font-size: 18px; font-family: 'Conv_GEOMETRIA-BOLD'; background: url(../images/recta.png) no-repeat center; background-size: 100% 100%; display: inline-block;padding: 3px 10px 2px 10px;margin-bottom: 3px;}
.achivs .item-list .item .text span {display: block; font-size: 18px;padding-bottom: 4px;}
.achivs .form {background: url(../images/achivs-form-2.png) no-repeat center 0; position: relative;margin: 0px 0 0 0;padding-top: 98px;}
.achivs .form .form-image {position: absolute; top: 255px; left: 623px; width: 156px; height: 273px; background: url(../images/achivs-form-1.png);z-index: 1;}
.achivs .form .form-div {background: #fff; border: 9px solid #fec600;margin: 0 0px 0 0px;width: 753px; position: relative;padding: 0 0 32px 0;}
.achivs .form .form-bottom {position: absolute; width: 622px; height: 165px; background: url(../images/form-sale.png); color: #fff; text-align: center;font-size: 18px;margin: 0 0 0 0;bottom: -166px;left: 64px;}
.achivs .form .form-bottom span {display: block;font-size: 18px;padding: 22px 0 0 0;}
.achivs .form .form-bottom b {font-family: 'Conv_GEOMETRIA-HEAVY'; text-transform: uppercase; display: block;padding: 7px 0 0 0;}
.achivs .form .name {font-family: 'Conv_GEOMETRIA-HEAVY';font-size: 30px;padding: 37px 0 0 92px;}
.achivs .form .short {font-size: 18px;padding: 16px 0 0 90px;}
.achivs .form .form-left {float: left;margin: 35px 0 0 92px;width: 270px;}
.achivs .form .form-left .form-item {margin-bottom: 30px;}
.achivs .form .form-left .form-item label {display: block;color: #c8c8c8;font-size: 14px;}
.achivs .form .form-left .form-item input[type="text"] {border: none; background: transparent; border-bottom: 2px solid #fec600; border-radius: 0;padding: 0 0;font-size: 20px;height: 40px;width: 100%;}
.achivs .form .form-left .form-item input[type="text"].error {border-color: red;}
.achivs .form .form-right {float: left;margin: 35px 0 0 32px;width: 297px;}
.achivs .form .form-right .form-item {}
.achivs .form .form-right .form-item label {display: block;color: #c8c8c8;font-size: 14px;padding-bottom: 6px;}
.achivs .form .form-right .form-item textarea {border: none; background: transparent; background: #f5f5f5; border-radius: 2px;padding: 0 0;font-size: 20px;height: 210px;}
.achivs .form .file-item {padding: 0px 0 0 92px;}
.achivs .form .file-item label {color: #c8c8c8;font-size: 14px; float: left;width: 80px;margin: -9px 0 0 0;line-height: 17px; cursor: pointer;}
.achivs .form .file-item input[type="file"] {float: left; display: none;}
.achivs .form .file-item label[for="file-1"] {float: left;width: auto;color: #000;font-size: 16px;margin: 3px 0 0 72px;}
.achivs .form .file-item label[for="file-1"]:before {content: url(../images/file.png); border: 2px solid #fec600; border-radius: 35px; width: 40px; height: 40px;position: absolute;margin: -14px 0 0 -62px;text-align: center;line-height: 47px;}
.achivs .form .btn {margin: 34px 0 0 190px;text-transform: uppercase;padding: 25px 0 23px 0;width: 373px;}
.achivs .form .cont {border-bottom: 1px solid #fec600;padding: 0 0 166px 0;}

.project-letter {background: url(../images/project-letter-bg.jpg) no-repeat center 200px;padding-bottom: 42px;}
.project-letter .project {padding: 37px 0 0 0;}
.project-letter .project .cont {border-bottom: 1px solid #fec600;padding: 0 0 109px 0;}
.project-letter .project .title {line-height: 41px;}
.project-letter .project .title span {display: block;}
.project-letter .project .item-one {background: #f7f7f7;margin: 35px 0 72px 0px;padding: 39px 0 0 56px;width: 814px;position: relative;}
.project-letter .project .item-one .image {width: 449px; height: 518px; background: url(../images/project-img-1.png); position: absolute;right: -324px;top: 75px;}
.project-letter .project .item-one .image:before {content: url(../images/zoom.png); position: absolute; margin: auto; top: 0; left: 0; right: 0; bottom: 0;width: 50px;height: 50px; display: none;}
.project-letter .project .item-one h3 {font-family: 'Conv_GEOMETRIA-HEAVY'; font-size: 30px;}
.project-letter .project .item-one h4 {font-size: 24px;padding: 3px 0 16px 0;}
.project-letter .project .item-one .line {margin-bottom: 0px;}
.project-letter .project .item-one .line label {font-family: 'Conv_GEOMETRIA-BOLD'; background: url(../images/line-bg.png) no-repeat 2px center;padding: 19px 0 19px 14px;float: left;font-size: 16px;width: 132px;}
.project-letter .project .item-one .line .value {float: left;width: 540px;margin: 18px 0 0 0;line-height: 17px;}
.project-letter .project .item-one .line .value ul {padding-left: 29px;}
.project-letter .project .item-one .line .value ul li {margin-bottom: 7px;}
.project-letter .project .item-one .line .value ul li:before {content: url(../images/product-li.png); position: absolute;margin: 0px 0 0 -26px;}
.project-letter .project .item-one .bottom {background: url(../images/project-check.png);width: 870px;margin: 20px 0 0 -56px;height: 152px;text-align: center;color: #fff;}
.project-letter .project .item-one .bottom span {font-size: 18px;padding: 27px 0 0 0;display: block;}
.project-letter .project .item-one .bottom b {font-family: 'Conv_GEOMETRIA-HEAVY';font-size: 30px;display: block;padding: 16px 0 0 0;}
.project-letter .project .item-one .bottom b i {color: #fecb19; font-style: normal; text-decoration: underline;}
.project-letter .project .item-one .bottom .btn {text-transform: uppercase;margin: 26px 0 0 0;padding: 26px 0 22px 0;width: 369px;}
.project-letter .project .item-one.item-one-left {margin: 0 0 0 300px ;padding: 36px 0 0 168px ;width: 703px;}
.project-letter .project .item-one.item-one-left .image {width: 449px; height: 518px; background: url(../images/project-img-1.png); position: absolute;top: 71px;left: -324px;}
.project-letter .project .item-one.item-one-left .image:before {content: url(../images/zoom.png); position: absolute; margin: auto; top: 0; left: 0; right: 0; bottom: 0;}
.project-letter .project .item-one.item-one-left h3 {}
.project-letter .project .item-one.item-one-left h4 {}
.project-letter .project .item-one.item-one-left .line {}
.project-letter .project .item-one.item-one-left .line label {}
.project-letter .project .item-one.item-one-left .line .value {}
.project-letter .project .item-one.item-one-left .bottom {width: 870px;margin: 20px 0 0 -166px;}
.project-letter .project .item-one.item-one-left .bottom span {}
.project-letter .project .item-one.item-one-left .bottom b {}
.project-letter .project .item-one.item-one-left .bottom .btn {}

.project-letter .letter {padding: 46px 0 0 0;margin: 0 0 11px 0;}
.project-letter .letter .title {line-height: 42px; font-size: 33px;}
.project-letter .letter .title span {display: block;}
.project-letter .letter .title:before {margin: 15px 0 0 -353px;}
.project-letter .letter .item-list {padding: 71px 80px 0 109px; position: relative;}
.project-letter .letter .item-list .item {text-align: center;width: 230px;margin: 0 11px 0 0;float: left;}
.project-letter .letter .item-list .item .img {border: 1px solid #fec600;height: 315px;margin-bottom: 56px; display: inline-block; width: 100%; position: relative;}
.project-letter .letter .item-list .item .img:before {content: url(../images/zoom.png); position: absolute; margin: auto; top: 0; left: 0; right: 0; bottom: 0;width: 50px;height: 50px;z-index: 1;}
.project-letter .letter .item-list .item:hover .img {box-shadow: 0px 16px 21px 0px rgba(0, 0, 0, 0.12);}
.project-letter .letter .item-list .item .img img {max-width: 100%; border: 1px solid #eeeeee; width: 211px; margin: 8px 0 0 9px;}
.project-letter .letter .item-list .item span {display: block;}
.project-letter .letter .item-list .owl-controls {position: absolute; top: 0; width: 100%;}
.project-letter .letter .item-list .owl-controls .owl-prev {text-indent: -100000px; width: 79px; height: 79px; background: url(../images/nav.png); position: absolute; top: 110px; left: -110px;}
.project-letter .letter .item-list .owl-controls .owl-next {text-indent: -100000px; width: 79px; height: 79px; background: url(../images/nav.png) -84px 0; position: absolute; top: 110px; right: -110px;}
.project-letter .form {background: url(../images/achivs-form-2-2.png) no-repeat center 0; position: relative;margin: 0px 0 0 0;padding-top: 114px;}
.project-letter .form .form-image {position: absolute; top: 193px; left: 698px; width: 86px; height: 329px; background: url(../images/achivs-form-2-1.png);z-index: 1;}
.project-letter .form .form-div {background: #fff; border: 9px solid #fec600;margin: 0 0 0 0;width: 753px; position: relative;padding: 0 0 32px 0;}
.project-letter .form .form-bottom {position: absolute; width: 622px; height: 165px; background: url(../images/form-sale.png); color: #fff; text-align: center;font-size: 18px;margin: 0 0 0 0;bottom: -166px;left: 64px;}
.project-letter .form .form-bottom span {display: block;font-size: 18px;padding: 22px 0 0 0;}
.project-letter .form .form-bottom b {font-family: 'Conv_GEOMETRIA-HEAVY'; text-transform: uppercase; display: block;padding: 7px 0 0 0;}
.project-letter .form .name {font-family: 'Conv_GEOMETRIA-HEAVY';font-size: 30px;padding: 37px 0 0 92px;line-height: 36px;}
.project-letter .form .short {font-size: 18px;padding: 16px 0 0 90px;}
.project-letter .form .form-left {float: left;margin: 44px 0 0 92px;width: 270px;}
.project-letter .form .form-left .form-item {margin-bottom: 30px;}
.project-letter .form .form-left .form-item label {display: block;color: #c8c8c8;font-size: 14px;}
.project-letter .form .form-left .form-item input[type="text"] {border: none; background: transparent; border-bottom: 2px solid #fec600; border-radius: 0;padding: 0 0;font-size: 20px;height: 40px;width: 100%;}
.project-letter .form .form-left .form-item input[type="text"].error {border-color: red;}
.project-letter .form .form-right {float: left;margin: 45px 0 0 32px;width: 297px;}
.project-letter .form .form-right .form-item {}
.project-letter .form .form-right .form-item label {display: block;color: #c8c8c8;font-size: 14px;padding-bottom: 6px;}
.project-letter .form .form-right .form-item textarea {border: none; background: transparent; background: #f5f5f5; border-radius: 2px;padding: 0 0;font-size: 20px;height: 210px;}
.project-letter .form .file-item {padding: 0px 0 0 92px;}
.project-letter .form .file-item label {color: #c8c8c8;font-size: 14px; float: left;width: 80px;margin: -9px 0 0 0;line-height: 17px;}
.project-letter .form .file-item input[type="file"] {float: left; display: none;}
.project-letter .form .file-item label[for="file-1"] {float: left;width: auto;color: #000;font-size: 16px;margin: 3px 0 0 72px;}
.project-letter .form .file-item label[for="file-1"]:before {content: url(../images/file.png); border: 2px solid #fec600; border-radius: 35px; width: 40px; height: 40px;position: absolute;margin: -14px 0 0 -62px;text-align: center;line-height: 47px;}
.project-letter .form .btn {margin: 9px 0 0 190px;text-transform: uppercase;padding: 25px 0 23px 0;width: 373px;}
.project-letter .form .cont {}

.contacts {background: url(../images/contacts-bg.jpg) no-repeat center 0px; color: #fff;padding: 84px 0 0 0;}
.contacts .title {color: #fff;padding-bottom: 71px;}
.contacts .title span {}
.contacts .cont-1 {float: left;width: 400px;}
.contacts .cont-1 span {text-transform: uppercase; color: #fec600; font-size: 12px; font-family: 'Conv_GEOMETRIA-BOLD';display: block;padding-bottom: 10px;}
.contacts .cont-1 b {font-size: 24px;padding-bottom: 40px;display: block;}
.contacts .cont-1 b a {color: #fff;font-size: 16px;display: inline-block;margin: 0px 0 0 0;position: relative;}
.contacts .cont-2 {float: left;width: 300px;}
.contacts .cont-2 span {text-transform: uppercase; color: #fec600; font-size: 12px; font-family: 'Conv_GEOMETRIA-BOLD';display: block;padding-bottom: 19px;}
.contacts .cont-2 b {font-size: 16px;padding-bottom: 57px;display: block;line-height: 21px;}
.contacts .cont-3 {float: left;margin: 0 0 0 100px; width: 310px;}
.contacts .cont-3 .pdf {padding: 7px 0 0 75px;margin-bottom: 39px; display: inline-block; color: #fff; text-decoration: none;}
.contacts .cont-3 .pdf:before {content: url(../images/dw.png); border: 2px solid #fec600; width: 50px; height: 50px; border-radius: 35px; position: absolute;margin: -8px 0 0 -75px;text-align: center;line-height: 64px;}
.contacts .cont-3 .pdf span {display: block;padding-bottom: 7px;}
.contacts .cont-3 .pdf b {font-family: 'Conv_GEOMETRIA-HEAVY'; text-decoration: underline;text-transform: uppercase;font-size: 18px;}
.contacts .cont-3 .pdf:hover b {text-decoration: none; cursor: pointer;}
.contacts .map {float: left; width: 770px; height: 640px; background: url(../images/map.jpg);margin: -11px 0 0 0;}
.contacts .about-contant {float: left;margin: 75px 0 0 30px;width: 370px;color: #000;text-align: center;}
.contacts .about-contant .logo {width: 98px; height: 92px; background: url(../images/logo-2.png);margin: 0px 0 36px 137px;}
.contacts .about-contant .phone {font-family: 'Conv_GEOMETRIA-BOLD';font-size: 20px;}
.contacts .about-contant span {color: #606f60;font-size: 12px;display: block;padding: 2px 0 18px 0;}
.contacts .about-contant .line {width: 100%; height: 1px;background: #fec600;margin: 30px 0 10px 0;}
.contacts .about-contant .mail {color: #606f60; font-size: 18px; font-family: 'Conv_GEOMETRIA-BOLD'; text-decoration: none;display: inline-block;margin: 14px 0 22px 0;}
.contacts .about-contant .mail:hover {text-decoration: underline;}
.contacts .about-contant .btn {padding: 26px 0 22px 0;text-transform: uppercase;width: 299px;}
.contacts .about-contant .up {width: 132px; height: 132px; background: url(../images/top.png);display: inline-block;margin: 55px 0 0 0; cursor: pointer;}
.contacts .questions {border: 7px solid #fec600;margin: 22px 0 0 0;height: 109px;color: #000;}
.contacts .questions b {font-family: 'Conv_GEOMETRIA-HEAVY';font-size: 30px;float: left;margin: 41px 0 0 211px;}
.contacts .questions a {width: 331px; height: 34px; background: url(../images/questions.png); text-decoration: none; color: #000; display: inline-block; font-family: 'Conv_GEOMETRIA-BOLD'; font-size: 18px;margin: 30px 0 0 38px;padding: 17px 0 0 54px;}
.contacts .questions a span {text-decoration: underline;}
.contacts .questions a:hover span {text-decoration: none;}

footer {padding: 44px 0 42px 0;}
footer .copy {float: left;}
footer .copy a {text-decoration: underline; color: #000; font-family: 'Conv_GEOMETRIA-HEAVY';}
footer .copy a:hover {text-decoration: none;}
footer .soglasie {float: left; color: #1399ce;margin: 0 0 0 296px;}
footer .soglasie:hover {text-decoration: none;}
footer .year {float: right;}
footer .year b {font-family: 'Conv_GEOMETRIA-HEAVY';}

.popup-hidden {position: fixed; width: 100%; height: 100%; top: 0; left: 0; background: #000; opacity: 0.7; z-index: 1000; display: none;}
.popup {z-index: 1001; position: fixed; border: 8px solid #fec600; width: 556px; height: 528px; background: #fff; margin: auto; top: 0; right: 0; bottom: 0; left: 0; display: none;}
.popup .close {background: #fec600; position: absolute; right: 0; top: 0; width: 32px; height: 32px; text-align: center; line-height: 32px; font-size: 39px; color: #000;}
.popup .close span {transform: rotate(45deg); display: inline-block;}
.popup .close:hover {cursor: pointer; background: #606f60; color: #fff;}
.popup {text-align: center;}
.popup .name {font-family: 'Conv_GEOMETRIA-HEAVY';padding: 34px 0 0 0;font-size: 30px;line-height: 36px;}
.popup .short {font-size: 18px;line-height: 23px;padding: 6px 0 15px 0;}
.popup .form-item { text-align: left;display: block;margin: 0 auto;width: 362px; padding-bottom: 30px;}
.popup .form-item label {display: block;color: #c8c8c8;font-size: 14px;}
.popup .form-item input[type="text"] {border: none; background: transparent; border-bottom: 2px solid #fec600; border-radius: 0;padding: 0 0;font-size: 20px;height: 40px;width: 100%;}
.popup .form-item input[type="text"].error {border-color: red;}
.popup .form-item textarea {border: none; background: transparent; background: #f5f5f5; border-radius: 2px;padding: 0 0;font-size: 20px;height: 210px;}
.popup .file-item label {color: #c8c8c8;font-size: 14px; float: left;width: 80px;margin: -9px 0 0 0;line-height: 17px; cursor: pointer;}
.popup .file-item input[type="file"] {float: left; display: none;}
.popup .file-item label[for="file-3"] {float: left;width: auto;color: #000;font-size: 16px;margin: 3px 0 0 72px;}
.popup .file-item label[for="file-3"]:before {content: url(../images/file.png); border: 2px solid #fec600; border-radius: 35px; width: 40px; height: 40px;position: absolute;margin: -14px 0 0 -62px;text-align: center;line-height: 47px;}
.popup .form-item .btn {display: block;padding: 25px 0 21px 0;width: 230px;margin: 0 auto;text-transform: uppercase;}
.popup .soglasie {text-align: left;display: block;width: 400px;margin: 0 auto;}
.popup .soglasie input {display: none;}
.popup .soglasie input+label {color: #c8c8c8; font-size: 14px; line-height: 17px;padding: 0 0 0 59px;display: inline-block;}
.popup .soglasie input+label:before {content: ""; position: absolute; width: 25px; height: 25px; background: url(../images/check.png);margin: -2px 0 0 -42px;}
.popup .soglasie input:checked+label:before {background: url(../images/check.png) 0 -25px;}
.popup .soglasie.error input+label:before {content: ""; position: absolute; width: 25px; height: 25px; background: url(../images/check-error.png);margin: -2px 0 0 -42px;}
.popup .soglasie.error input:checked+label:before {background: url(../images/check-error.png) 0 -25px;}

.form-div .soglasie {text-align: left;display: block;width: 600px;margin: 20px auto;}
.form-div .soglasie input {display: none;}
.form-div .soglasie input+label {color: #c8c8c8; font-size: 14px; line-height: 17px;padding: 0 0 0 59px;display: inline-block;}
.form-div .soglasie input+label:before {content: ""; position: absolute; width: 25px; height: 25px;margin: -2px 0 0 -42px;background: url(../images/check.png);}
.form-div .soglasie input:checked+label:before {background: url(../images/check.png) 0 -25px;}
.form-div .soglasie.error input+label:before {content: ""; position: absolute; width: 25px; height: 25px;margin: -2px 0 0 -42px;background: url(../images/check-error.png);}
.form-div .soglasie.error input:checked+label:before {background: url(../images/check-error.png) 0 -25px;}

.popup[rel="2"] {width: 754px;height: 620px;}
.popup .form-left {float: left;margin: 23px 0 0 93px;width: 270px;}
.popup .form-left .form-item {width: 100%;padding-bottom: 30px;}
.popup .form-right {float: left;margin: 23px 0 0 32px;width: 296px;;}
.popup .form-right .form-item {width: 100%;margin: 0px 0 0 0;}
.popup .form-right .form-item label {padding: 0px 0 3px 0;}
.popup .file-item {margin: -1px 0 32px 93px;text-align: left;}
.popup[rel="2"] .form-item .btn {width: 369px;}

.popup[rel="3"] {height: 610px;}
.popup[rel="4"] {height: 610px;}
.popup[rel="5"] {height: 610px;}
.popup[rel="6"] {width: 754px;height: 570px;}
.popup[rel="7"] {height: 310px;}

#top-menu {position: fixed;top: 0;left: 0;width: 100%;height: 68px;z-index: 1000;opacity: 0;
	visibility: hidden;
	-webkit-backface-visibility: hidden;
	-webkit-transform: translateZ(0);
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;}
#top-menu.visible {opacity: 1;visibility: visible;}
.top-menu-top {height: 100%;line-height: 66px;background: #222;color: #fff;position: relative;z-index: 1000;}
.top-menu-top .logo {display: inline-block;vertical-align: middle;float: left;}
.top-menu-top .logo img {width: 62px;margin-top: 17px;}
.top-menu-top .tel {position: relative;color: #fff;display: inline-block;vertical-align: middle;font-size: 18px;line-height: 1.2;margin-left: 40px;padding-left: 28px;font-family: OpenSansSemiBold, sans-serif;}
.top-menu-top .tel:before {content: "";background: url(../img/tube-icon.png) no-repeat;width: 16px;height: 16px;position: absolute;left: 0;top: 3px;}
.top-menu-top .address {color: #fff;display: inline-block;vertical-align: middle;line-height: 1.2;position: relative;margin-left: 28px;padding-left: 28px;font-size: 14px;}
.top-menu-top .address:before {content: "";background: url(../img/pointer.png) no-repeat;width: 14px;height: 16px;position: absolute;left: 0;top: 9px;}
.top-menu-top .open {position: relative;width: 32px;height: 24px;float: right;margin-top: 20px;display: block;-webkit-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
.top-menu-top .open:before {content: "";width: 100%;height: 7px;position: absolute;top: 0px;left: 0px;border-top: 3px solid #fff;border-bottom: 3px solid #fff;}
.top-menu-top .open:after {content: "";width: 100%;height: 0px;position: absolute;top: 20px;left: 0px;border-top: 3px solid #fff;}
.top-menu-top .open.active {-webkit-transform: rotate(-90deg);-ms-transform: rotate(-90deg);-o-transform: rotate(-90deg);transform: rotate(-90deg);}
.top-menu-bottom {
	background: #222;
	overflow: hidden;
	border-top: 1px solid #313131;
	background: rgba(34,34,34,0.95);
	-webkit-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	-o-transform: translateY(-100%);
	transform: translateY(-100%);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	display: inline-block;
	width: 100%;
	margin: -10px 0 0 0;}
.top-menu-bottom.active {-webkit-transform: translateY(0%);-ms-transform: translateY(0%);-o-transform: translateY(0%);transform: translateY(0%);opacity: 1;visibility: visible;}
.top-menu-bottom .menu {text-align: justify;line-height: 0;padding: 20px 70px 20px 0;}
.top-menu-bottom .menu:after {width: 100%;height: 0;overflow: hidden;content: "";display: inline-block;}
.top-menu-bottom ul {display: inline-block;vertical-align: top;text-align: left;line-height: 1.2;}
.top-menu-bottom li {margin-top: 10px;}
.top-menu-bottom li:first-child {margin-top: 0;}
.top-menu-bottom li a {font-size: 14px;color: #fff;display: inline-block;position: relative;-webkit-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
.top-menu-bottom li a:hover {color: #fff200;}