body {
    position: relative;
    font-size: 16px;
    font-family:'Geometria', Roboto, 'Roboto',sans-serif;
    -webkit-font-smoothing: antialiased;
	margin:0;
	padding:0;
	line-height: 1.45;
}

input[type=text],
textarea{
    padding: 19px 25px;
    background-color: #f5f5f5;
}

button,input { font-family:'Geometria', Roboto, 'Roboto',sans-serif;font-size: 16px; }
.container { max-width:1160px;padding:0 1.06383%;margin:0 auto }
.padding40 { padding:0 40px }
.container,.row{zoom:1}
.container:before,.container:after,.row:before,.row:after{conc10t:"";display:table}
.container:after,.row:after{clear:both}
.f-hidden {display:none}
#header { 
	height: 60px; 
	position: absolute; 
	width:100%;
	z-index: 990;
    box-shadow: 0 1px 3px rgba(0,0,0,0);
}
.go-overflow {overflow:hidden}
section {padding:60px 0 60px 0;position:relative; -webkit-font-smoothing: antialiased;}
footer {background-color:#111;    color: #ccc;padding:20px 0 30px 0;    font-size: 12px;}
a {color:#000; text-decoration:none;outline:0; -webkit-font-smoothing: antialiased;}
b {font-weight: 800; -webkit-font-smoothing: antialiased;}
input,button {outline:0}
ol {font-size: 16px;line-height: 1.55;padding: 0 0 0 26px; -webkit-font-smoothing: antialiased;}
p {font-weight: 400;    -webkit-font-smoothing: antialiased;}
strong {font-weight: 800; -webkit-font-smoothing: antialiased;}
.hide {opacity:0;visibility:hidden;display:none;-webkit-transition: opacity ease-in-out .2s; -moz-transition: opacity ease-in-out .2s; -o-transition: opacity ease-in-out .2s;  transition: opacity ease-in-out .2s;}
#header.hidden,.hiddenconst {
	/*opacity:0;visibility:hidden;*/  
	position: fixed;    
	background-color: rgb(26, 26, 26);     
	-webkit-transition: background-color 300ms linear;
    	-moz-transition: background-color 300ms linear;
   	-o-transition: background-color 300ms linear;
    	-ms-transition: background-color 300ms linear;
    	transition: background-color 300ms linear;
}
.menu-opacity {opacity:0;}
.s-show {display:none}
.hidden .menu-opacity {opacity:1;}
.logo-b { 
	background-color: #ffee00;  
	position:absolute; 
	top:0;  
	text-align:center; 
	width: 100px; 
	left: 9.5%;
	height: 94px;
	padding: 12px 0;
	z-index: 999;
}
.logo-b img {width:50px;display:block;margin:0 auto;padding-bottom:8px;}
.logo-b strong {text-transform:uppercase;    font-size: 12px;    line-height: 1.55;    font-weight: 800;color:#000}
.hidden .logo-b  {display:none}
img {outline:0}
.logo img {max-width: 130px;width: 130px; height: auto; }
.flex {display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-item-align: stretch;
    align-self: stretch;
  align-items: center;
  justify-content: space-between;
  height:100%;
}

.mobile-menu {display:none;}	
.menu ul {list-style:none;padding:0;    margin: 0;-webkit-transition: opacity ease-in-out .2s; -moz-transition: opacity ease-in-out .2s; -o-transition: opacity ease-in-out .2s;  transition: opacity ease-in-out .2s;}
.menu ul  li { display: inline; padding-left: 15px;  padding-right: 15px;}
.menu ul  li:first-child {padding-left: 0;}
.menu ul  li:last-child {padding-right: 0;}
.menu ul  li a {color: #fff; font-size: 14px; font-weight: 600;}
.menu ul  li a.active {opacity: .7; }

.phone-number {color: #fff;font-size: 14px; font-weight: 800;}
.slider-phone .phone-number{font-size: 18px;font-weight: 800;}
.slide-bg { 
    height: 100vh;   
    width: 100%;    
    background-image: url(../files/bg20x.jpg);
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-color: #000;   
    background-repeat: no-repeat;  
    background-position: center center;  
    text-align: center;  
    vertical-align: middle;  
    position: relative; 
    /* overflow: hidden;*/
}

.lazy-img {}	
.slide-bg  > img {display: none;width: 100%;	opacity: 0;}	
.is-loaded {}
.slider-inner,.timer {display:table;color: #fff}
.slider-inner .slide-bg {width:50%;display:table-cell; background-image: url(../files/bg-stoleshnitsy20x.jpg); background-position: bottom center;}
.slider-inner .podokonniki { background-image: url(../files/bg-podokonniki20x.jpg); }
.timer {margin:30px 0}
.timer div{display:table-cell;}
.timer span { display:inline-block;margin-right:6px;padding-right:15px; border-right:1px #fff solid;  font-size: 14px;  line-height: 1.25;}
.timer span.last-timer {border-right:0px #fff solid;padding-right:0px;}
.timer span.num {font-size: 36px;line-height: 1.55;padding-right:0px;padding-left:6px; font-weight: 700;border-right:0px #fff solid}
.timer span.first-timer {padding-left:0px; }
.slider-inner .slide-descr {background-color: #1a1a1a;}
.small-descr {font-size: 13px;color:#fff;text-align:center;padding:7px 0	}
.slider-inner .wrapper-inner {padding:0 0 0 15%; text-align:left;}
.slider-inner .wrapper-inner h1	{font-size: 30px; line-height: 1.25; font-weight: 800;   letter-spacing: 0px;text-transform:uppercase;margin:50px 0 5px 0;padding:0; display:block;max-width:500px;}
.slider-inner .slider-inner-descr {color: #fff; padding: 10px 0;  font-size: 16px; line-height: 1.55;}
.slider-inner .buttons {text-align:left;    display: inline-block;}

.slider-inner .slider-inner-descr  a {color: #ffee00; text-decoration: none; border-bottom: 1px solid #ffee00; box-shadow: inset 0px 0px 0px 0px #ffee00;  -webkit-box-shadow: inset 0px 0px 0px 0px #ffee00;
    -moz-box-shadow: inset 0px -0px 0px 0px #ffee00;}
.slider-inner .slider-phone img{width:30px; vertical-align:middle; margin-right:11px;}
.burger-phone { display: inline-block; float: right; margin-right: 45px; margin-top: 4px; }
.burger-phone img { width: 30px; vertical-align: middle; margin-right: 11px; }
.slide-bg-cover {height: 100vh;
    background-image: -moz-linear-gradient(top, rgba(0,0,0,0.70), rgba(0,0,0,0.80));
    background-image: -webkit-linear-gradient(top, rgba(0,0,0,0.70), rgba(0,0,0,0.80));
    background-image: -o-linear-gradient(top, rgba(0,0,0,0.70), rgba(0,0,0,0.80));
    background-image: -ms-linear-gradient(top, rgba(0,0,0,0.70), rgba(0,0,0,0.80));
    background-image: linear-gradient(top, rgba(0,0,0,0.70), rgba(0,0,0,0.80));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#4c000000', endColorstr='#33000000');width: 100%; position: absolute; top: 0; left: 0;}

.wrapper-inner  { padding: 42px 0;  vertical-align: middle;}
.catalog-inner-phone {padding: 10px 20px;display:none}
.slider-header h1 {
    color: #fff;
    padding: 5px 0 0px 0;
    letter-spacing: 1px;
	    font-size: 48px;
		font-weight: 800;
}	

.wrapper{display: table-cell;  width: 1200px;	  vertical-align: middle;		text-align:center; height:100vh; position: relative;z-index:1;}

.table-cell {max-width: 960px; margin:0 auto;}
.table-cell800 {max-width: 800px; margin:0 auto;}
.slider-descr {color: #fff; padding: 15px 0 15px 0;  font-size: 20px; line-height: 1.55;}

.buttons {margin-top: 45px; text-align:center}
.btn {
    display: inline-block;    

    border: 0 none;
	vertical-align: middle;
    font-size: 16px;
    padding: 20px 60px;
   
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    font-weight: 700;
    background-image: none;
    cursor: pointer;
    -webkit-appearance: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.btn-popup {color: #000000;    background-color: #ffe100; border-radius: 30px; -moz-border-radius: 30px;  -webkit-border-radius: 30px;  font-weight: 400;}
.btn-topage { color: #000000;  background-color: #ffffff;  border-radius: 30px;  -moz-border-radius: 30px; -webkit-border-radius: 30px;  font-weight: 400;}	
.btn-s { font-size: 14px; padding:11px 30px;}	
.btn-callto {color: #ffe100; display:inline-block;  border: 2px solid #ffe100;  border-radius: 30px;  -moz-border-radius: 30px;  -webkit-border-radius: 30px;  font-weight: 400;font-size: 14px;   padding:9px 30px;  margin-left:40px;	}	
.hidden	.btn-callto,.hiddenconst .btn-callto  { background-color: #ffe100; color:#222}
.btn-goto {color: #222; border: 2px solid #222; border-radius: 30px; -moz-border-radius: 30px; -webkit-border-radius: 30px;    font-size: 14px;  font-weight: 400;}	
.buttons .btn:nth-child(2) { margin-left: 10px;}
.showrules {margin-bottom:50px;}
.sec-header {text-align:center;padding-bottom: 50px;max-width:750px;margin:0 auto;}
.sec-header  h2 {font-size: 36px;  margin-bottom: 15px;    line-height: 1.23;    font-weight: 800;}
.cols img {max-width:100%;}

#our-prods {text-align:center}
#our-benefits {background-color: #f5f5f5;}
 #our-benefits p {line-height: 1.55;}
#our-benefits .row img { margin-left: 20px; }
 #our-benefits .row p { font-size: 14px; line-height: 1.55; margin-left: 20px; margin-right: 20px;}
.separator {    margin-bottom: 70px;}
.ben-icon {    margin-right: 16px;  width: 35px;   height: auto;vertical-align:middle}
.brends {align-items: stretch;display:flex;    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;    justify-content: center;}
.brends .cols{padding: 20px 29px;position:relative;border-bottom:1px #eee solid;margin:0;    align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;display:flex;}

.line_horizontal {height: 1px;  background: #fff; margin-top:-1px;  width: 100%;    z-index: 1;     position: relative;}
.line_vertical { width: 1px;  position: absolute;  top: 0;  bottom: 0;  right: 0;  background-color: #eee;height:100%;	}
#our-materials  {text-align:center}
#our-materials .row {/*margin-left:-2.12766%;margin-right:-4.12766%;*/ justify-content: center;display:flex;    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;     justify-content: space-between; }
#our-materials .cols img {max-width: 93%;min-width:140px;}
#our-materials .cols {min-height:198px;margin-left:0px;min-width:140px;   margin: 0 0 0 1.12766%;}
#our-materials .cols:first-child,#our-materials .cols:nth-child(7) {margin-left: 0px;}
#our-materials .cols:last-child {       margin-right: -0.99%;}
#our-materials  .btn-popup {color:#fff;background-color: #222; border: 2px solid #222; }
#our-materials .sec-header {padding-bottom: 70px;}
#our-brends img{ max-width: 160px;    margin: 0 auto;}

#vars {text-align:center}
#vars .desc-s  {font-size: 12px;}
#vars b {font-size: 14px;}
#vars img {max-width:95%;display: block;
    margin: 0 auto;}
#vars .cols {margin-bottom:60px;}
#vars .sec-header {max-width: 600px;}
#vars .buttons {margin:0;}
#downprice,#getsale {background-color: #ffe100;text-align:center}
#downprice .buttons {position:relative; margin-top:0px;margin-bottom:30px;}
#downprice  .btn,#getsale  .btn{color:#fff;background-color:#000;}
#getsale  .btn {vertical-align:baseline}
#downprice  .sec-header{max-width: 600px;}
#downprice  svg{    fill: #fff;       margin: auto;}
#portfolio .cols{margin: 0 0 1.12766% 1.12766%;}
#about {background-color: #f0f0f0; text-align:center}
#about .sec-header h2 {    margin-bottom: 60px;}
#about .cols {max-height:360px; overflow:hidden}
#about .about-img {width:100%;height:100%;height:360px;}
#about .ab-1 {background: url(../files/about/about-01.jpg) center center / cover no-repeat;}
#about .ab-2 {background: url(../files/about/about-02.jpg) center center / cover no-repeat;}
#about .ab-3 {background: url(../files/about/about-03.jpg) center center / cover no-repeat;}
#contacts {padding:0;}
#buildings {text-align:center}
#buildings img{max-width:100%;}
.arrow-icon {width: 45px; transform: translateX(-100%); position: absolute; top: 0;    bottom: 0;      margin-left: -15px!important; }
.arrow-icon-mobile {display:none;width: 20px;}
.yand_map {overflow:hidden;}
.contact_info {
    position: absolute;
    background: white;
    min-height: 300px;
    padding: 40px 60px;
    box-sizing: border-box;
    width: 100%;
    top: 60px;
	z-index:222;
	max-width:460px;
	  line-height: 1.55;
}
.contact_info h2 {font-weight: 800;     margin-bottom: 30px;   font-size: 26px;    -webkit-font-smoothing: antialiased;
    line-height: 1.17;}
.garanty  {display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    justify-content: center;}
.garanty  .cols {display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;}
.garanty .circle {
    width: 46px;
    height: 46px;
    background-color: #222;
    border-radius: 100%;
   
    position: relative;vertical-align: middle;	
}
#garanty .sec-header {    padding-top: 55px;}
.garanty .decr { margin-top: 3px;  padding-left:23px;font-size: 18px;}
.garanty .decr .small-txt {font-size:12px;line-height: 1.55;margin-top:7px;}
.garanty .num {position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    text-align: center;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #fff;    font-size: 18px;
    line-height: 1.35;font-weight: 700;}
/* tabs */
.tabs {list-style:none; margin:0;padding:0;display: table;    width: 100%;    text-align: center;}
.tabs li {display: table-cell; }
.tabs a {display:block; text-align:center;  text-decoration:none;  text-transform:uppercase;   color:#777;  padding:0 10px 18px; 
      font-size: 14px; line-height: 1.35;border-bottom:1px solid #eee;
 }
.tabs li a.active {border-bottom-color: #222; color:#222;font-weight: 800}
.tabgroup  .row{
 display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;  
  -webkit-flex-flow: row wrap;  
  justify-content: flex-start;
  width:100%
	}
.clearfix:after { content:""; display:table; clear:both;}
.catalog-img {max-width:10.7777%;padding: 20px 9px 0 10px; float:left}
.catalog-img img {width:100%}

/* end tabs */
.call-type { font-size: 14px }
.call-type .desc-s { margin-bottom: 11px; }
.form-block_messenger-mini {}
.form-block_messenger-item
{
	background-color: #f5f5f5;
    float: left;
    width: 25%;   max-width: 100px;
    padding: 5px 0px;
    font-size: 13px;
    line-height: 20px;
    text-align: center;
    cursor: pointer;
    color: #000; 
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    transition: all 0.2s ease;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    -webkit-user-select: none;
    border-radius: 30px;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
}

.form-block_messenger-item:last-child {
    border-right: none;margin-right:0px;
}

#mainform .phone { max-width:270px; }

.form-block_messenger-item.active {
    background-color: #ffe100;
    border-radius: 30px;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
}

.form-block_messenger-mini { 
	    margin-top: 5px;
}
.clear { clear:both }

.form-block_messenger-item span {
    position: relative;
    display: inline-block;
    top: 3px;
    width: 15px;
    height: 15px;
    margin-right: 3px;
    background-image: url(../files/sprite.png);
    background-repeat: no-repeat;
    background-size: 167px;
}

.form-text-messenger { margin-top:9px; }
.icon-phone span { background-position: 1px -35px; }
.icon-whatsapp span { background-position: -20px -35px; }
.icon-viber span { 
    background-position: -40px -35px; 
    background-size: 160px;
    height: 13px;
    margin-top: 2px; 
}

.icon-telegram span { width: 13px; background-position: -59px -35px; background-size: 160px;height: 13px; margin-top: 2px; }
.icon-phone.active span { background-position: 1px -35px; }
.icon-whatsapp.active span { background-position: -20px -50px; }
.icon-viber.active span { background-position: -40px -50px; }
.icon-telegram.active span { background-position: -59px -50px; }

/*popup*/
.popup {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow-y: auto;
    opacity: 0;
    -webkit-transition: opacity ease-in-out .3s;
    -moz-transition: opacity ease-in-out .3s;
    -o-transition: opacity ease-in-out .3s;
    transition: opacity ease-in-out .3s;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    cursor: pointer;
    padding: 0 20px;
    background-color: rgba(0,0,0,.6);
    z-index: 999;
    display: none;
}
.is-visible {display:block;    opacity: 1; }
.popup-close {position: fixed;
    right: 20px;
    top: 20px;
    width: 23px;
    height: 23px;
    cursor: pointer;
    -webkit-transition: opacity ease-in-out .3s;
    -moz-transition: opacity ease-in-out .3s;
    -o-transition: opacity ease-in-out .3s;
    transition: opacity ease-in-out .3s;
    z-index: 9991;
}

.popup-container {    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
	    max-width: 560px;
    margin: 0 auto;
    width: auto;
    position: absolute;
    top: 50%;
    right: 20px;
    left: 20px;
    z-index: 1; text-align:center}
.popup-inner { max-width: 600px; display:inline-block;background-color: #fff;padding: 40px 40px;-webkit-border-radius: 10px;}
.popup-header { font-size: 30px; font-weight:800; margin-bottom:11px; }
.getzamer .popup-header { font-size: 36px; }
.popup .desc-s { font-size: 14px; margin-bottom:11px; max-width:470px }
.popup  input, input {color: #000;  border-radius: 30px;  -moz-border-radius: 30px;  -webkit-border-radius: 30px;  
    -webkit-appearance: none;padding: 19px 20px;    width: 100%;margin: 15px 0;    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;    border: 0 none; border: 1px solid #c9c9c9;}
#getsale input {width: auto;min-width:290px;margin-right:17px;border:0;}
#getsale .getzamerform input {width: 70%;min-width:290px;margin-right:17px;border:0;}
input.error,#getsale input.error {border: 1px solid red}
 .errorbox { background: #F95D51;    color: #fff;
    padding: 10px;
    text-align: center;
    margin: 20px 0;
}
.successbox {
    text-align: center;
    background: #62C584;
    color: #fff;
    padding: 20px;
	font-size: 18px;
    line-height: 1.55;
}
.popup a {color: #ff8562;}
/*end popup*/
   
/* portfolio */
.magnific-img img {
    width: 100%;
    height: auto;
}
.img-gallery-magnific {margin-left:-1.12766%;margin-right:-1.52766%}
.catalog-inner .img-gallery-magnific{margin-left:-0.72766%;margin-right:0px; display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;  
  -webkit-flex-flow: row wrap;  
  justify-content: center;}
.magnific-img {
    display: inline-block;

}
a.image-popup-vertical-fit {
    cursor: -webkit-zoom-in;
	 cursor:zoom-in
}

.mfp-with-zoom .mfp-container,
.mfp-with-zoom.mfp-bg {
  opacity: 0;
  -webkit-backface-visibility: hidden;
  /* ideally, transition speed should match zoom duration */
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.mfp-with-zoom.mfp-ready .mfp-container {
    opacity: 1;
}
.mfp-with-zoom.mfp-ready.mfp-bg {
    opacity: 0.98;
}

.mfp-with-zoom.mfp-removing .mfp-container,
.mfp-with-zoom.mfp-removing.mfp-bg {
  opacity: 0;
}
.mfp-arrow-left:before {
    border-right: none !important;
}
.mfp-arrow-right:before {
    border-left: none !important;
}
.mfp-container button.mfp-arrow {z-index: 1297;}
.mfp-container:hover button.mfp-arrow, .mfp-container:hover .mfp-counter{
	opacity: 1 !important;
	
}


/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #fff;
  opacity: 0.8; }

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden; }

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  box-sizing: border-box; background-color:#fff;}

.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle; }

.mfp-align-top .mfp-container:before {
  display: none; }

.mfp-content {

  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045; }

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto; }

.mfp-ajax-cur {
  cursor: progress; }

.mfp-zoom-out-cur, .mfp-img:hover {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out; }

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in; }

.mfp-auto-cursor .mfp-content {
  cursor: auto; }

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; }

.mfp-loading.mfp-figure {
  display: none; }

.mfp-hide {
  display: none !important; }

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044; }
  .mfp-preloader a {
    color: #CCC; }
    .mfp-preloader a:hover {
      color: #FFF; }

.mfp-s-ready .mfp-preloader {
  display: none; }

.mfp-s-error .mfp-content {
  display: none; }

button.mfp-close,
button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  touch-action: manipulation;}
button.mfp-close {z-index: 9999;}  


button::-moz-focus-inner {
  padding: 0;
  border: 0; }

.mfp-close {
position: absolute;
    right: 10px;
    top: 12px;
    width: 29px;
    height: 32px;
    cursor: pointer;
    -webkit-transition: opacity ease-in-out 0.3s;
    -moz-transition: opacity ease-in-out 0.3s;
    -o-transition: opacity ease-in-out 0.3s;
    transition: opacity ease-in-out 0.3s;
    z-index: 99999;
	    font-size: 39px;
		
 }




.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap; }

.mfp-arrow {
 position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 15%;
    -webkit-transition: opacity ease-in-out 0.3s;
    -moz-transition: opacity ease-in-out 0.3s;
    -o-transition: opacity ease-in-out 0.3s;
    transition: opacity ease-in-out 0.3s;
    cursor: pointer;
    z-index: 99;}
.mfp-arrow-right {
    left: auto;
    right: 0;
}	
  .mfp-arrow:before,
  .mfp-arrow:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 50%;
    border: medium inset transparent; }
  .mfp-arrow:after {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px; }
  .mfp-arrow:before {
    width: 20px;
    height: 20px;
    background: transparent;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
	    border-top: 2px solid;
    border-right: 2px solid;
	}

.mfp-arrow-left { left: 0;  }
  .mfp-arrow-left:before {
   border-left: 2px solid; border-top: 0px solid;
    border-bottom: 2px solid; left:19px;right:0px; }

.mfp-arrow-right {
  right: 0; }

  .mfp-arrow-right:before {left:auto;right: 19px;}

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px; }
  .mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px; }
  .mfp-iframe-holder .mfp-close {
    top: -40px; }

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%; }
  .mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000; }

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto; }

/* The shadow behind the image */
.mfp-figure {line-height: 0; }
  .mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
 
    background: #444; }
  .mfp-figure small {
    color: #BDBDBD;
    display: block;
    font-size: 12px;
    line-height: 14px; }
  .mfp-figure figure {
    margin: 0; }

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto; }

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px; }

.mfp-image-holder .mfp-content {
  max-width: 100%; }

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer; }

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
       * Remove all paddings around the image on small screen
       */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0; }
  .mfp-img-mobile img.mfp-img {
    padding: 0; }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0; }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px; }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    box-sizing: border-box; }
    .mfp-img-mobile .mfp-bottom-bar:empty {
      padding: 0; }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px; }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0; } 
	
	}
@media screen and (max-width: 1200px)
{
.tabs a { font-size: 12px;}
.slider-inner .wrapper-inner {padding: 0 0 0 11%;}
.s-show {display:block}
}
@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75); }
  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0; }
  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%; }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px; } 
