@charset "utf-8";
/* CSS Document */
:root{--background-red:#e00606}
body {background:#fff; font-size:14px; min-width:360px; font-family: 'fira_sanslight'; color:#000;}
html, body, * {margin:0; padding:0;}
img {border:none;}
*:focus {outline:none;}
a, input, textarea, select, button {color:inherit; text-decoration:inherit; font-family:inherit; box-sizing:border-box; border:none;}
ul, ol {list-style:none;}
.main {position:relative; margin:0 auto 0 auto; max-width:1170px;}
h1, h2, h3, h4, strong {font-weight:100; font-family: 'fira_sansbold';}
.clear {clear:both;}
article, aside, figcaption, figure, footer, header, hgroup, nav, section, time {display:block;}
i {font-style:normal;}
@media (max-width:1190px) {
	.main {margin:0 10px 0 10px;}
	.video-otziv{flex-direction:column;}
	.video-otziv div{margin-bottom: 50px;}
}

header {height:55px; box-shadow:0 0 5px rgba(0, 0, 0, 0.5); line-height:55px; width:100%; left:0; top:0; position:fixed; z-index:100; background:#fff;}
header .logo {position:absolute;left: -49px;top: 8px; display:block;}
header .logo img {height:40px;}
header .desc {position:absolute; left:105px; top:15px; letter-spacing:-1px;line-height: 1.25;}
header .telefone {position:absolute; right:0; top:0; font-size:20px;}
header nav {position:absolute; right:200px; top:0;}
header nav ul li {float:left; padding-left:10px; margin-left:8px; letter-spacing:-1px; position:relative;}
header nav ul li:before {content:'|'; position:absolute; left:0; top:1px;}
header nav ul li a:hover {text-decoration:underline;}
header .mobile-ico {width:30px; cursor:pointer; right:20px; top:10px; position:absolute; display:none;}
header .mobile-ico span {display:block; height:5px; background:#000; margin-top:5px;}

@media (max-width:1150px) {
	header nav {right:160px;}
}

@media (max-width:1180px) {
	header .desc {display:none;}
	header .logo{left:8px;}
}

@media (max-width:800px) {	
	.st-klientov{height:85px;}
}
@media (max-width:880px){
    header .telefone {line-height:40px;}
    header nav, header .telefone {position:static;}
    header section.active, header .mobile-ico {display:block;}
    header section {position:absolute; right:0; top:55px; background:#fff; width:200px; padding:15px; box-shadow:0 5px 5px rgba(0, 0, 0, 0.5); display:none;}
    header nav ul li {float:none; line-height:28px;}
}
.gl-header {height:660px; background:url(images/offer-top.jpg) top fixed no-repeat;background-size:100%; background-size: cover;position:relative; color:#fff;}
.gl-header:before {content:''; background:#000000a8; opacity:0.77; left:0; top:0; width:100%; height:100%; display:block; position:absolute;}
.gl-header .main {padding-top:125px;}
.gl-header .left {float:right; width:31%; text-align:center;padding-top: 32px;position:relative;}
.gl-header .main .left img{width: 500px;}
.gl-header .left a{cursor:pointer;font-size: 15px;border: 1px solid;padding: 8px 15px;position: relative; top:30px;text-transform:uppercase;}
.block-int-inform:nth-of-type(1){padding-top:50px;}
.block-int-inform:not(:last-child){padding-bottom:8px;}
.block-int-inform div{width:50%;}
.gl-header .right {width:64%; /*float:right;*/}
.gl-header h1 {font-size:62px; color:#fff; line-height:70px; padding-top:20px;}
.gl-header .desc {font-size:38px; padding-bottom:30px;line-height: 1;padding-top: 20px;}
.desc sup{position:absolute;}
.gl-header p {padding-left:5px;}
.gl-header form {margin-top:30px; padding-left:5px;}
.gl-header .text {font-size:23px; line-height:25px;}
.gl-header input[type="text"] {border-bottom:1px solid #fff;}
input[type="text"] {background:none; border-bottom:1px solid #000; width:250px; height:40px;}
button, .button {background: #ff0000b5; height:65px; width:250px; cursor:pointer; font-size:16px; font-family: 'fira_sanssemibold'; text-transform:uppercase;color: #fff;text-shadow: 1px 1px 0px #000;}
.button {display:block; text-align:center; line-height:62px;}
button i, .button i {font-family: 'Pe-icon'; font-size:20px; padding-right:5px; position:relative; top:3px;}
button:hover, .button:hover {background:#ffeb66;}
input[type="text"].error {color:#F00; border-bottom:1px solid #F00;}
.gl-header button {margin-left:15px;}
@media (max-width:1450px) {
    .gl-header .main .left img{max-width: 100%;}
}
@media (max-width:900px) {
	.gl-header {height:auto; padding-bottom:50px;}
	.gl-header button {margin-left:0; margin-top:20px;}
}
@media (max-width:640px) {
	.gl-header .right {float:none; width:auto; text-align:center;}
    .preimushestva__contain{flex-direction: column;align-items: center;}
}
}
@media (max-width:480px) {
	.gl-header .desc {font-size:23px;}
}
@media (max-width:500px){
    .preimushestva__contain div{width:100% !important;margin-bottom: 40px !important}
}
.o-nas {padding:60px 0 90px 0;}
.o-nas .title {font-size:30px; line-height:36px; letter-spacing:-1px;}
.o-nas ul {padding-left:80px;}
.o-nas ul li {box-sizing:border-box; padding-left:60px; position:relative; margin-top:30px; float:left; width:33%;}
.o-nas ul li i {display:block; text-align:center; position:absolute; left:0; top:0; width:50px;  font-family: 'Pe-icon'; font-size:50px;}

@media (max-width:1000px) {
	.o-nas ul {padding-left:0;}
	.flex-top-cont{display:flex;flex-direction:column;align-items:center;padding-bottom: 100px;}
	.gl-header{height: auto;background-size: cover;}
	.gl-header .right{width:auto}
	.gl-header .left{width:auto;}
	.gl-header h1{font-size:74px; padding-top:90px;}
	.gl-header .left a{left:0;right:0;width:50%;margin:auto;}
}
@media (max-width:900px) {
	.o-nas ul li {width:50%;}
	.o-nas ul li:nth-child(3), .o-nas ul li:nth-child(5) {clear:both;}
}
@media (max-width:600px) {
	.o-nas ul li {width:auto; float:none;}
	.window-popap-animation {bottom: -5px;top: initial !important;}
	.window-popap-animation img{width:200px;}
	#esc-fidex-left{right: -185px !important;}
	.block_action_bott{display:none;}
}

.gl-slider {height:662px; position:relative; padding:35px; box-sizing:border-box;}
.gl-slider .slides {position:absolute; width:100%; height:100%; left:0; top:0; overflow:hidden;}
.gl-slider .slides img {position:absolute; left:0; top:0; display:none;}
.gl-slider .wrap {position:relative; box-sizing:border-box; border:10px solid #fff; height:100%; z-index:2;}
.gl-slider nav {position:absolute; right:0; top:0; background:rgba(246, 246, 246, 0.8); width:280px; padding:30px 0 30px 0;display: none;}
.gl-slider nav .text {text-align:center; font-size:26px; letter-spacing:-1px; line-height:30px; position:relative; height:30px;}
.gl-slider nav .text p {display:none; position:absolute; left:0; top:0; width:100%;}
.gl-slider nav .text p:first-child {display:block;}
.gl-slider nav:after {content:url(images/arrow.png); position:absolute; left:0; bottom:0;}
.gl-slider .navigation {width:90px; margin:20px auto 0 auto; position:relative;}
.gl-slider .pagination a {display:block; background:url(images/ellipse.png) 0 0 no-repeat; width:14px; height:14px; float:left; margin:0 2px 0 2px;}
.gl-slider .pagination a.active {background:url(images/ellipse_active.png) 0 0 no-repeat;}
.gl-slider .navigation .prev, .gl-slider .navigation .next {display:block; font-size:26px;  font-family: 'Pe-icon'; position:absolute; top:0; line-height:14px;}
.gl-slider .navigation .prev {left:-25px;}
.gl-slider .navigation .next {right:-25px;}
.gl-slider .kalc {background:rgb(246, 246, 246); max-width:440px; margin-top:35px; margin-left:35px; height:505px; position:relative;}
.gl-slider .kalc .title {font-size:26px; text-align:center; line-height:32px; letter-spacing:-1px; padding-top:40px; padding-bottom:20px;}
.gl-slider .kalc .column {width:310px; margin:10px auto 0 auto;}
.gl-slider .kalc .column label {display:block; float:left; width:180px;}
.gl-slider .kalc .column label, .gl-slider .kalc .column span {line-height:35px;}
.gl-slider .kalc .column input {height:35px; width:80px; padding-left:10px;}
.gl-slider .kalc .res {text-align:center; font-size:26px; margin-top:20px;}
.gl-slider .kalc .res sup {font-size:14px;}
.gl-slider .button {height:80px; position:absolute; left:0; bottom:0; width:100%; line-height:77px; text-align:center;color:#fff;}

.ancor {position:absolute; top:-55px;}

@media (max-width:900px) {
	.gl-slider {height:auto; padding-left:0; padding-right:0;}
	.gl-slider .wrap {border:none; padding-top:10px;}
	.gl-slider nav {right:auto; top:480px; left:50%; margin-left:-140px;}
	.gl-slider .kalc {margin-top:620px; margin-left:auto; margin-right:auto;}
	.gl-slider .kalc .title {font-size:24px;}
	.gl-slider nav:after {display:none;}
	.col3{display:flex;flex-direction:column;align-items:center;}
    .gallereis div {width: 33.3%;}
    .gallereis{flex-wrap:wrap;}
}

.gl-preim {padding-top:80px; padding-bottom:100px; position:relative;display:flex;flex-direction:column;align-items:center;}
.zagolovok {text-align:center; font-size:40px; letter-spacing:-1px; font-family: 'fira_sansbold';}
.width-mycl{max-width:1000px;}
.gl-preim .block {margin-top:80px;}
.gl-preim .title {font-size:32px;font-weight: bold;padding-bottom: 16px;border-bottom: 2px solid var(--background-red);padding: 0;}
.block-int-inform{display: flex;justify-content: space-around;flex-direction: row-reverse;align-items: center;}
.block-int-inform img{width:300px;}
.block-int-inform div p{font-size:17px;margin-top: 25px;}
.gl-preim .block {background:url(images/preim_block.png) center no-repeat;}
.gl-preim ul li {margin-bottom:60px; padding-left:70px; position:relative;}
.gl-preim .left {float:left; width:380px;}
.gl-preim .right {float:right; width:400px;}
.gl-preim ul li i {width:50px; text-align:center; position:absolute; left:0; top:0; font-size:50px; font-family: 'Pe-icon';}

@media (max-width:1000px) {
	.gl-preim .block {background:none;}
}
@media (max-width:820px) {
	.gl-preim .left, .gl-preim .right {float:none; width:auto;}
	.otziv-section__text{flex-direction: column;align-items: center;}
	.video-otziv__block .otziv-section__text p{width: 100%;margin: 0 0 39px 0;}
}

.popup, .popup .ten {left:0; top:0; width:100%; height:100%; position:absolute;}
.popup {z-index:999; display:none;}
.popup .ten {z-index:1; background:#000; opacity:0.7;}
.popup .modal {background:#fff; max-width:620px; position:relative; z-index:2; height:440px; margin:0 auto 0 auto;}
.popup .close {background:url(images/popup_close.png) 0 0 no-repeat; width:16px; height:15px; display:block; position:absolute; right:15px; top:15px;}
.popup .modal .img {float:left; display:table; width:48%; text-align:center; height:440px;}
.popup .modal .img p {display:table-cell; vertical-align:middle;}
.popup .modal .img img {max-width:100%;}
.popup .modal .right {float:right; width:52%; display:table; height:440px;}
.popup .modal .right .wrap {display:table-cell; vertical-align:middle;}
.popup .modal .right .wrap p {font-size:18px; letter-spacing:-1px; max-width:260px;}
.popup .modal h3 {font-size:26px; padding-bottom:20px; line-height:26px;}
.popup .modal h3 sup {font-size:14px;}
.popup .modal form {padding-top:20px;}
.popup .modal button {margin-top:10px;}

@media (max-width:640px) {
	.popup .modal {margin:0 10px 0 10px;}
}
@media (max-width:560px) {
	.popup .modal .img {display:none;}
	.popup .modal .right {width:100%; text-align:center;}
	.popup .modal .right .wrap p {max-width:none; padding:0 10px 0 10px;}
	.gl-header h1 {font-size:9vw;}
}

.catalog {position:relative;}
.catalog .cat-menu {text-align:center; font-size:24px; letter-spacing:-1px; padding-top:10px;}
.catalog .cat-menu span {padding:0 20px 0 20px;}
.catalog .cat-menu a:hover {text-decoration:underline;}
.catalog .title-cat {font-size:30px; text-align:center; letter-spacing:-1px; padding:60px 0;}
.info-catalog-text p:nth-of-type(2){font-size: 17px;margin: 18px 0 18px 0;}
.info-catalog-text p:nth-of-type(3){font-size: 21px;font-weight: bold;}
.block_head{font-size: 21px;font-weight: bold;}
.block_preimushestva h3, .block_preimushestva .center{text-align:center}
.block__two-elements{display:flex;justify-content:left;padding-top: 35px;}
.block__two-elements div:nth-of-type(1){border:1px solid;padding: 8px 40px;font-size: 18px;}
.block__two-elements div:nth-of-type(2){background:#fff;padding: 8px 40px;font-size: 18px;}
.catalog ul {margin-top:30px;}
.catalog ul li {float:left; position:relative;}
.catalog ul.col3 li {width:30%; margin:0 1.66% 0 1.66%;}
.catalog ul.col4 li {width:24%; margin:0 0.2% 0 0.2%;}
.catalog .block {position:relative; padding-bottom:25px; min-height:300px;}
.catalog .block.min {min-height:250px;}
.catalog .block .img {display:table; width:100%; text-align:center;}
.catalog .block .img p {display:table-cell; vertical-align:middle;}
.catalog .block .img.big {height:270px;}
.img img{max-width: 100%;}
.catalog .block .img.min {height:200px;}
.catalog .block .title {font-size:20px; text-align:center; line-height:23px; letter-spacing:-1px;}
.catalog .block .title.big {font-size:24px; line-height:30px;}
.catalog .block .hover {position:absolute; box-sizing:border-box; left:0; top:0; width:100%; height:100%; background:rgba(246, 246, 246, 0.85); border:1px solid #dfdfdf; display:none;}
.catalog .block .hover .button {letter-spacing:1px; width:251px; height:65px; line-height:35px; position:absolute; top:50%; left:50%; margin:-32px 0 0 -125px;}
.catalog .block:hover .hover {display:block;}
.catalog ul li table {font-size:11px; width:100%;}
.catalog ul li table tr:nth-child(even) {background:#f6f6f6;}
.catalog ul li table tr:nth-child(odd) {background:#ebebeb;}
.catalog ul li table, .catalog ul li tr, .catalog ul li td {border-collapse:collapse;}
.catalog ul li td {min-height:50px; box-sizing:border-box; padding:8px 0 8px 8px;}
.catalog ul li tr.head {font-size:12px; line-height:12px;}
.catalog .block .title a {text-decoration:underline;}
.catalog .middle {margin:30px auto 0 auto; width:320px;}
.catalog .mask {position:absolute; left:50%; top:65px; margin-left:-82px;}
.gazbeton {margin-top:30px;}
.gazbeton, .acces {background:var(--background-red);color: #fff;;}
.smess{background:#c2c2c2;}
.insulation{background:#ffde00;}
.gazbeton, .acces, .smess, .insulation {padding-bottom:50px;}
.insulation h3{text-align: center;font-size: 50px;color: red;padding: 35px 0 0 0;}
.insulation p{font-size:17px;text-align:center;color: red;}
.block-slide-w{margin:auto;max-width: 1100px;margin-top: 125px;margin-bottom: 100px;}
#esc-fidex-left{position: absolute; width: 20px; right: -240px;top: -19px;cursor:pointer;}
.window-popap-animation{display:none;transition:.5s linear;position: fixed;left:0;z-index: 999999;top: 30%;}
@media (max-width:1100px) {
	.catalog ul li table {font-size:9px;}
	.catalog ul li tr.head  {font-size:10px;}
}

@media (max-width:960px) {
	.catalog ul li table {display:none;}
	.serti-block{height:100% !important;background-size:cover !important;padding: 20px 0;}
	.serti-block .main{flex-direction: column-reverse;align-items: center;}
	.serti-block .left{margin: 22px 0;justify-content: space-around;width: 100% !important;}
	.serti-block .left div{width:28%;}
	.serti-block h2{max-width:100% !important;text-align:center;margin-top: 30px;}
	.serti-block p{text-align:center;}
	.right div{justify-content: center !important;}
	.right_button_inst{margin-top:10px;}
}

@media (max-width:820px) {
	.catalog ul.col4 li, .catalog ul.col3 li {width:50%; margin:0;}
}

@media (max-width:560px) {
	.catalog ul.col4 li, .catalog ul.col3 li {width:auto; float:none;}
	.right_button_inst{font-size: 14px !important;height: auto !important;line-height: 2 !important;}
}

.serti-block {height:410px; background:url(images/main-info-bg.jpg) top no-repeat;}
.serti-block .main {padding-top:45px; color:#fff; font-size:20px;display: flex;justify-content: space-between;}
.serti-block .left { width: 34%;display:flex;align-items:center;font-size: 13px;}
.serti-block .left img:nth-of-type(1){margin-right:10px;}
.serti-block .right {margin-top:-5px;}
.right_button_inst{margin-top: 10px;height: 65px;line-height: 54px;background: var(--background-red);font-weight: bold;font-size: 16px;padding: 7px 20px;font-family: 'fira_sanssemibold';text-transform: uppercase;}
.serti-block h2 {font-size:40px; max-width:500px; line-height:48px;}
.serti-block p {line-height:24px; letter-spacing:-1px; padding-top:15px;}
.right div {flex-wrap: wrap;display: flex;justify-content: space-between;align-items: center; margin-top: 20px;}
iframe{max-width: 100%;}
@media (max-width:700px) {
	.serti-block .left {display:none;}
	.serti-block .right {float:none; text-align:center; width:auto;}
	.serti-block h2 {max-width:none;}
	.serti-block .button {margin-left:auto; margin-right:auto;}
	.block-int-inform{flex-direction: column-reverse;}
	.block-int-inform div{width:auto;text-align: center;}
	.block-int-inform{padding-bottom:70px !important;}
	.slides{display:none;}
	.gl-slider .kalc{margin-top:0px;}
	.block-slide-w{margin-top:35px;}
	.video-otziv__block span{width:100% !important;}
	.serti-block .main{padding:0;}
	.video-otziv__block{flex-direction: column;align-items: center !important;}
	.flex-karts{flex-direction: column-reverse;align-items: center;}
	.karta-adres{margin-bottom: 35px;width: 100% !important;display: flex;flex-direction: column; justify-content: center;align-items: center;}
	.karta{width:80% !important;}
	.karta-adres .button{margin:auto !important}
}

@media (max-width:700px) {
	.serti-block h2 {font-size:34px; line-height:40px;}
	.serti-block p {line-height:20px; font-size:17px;}
}

.info-block {padding:70px 0 70px 0; letter-spacing:-1px;}
.info-block h2 {font-size:40px; line-height:46px; padding-right:30px;}
.info-block ul li {float:left; width:30%;}
.info-block ul li:first-child {width:40%;}
.info-block ul li p {padding-left:20px;}

@media (max-width:1060px) {
	.info-block h2 {padding-right:0;}
}

@media (max-width:960px) {
	.info-block ul li {float:none; width:auto;}
	.info-block ul li:first-child {width:auto;}
	.info-block ul li p {padding-left:0; padding-top:15px;}
}
.gallereis{display:flex;}
.gallereis img {width: 100%;object-fit: cover;height: 100%;}
.video-otziv{display:flex;justify-content: space-around;border-top: 1px solid #0000004f;padding-top: 65px;}
.video-otziv__block{display: flex;width: 100%;flex-direction: column;align-items: center;}
.video-otziv__block h2{font-size: 33px;}
.otziv-section__text{display:flex;justify-content: center;margin-top: 50px;}
.otziv-section__text p{text-align: left;width: 50%;margin-right: 50px;}
.video-otziv__block span{font-size: 40px;width: 40%;margin-top: 20px;font-weight: bold;text-align: center;}
.video-otziv div{text-align:center;}
.video-otziv div span{font-size:35px;font-weight:bold;}
@media (max-width:400px){
    .video-otziv{overflow:hidden;}
}

.karta {position:relative; z-index:1;width:50%;}
.karta-adres {/*position:absolute;*/ left:0; top:40px; width:50%; z-index:2;}
.flex-karts{display:flex;}
.karta-adres .block {background:url(images/gaz_serv.jpg) 8% 17%  no-repeat; background-size: 100%; height:252px; color:#fff; font-size:16px; box-sizing:border-box; font-family: 'fira_sansbold'; padding-top:140px;text-shadow: 1px 1px 2px #000;}
.karta-adres p {margin:10px 0 10px 60px; padding-left:20px; position:relative;font-size: 18px;}
.karta-adres p i {position:absolute; left:0; top:3px; font-family: 'Pe-icon';}
.karta-adres sup {font-size:10px;}
.karta-adres .button {color:#fff;height:40px; line-height:35px;width: 200px;font-size: 14px; margin: 20px 0px 0 60px;}
.karta-adres p:nth-of-type(1){font-size: 25px;}

.st-klientov {text-align:center; padding:20px 0 20px 0;background: #1f1f1f;color:#fff;}
.st-klientov a{display: flex;justify-content: center;align-items: center;}
.st-klientov a div:nth-of-type(1){margin-right: 7px;padding-top: 12px;}

.thanck {height:100%; width:100%; left:0; top:0; background:url(images/header.jpg) 50% 50px fixed no-repeat; position:absolute; text-align:center;}
.thanck:before {content:''; background:#fff; opacity:0.77; left:0; top:0; width:100%; height:100%; display:block; position:absolute;}
.thanck .main {height:100%;}
.thanck .table {position:absolute; left:0; top:0; width:100%; height:100%; display:table;}
.thanck .table .cell {display:table-cell; vertical-align:middle;}
.thanck h2 {font-size:48px; color:#3f372e; padding:15px 0 25px 0; line-height:55px;}
.thanck .desc {font-size:24px; line-height:30px; padding-bottom:50px;}
.thanck .button {margin:3px auto 0 auto; width:270px;}
.block_action_bott{text-align: center;font-size: 45px;padding: 60px 0;}
footer{background: #1f1f1f;color: #fff;display: flex;justify-content: space-around;padding: 20px 0;}
footer ul{line-height: 2;}
h3.cena{display:none;}
.block_preimushestva h2{text-align:center;font-size: 33px;margin: 65px 0;}
.preimushestva__contain{display: flex;justify-content: center;margin-bottom: 100px;}
.preimushestva__contain div{margin: 0 15px;width: 430px;}
.preimushestva__contain div img{max-width: 100%;}
.preimushestva__contain div p{word-wrap: break-word;margin-top: 30px;font-weight: bold;font-size: 16px;}

.form-policy{
    justify-content: flex-start !important;
    align-items: center;
    gap: 10px;
}