.arrow-icon	{display:none}
.arrow-icon-mobile {display:block}
	}
/* конец potrfolio */



@media (min-width: 481px){
.cols{float:left;margin:0 0 0 2.12766%;width:6.38298%}
.row:after {content:""; clear:both;}
.cols:first-child{margin-left:0}
.cols.c2{width:14.89362%}
.cols.c3,.cols.c1-c4th{width:23.40426%}  
.img-gallery-magnific .portofio {width:31.91489%} /* 23.40426% */
.cols.c4,.cols.c1-third{width:31.91489%}
.cols.c5{width:40.42553%}
.cols.c6,
.cols.c1-half{width:48.93617%}
.cols.c7{width:57.44681%}
.cols.c8,.cols.c2-thirds{width:65.95745%}
.cols.c9,.cols.c3-c4ths{width:74.46808%}
.cols.c10{width:82.97872%}
.cols.c11{width:91.48936%}
.cols.c12,.cols.full{width:100.0%}
.cols.offset-c1{margin-left:10.6383%}
.cols.offset-c1:first-child{margin-left:8.51064%}
.cols.offset-c2{margin-left:19.14894%}
.cols.offset-c2:first-child{margin-left:17.02128%}
.cols.offset-c3{margin-left:27.65957%}
.cols.offset-c3:first-child{margin-left:25.53191%}
.cols.offset-c4{margin-left:36.17021%}
.cols.offset-c4:first-child{margin-left:34.04255%}
.cols.offset-c5{margin-left:44.68085%}
.cols.offset-c5:first-child{margin-left:42.55319%}
.cols.offset-c6{margin-left:53.19149%}
.cols.offset-c6:first-child{margin-left:51.06383%}
.cols.offset-c7{margin-left:61.70213%}
.cols.offset-c7:first-child{margin-left:59.57447%}
.cols.offset-c8{margin-left:70.21277%}
.cols.offset-c8:first-child{margin-left:68.08511%}
.cols.offset-c9{margin-left:78.7234%}
.cols.offset-c9:first-child{margin-left:76.59574%}
.cols.offset-c10{margin-left:87.23404%}
.cols.offset-c10:first-child{margin-left:85.10638%}
.cols.offset-c11{margin-left:95.74468%}
.cols.offset-c11:first-child{margin-left:93.61702%}
}


@media only screen and (max-width: 960px){
.cols.xc2{width:14.89362%}
.cols.xc3{width:23.40426%}
.cols.xc4{width:31.91489%}
.cols.xc5{width:40.42553%}
.cols.xc6{width:48.93617%}
.cols.xc7{width:57.44681%}
.cols.xc8{width:65.95745%}
.cols.xc9{width:74.46808%}
.cols.xc10{width:82.97872%}
.cols.xc11{width:91.48936%}
.cols.xc12{width:100.0%}
#vars .cols {margin:0 auto;margin-bottom: 60px;}
.slider-header h1 {
    font-size: 38px;
}
.mobile-menu {background-color: #111; display: block;    padding: 10px 13px; position: relative;}
.mobile-phone {display:inline-block}	
.mobile-phone .logo { padding:0; }
.catalog-inner-phone {display:none}
.burger {
    position: absolute;
    top: 50%;
    margin-top: -10px;
    right: 20px;
    width: 28px;
    height: 20px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
    z-index: 9999;
}
#getsale .container {max-width:600px;margin:0 auto;}
#getsale input {width:100%; margin-left:0px; margin-right:0px;margin-bottom:5px;min-width:auto;}
#getsale button {margin-top:15px;} 
#downprice .btn, #getsale .btn {display:block;    margin: 0 auto;margin-top: 15px;}
#downprice .sec-header, #getsale .sec-header {padding-bottom: 13px;}
#downprice svg {margin-bottom: 19px;}
#downprice, #getsale  {padding: 70px 0 70px 0;}
.burger span {
    display: block;
    position: absolute;
    width: 100%;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
    height: 3px;
    background-color: #fff;
}
.burger span:nth-child(2), .burger span:nth-child(3) {
    top: 8px;
}
.burger span:nth-child(4) {
    top: 16px;
}
#header .flex{display:none;    background-color: rgb(26, 26, 26);text-align:center;height: auto;  position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	top: -70px;
	padding-bottom: 70px;
	transform: translateY(70px);  }
.menu ul li {display:block;padding: 10px 0}
.logo {padding: 40px 0;}
.hiddenconst .logo {padding: 0; float:left}
.hiddenconst .mobile-phone {float:right}
.phone-number {display:block;padding: 8px 0;}
.btn-callto {margin:15px 0;}
.btn-callto {color: #000; background-color: #ffe100;}
.burger-opened span:nth-child(1), .burger-opened span:nth-child(4) {display:none;}
.burger-opened span:nth-child(2) {-webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
.burger-opened span:nth-child(3) {-webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg);}
.slider-inner .slide-bg {width: 100%;display:block}
.hidden .catalog-inner-phone {display:block}
.menu-opacity {opacity:1;}
.slide-descr {padding: 20px 0;}
.cat-inner .slide-descr { padding: 80px 0; }
.catalog-img { max-width: 20.7777%; }
.logo-b { width: 80px;  left: 20px; height: 60px; padding: 9px 0 13px; }
.logo-b img { width: 35px;}
.slider-inner .buttons {margin-top: 5px;}
.xmargin0 {margin:0;}
.brends .cols{padding: 20px 0}

.line_vertical_3order {display: none;}
#portfolio .cols.xc6 {width:48.53617%}
#portfolio .row {
    justify-content: center;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}
.img-gallery-magnific {margin:0;}
#about .about-img {height: 320px;}
#about .cols {margin-bottom: 20px;}
.tabs { table-layout: fixed;}
.tabs li {overflow: hidden;float: left;}
.tabs li a {padding: 0 10px 8px; margin-bottom: 10px;}
.garanty {display:block;max-width:500px;margin:0 auto;}
.garanty .cols {    margin: 0 0 3.12766% 0;}
.table-cell800 {max-width: 600px;}
.yand_map {    height: 50vh;}
.contact_info {
	position: relative;
	top: 0;
    padding: 45px 20px;
    min-height: auto;	
	left: 0;
}
}	


@media screen and (max-width: 640px) {
.container {padding:0 15px} 
.cols {margin:0;}
.cols.xxc2{width:14.89362%}
.cols.xxc3{width:23.40426%}
.cols.xxc4{width:31.91489%}
.cols.xxc5{width:40.42553%}
.cols.xxc6{width:48.93617%}
.cols.xxc7{width:57.44681%}
.cols.xxc8{width:65.95745%}
.cols.xxc9{width:74.46808%}
.cols.xxc10{width:82.97872%}
.cols.xxc11{width:91.48936%}
.cols.xxc12{width:100.0%}	
#our-materials .cols {margin:0;}	
.slider-header h1 {
    font-size: 28px;
    line-height: 30px;
    padding-left: 10px;
    padding-right: 10px;
}
.sec-header h2 {font-size: 28px;}
.slide-bg .btn {margin: 7px 3px;}
.btn {white-space: normal; padding-left: 30px; padding-right: 30px;}
#our-prods img {max-width:auto;margin:0 auto;display:block;}
#our-prods .cols {margin-bottom: 40px;}
#our-materials .buttons .btn {width:100%;    margin-bottom: 10px;}
#our-materials .buttons {max-width:400px;     margin-top: 15px; text-align:center}
#our-materials .buttons .btn:nth-child(2) {margin:0;}
	.line_vertical_3order {display: block;}
	.line_vertical_2order {display: none;}
#our-brends img {max-width: 119px;}
.contact_info {left: 0;  max-width: auto;top:0;    padding: 45px 20px;min-height:auto;}
#our-benefits .row p {margin-bottom: 35px;}
section {padding: 30px 0 30px 0;}
#our-materials .cols img {min-width:auto; max-width: 89%;}
#our-materials .cols {min-height: 145px;}
.separator {margin:0;}
.slide-bg,.slide-bg-cover {min-height:577px;}
.slider-inner .slide-bg {max-height:423px;min-height:100%;}
.slide-descr .wrapper {max-height:423px;height:100%}
.slider-inner .wrapper-inner {padding: 0;text-align:center}
.slider-inner .wrapper-inner h1 {   margin:0 auto; margin-top:30px;  font-size: 28px;}
.timer { margin: 0 auto;margin-top:30px;margin-bottom:30px; text-align: center;}
.timer span.num {padding-left: 0px;    margin-right: 0px;display:block;margin:0 auto;padding-right: 11px;}

#portfolio .cols.xc6 {width: 48.13617%;}
.popup-inner { padding: 22px 25px; -webkit-border-radius: 0px; }
.popup-close {    width: 100%;
    height: 50px;
    background: #000;
    position: fixed;
    display: table;
    z-index: 999;
    left: 0;
    right: 0;
    top: 0;}
	
.svg-close{    display: table-cell;
    vertical-align: middle;
    text-align: right;
    width: 100%;
    padding:3px;padding-right: 20px;
    font-size: 0;position:relative;  z-index: 9999;}
.popup-header {font-size: 28px;}
.popup-container {left:0;right:0;    top: 53%;}
.slider-descr {padding: 9px 0 0px 0;}
.slider-header h1 {    padding: 15px 0 0px 0;}
.popup .desc-s {font-size: 10px; line-height: 1.45;}
.sec-header {padding-bottom: 30px;}
#catalog .sec-header,#garanty .sec-header {padding-top: 60px; padding-bottom: 30px;}
.popup-container {
	    -moz-transform: translateY(0%);
    -ms-transform: translateY(0%);
    -webkit-transform: translateY(0%);
    -o-transform: translateY(0%);
    transform: translateY(0%);
	top:50px;
}
.catalog-img { padding: 10px 5px 0 5px;}
.form-block_messenger-item { font-size: 11px; }
#mainform .phone { max-width:100% }
#mainform button { display: block; margin: 0 auto; width: 100%; }
.slide-bg { height:100% }
.slide-bg {
    height: 100vh;
    width: 100%;
/*    background-image: url(../files/bg-m.jpg)!important;  --- замена бэкграунда для моб.версии ---*/
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-color: #000;
    background-repeat: no-repeat;
    background-position: top;
    text-align: center;
    vertical-align: middle;
    position: relative; 
}

.main-page-slide  { height: 100%!important;display:block; width:100% }
.main-page-slide .wrapper { height: 100%; } .main-page-slide .slide-bg-cover { height:auto }
.main-page-slide .wrapper-inner .buttons { margin-bottom: -1px; }
.main-page-slide .wrapper-inner { padding: 63px 0 0 0!important; }
.main-page-slide .slide-bg, .main-page-slide .slide-bg-cover { max-height: 100%; }
.main-page-slide.popup-inner {
    display: inline-block;
    background-color: #fff;
    padding: 40px 45px;
    position: absolute;
    left: 0;
    bottom: 0;
}
}

@media screen and (max-width: 425px) {
    .form-block_messenger-item span { margin-right: 0; }
    .form-block_messenger-item { font-size: 10px; }
	
}