﻿/*
Theme Name: EasyComp24
Theme URI: 
Author: ASMI Studio
Author URI: 
Description: EasyComp24
Version: 1.0
Tags: EasyComp24
*/

/*----Акртик модал----*/

@font-face {
  font-family: LatoBold;
  font-weight: 400;
  font-style: normal;
  src: url(./fonts/LatoBold/Lato-Bold.eot);
  src: url(./fonts/LatoBold/Lato-Bold.eot?#iefix) format("embedded-opentype"), url(./fonts/LatoBold/Lato-Bold.woff) format("woff"), url(./fonts/LatoBold/Lato-Bold.ttf) format("truetype")
}
@font-face {
  font-family: LatoBlack;
  font-weight: 400;
  font-style: normal;
  src: url(./fonts/LatoBlack/Lato-Black.eot);
  src: url(./fonts/LatoBlack/Lato-Black.eot?#iefix) format("embedded-opentype"), url(./fonts/LatoBlack/Lato-Black.woff) format("woff"), url(./fonts/LatoBlack/Lato-Black.ttf) format("truetype")
}
@font-face {
  font-family: Lato;
  font-weight: 400;
  font-style: normal;
  src: url(./fonts/LatoRegular/Lato-Regular.eot);
  src: url(./fonts/LatoRegular/Lato-Regular.eot?#iefix) format("embedded-opentype"), url(./fonts/LatoRegular/Lato-Regular.woff) format("woff"), url(./fonts/LatoRegular/Lato-Regular.ttf) format("truetype")
}

.arcticmodal-overlay,
.arcticmodal-container { position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 3000; }
.arcticmodal-container { overflow: auto; margin: 0; padding: 0; border: 0; border-collapse: collapse; }
*:first-child+html .arcticmodal-container { height: 100% }
.arcticmodal-container_i { height: 100%; margin: 0 auto; }
.arcticmodal-container_i2 { padding: 24px; margin: 0; border: 0; vertical-align: middle; }
.arcticmodal-error { padding: 20px; border-radius: 10px; background: #000; color: #fff; }
.arcticmodal-loading { width: 80px; height: 80px; border-radius: 10px; background: #000 url(loading.gif) no-repeat 50% 50%; }

/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
.owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav{margin-top:10px}.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px}.owl-theme .owl-nav [class*=owl-]:hover{background:#869791;color:#FFF;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791}

/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}

/* Lightbox*/

html.lb-disable-scrolling {
  overflow: hidden;
  /* Position fixed required for iOS. Just putting overflow: hidden; on the body is not enough. */
  position: fixed;
  height: 100vh;
  width: 100vw;
}

.lightboxOverlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  background-color: black;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
  display: none;
}

.lightbox {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 10000;
  text-align: center;
  line-height: 0;
  font-weight: normal;
}

.lightbox .lb-image {
  display: block;
  height: auto;
  max-width: inherit;
  max-height: none;
  border-radius: 3px;

  /* Image border */
  border: 4px solid white;
}

.lightbox a img {
  border: none;
}

.lb-outerContainer {
  position: relative;
  *zoom: 1;
  width: 250px;
  height: 250px;
  margin: 0 auto;
  border-radius: 4px;

  /* Background color behind image.
     This is visible during transitions. */
  background-color: white;
}

.lb-outerContainer:after {
  content: "";
  display: table;
  clear: both;
}

.lb-loader {
  position: absolute;
  top: 43%;
  left: 0;
  height: 25%;
  width: 100%;
  text-align: center;
  line-height: 0;
}

.lb-cancel {
  display: block;
  width: 32px;
  height: 32px;
  margin: 0 auto;
  background: url(images/loading.gif) no-repeat;
}

.lb-nav {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
}

.lb-container > .nav {
  left: 0;
}

.lb-nav a {
  outline: none;
  background-image: url('data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==');
}

.lb-prev, .lb-next {
  height: 100%;
  cursor: pointer;
  display: block;
}

.lb-nav a.lb-prev {
  width: 34%;
  left: 0;
  float: left;
  background: url(images/prev.png) left 48% no-repeat;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;
  -o-transition: opacity 0.6s;
  transition: opacity 0.6s;
}

.lb-nav a.lb-prev:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

.lb-nav a.lb-next {
  width: 64%;
  right: 0;
  float: right;
  background: url(images/next.png) right 48% no-repeat;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;
  -o-transition: opacity 0.6s;
  transition: opacity 0.6s;
}

.lb-nav a.lb-next:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

.lb-dataContainer {
  margin: 0 auto;
  padding-top: 5px;
  *zoom: 1;
  width: 100%;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}

.lb-dataContainer:after {
  content: "";
  display: table;
  clear: both;
}

.lb-data {
  padding: 0 4px;
  color: #ccc;
}

.lb-data .lb-details {
  width: 85%;
  float: left;
  text-align: left;
  line-height: 1.1em;
}

.lb-data .lb-caption {
  font-size: 13px;
  font-weight: bold;
  line-height: 1em;
}

.lb-data .lb-caption a {
  color: #4ae;
}

.lb-data .lb-number {
  display: block;
  clear: left;
  padding-bottom: 1em;
  font-size: 12px;
  color: #999999;
}

.lb-data .lb-close {
  display: block;
  float: right;
  width: 30px;
  height: 30px;
  background: url(images/close.png) top right no-repeat;
  text-align: right;
  outline: none;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  transition: opacity 0.2s;
}

.lb-data .lb-close:hover {
  cursor: pointer;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}
/*------------*/



html ,body{
	margin:0px;
	padding:0px;
		font-family: 'Fira Sans Condensed', sans-serif;
}

strong {
	font-weight:500;
}

.btn {
	background: #106eb3;
    padding: 13px 25px;
	font-size: 1em;
  border-radius: 30px;
    color: white;
    text-transform: uppercase;
    display: inline-block;
    border: none;
    cursor: pointer;
    -webkit-transition: All 0.5s ease;
    -moz-transition: All 0.5s ease;
    -o-transition: All 0.5s ease;
    -ms-transition: All 0.5s ease;
    transition: All 0.5s ease;
}

.greenBtn {
	background: #0b9444;
	
}

.redBtn {
	background: #ed1b24;
}



h1,h2,h3,h4 {
	font-weight: 500;
}

h2 {
	font-size:2em;	
}

a {
	text-decoration:none;
	color:#4a76a8;
}

a:hover {
	text-decoration:underline;
}


input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {-webkit-appearance: none;
    margin:0;}
	

label {
	float:left;
	width:100%;

}


input[type=password], input[type=tel], input[type=email], input[type=text] {
	background-color:white;
	/*width:98%;
	float:left;
	border:1px solid #3E8F9B;
	margin-bottom:10px;
	min-height:30px;
	padding:0 3px;*/
  padding-left: 30px;
  border: 1px solid #b6b7bb;
  border-radius: 30px;
  outline: none;
  height: 38px;
  font-size: 20px;
  margin-bottom: 20px;
}


textarea{
	background-color:white;
	width:98%;
	float:left;
	border:1px solid #3E8F9B;
	margin-bottom:10px;
}

table {
}

th,td{
}

th{
	
}

td{
	
}

.main {
	margin: 0;
    padding: 0;
    width: 100%;

}

.line {
    float: left;
    min-height: 40px;
    width: 100%;
}

.line h3{
	font-size: 1.5em;
}

.line h2{
	font-size:2.5em;
	margin-bottom: 25px;
    margin-top: 0px;
}

.centerInLine {
    margin: 0 auto;
    max-width: 1200px;
}

#headerLine {
	min-height:90px;
}
.main-comp {
  /*font-family: 'Lato', sans-serif;*/
}
.main-comp .hFlex {
  -ms-align-items: center;
  align-items: center;
}
.main-comp #menu-item-23 {
  /*display: none;*/
}
.actions-block a {
  position: relative;
  font-size: 19px;
  color: #000;
  padding-left: 25px;
}
.actions-block a:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 22px;
  height: 22px;
  background-repeat: no-repeat;
  background-position: center;
  -webkit-background-size: contain;
  background-size: contain;
}
.actions-block__action:before {
  background-image: url(./images/icon/percent.svg);
}
.actions-block__raion:before {
  background-image: url(./images/icon/map-1.svg);
}
.actions-block a:first-child {
  padding-right: 54px;
}
#headerLineMenu {
	min-height:40px;
	background:#99b4d2;
	font-weight: 300;
}

.fixhead,
.main-comp #headerLineMenu 
{
	background:#35465a!important;
}
.main-comp #headerLineMenu a {
  color: #fff
}
.page-comp-ban {
  padding-bottom: 50px;
  height: auto;
  background-repeat: no-repeat;
  background-position: center;
  -webkit-background-size: cover;
  background-size: cover;
  background-image: url(./images/comp-bnr.jpg);
}
.h1 {
  color: #fff;
  font-size: 88px;
  font-weight: normal;
  line-height: 76px;
}
.page-comp-ban__descr {
	/*font-family: 'Lato', sans-serif;*/
	font-weight: 300;
  font-size: 38px;
  color: #fff;
  max-width: 400px;
  margin-bottom: 40px;
}
.comp-btn {
  display: inline-block;
  background-color: #2FAADF!important;
  font-weight: 300;
  color: #fff;
  font-size: 1em;
  text-transform: none;
  border: 1px solid #2FAADF!important;
  padding: 13px 25px!important;
  border-radius: 36px;
  transition: all .4s ease;
}
.comp-btn:hover {
  background-color: #fff!important;
  text-decoration: none;
  color: #2FAADF;
}
.main-comp #headerLineMenu {
  background-color: #35465a;
}
.main-comp #headerLineMenu ul {
  width: 100%;
  padding-left: 0;
  padding-right: 0;
}
#headerLineMenu ul {
	list-style:none;
	padding:0;
	margin:0;
	display: flex;
    width: 80%;
	padding:0 10%;
}
.main-comp #headerLineMenu ul li {
  border-left: none;
}
#headerLineMenu ul li{ 
    flex: 1;
    text-align: center;
    line-height: 20px;
    border-left: 1px solid white;
    margin: 10px 0;
}

#headerLineMenu ul li:first-child{ 
	border-left:none;
}

#headerLineMenu ul li:after{ 
	content: "";
}

#headerLineMenu ul li a{ 
	color: white;
   
}

#headerLineMenu ul li:first-child a{ 
	margin-left:0;
}

.logo {
	width:275px;
	margin-top: 10px;
	margin-left: 20px;
}

.logoAnimate {
float:left;
}

.hederLineBlk {
	float: right;
    height: 90px;
   
}

.geoBlk {
 line-height: 90px;
 margin-right:100px;
 cursor:pointer;
}

.geoBlk2 .geo,
.geoBlk .geo
{
	background:url(images/geoicon.svg);
	background-repeat:no-repeat;
	background-size:20 auto;
	padding-left:20px;
}

.phoneBlk {
	float: right;
    width: 295px;
    font-size: 1.8em;
}

.t24_7 {
	height:45%;
	width:auto;
	margin:30px 0 10px 0;
	float:left;
}

.pNumber {
    margin-bottom: 10px;
    float: left;
    margin-top: 35px;
    margin-left: 10px;
}

.pNumberFut a:hover,
.pNumber a:hover {
	text-decoration:none;
}

.pNumber a {
	color:#2FAADF;
}

#menuLine { 
	min-height:50px;
	/*border-bottom:3px solid #f6f9dc;*/ 
	font-weight: 300;
}

#menuLine ul{  
	list-style:none;
	float:right;
	padding:0;
	width: 100%;
	text-align:center;
	display:flex;
}

#menuLine ul li{ 
	display: inline;
	margin:auto;
}

#menuLine ul li a,
#menuLine ul li span
{ 
	color: black;
    text-transform: none;
    padding-left: 26px;
    font-size:18px;
}

#menuLine ul li a:hover{ 
	color:#06683a;
}

#menuLine ul li:nth-child(1) a { 
	background:url(images/icon/m_comp_2.svg);
	background-repeat:no-repeat;
}

#menuLine ul li:nth-child(2) a{ 
	background:url(images/icon/m_nout.svg);
	background-repeat:no-repeat;
}

#menuLine ul li:nth-child(3) a{ 
	background:url(images/icon/m_vir.svg);
	background-repeat:no-repeat;
}

#menuLine ul li:nth-child(4) a{ 
	background:url(images/icon/m_win.svg);
	background-repeat:no-repeat;
}

#menuLine ul li:nth-child(5) a{ 
	background:url(images/icon/m_net.svg);
	background-repeat:no-repeat;
}


#menuLine ul li:nth-child(6) a{ 
	background:url(images/icon/m_soft.svg);
	background-repeat:no-repeat;
}

#menuLine ul li:nth-child(7) a{ 
    background: url(images/phone.svg);
    background-repeat: no-repeat;
    background-size: 14px;
    background-position: center left;
}

#menuLine ul li:nth-child(8) a{ 
    background: url(images/geoicon.svg);
    background-repeat: no-repeat;
    background-size: 14px;
    background-position: center left;
}


.geoViz{
	cursor:pointer;
}

#banerLine {
	min-height:515px;
	background:#629dc7;
	background-repeat: no-repeat;
  background-position: center;
  -webkit-background-size: cover;
  background-size: cover;
  background-image: url(./images/EasyCOMP_ban_gl_1.jpg);
}

#banerLine .centerInLine{
	position: relative;
    height: 515px;
}


.persinban {
    position: absolute;
    left: -65px;
    top: 46%;
    height: 135px;
    display: none;
}


.compinban 
{
    position: absolute;
    right: 0;
    height: 110%;
    margin-top: 55px;
    display: none!important;
}

#banerLine .centerInLine .textBlk{
	float:left;
}

#banerLine .centerInLine .textBlk h1{ 
	font-size: 4em;
    line-height: 1;
	font-weight: 500;
    color: #fff;
}

.banerLinePageLev2 .centerInLine .textBlk h1{ 
	width:50%;
}

.banPricr {
	display: none!important;
    width: 440px;
    height: 128px;
    background: url(images/banPrice.png);
    background-repeat: no-repeat;
    background-size: auto 80%;
}

.priceText {
	font-size: 2.5em;
    color: #4b9ad3;
    transform: rotateZ(-1deg);
    display: block;
    padding: 15px 17px;
    font-weight: 500;
}

#priceTextPageLev2 {
	font-size: 2.8em;
}

.banerParagraph {
	max-width:100%;
	margin-top:-5px;

}

.metro-singl-list {
	list-style: none;
	padding-left: 0;
}

.uniFormShow {
	margin-bottom: 10px;
}

.metro-singl-list li {
	display: inline;
}

.wtfPuncts {
	width: 98%;
    min-height: 100px;
    float: left;
    border-radius: 20px;
    padding: 20px 0;
  background-color: #fff;
}

.wtfPuncts ul{ 
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-align-items: center;
	align-items: center;
    list-style: none;
    float: left;
    padding: 0;
    margin: 0;
    margin-left: 2%;
    width: 100%;
  /*  height: 300px;*/
}

.wtfPuncts ul li {
	width: 50%;
}

.wtfPunctsInPage2 ul {
	width:96%;
	margin:0 2%;
}

.wtfPunctsInPage2 ul li{
    width: 48%;
    float: left;
	margin: 8px 1%!important;
}

.wtfPuncts ul:nth-child(2){ 
	
}

.wtfPuncts ul li{ 
	    margin: 8px 0;
		font-size:1.4em;
}

.wtfPuncts ul li a{ 
  position: relative;
	color:black;
	/*background:url(images/otv-gr.svg);*/
	background-repeat:no-repeat;
	padding:0 0 0 40px;
  display: block;
  padding-bottom: 16px;
}
.wtfPuncts ul li a:after {
  position: absolute;
  content: '';
  bottom: 0;
  left: 40px;
  width: 50px;
  height: 2px;
  background-color: #2FAADF;

}
.wtfPuncts ul li a:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 30px;
  height: 30px;
  background-repeat: no-repeat;
  background-position: center;
  -webkit-background-size: contain;
  background-size: contain;
  background-image: url(images/icon/p_bespl_diagnostika.svg);
  /*transform: rotate(41deg)*/
}
.wtfPuncts ul li a:hover {
  text-decoration: none;
  color: #2FAADF;
}
.wtfPuncts ul li:nth-child(2n) a{ 
	/*background:url(images/otv.svg);*/
	background-repeat:no-repeat;
}

.wtfPuncts ul li:nth-child(2n) a:before {
  background-image: url(images/icon/p_bespl_diagnostika.svg);
  /*transform: rotate(0deg);*/
}

.geoBlk2 {
	display:none;
}

.menuBtnWriper {
	width:100%;
	padding:2% 0;
	text-align:center;
	display:none;
	font-size: 1.8em;
  background-color: #e9eef2;
}

.menuBtnWriperSel {
	color:black;
}

#geoModal ul{
	padding:0;
	list-style:none;
}

#geoModal ul li { 
	width:250px;
	display:inline-block;
}

.stationRez a,
#geoModal ul li a{
    background: url(images/metro.svg);
    background-repeat: no-repeat;
    background-position: center left;
    background-size: auto 75%;
    color: black;
    padding-left: 27px;
    margin: 5px 0;
    display: inline-block;
}

#mapLine {
	height:480px;
}

#wtfLine {
  padding-top: 30px;
  padding-bottom: 30px;
	margin-bottom:0px;
  background-color: #e9eef2;
}

#wtfLine h2{

}

#metroInput {
  width: 88%;
}
/* Арктик модал */

.box-modal {
	position: relative;
	width: 500px;
	padding: 16px;
	background: #fff;
	color: #3c3c3c;
	font: 14px/18px Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
	box-shadow: 0 0 0 6px rgba(153, 153, 153, .3);
	border-radius: 6px;
}
.box-modal_close { position: absolute; right: 10px; top: 6px; font-size: 11px; line-height: 15px; color: #999; cursor: pointer; }
.box-modal_close:hover { color: #666; }

#geoModal {
	width:97%;
}

#banerLine .centerInLine .textBlk .smlH1 {
	font-size: 3.5em;
}

#uslLine .centerInLine{
	position:relative;
}

#uslLine .persInBan 
{
	position: absolute;
    right: -45px;
    height: 65%;
    bottom: -141px;
    display: none!important;
}

#uslLine {
	background:#7ba6c8;	
	padding-bottom:30px;
	min-height: 750px;
}

#uslLine h2{ 
	color:white;
}

#uslLine .centerInLine{ 
	min-height: 700px;
}

.bloksUsl {
	float:left;
	width:100%;
}

.uslBlk {
    width: 20%;
    min-height: 300px;
    display: inline-block;
    margin-right: 5%;
	margin-bottom:2%;
}

.bloksUsl .uslBlk:nth-child(4n){ 
	margin-right: 0;
}


.uslBlk .iconBlkWrap{
	padding: 5px;
    border-radius: 500px;
    /*border: 3px dashed #d8df20;*/
    float: left;
	margin-left: -15px;
}

.uslBlk .iconBlk{
	width: 125px;
    float: left;
    height: 125px;
    text-align: center;
    background: white;
    border-radius: 300px;
    border: 8px solid #5b96c0;
	display: flex;
}

.uslBlk .iconBlk img{
	height: 70%;
	margin:auto;
}

.uslBlk .textBlk{ 
	float:left;
	width:92%;
	padding:0 4%;
	color:white;
}

.uslBlk .textBlk h3{
	text-transform:uppercase;
	margin: 20px 0 11px 0;
}


.uslBlk .textBlk h3{
	color:black;
}

.redText {
	color:#ED1C24;
}

#hzvLine {
	background:#dae3e8;
	padding-bottom: 30px;
}

#hzvLine h2{
	color:#000;
}

#riskiLine {
	/*margin-bottom:20px;*/
  padding-top: 30px;
  padding-bottom: 30px;
}
#shemaLine h2,
#riskiLine h2{
	margin-bottom:30px;
}

.bloksRiski {
	width:100%;
	float:left;
}

.riskiBlk {
	/*border:4px solid #F05A28;*/
	min-height:150px;
	position:relative;
}

.riskiBlkWrap {
	width:22%;
	margin-right:4%;
	float:left;
  background-color: #e8f0f3;
}	

.riskiBlkWrap .innerTextBlk{ 
	margin-top:20px;
	width: 100%;
}

.riskiBlkWrap .innerTextBlk .greenTextBg{  
	/*background: #2FAADF;*/
    padding: 5% 8%;
    min-height: 150px;
}

.riskiBlkWrap .innerTextBlk h3{  
	text-transform: uppercase;
    font-weight: 500;
    font-size: 20px;
    color: #176f9d;
    padding: 5% 8%;
}

.riskiBlk .krest{ 
    position: absolute;
    left: -34px;
    top: -34px;
    width: 75px;
    height: 75px;
}

.riskiBlk .partBlk{
	width: 76%;
    float: left;
    height: 125px;
    padding: 0 12%;
}
	
.riskiBlk .iconBlk{ 
	height:150px;
}

.riskiBlk .iconBlk img{  
    height: 80%;
    float: right;
    margin: 5% 0;
}

.riskiBlk .textBlk{ 
	height:100px;
}

.bloksRiski .riskiBlkWrap:last-child {
	margin-right:0;
}

#oborudovanieLine {
	background:#e8f0f3;
}

.bloksOborudovanie {
	width:100%;
	float:left;
}

.oborBlk {
	width:100%;
	min-height:200px;
	margin-bottom:30px;
}

#obor1 {
	background:url(images/obor-bg1.svg)#FFFFFF;
	background-repeat:no-repeat;
	background-position:left center;
	background-size:contain;
	
	border-right:20px solid transparent;
}

#obor1 img{ 
	margin-left:40px;
}

#obor2 {
	background:url(images/obor-bg2.svg) #FFFFFF;
	background-repeat:no-repeat;
	background-position:right center;
	background-size:contain;	
	
	border-left:20px solid transparent;
}


#obor2 img{ 
	margin-right:20px;
	float:right;
}

#obor3 {	
	background:url(images/obor-bg3.svg) #FFFFFF;
	background-repeat:no-repeat;
	background-position:left center;
	background-size:contain;
	
	border-right:20px solid transparent;
}

#obor3 img{ 
	margin-left:40px;
}

.oborBlk img{
    height: 204px;
    margin: 0px 0;
    width: auto;
    float: left;
}

#obor3 .textBlk {
	margin-left: 110px;
}

.oborBlk .textBlk {
	display: inline-block;
    width: 50%;
    margin-left: 70px;
    margin-top: 10px;
}

.oborBlk .textBlk h3{ 
	color:#506278;
}

.lineGray {
	/*background:#F1F1EF;*/
	background:#f5f5f5;
}

#shemaLine {
	padding-bottom:30px;
}

.bloksShema {
	float:left;
	width:100%;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
}

.shemaBlk {
	width:22%;
	margin-right:3%;
	min-height:100px;
	float:left;
	position:relative;
	background:#e8f0f3;
}

.shemaBlk .stepNumber{ 
	position:absolute;
	width:60px;
	height:60px;
	top:-25px;
	left:-25px;
	background:#7ba6c8;
  color: #fff;
	border-radius:100px;
	border:10px solid white;
	text-align:center;
	line-height:60px;
	font-size: 2.5em;
    font-weight: 500;
}

.shemaBlk .iconBlk{ 
	float: left;
    width: 80%;
    height: 150px;
    margin: 0 10%;
}


.shemaBlk .iconBlk .flexWrapIcon img{ 
    height: 74%;
    margin: 20% 0 10% 0;
}

#shemaImg1 {
	height: 78%;
    margin-top: 18%;
}

#shemaImg2 {
	height: 72%;
}

#shemaImg3 {
	height: 80%;
}

#shemaImg4 {
	height: 73%;
}

.flexWrapIcon {
	    display: initial;
}

.bloksShema-btn-wrapper {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: center;
  width: 100%;
}

.bloksShema-btn-wrapper-link  {
  float: left;
  display: block;
  width: 22%;
  margin-right: 3%;
  text-align: center;
  text-transform: uppercase;
  font-size: 20px;
  background-color: #7ba6c8;
  padding-top: 8px;
  padding-bottom: 8px;
  color: #fff;
  margin-top: 30px;
  cursor:pointer;
}

.bloksShema-btn-wrapper-link:hover {
  text-decoration: none;
}

.bloksShema-btn-wrapper-link:last-child {
  background-color: #2FAADF;
}


.shemaBlk .textBlk{ 
    float: left;
    width: 80%;
    min-height: 220px;
    margin: 0 10%;
  	color: #6d6e72;
}

.shemaBlk .textBlk h3{ 
	color: #176f9f;
	margin: 18px 0 10px 0;
}

.bloksShema .shemaBlk:last-child { 
	margin-right:0;
}

.otzElemWraper {
	background: url(images/bgOtz.svg);
    background-size: 100%;
    min-height: 315px;
    width: 100%;
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
	margin-top: -20px;
}

.otzElemWraperGreen { 
	background-image: url(images/bgOtzGreen.svg);
}


.otzElem {
    width: 90%;
    min-height: 200px;
    background: white;
    border: 3px dashed #7ba6c8;
    transform: skewY(2deg);
    position: absolute;
    top: 55px;
    left: 5%;
}

.otzElemPort{ 
	min-height: 280px!important;
}


.otzElem img {
    border-radius: 600px;
    height: 150px;
    width: auto!important;
    float: left;
    margin: 3% 5%;
}

.otzText {
    width: 70%;
    float: left;
    transform: skewY(-2deg);
}

.portfolio .otzText {
	width: 50%;
}

.portfolio .otzElemWraper {
    min-height: 376px;
	width: 96%;
    margin: 0 2%;
}

.portfolio .otzElem {
	border-color: #ccd83c;
	transform: skewY(0);
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-ms-align-items: center;
	align-items: center;
}

.portfolio .otzText {
	transform: skewY(0);
}

.portfolio .owl-nav button {
	margin-top: -218px;
}

.portfolio .owl-nav button {
		margin-top: -168px;
	    position: absolute;
	    top: 50%;
	}

	.portfolio .owl-carousel .owl-nav button.owl-next {
		right: -20px;
	}

	.portfolio .owl-carousel .owl-nav button.owl-prev {
		left: -20px;
	}

.otzText h3{ 
	margin:15px 0;
}

.otzEx {
	display: block;
	float:left;
	height: 21px;
    overflow: hidden;
}

.otzExRzv {
	height:auto;
}

.otzAllText {
	display:inline;
	float:left;
	color:#4a76a8;
	margin: 10px 0;
	width:100%;
	cursor:pointer;
}

.otzVkLnk {
	float:left;
	color:#4a76a8;
}

.otzElem .otzText h3{
	text-decoration:uppercase;
}


.slider {
	width:100%;
	float:left;
}

.otzStarsLine {
	width:100%;
	float:left;
	text-align:right;
	color:#FFDD17;
	margin:10px 0;
}

.otzStarsLine i{
	margin:0 3px;
}

.bloksHzv {
	width:100%;
	float:left;
}

.bloksHzv .part{
	float:left;
	width:49%;
	margin-right:2%;
}
.main-comp .bloksHzv .part {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
  padding-top: 0;
}

.bloksHzv .part:last-child{
	margin-right:0;
}

.bloksHzv .ques {
	float:left;
	display:flex;
	position:relative;
	width:95%;
	margin-bottom:20px;
	background:white;
	min-height: 145px;
	flex-direction: column;
	padding: 10px 0;
	cursor:pointer;
}

.bloksHzv .ques:hover { 
	background:#7ba6c8;
	color:white;
}
.main-comp .bloksHzv .ques:hover {
  background-color: #fff;
  color: #000;
}
.bloksHzv .ques h3{ 
	margin-left:30px;
	width:80%;
	margin-top:30px;
	margin-bottom:30px;
	cursor:pointer;
}

.bloksHzv .ques .otvet{ 
	display: none;
    margin-left: 30px;
    margin-bottom: 20px;
    margin-top: 10px;
    float: left;
	width:85%;
}

.bloksHzv .ques .showQsWrap{ 
    position: absolute;
    right: -40px;
    top: 50%;
    margin-top: -35px;
    border-radius: 100px;
    padding: 8px;
    background: white;
    border: 11px solid #dae3e8;
	cursor:pointer;
	
}

.transitionElem {
	transform:rotateX(360deg);
	transition: all 1.5s ease-out;
}

.bloksHzv .ques .showQsWrap .showQs{ 
    height: 40px;
}

#saleLine {
	min-height:300px;
	background:#5b96c0;
	padding-bottom: 20px;
	    margin: 45px 0 0 0;
}

.text300 {
		font-weight:300;
}	

#saleLine .centerInLine{
	min-height:300px;
	position:relative;
}

.actionStol {
    position: absolute;
    height: 400px;
    margin-top: -53px;
    margin-left: -55px;
}

.actionPers {
	position: absolute;
    height: 54%;
    right: 0;
    bottom: -50px;
}

.actionBlk {
    width: 70%;
    margin-left: 22%;
    float: left;
}

.actionBlk .actionHtop{ 
	margin-bottom:0;
	margin-top: 30px;
	color:black;
}

.actionBlk .actionHbot{ 
	margin-top:0;
	color:#fff;
	    margin-bottom: 30px;
}

.actionBlk h3{ 
	text-transform:uppercase;
	font-size:3em;
	font-weight: 500;
  color: #000;
}

.actionTel::-webkit-input-placeholder { color: gray; }

.actionTel {
	height: 31px;
    border: none!important;
    width: 224px!important;
    font-size: 1.5em;
    padding: 5px 20px!important;
    float: left;
}

.ctaHead {
	margin:0.5em 0;
}

.actionSend {
	background-color: #ED1C24;
    padding: 13px 25px;
    border: 3px solid #ED1C24;
    float: left;
    text-transform: none;
    border-radius: 30px;
    font-size: 1em;
	margin-left:16px;
}

.actionSend.greenBtn {
  border-color: #2FAADF;
}

#comandLine {
  padding-top: 34px;
  padding-bottom: 52px;
    background-color: #e9eef2;
}

#comandLine h2{
	margin-bottom:10px;
}

.bloksComand {
	width:100%;
	float:left;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
}

.bloksComand .blkPers {
	width:33%;
	height: auto;
	float:left;
	position:relative;
	margin: 20px;
  width: 235px;
  border-radius: 14px;
  overflow: hidden;
}

.bloksComand .blkPers .circle{ 
	height: 200px;
    border-radius: 400px;
    background: #95b4d1;
    width: 200px;
    z-index: 1000;
    position: absolute;
    display: none;
}


.bloksComand .blkPers .photo{ 
    z-index: 2000;
    width: 100%;
    height: auto;
}

.bloksComand .blkPers .name .dolg{ 
	font-size:14px;
  color: #2FAADF;
}
.bloksComand .blkPers .name{ 
    background: #fff;
    left: 169px;
    /*position: absolute;*/
    z-index: 1500;
    top: 50%;
    /*margin-top: -40px;*/
    font-size: 18px;
    padding: 10px 0 10px 30px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
}

.bloksComand .blkPers .name strong{ 
	text-transform:uppercase;
	font-size: 1em;
  margin-right: 18px;
}

.sertItem {
	height:200px;
	display:flex;
}

.owl-carousel .owl-item img{

}



.sertSlider .owl-item img{
    margin: auto;
    height: auto;
	width:73%;
}

.owl-carousel {
	width:94%;
	margin:0 3%;
}

#mapLine ymaps[class*=ground-pane],
#mapLineFind ymaps[class*=ground-pane]
{
    -webkit-filter: grayscale(100%);

}

#footerLine {
	background:#3a424d;
	padding: 30px 0 30px 0;
}

.footerCol {
	width:33%;
	float:left;
}

#footerCol1{}
#footerCol2{color:white;}
#footerCol3{}

#footerCol3 h2{
	color:white;
	margin-top:0;
	margin-bottom:10px;
}

.ovForm input, 
.ovForm textarea
{
	/*background: #3a424d;
	border:none;
	width:94%;
	padding:2% 0;
	float:left;
	margin-bottom:10px;
	color:white;*/
  background-color: white;
  padding-left: 30px;
  border: 1px solid #b6b7bb;
  border-radius: 30px;
  outline: none;
  height: 38px;
  font-size: 20px;
  margin-bottom: 20px;
  width:94%;
}
.ovForm textarea {
  padding-top: 6px;
}
	
.ovForm input::-webkit-input-placeholder { color: white; }
.ovForm textarea::-webkit-input-placeholder { color: white; }
.uniForm .btn,
.ovForm .btn {
	/*color: white;
    text-align: center;
    padding: 10px 15px;
    margin-bottom: 15px;
    margin-top: 15px;
    background: #2FAADF;*/
}

.footerCopurightLine {
	width:100%;
	border-top:3px solid #282933;
	min-height:60px;
	float:left;
}

.logoinvert {
	width:60%;
	height:autol
}

.footerCopurightLine .copyright{ 
	float:left;
	line-height:30px;
	color:white;
}

.footerCopurightLine .policy a{ 
	color:#2FAADF;
}

.footerCopurightLine .policy{ 
	float:right;
	line-height:40px;
	font-size:12px;
}

.z24-7-w {
    height: 50px;
    margin: 10px 0;
}

.pNumberFut {
    font-size: 2em;
    color: #8DC63F;
    width: 100%;
    float: left;
    margin: 20px 0;
}

#footerCol1 ul{
	list-style:none;
	padding-left: 11%;
}

#footerCol1 ul li a{
	color:white;
}

#footerCol1 ul li{
	margin-bottom: 5px;
}

.policyText {
	color:white;
	font-size: 12px;
	float:left;
	margin-bottom:20px;
  margin-top: 14px;
}

#footerLine a{
	    color: #2FAADF;

}

.owl-nav { 

}

.owl-nav .owl-prev{ float:left; }
.owl-nav .owl-next{ float:right;}

.owl-nav button{ 
    width: 20px;
    height: 100px;
    margin-top: -150px;
}

.slider-review .owl-nav button{ 
    margin-top: -194px;
}

.slider-review .owl-nav .owl-prev {
	position: absolute;
	left: -30px;
}

.slider-review .owl-nav .owl-next {
	position: absolute;
	right: -30px;
}

.slider-video-review {
	margin-bottom: 30px;
}

.slider-video-review .owl-nav .owl-prev,
.slider-video-review .owl-nav .owl-next {
	position: absolute;
    top: 62%;
}

.slider-video-review .owl-nav .owl-next {
	right: -30px;
}

.slider-video-review .owl-nav .owl-prev {
	left: -20px;
}

.slider-video-review .reviewElemWrapper {
	border: none;
 }

.slider-video-review .reviewElemWrapper > div {
	margin-left: auto;
	margin-right: auto;
}

.slider-video-review .reviewElemWrapper > iframe {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.social-fixed__wrapper {
    position: fixed;
    z-index: 100000000000;
    right: 18px;
    bottom: 15px;
}

.social-fixed__wrapper-btn {
	position: relative;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	border: 2px solid #2FAADF;
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: center;
	-webkit-background-size: 56%;
	background-size: 56%;
	background-image: url(./images/icon/chat.svg);
	cursor: pointer;
	z-index: 2;
}

.social-fixed__wrapper-menu {
	position: relative;
    height: 200px;
    bottom: -40px;
    background-color: transparent;
    width: 80%;
    padding-top: 8px;
    padding-bottom: 4px;
    transition: all .4s ease;
    background-color: white!important;
    border: 2px dashed #d8df20;
    margin-left: 2px;
	display:none;
}

.social-fixed__wrapper-menu.active {
	background-color: #e7e7ea;
	height: 220px;
}

.social-fixed__wrapper-menu.active .fixed__wrapper-menu-link {
	display: block;
}

.fixed__wrapper-menu-link {
	display: block;
	width: 35px;
	height: 35px;
	background-repeat: no-repeat;
	background-position: center;
	-webkit-background-size: 100%;
	background-size: 100%;
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
	transition: all .4s ease;
}

.fixed__wrapper-menu-link:hover {
	transform: scale(1.2);
}

.fixed__wrapper-menu-link:last-child {
	margin-bottom: 50px;
}

.fixed__wrapper-menu-tg {
	background-image: url(./images/icon/telegram.png);
	margin-top: 10px;
}

.fixed__wrapper-menu-insta {
	background-image: url(./images/icon/instagram.png);
}

.fixed__wrapper-menu-vk {
	background-image: url(./images/icon/vk.png);
}

.owl-nav{ 
	width: 108%;
    margin: 0 -4%;
}

.bloksOtzivi .slider .owl-nav button{ 
	margin-top: -181px;
}

.bloksOtzivi .slider .owl-nav{ 
	width: 110%;
    margin-left: -5%;
}

#prizivLine {
	background: #7ba6c8;
	padding-bottom: 30px;
	margin-top:0px;
  background-repeat: no-repeat;
  background-position: center;
  -webkit-background-size: cover;
  background-size: cover;
  padding-top: 50px;
  padding-bottom: 40px;
}

#prizivLine .centerInLine{ 
	position:relative;
	min-height:200px;
}

#prizivLine .centerInLine .actionBlk {
	margin-left: 0;
}

.prizivLineElem {
	position:absolute;
}

.stoikaCTA {
    width: 200px;
    height: auto;
    top: -50px;
	left:-50px;
}

.persCTA {
    width: 100px;
    height: auto;
    left: 130px;
    top: 55px;
}

.persCTA2 {
    width: 100px;
    height: auto;
    right: 0;
    bottom: -63px;
    z-index: 10;
}


.pageLine {
  padding-top: 30px;
  padding-bottom: 30px;
	min-height:200px;
  background-color: #e9eef2;
}

.priceElem .usl{
	float:left;
}

.priceElem .price{
	float:right;
}

.priceElemBtn,
.priceElem {
    width: 96%;
    border: 2px solid #4a9ad5;
    float: left;
    min-height: 25px;
    font-size: 22px;
    font-weight: 500;
    padding: 10px 2%;
	color: black;
	margin-bottom:10px;
}
.main-comp .priceElem {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between;
  -ms-align-items: center;
  align-items: center;
  height: 44px;
  font-size: 24px;
  border: 2px solid #AEB0B3;
  border-radius: 30px;
  padding: 0;
  padding-left: 32px;
  margin-bottom: 16px;
  background-color: #fff;
  transition: all .4s ease;
  cursor: pointer;
}
.main-comp .priceElem:hover {
  background-color: #2FAADF;
  color: #fff;
}
.main-comp .priceElem .price {
  position: relative;
  right: -2px;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  justify-content: center;
  background-color: #2FAADF;
  color: #fff;
  width: 130px;
  text-align: center;
  -ms-align-self: stretch;
  align-self: stretch;
  border-radius: 30px;
}
.priceElemBtn:hover,
.priceElem:hover { 
	background:#d3e1e5;
}
.main-comp #reviewLine {
  background-color: #e8f0f3;
  padding-top: 30px;
  padding-bottom: 30px;
}
.main-comp .reviewElemWrapper-logo {
  border-top-left-radius: 14px;
  border-top-right-radius: 14px;
  background-position: 34px;
  background-color: #28475c!important;
}
.main-comp .reviewElemWrapper-title {
  font-weight: normal;
  font-size: 26px;
}
.main-comp .reviewElemWrapper-link {
  background-color: #2FAADF!important;
  text-transform: unset;
  border-radius: 30px;
}
.main-comp .reviewElemWrapper {
  border: none;
  border-radius: 14px;
  background-color: #fff;
}
.main-comp .review-arrow {
  height: 46px;
  width: 46px;
  background-color: #fff;
  -webkit-background-size: 56%;
  background-size: 56%;
  border-radius: 50%;
}
.main-comp .review-arrow__left {
    background-image: url(./images/icon/arr-prev.svg);
}
.main-comp .review-arrow__right {
    background-image: url(./images/icon/arr-next.svg);
}
.main-comp .slider-review .owl-nav .owl-prev {
  left: -90px;
  outline: none;
}
.main-comp .slider-review .owl-nav .owl-next {
  right: -90px;
  outline: none;
}
.main-comp .owl-carousel {
  width: 100%;
  margin: 0;
}
.main-comp .star-regular {
    background-image: url(./images/icon/star-regular-gray.svg);
}
.main-comp .star-half {
      background-image: url(./images/icon/star-half-alt-solid-gray.svg);
}
.main-comp .star-solid {
    background-image: url(./images/icon/star-solid-gray.svg);
}
.actions-section {
  padding-top: 60px;
  padding-bottom: 60px;
  background-repeat: no-repeat;
  background-position: center;
  -webkit-background-size: cover;
  background-size: cover;
  background-image: url(./images/actions-bg.jpg);
}
.actions-section__title {
	font-family: 'Lato', sans-serif;
	font-weight: 600;
  font-size: 44px;
  font-weight: bold;
  margin-bottom: 30px;
}
.actions-section__title span {
  color: #fff;
}
.actions-section form {
  width: 320px;
  max-width: 100%;
}
.actions-section input {
  padding-left: 30px;
  border: 1px solid #b6b7bb;
  border-radius: 30px;
  outline: none;
  height: 44px;
  font-size: 20px;
  margin-bottom: 20px;
}
.actions-section__subtitle {
	font-family: 'Lato', sans-serif;
  margin: 30px 0;
  font-size: 40px;
}
.steps-work {
  padding-top: 30px;
  padding-bottom: 40px;
  background-color: #e8f0f3;
}
.steps-work__wrapper {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 50px;
}
.steps-work__item {
  position: relative;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  width: 48%;
  margin-bottom: 60px;
  background-color: #fff;
  border-radius: 14px
}

.steps-work__item_last {
	margin-bottom:30px;
}

.main-comp .centerInLine h2{
  margin-top: 0px;
	margin-bottom: 25px;
}

.steps-work__item-content {
  width: 50%;
  padding: 20px;
}
.steps-work__item-photo {
    width: 50%;
    flex-shrink: 0;
    background-repeat: no-repeat;
    background-position: bottom;
    -webkit-background-size: contain;
    background-size: contain;
    position: absolute;
    /* height: 100%; */
    right: 0;
    top: -40px;
    bottom: 0;
}
.steps-work__item-number {
  color: #2FAADF;
  font-size: 46px;
  margin-bottom: 20px;
  font-weight: bold;
}
.steps-work__item-title {
  text-transform: uppercase;
  font-size: 40px;
  margin-bottom: 20px;
  font-weight: 500;
}
.steps-work__item-text {
  color: #a9a8ad;

}
.main-comp #hzvLine {
  padding-top: 30px;
  padding-bottom: 20px;
  background-repeat: no-repeat;
  background-position: center;
  -webkit-background-size: cover;
  background-size: cover;
  background-image: url(./images/question-bg.jpg);
}

.main-comp #hzvLine .bloksHzv{
	margin-top:20px;
}

.main-comp #hzvLine h2 {
  margin-top: 0;
  margin-bottom: 14px;
  color: #fff;
}
.main-comp .bloksHzv .ques {
  min-height: 80px;
  border-radius: 20px;
  width: 49%;
}
.main-comp .bloksHzv .ques .showQsWrap {
  right: 30px;
  border: none;
}
.priceElemBtn .elemHead .price{
	float: right;
    margin-right: 20px;
}

.priceElemBtn .elemHead .btn{
    float: right;
    font-size: 1em;
    padding-top: 0;
    padding-bottom: 0;
    font-weight: 400;
	background:#3E8F9B;
}

.priceElemBtn .elemHead {
	width:100%;
	float:left;
	cursor:pointer;
	
}

.priceElemBtn {

}

.priceElemBtn .elemInfo{
	display:none;
	width:100%;
	float:left;
	font-size:16px;
	font-weight:400;
	    margin: 10px 0;
}

.pageLine h1 {
	font-size:3em;
}

.pageLine {
	margin-bottom:0px;
}

.banerLineUnivers #priceTextUni {
	font-size:2.7em;
	padding: 15px 17px;
}

.banerLineUnivers #compinbanUni {
	height: 90%;
    margin-top: 139px;
}

.formInfo {
    color: white;
    font-size: 14px;
    margin-bottom: 5px;
    float: left;
}

.modalline{
	text-align:center;
}

.hFlex {
	width:100%;
	display:flex;
}

.logoWraperBox {
	flex:1;
}

.actionHeadBlk {
	flex:2;
}

.chBlk {
	flex:1;
}

.actionNumber img{
    float: right;
    height: 80%;
    margin-top: 3%;
    margin-right: -18px;
}

.actionNumber {
    width: 150px;
    margin: 18px auto;
    height: 47px;
    border: 3px dashed #2FAADF;
    font-size: 1.5em;
    line-height: 47px;
    padding-left: 10px;
	color:black;
}

.actionHeadBlk a:hover{ 
	text-decoration:none;
}

.stationRez {
	width:100%;
	float:left;
}

.noRezQ {
	font-size:12px;
	color:gray;
}

.upBtn {
    position: fixed;
    bottom: 75px;
    right: 20px;
    color: #ffcb1f;
    font-size: 48px;
    display: none;
    z-index: 9999999999;
    cursor: pointer;
}


.btnOrange
{
	background:#ffcb1f!important;
	color:black!important;
}
#uniConsultModal {
	background: #5b96c0;
    box-shadow: none;
    border-radius: 0;
	position:relative;
}

#messgeModal {
	background: #2FAADF;
	color: white;
	box-shadow: 0 0 0 6px rgba(255, 255, 255, .9);
}

#lineMsg {
	margin-top:10px;
}

.formpers1 {
    width: 54px;
    height: auto;
    position: absolute;
    top: 76px;
    left: 26px;
}

.formpers2 {
    width: 60px;
    height: auto;
    position: absolute;
    right: 35px;
    top: 125px;
}

.page-template-page-comp .formpers1, 
.page-template-page-comp .formpers2 
{
	display:none;
}

#uniConsultModal form {
	background-image: none!important;
}

.page-template-page-comp .uniConsultModal {

}

.page-template-page-comp #uniConsultModal form input[type=text] {
	border-radius:40px;
	padding: 0 3%;
}

.page-template-page-comp  .uniForm .btn, 
.page-template-page-comp .ovForm .btn 
{
	border-radius:40px;
}

.box-modal_close {
	color:white;
	font-size:16px;
}

.box-modal_close:hover { 
	color:#F9D31D;
}

#uniConsultModal h2{ 
	color:black;
	text-align:center;
	font-size: 2.3em;
}

.d-b {
	display: block !important;
}

.call-master {
	margin-top: 20px;
}

#uniConsultModal form{
	width:70%;
	margin: auto;
	    text-align: center;
	background:url(images/formbg.svg);
	background-repeat:no-repeat;
	background-size:51%;
}

#uniConsultModal form input[type=text],
#uniConsultModal form textarea
{ 
	border:none;
}

.notebBlk {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
	justify-content: right;
	margin-top: 20px;
	float:left;
	width:100%;
	min-height:50px;
}
.notebBlk a {
	width: 20%;
	border-radius: 20px;
	display: flex;
}
.notebBlk .noutLogo {
	width: 100%;
    height: 100px;
    /*border-bottom: 2px solid #3E8F9B;*/
    /*border-right: 2px solid #3E8F9B;*/
    float: left;
	display:flex;
	-webkit-box-shadow: 0px 0px 14px 0px rgba(0,0,0,0.20);
	-moz-box-shadow: 0px 0px 14px 0px rgba(0,0,0,0.20);
	box-shadow: 0px 0px 14px 0px rgba(0,0,0,0.20);
	margin-bottom: 30px;
	transition: all .4s ease;
	border-radius: 20px;
	background-color: #fff;
	margin-right:20px;
}
.notebBlk .noutLogo:hover {
	-webkit-box-shadow: 0px 0px 14px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 0px 14px 0px rgba(0,0,0,0.1);
	box-shadow: 0px 0px 14px 0px rgba(0,0,0,0.1);
	transform: scale(1.03);
}
.bg-fff {
	background-color: #fff;
	padding: 20px;
	clear: both;
	border-radius: 14px;
}
.bg-fff h2,
.bg-fff h3 {
	/*font-size: 12px;*/
}
.notebBlk .noutLogo img{ 
	/*height:90%;*/
	margin:auto;
	max-width: 50%;
}

.h1-wrapper {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
}
.h1-wrapper .vnAnimate {
	width: auto;
}
.price-block {
    margin-bottom: 20px;
    display: inline-block;
    background-color: rgba(256, 256, 256, .9);
    padding: 5px 29px;
    border-radius: 38px;
    font-size: 32px;
    color: #000;
    -ms-align-self: center;
    align-self: center;
    border: 3px solid #2FAADF;
}
.actionPers{
	opacity:0;
}
.pageLine#raioniLine {
  background-color: #fff;
}
.actionPersAnimate{
	-webkit-animation-name: actionPersAnim;
    -webkit-animation-duration: 1000ms;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: linear;
	-webkit-animation-fill-mode:forwards;
	
	animation-name: actionPersAnim;
    animation-duration: 1000ms;
    animation-iteration-count: 1;
    animation-timing-function: linear;
	animation-fill-mode:forwards;
}


@keyframes actionPersAnim {
    0% {
		opacity:0.0;
		bottom:150px;
	}
	
	10% {
		opacity:0.1;
		bottom:120px;
	}

	20% {
		opacity:0.2;
		bottom:90px;
	}
	
	30% {
		opacity:0.3;
		bottom:70px;
	}
	
	40% {
		opacity:0.4;
		bottom:40px;
	}
	
	50% {
		opacity:0.5;
		bottom:20px;
	}
	
	60% {
		opacity:0.6;
		bottom:0px;
	}
	
	70% {opacity:0.7;
		bottom:-25px;
	}
	
	80% {
		opacity:0.8;
		bottom:-50px;
	}
	
	90% {opacity:0.9;
		bottom:-50px;
	}
	
	100% {opacity:1;
		bottom:-50px;
	}
}


@-webkit-keyframes actionPersAnim { 
    0% {
		opacity:0.0;
		bottom:150px;
	}
	
	10% {
		opacity:0.1;
		bottom:120px;
	}

	20% {
		opacity:0.2;
		bottom:90px;
	}
	
	30% {
		opacity:0.3;
		bottom:70px;
	}
	
	40% {
		opacity:0.4;
		bottom:40px;
	}
	
	50% {
		opacity:0.5;
		bottom:20px;
	}
	
	60% {
		opacity:0.6;
		bottom:0px;
	}
	
	70% {opacity:0.7;
		bottom:-25px;
	}
	
	80% {
		opacity:0.8;
		bottom:-50px;
	}
	
	90% {opacity:0.9;
		bottom:-50px;
	}
	
	100% {opacity:1;
		bottom:-50px;
	}
}

.persCTA2 {
	opacity:0;
}

.persCTA2Animate{
	-webkit-animation-name: persCTA2Anim;
    -webkit-animation-duration: 1000ms;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: linear;
	-webkit-animation-fill-mode:forwards;
	
	animation-name: persCTA2Anim;
    animation-duration: 1000ms;
    animation-iteration-count: 1;
    animation-timing-function: linear;
	animation-fill-mode:forwards;
}

@keyframes persCTA2Anim {
    0% {
		opacity:0.0;
		right:-100px;
	}
	
	20% {
		opacity:0.3;
		right:-80px;
	}

	40% {
		opacity:0.6;
		right:-60px;
	}
	
	60% {
		opacity:0.9;
		right:-40px;
	}
	
	80% {
		opacity:1;
		right:-20px;
	}
	
	100% {
		opacity:1;
		right:0px;
	}
}


@-webkit-keyframes persCTA2Anim { 
    0% {
		opacity:0.0;
		right:-100px;
	}
	
	20% {
		opacity:0.3;
		right:-80px;
	}

	40% {
		opacity:0.6;
		right:-60px;
	}
	
	60% {
		opacity:0.9;
		right:-40px;
	}
	
	80% {
		opacity:1;
		right:-20px;
	}
	
	100% {
		opacity:1;
		right:0px;
	}
}


#uniHeaderNdp {
	line-height: 1.2;
}

#uniHeaderNdp span{ 
	    font-size: 22px;
}

.masterWin {
	width:365px;
	min-height:135px;
	position:fixed;
	background:url(images/cloc.svg) #8DC63F;
	background-position:left center;
	background-repeat:no-repeat;
	bottom:10px;
	left:10px;
	z-index:2500;
	display:none;
	box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.75);
}

.mastersText {
	margin-left: 34%;
    font-size: 1.5em;
    padding: 20px 0;
}

.mastersText .btn{ 
	font-size:18px;
	padding: 13px 25px;
	margin-top: 10px;
	background:#F9D307;
}

#pageLineUslugi {
	/*margin: 30px 0;*/
  padding-top: 30px;
  padding-bottom: 30px;
	min-height:100px;
}

.actionIcoBg {
	width:150px;
	height:150px;
	border-radius:100px;
	background:#2FAADF;
	
	color: white;
    font-size: 2.5em;
    display: flex;
}

.actionIcoBg img{ 
	margin:auto;
	width:40%;
}

#pageLineActsii {
	margin-top:0px;
}
.akLine {
  display: none;
}

.actionBlkInPage {
	width:100%;
	display:flex;
}

.actionBlkInPage .telem{
	flex-grow: 2;
  background-color: #fff;
  padding-top: 20px;
  padding-left: 20px;
  border-radius: 20px;
}
.actionBlkInPage .telem p {
  color: #b3b4b6;
}

.actionBlkInPage .telem h2{
	font-size:1.5em;
  padding-bottom: 14px;
  position: relative;
}
.actionBlkInPage .telem h2:after {
  position: absolute;
  content: '';
  left: 0;
  bottom: 0;
  height: 2px;
  width: 62px;
  background-repeat: no-repeat;
  background-position: center; 
  background-color: #5fc00e;
}

.actionBlkInPage .actionIcoBg{
	border-radius: 20px;
  margin-right: 0;
  margin-left: 20px;
  flex-shrink: 0;
}
.actionBlkInPage:nth-child(odd) .actionIcoBg {
  order: -1;
  margin-right: 20px;
  margin-left: 0;
}

.hidePriceBlk {
	display:none;
}

.priceBlkInPage {
margin-bottom:30px;
cursor:pointer;
}

.priceBlkInPage .actionIcoBg {
	width:90px;
	height:90px;
}

.priceBlkInPage .telem {

}

.priceBlkInPage .telem h2{
	font-size: 2.5em;
	    margin-bottom: 0;
}

.priceBlkInPage .telem h2:after{
	display:none;
}


.smallBaner {
	min-height:200px;
	height:auto;
	margin-bottom: 30px;
}

.smallBaner .priceText{ 
    font-size: 2.3em;
    padding: 21px 17px;
}

.smallBaner h1{ 
	font-size: 4em;
    width: 65%;
    margin-top: 20px;
    margin-bottom: 30px;
	color:white;
  line-height: 1.1;
  max-width: 550px;
}
.smallBaner-subtitle {
  color: #fff;
  font-size: 22px;
  margin-top: 20px;
  margin-bottom: 20px;
  max-width: 360px;
}
.smallBaner .compinban {
    height: 390px;
    bottom: 0;
    margin-bottom: -105px;
}

.smallBaner .persinban {
    left: -70px;
    top: 50%;
    margin-top: -50px;
    display: none!important;
}

.smallBaner .centerInLine{
	min-height:200px;
	position: relative;
	margin-bottom:20px;
}

.mouseDwn {
	position: absolute;
    left: 50%;
    margin-left: -15px;
    width: 25px;
    bottom: 30px;
	display:none;
	-webkit-animation-name: mouseDwnAnim;
    -webkit-animation-duration: 2000ms;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
	-webkit-animation-fill-mode:forwards;
	
	animation-name: mouseDwnAnim;
    animation-duration: 2000ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
	animation-fill-mode:forwards;
}


@keyframes mouseDwnAnim {
    0% {
		bottom: 30px;
	}
	
	50% {
		bottom: 20px;
	}
	
	100% {
		bottom: 30px;
	}
}


@-webkit-keyframes mouseDwnAnim { 
    0% {
		bottom: 30px;
	}
	
	50% {
		bottom: 20px;
	}
	
	100% {
		bottom: 30px;
	}
}

#mapLineFind {
	width:100%;
	min-height:300px;
	float:left;
	margin-top:20px;
}

#pageLineKompania{
	margin-bottom:0;
}

.fotoBloks {
	width:100%;
	float:left;
}

.fotoBloks .fotoBl{ 
    width: 48%;
    margin: 1px 10px 1% 0;
    border: 2px solid #2FAADF;
    border-radius: 20px;
}

.fotoBloks .fotoBl:nth-child(2n){  
	margin-right:0;
}

.doubleColl {
	width:100%;
	display:flex;
	flex-wrap:wrap;
}

#doubleCollHidden .dcColl100{
	min-width:100%;
}

#doubleCollHidden .dcColl{
	margin-bottom:20px;
	min-width:50%;
}

#doubleCollHidden {
	display:none;
}

#lnkBtn {
	display: inline-block;
    margin-top: 20px;
}

#lnkBtn:hover {
	text-decoration:none;
}

.overHidden
{
	overflow:hidden;
}


.dcColl {
	flex:1;
}

.fixhead {
	display:none;
	background:#7ba6c8;
	height:40px;
	line-height:40px;
	color:white;
	position:fixed;
	width:90%;
	z-index:10000;
	padding:0 5%;
}

.fixhead a{ 
	color:white;
}

.contactLnkFix {
	float:left;
}

.pNumberFix {
	float:right;
}

.mapInPage {
	margin-top:20px;
	
}

.marginWrap .notebBlk .noutLogo {
	    /*width: 19.8%;*/
}

.marginWrap {
	margin:20px 0;
	display:block;
	width: 100%;
}

.servis-address {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
	width: 100%;
}

.servis-address__item {
	font-size: 16px;
	width: 50%;
	margin-bottom: 15px;
}

.popUslWriper {
	display:flex;
	flex-wrap:wrap;
}

.popUslWriper .priceElem {
	width:44%;
	margin-right:2%;
	cursor:pointer;
}

.popUslWriper .priceElem:nth-child(2n) { 
	margin-right:0;
}

.redMetro{
  display: inline-block;
  margin-top: 20px;
	color:#8bc43f;
  margin-left: 0px;
}

.bgMetro {
    height: 43px;
    margin-right: 10px;
}

.gallery {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
	justify-content: center;

}

.gallery-item {
	width: auto!important;
	margin: 10px;
}

.gallery img {
	float:left;
	border: 4px solid #2FAADF!important;
	border-radius:5px;
}

#banerLineSmaile {
	margin-bottom: 0px;
  background-repeat: no-repeat;
  background-position: center;
  -webkit-background-size: cover;
  background-size: cover;
}

.blkRemont {
	width:100%;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	padding-bottom:20px;
	margin-left: 10px;
	margin-bottom:20px;
	
}
#cons-input {
  height: 36px;
  border: 2px solid #bebec0!important;
}
#cons-link {
  padding-left: 34px!important;
  padding-right: 34px!important;
}
.blkRemont .imgMin img{
  border-radius: 20px;
	display: block;
}
	
.blkRemont .imgMin{ 
	/*flex:1;*/
	width: 17%;
}

.blkRemont .infoRem h2{
  position: relative;
  padding-bottom: 10px;
	margin-top:0;
  font-size: 26px;
}
.blkRemont .infoRem p {
  color: #b0afb4;
}
.blkRemont .infoRem a {
  text-decoration: underline;
  color: #2FAADF;
}
.blkRemont .infoRem h2:after {
  position: absolute;
  content: '';
  bottom: 0;
  left: 0;
  height: 3px;
  width: 110px;
  background-color: #2FAADF;
  border-radius: 2px;
}
	
.blkRemont .infoRem{ 
	/*flex:4;*/
	width: 80%;
  background-color: #fff;
  border-radius: 20px;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 30px;
}

.greenBtn {
  background-color: #2FAADF;
}
.advantages-list {
	list-style: none;
	padding-left: 0px;
  margin-bottom: 30px;
  margin-left: 0px;
}

.advantages-list li {
  position: relative;
  color: #fff;
  padding-left: 25px;
  font-size: 22px;
}

.advantages-list li:before {
  content: '';
  position: absolute;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: #2FAADF;
  top: 0;
  left: 0;
  margin-top:4px;
}

.uniTel-label {
	display: block;
	margin-top: 40px;
	float: left;
	font-size: 16px;
	margin-bottom: 14px;
}
.note-form {
	display: block;
    margin-top: 10px;
    font-size: 12px;
    line-height: 1;
}
.otzElemPortNew {
	flex-direction: column;
}

.otzElemPortNew .cartinki{
	width:90%;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	padding:0 5%;
}

.otzElem .ir_min_img{ 
	float:none;
	margin: 10px 10px 10px 0;
}

.otzElemPortNew .otzText{
	width:100%;
}


.otzElemPortNew img {
	border-radius:0;
}

.otzElemPortNew .otzText {
    padding: 0 5%;
    width: 90%;
}

.portfolio .otzElemWraper {
	min-height:590px;
}

.otzElemPortNew {
    min-height: 485px!important;
}

.reviewElemWrapper {
	border: 1px dashed #959595;
}

.reviewElemWrapper-logo {
	width: calc(100% + 2px);
    height: 70px;
    background-color: gray;
    background-repeat: no-repeat;
    background-position: 10px;
    -webkit-background-size: contain;
    background-size: contain;
    margin-bottom: 20px;
    position: relative;
    top: -1px;
    left: -1px;
    right: -1px;
}

.reviewElemWrapper-logo-bg {
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	height: 70px;
	background-repeat: no-repeat;
    background-position: 10px;
    -webkit-background-size: contain;
    background-size: contain;
}

.reviewElemWrapper-logo.reviewElemWrapper-link__blue {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-ms-align-items: center;
	align-items: center;
}

.flamp_1 {
	width: 48px!important;
    background-color: #333542;
    padding-left: 7px;
    padding-right: 7px;
}

.flamp_2 {
	height: 50px!important;
}

.reviewElemWrapper-logo-youtube {
	-webkit-background-size: 70%;
	background-size: 70%;
	background-color: #684f91;
}

.reviewElemWrapper-title {
	display: block;
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 20px;
	padding-left: 14px;
}

.reviewElemWrapper address {
	display: block;
	font-style: normal;
	margin-bottom: 15px;
	padding-left: 14px;
}

.review-arrow {
	display: block;
	height: 90px;
	background-repeat: no-repeat;
	background-position: center;
	-webkit-background-size: 100%;
	background-size: 100%;
}

.review-arrow__left {
	background-image: url(./images/rulleft.svg);
}

.review-arrow__right {
	background-image: url(./images/rulright.svg);
}

.reviewElemWrapper-content {
	margin-bottom: 10px;
}

.reviewElemWrapper-rating-wrap {
	margin-bottom: 15px;
	padding-left: 14px;
}


.rating-star {
	width: 20px;
	height: 20px;
	display: inline-block;
	margin-right: 10px;
	background-repeat: no-repeat;
	background-position: center;
	-webkit-background-size: 100%;
	background-size: 100%;
}

.rating-star__count {
	color: #554f59;
}

.star-regular {
	background-image: url(./images/icon/star-regular.svg);
}

.star-solid {
	background-image: url(./images/icon/star-solid.svg);
}

.star-half {
	background-image: url(./images/icon/star-half-alt-solid.svg);
}

.rating-star__count {
	display: inline-block;
	margin-left: 30px;
}

.reviewElemWrapper-link {
	display: inline-block;
	color: #fff;
	text-transform: uppercase;
	padding: 13px 25px;
	transition: all .4s ease;
	margin-left: 14px;
	margin-bottom: 10px;
}

.reviewElemWrapper-link:hover {
	text-decoration: none;
	border-radius: 4px;
}

.reviewElemWrapper-link__purple {
	background-color: #684f91;
}

.reviewElemWrapper-link__red {
	background-color: #c64034;
}

.reviewElemWrapper-link__blue {
	background-color: #3e5f92;
}

.previous-next-links__wrapper .centerInLine {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
}

.previous-next-links__wrapper a[rel="prev"] {
	padding-left: 30px;
	position: relative;
}

.previous-next-links__wrapper a[rel="prev"]:before {
	position: absolute;
	left: 0;
	content: '';
	width: 20px;
	height: 16px;
	background-repeat: no-repeat;
	background-position: center;
	-webkit-background-size: 100%;
	background-size: 100%;
	background-image: url(./images/icon/left-arrow.svg);
}

.previous-next-links__wrapper a[rel="next"] {
	padding-right: 30px;
	position: relative;
}

.previous-next-links__wrapper a[rel="next"]:before {
	position: absolute;
	right: 0;
	content: '';
	width: 20px;
	height: 16px;
	background-repeat: no-repeat;
	background-position: center;
	-webkit-background-size: 100%;
	background-size: 100%;
	background-image: url(./images/icon/right-arrow.svg);
}

.page-comp__content-wrap {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between;
  margin-top: 34px;
}

.page-comp__content-form {
  width: 450px;
  margin-left: 60px;
  flex-shrink: 0;
  padding: 25px 24px 25px 40px;
  background-color: #fff;
  border-radius: 20px;
}

.page-comp__content-form h2{
	margin-top:0;
    font-size: 1.8em;
}

.content-page-bg {
  position: relative;
  background-color: #e8f0f3;
  padding-top: 30px;
  padding-bottom: 65px;
  margin-bottom: 0;
  background-repeat: no-repeat;

  -webkit-background-size: cover;
  background-size: cover;
  background-image: url(./images/EasyCOMP_ban_2.jpg);
}
.content-page-bg .centerInLine {
  position: relative;
}
.page-comp__content-form-title {
  font-size: 20px;
}
.page-comp__content-form form {
  margin-top: 50px;

}
.page-comp__content-form input {
  margin-bottom: 28px;
  border: 2px solid #AEB0B3;
  height: 34px;
  border-radius: 30px;
  padding-left: 32px;
  width: 82%;
  font-size: 22px;
  outline: none;
}
.page-comp__submit {
  display: inline-block;
  background-color: #2FAADF;
  border: 1px solid #2FAADF;
  color: #fff;
  padding: 7px 47px;
  border-radius: 30px;
  margin-bottom: 36px;
}
.page-comp__submit:hover {
  text-decoration: none;
  background-color: #fff;
  color: #2FAADF;
}
.page-comp__note {
  max-width: 100%;
  font-size: 12px;
  color: #464749;
}
.problems-list {
	padding-top: 20px;
  position: relative;
  background-repeat: no-repeat;
  background-position: center;
  -webkit-background-size: cover;
  background-size: cover;
  background-image: url(./images/what.jpg);
}
.problems-list .centerInLine {
  position: relative;
  z-index: 20;
}
.problems-list__bg-1 {
  position: absolute;
  top: 0;
  right: 0;
  width: 400px;
  height: 400px;
  background-repeat: no-repeat;
  background-position: center;
  -webkit-background-size: contain;
  background-size: contain;
  background-image: url(./images/prob-bg-1.png);
}
.problems-list h2 {
  color: #fff;
  margin-bottom: 36px;
}
.problems-list__wrapper {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 40px;
}
.problems-list__item {
  width: 230px;
  margin: 3px;
  background-color: #fff;
  border-radius: 20px;
  padding: 23px 20px 23px 30px;
  margin-bottom: 16px;
  font-size: 16px;
  transition: all .4s ease;
}
.problems-list__item:hover {
  text-decoration: none;
  transform: scale(1.03);
}
.problems-list__item-title {
	font-family: 'Lato', sans-serif;
	font-weight: 600;
  font-size: 22px;
  margin-bottom: 14px;
  color: #1A1818;
  margin-top: 14px;
}
.problems-list__item-icon {
  height: 58px;
  background-repeat: no-repeat;
  background-position: 0 0;
  -webkit-background-size: contain;
  background-size: contain;
  text-align: right;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  justify-content: flex-end;
}
.problems-list__item-icon span {
	color: #2FAADF;
	font-size: 22px;
}
.problems-list__item-text {
	font-family: 'Lato', sans-serif;
	font-weight: 300;
  color: #1A1818;
      font-size: 14px;
}
.conditions-list {
  background-color: #e8f0f3;
  padding-top: 30px;
  /*margin-top: 40px;*/
}
.conditions-list__wrapper {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 40px;
  margin-bottom: 0;
}
.conditions-list__item {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  width: 31%;
  padding: 20px 30px 20px 36px;
  border-radius: 10px;
  background-color: #fff;
  margin-bottom: 30px;
  box-sizing: border-box;
}
.conditions-list__item:last-child {
  flex-grow: 2;
  margin-left: 3.8%;
  justify-content: space-between;
}
.conditions-list__item:last-child .conditions-list__content {
  max-width: 320px;
  -ms-align-self: flex-start;
  align-self: flex-start;
  margin-right: auto;
}
.conditions-list__item:last-child .conditions-list__icon:first-child {
  margin-left: auto;
  margin-right: 20px;
}
.conditions-list__content {
  padding-right: 60px;
  padding-right: 25px;
}
.conditions-list__title {
  position: relative;
  font-family: 'Lato', sans-serif;
  font-weight: 600;
  font-size: 22px;
  color: #1A1818;
  padding-bottom: 12px;
  margin-bottom: 12px;
}
.conditions-list__title:after {
  position: absolute;
  content: '';
  bottom: 0;
  left: 0;
  background-color: #2FAADF;
  width: 58px;
  height: 2px;
}
.conditions-list__text {
  font-family: 'Lato', sans-serif;
  font-weight: 300;
  color: #6D6F72;
  font-size: 14px;
}
.conditions-list__icon {
  flex-shrink: 0;
  width: 70px;
  height: 60px;
  background-repeat: no-repeat;
  background-position: center;
  -webkit-background-size: contain;
  background-size: contain;
  -ms-align-self: normal;
  align-self: normal;
}
.uniConsultModal-wrapper {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
}
.uniConsultModal-img {

	width: 230px;
	flex-shrink: 0;
	background-repeat: no-repeat;
	background-position: bottom;
	-webkit-background-size: contain;
	background-size: contain;
	background-image: url(./images/step2.png);
}
.main-comp-modal#uniConsultModal {
	background-color: #fff;
	padding-bottom: 0;
	width: 600px;
}
.footerCol input::placeholder {
	color: gray;
	font-size: 14px;
} 
.footerCol input::-webkit-input-placeholder {
	color: gray;
	font-size: 14px;
}
.footerCol input:-ms-input-placeholder {
	color: gray;
	font-size: 14px;
}
.footerCol input::-ms-input-placeholder {
	color: gray;
	font-size: 14px;
}
.footerCol input::placeholder {
	color: gray;
	font-size: 14px;
} 
.footerCol textarea::placeholder {
	color: gray;
	font-size: 14px;
}
.main-comp-modal .uniSendBtn {
    display: inline-block;
    background-color: #2FAADF;
    border: 1px solid #2FAADF;
    color: #fff;
    padding: 7px 47px;
    font-size: 1em;
    border-radius: 30px;
}
.main-comp-modal#uniConsultModal form input[type=text] {
	border: 1px solid #2FAADF;
	padding-left: 15px;
	margin-bottom: 14px;
}
.main-comp-modal .uniTel-label {
	margin-top: 0;
}
.main-comp-modal#uniConsultModal h2 {
	margin-top: 0;
	line-height: 1;
}
.uniConsultModal-form {
	min-height: 300px;
}
.smallBaner {
  background-repeat: no-repeat;
  background-position: center;
  -webkit-background-size: cover;
  background-size: cover;
}

#footerLine .centerInLine {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between;
	flex-wrap: wrap;
}
.footer-block {
  width: 32%;
}
.footer-block .logo {
  width: 190px;
  height: 50px;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  background-size: contain;
}
.footer-contacts {
  text-align: right;
  padding-right: 14px;
}
.footer-menu {
  list-style: none;
  padding-left: 0;
  margin: 0;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
}
.footer-menu li {
  width: 49%;
}
.footer-menu a {
  font-size: 13px;
}
.footer-menu a:hover {
  text-decoration: underline;
}
.footer-phone {
  font-size: 25px;
  font-weight: 600;
}
.footer-contacts {
  color: #fff;
  line-height: 32px;
}
.callback-master {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  padding-left: 14px;
  padding-right: 14px;
}
.callback-master__form {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
  flex-grow: 2;
}
.callback-master__title {
  font-size: 24px;
  margin-bottom: auto;
}
.callback-master__form input {
  width: 96%!important;
  height: 36px;
  border-radius: 20px;
  margin-bottom: 20px;
  padding: 0 0 0 15px!important;
  border: 2px solid #bebec0!important;
}
.callback-master__form form {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
}
.form-submit {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between;
  -ms-align-items: center;
  align-items: center;
}
.form-submit .btn {
  margin-left: 0;
}
.price-repair {
  background-color: #2FAADF;
  padding: 20px;
  border-radius: 20px;
  text-align: center;
  color: #fff;
  margin-left: 30px;
  max-width: 400px;
}
.price-repair__title {
  background-color: #fff;
  border-radius: 30px;
  color: #000;
  font-size: 24px;
  padding: 20px;
  margin-bottom: 20px;
}
.price-repair__title span {
  font-size: 28px;
}
@media screen and (max-width:1440px), handheld{ 
	.mouseDwn {
		display:block;
	}
  .main-comp .slider-review .owl-nav .owl-prev {
    left: -46px;
  }
  .main-comp .slider-review .owl-nav .owl-next {
    right: -25px;
  }
  .main-comp .owl-carousel {
    width: 92%;
    margin: auto;
  }
}

@media screen and (max-width:1300px), handheld {
  .redMetro {
    margin-left: 20px;
  }
  .advantages-list {
    margin-left: 20px;
  }
  #banerLine .centerInLine .textBlk .smlH1 {
    margin-left: 20px;
  }
  #banerLine .btn {
    margin-left: 20px;
    margin-right: 20px;
  }
}
@media screen and (max-width:1024px), handheld{ 
	.line{
		width:96%;
		padding:0 2%;
    padding-top: 30px;
	}
	
	#banerLine .compinban {
		height: 90%;
		margin-top: 138px;
	}
	
	.persinban {
		display:none!important;
	}
	
	#uslLine .persInBan {
		right: -15px;
		height: 55%;
	}
	
	.uslBlk .iconBlkWrap {
		margin-left:0;
	}
	
	.riskiBlkWrap .innerTextBlk h3 {
		min-height:90px;
	}
	
	.riskiBlkWrap .innerTextBlk .greenTextBg {
		min-height:215px;
	}
	
	.actionBlk {
		margin-left: 30%;
	}
	
	.actionBlk .actionHtop {
		margin-top:40px;
	}
	
	.bloksComand .blkPers .name {
		/*width:120px;*/
	}
	
	.bloksComand .blkPers {
		/*width:50%;*/
	}
	
	#mapLine {
		width:100%;
		padding:0;
	}
	
	#footerLine {
		padding: 30px 2% 0 2%;
	}
	
	.marginWrap .notebBlk,
	.marginWrap .notebBlk .noutLogo {
		border:none;
	}
	
	.actionStol { 
		margin-left: -20px;
	}

  .callback-master {
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
    -ms-align-items: center;
    align-items: center;
  }
  .form-submit {
    margin-bottom: 20px;
  }
}

@media screen and (max-width:1200px), handheld {
  .main-comp .slider-review .owl-nav .owl-prev {
    left: -38px;
  }
  .main-comp .slider-review .owl-nav .owl-next {
    right: -25px;
  }
  .main-comp .review-arrow {
    width: 32px;
    height: 32px;
  }
  .page-comp__content-form {
    width: 300px;
  }
  .page-comp__content-form .page-comp__content-form-title {
    font-size: 24px;
  }
}

@media screen and (max-width:1120px), handheld {
  #footerLine .centerInLine {
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
@media screen and (max-width:1080px), handheld {
  .conditions-list__item {
    width: 48%;
  }
  .page-comp__content-wrap {
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
    -ms-align-items: center;
    align-items: center;
  }
  .page-comp__content-form {
    margin-bottom: 20px;
    margin-left: 0;
  }
  .actions-block {
    display: none;
  }
  .steps-work__item-photo {
    width: 40%;
  }
  .footer-block-menu {
    display: none;
  }
  .footer-block {
    margin-bottom: 30px;
  }
}
@media screen and (max-width:980px), handheld{ 
	.actionBlk h3 {
		font-size:2.5em
	}
	
	.oborBlk {
		width:96%;
	}
	
	#headerLineMenu ul {
		width: 100%;
		padding: 0;
	}
	
	#menuLine ul li a, 
	#menuLine ul li span {
		font-size:16px;
		padding-left: 22px;
	}
	
	.logo {
		margin-left:0;
	}
	
	.pNumber {
		float:right;
	}
	
	.masterWin {
		width: 320px;
		min-height: 120px;
	}
	
	.mastersText {
		margin-left: 35%;
		font-size: 1.3em;
	}
	
	.wtfPuncts ul {
		width: 100%;
	}
	
	.uslBlk {
		width: 31%;
		margin-right: 2%;
	}
	
	#uslLine .persInBan {
		right:0;
		bottom: -385px;
	}
	
	.actionStol {
		margin-left:0;
	}
	
	#obor3 img,
	#obor1 img {
		margin-left:15px;
	}
	
	#obor3,
	#obor1
	{
		background-position: -50px center;
	}
	
	.oborBlk .textBlk {
		margin-top:0;
		margin-bottom:10px;
	}
	
	#obor2 .textBlk {
		margin-left:15px;
	}
	
	#obor2 {
		    background-position: 130% center;
	}
	
	#prizivLine .centerInLine .actionBlk {
		margin-left:0;
		float:right
	}
	
	.actionBlk {
		width: 70%;
	}
	
	.stoikaCTA {
		left:0;
	}
	
	.persCTA {
		    left: 155px;
	}
	
	.pNumberFut {
		margin-top:0;
	}
	
	.smallBaner h1 {
		width:50%;
		font-size:2.5em;
	}
	
	.smallBaner .compinban {
		height:350px;
	}
	
	.consBtn { 
		text-align:center;
	}

	.blkRemont .imgMin {
		width: 20%;
	}
	
	#banerLine .compinban {
		    height: 65%;
	}

  .bloksHzv .ques h3 {
    font-size: 20px;
  }
  .main-comp .priceElem {
    font-size: 19px;
  }
}

@media screen and (max-width:812px), handheld{ 
	.wtfPunctsInPage2 ul,
	.wtfPunctsInPage2 {
		width:98%;
	}
	
	.wtfPunctsInPage2 ul li{
		width:47%;
	}
	
	#menuLine ul {
		padding:0;
	}
	
	.phoneBlk {
			font-size:1.5em;
	}
	
	.t24_7 {
		height:50%;
	}
	
	.phoneBlk {
		    width: 265px;
	}
	
	.pNumber {
		margin-top:30px;
	}
	
	.geoBlk {
		margin-right: 55px;
	}
	
	#banerLine .centerInLine .textBlk h1 {
		font-size:3em;
	}
	
	.banPricr {
		height:100px;
		width:auto;
	}
	
	.priceText {
		    padding: 6px 25px;
			font-size:2.5em;
	}
	
	.t24_7 {
		display:none;
	}
	
	#menuLine ul li:first-child  a{
		margin-left:0;
	}
	
	#uslLine .persInBan {
		height: 45%;
		
	}
	
	.otzText {
		width:60%;
	}
	
	.shemaBlk {
		width: 45%;
		margin-right: 2%;
		margin-left: 2%;
		margin-bottom: 50px;
	}
	
	.bloksHzv .ques {
		width:90%;
	}
	
	.actionStol {
		height:330px;
	}
	
	.oborBlk .textBlk {
		margin-left: 70px;
	}
	
	
	.fotoBloks .fotoBl {
		width:45%
	}
  .conditions-list__content {
    padding-right: 10px;
  }
}

@media screen and (max-width:792px), handheld {
	.blkRemont .imgMin {
		width: 26%;
		margin-right: 20px;
	}

	.blkRemont .infoRem h2 {
		font-size: 2em;
	}
}

@media screen and (max-width:768px), handheld{ 
	.logo {
		width:200px;
	}

  .bloksShema-btn-wrapper-link {
    width: 40%;
  }
	
	.geoBlk {
		margin-right: 41px;
	}
	
	#menuLine ul li a {
		font-size:14px;
	}
	
	#banerLine,
	#banerLine .centerInLine {
		min-height:325px;
		height:auto;
	}

	.mouseDwn {
		display: none;
	}
	
	#banerLine .compinban {
		height: 60%;
		margin-top: 217px;
	}
	
	.banerParagraph {
	}
	
	.wtfPuncts ul { 
		width: 100%;
	}
	
	.uslBlk {
		width: 30%;
		margin-right: 2%;
	}
	
	#uslLine .persInBan {
		bottom: -420px;
	}
	
	.bloksHzv .ques {
	
	}
	
	.bloksHzv .part {
		margin-right:0;
		width:100%;
	}
	
	.bloksHzv .ques {
		width:95%;
	}
	
	.riskiBlkWrap {
		width: 45%;
		margin-bottom: 40px;
		margin-right: 3%;
		margin-left: 2%;
	}
	
	.actionStol {
		height: 235px;
	}
	
	.actionBlk {
		margin-left: 24%;
		width: 75%;
	}
	
	.oborBlk img {
		height: 157px;
	}
	
	.oborBlk .textBlk {
		margin-left: 84px;
		font-size: 14px;
	}
	
	.oborBlk .textBlk2 {
		margin-left: 64px;
	}
	
	.stoikaCTA {
		width: 145px;
	}
	
	.persCTA {
		
	}
	
	#prizivLine .centerInLine .actionBlk {
		margin-left:22%;
	}
	
	.persCTA2 {
		width:65px;
	}
	
	.footerCol {
		width: 49%;
		min-height: 280px;
	}
	
	.smallBaner .compinban {
		height: 315px;
		    margin-bottom: -85px;
	}
	#banerLine .compinban,
	.compinban {
		display:none;
	}
  .footer-contacts__title {
    display: none;
  }
  .footer-phone {
    font-size: 0;
    display: block;
    width: 41px;
    height: 41px;
    border-radius: 50%;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size: 40%;
    background-size: 40%;
    background-image: url(./images/icon/call-answer.svg);
    background-color: #2FAADF;
  }
  .footer-contacts {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    width: 130px;
  }
}

@media screen and (max-width:700px), handheld {
	.servis-address {
		width: 100%;
	}
  .h1 {
    font-size: 64px;
  }
  .main-comp .priceElem {
    padding-left: 12px;
  }
  .main-comp-modal#uniConsultModal {
  	width: 96%;
  }
  .main-comp .priceElem {
    font-size: 16px;
  }
}

@media screen and (max-width:667px), handheld{ 
	.chBlk {
		float:right;
		width:50%;
	}
	
	.geoBlk,
	.phoneBlk
	{
			width:100%;
	}
	
	.geoBlk {
		margin-right: 0;
		line-height: 65px;
		text-align: right;
	}
	
	.phoneBlk {
	
	}
	
	.pNumber {
		float:right;
	}
	
	.hederLineBlk {
		height:65px;
	}
	
	.t24_7 {
		height:80%;
	}
	
	#menuLine ul li a {
		margin-left:15px;
	}
	
	.banPricr {
		width:90%;
	}
	
	.banerParagraph {
		/*max-width: 45%;*/
	}

	.wtfPuncts ul {
		width:100%;
	}
	
	.menuBtnWriper {
		display:block;
	}
	
	#menuLine ul {
		display:none;
		position: absolute;
		background-color: #e8f0f3;
		margin: 0;
		z-index: 11;
		
	}
	
		#menuLine
	{
		background:#e8f0f3;
		border:none;
		width:100%;
		padding:0;
	}
	
	#menuLine ul li {
		width: 32%;
		margin-top: 10px;
		margin-bottom: 10px;
		display: inline-block;
		text-align: left;
	}
	
	#menuLine ul li:last-child { 
		width: 100%;
		text-align: center;
	}
	
	#menuLine ul li a {
		font-size: 18px;
	}
	
	.hFlex {
		flex-wrap:wrap;
	}
	
	.actionHeadBlk,
	.logoWraperBox {
		min-width:50%;
	}
	
	.phoneBlk {
		text-align:center;
	}
	
	.pNumber {
		float:none;
	}
	
	.hederLineBlk {
		height:40px;
	}
	
	.actionNumber {
		width:200px;
		text-align:center;
	}
	
	#menuLine ul li:first-child a {
		margin-left:15px;;
	}
	
	#banerLine .compinban {
		height: 75%;
		margin-top: 159px;
	}
	
	#banerLine, #banerLine .centerInLine {
		padding-bottom: 20px;
	}
	
	.actionBlk {
		width: 75%;
	}
	
	.actionBlk h3 {
		font-size:2.2em;
	}
	
	#saleLine,
	#saleLine .centerInLine {
		min-height:200px
	}
	
	.bloksComand .blkPers .name {
		/*width:115px;*/
	}
	
	#obor3 .textBlk,
	.oborBlk .textBlk {
		margin-left: 60px;
		font-size: 14px;
	}
	
	#obor3, #obor1 {
		background-position: -130px center;
	}
	
	#obor2 {
		background-position: 150% center;
	}
	
	.doubleColl {
		    flex-direction: column;
	}
	
	.marginWrap .notebBlk .noutLogo {
		/*width:33%;*/
	}
	
	.uslBlk {
		    min-height: 350px;
	}
	
	.otzElemPort .otzText p {
		display:none;
		
	}
	
	.otzElemPort .otzText{ 
		width:100%;
		text-align:center;
	}
	
	.otzElemPort {
		flex-direction:column;
	}
	
	.otzElemWraperGreen {
		height:450px;
	}

	.wtfPuncts ul li {
		font-size: 1em;
	}

	.slider-review .owl-nav .owl-prev {
		left: -24px;
	}

	.slider-review .owl-nav .owl-next {
		right: -24px;
	}
	
	.smallBaner .priceText {
    	font-size: 1.8em;
    	padding: 10px 17px;
	}
  .conditions-list__title {
    font-size: 20px;
  }
  .conditions-list__item {
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
  }
  .conditions-list__icon {
    order: -1;
    margin-bottom: 14px;
  }
  .main-comp .owl-carousel {
    width: 88%;
  }
  .problems-list__wrapper {
    justify-content: space-around;
  }
  .steps-work__item-content {
    width: 90%;
  }
  .steps-work__item-title {
    font-size: 22px;
  }
  .steps-work__item-photo {
    display: none;
  }
}

@media screen and (max-width:620px), handheld {
	.main-comp-modal#uniConsultModal {
		width: 96%;
	}
	.uniConsultModal-img {
		width: 165px;
	}
  .form-submit {
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
  }
}
@media screen and (max-width:568px), handheld{ 
	#banerLine, #banerLine .centerInLine {
		height: 445px;
		min-height: 445px;
	}
	
	#banerLine .compinban {
		height: 60%;
		margin-top: 228px;
	}
	
	.wtfPuncts ul {
		width: 100%;
	}
	
	#headerLineMenu{
		display:none;
	}
	
	.uslBlk {
		width: 47%;
		margin-right: 2%;
	}
	
	#uslLine .persInBan {
		bottom: -880px;
	}
	
	.otzElem {
		width: 80%;
		padding: 5%;
	}
	
	.otzText {
		width:100%;
	}
	
	.otzElemWraper {
		height:500px;
	}
	
	.otzElemWraperGreen {
		height:450px;
	}
	
	.bloksOtzivi .slider .owl-nav button {
		    margin-top: -381px;
	}
	
	.bloksHzv .ques .showQsWrap {
		right: -30px;
	}
	.bloksComand {
    justify-content: space-around;
  }
	.bloksComand .blkPers {
		/*width:100%;*/
    margin: 8px;
	}
	
	.bloksComand .blkPers .name {
		/*width:170px;*/
	}
	
	.actionBlk {
		margin-left:0;
		width:100%;
	}
	
	.actionStol {
		 right: 0;
		width: 140px;
		display:none;
	}
	
	#obor3 .textBlk, .oborBlk .textBlk {
		margin-left:20px;
	}
	
	.oborBlk img {
		height:145px;
	}
	
	#obor3, #obor1 {
		background-position: -210px center;
	}
	
	#obor2 {
		background-position: 266% center;
	}
	
	.stoikaCTA {
		right: 0;
		left: inherit;
		top: inherit;
		bottom: -65px;
		z-index: 1000;
	}
	
	.otzElemWraperBig {
		height:600px;
	}
	
	.otzElemWraperGreen {
		height:450px;
	}
	
	.smallBaner .compinban {
		height: 245px;
		margin-bottom: -85px;
	}
	
	.smallBaner h1 {
		width:100%;
	}
	
	.wtfPunctsInPage2 ul li
	{
		width:94%;
	}

	.blkRemont .imgMin {
		width: 30%;
	}

	.blkRemont .infoRem h2 {
		font-size: 1.5em;
	}
  .conditions-list__item {
    padding: 10px;
  }
  .conditions-list__item:last-child .conditions-list__icon:first-child {
    display: none;
  }
  #prizivLine .centerInLine .actionBlk {
  	margin-left: 20px;
  }
  #cons-link {
  	padding-left: 0!important;
  	padding-right: 0!important;
  	width: 90%;
  	margin-left: 0;
  }
  .callback-master__form #cons-input {
    width: 96%!important;
  }
  .callback-master__form #cons-link {
    width: auto;
    text-align: center;
    width: 96%;
    display: block;
  }
  .price-repair {
    margin-left: 0;
  }
  .consultForm {
  	display: -webkit-flex;
  	display: -moz-flex;
  	display: -ms-flex;
  	display: -o-flex;
  	display: flex;
  	-webkit-flex-direction: column;
  	-moz-flex-direction: column;
  	-ms-flex-direction: column;
  	-o-flex-direction: column;
  	flex-direction: column;
  }
  #cons-input {
  	width: 80%!important;
  }
  .consultForm {
  	text-align: center;
  }
  .h1-wrapper {
  	/*-webkit-flex-direction: column;
  	-moz-flex-direction: column;
  	-ms-flex-direction: column;
  	-o-flex-direction: column;
  	flex-direction: column;*/
  }
  .price-block {
  	/*-ms-align-self: flex-start;
  	align-self: flex-start;*/
  	font-size: 18px;
  	padding: 10px;
  	flex-shrink: 0;
  }
  #banerLineSmaile {
    background-position: -320px;
  }
}

@media screen and (max-width:526px), handheld {
	.portfolio .otzElemWraper {
		min-height: 728px;
	}
  .steps-work__wrapper {
   /* -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;*/
	
    /*-ms-align-items: center;
    align-items: center;
*/  }
  .steps-work__item {
   /* width: 90%; */
  }
  
  .steps-work__item-text {
		font-size: 14px;
  }
  
  .steps-work__item {
	    min-height: unset;
		margin-bottom: 30px;
  }
  .footerCol .menu {
  	display: none;
  }
  #footerCol3 {
  	display: none;
  }
  .footerCol {
  	min-height: unset;
  }
  #footerCol2 {
  	margin-bottom: 14px;
  }
}

@media screen and (max-width:480px), handheld{ 
	
	.conditions-list__icon ~ .conditions-list__icon {
		display: none;
	}
	
	.mascedtel {
		width:80%;
	}
	
	.servis-address__item { 
		width:46%;
		padding-left:2%;
		padding-right:2%;
	}
  #cons-link {
  	margin-left: 0;
  }
	
	.stoikaCTA,
	.persCTA,
	.persCTA2  {
		display:none;
	}
	
	
	.pageLine
	{
		/*margin:20px 0 0 0;*/
	}
	
	#pageLineActsii {
		margin-top:20px;
	}

  .bloksShema-btn-wrapper-link {
    width: 90%;
    margin-right: 0;
	    margin-top: 10px;
  }

  .bloksShema-btn-wrapper {
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
  }
	
	.actionBlkInPage .telem {
		margin-right:10px;
	}
	
	.mouseDwn {
		display:none;
		
	}
	
	.logoAnimate{
		width:100%;
	}
	
	.logo {
		width: 80%;
		padding: 2% 10%;
	}
	
	.chBlk {
		width:100%;
	}
	
	.t24_7 {
		height: 70px;
		float:none;
		margin:auto;
		
		display:none;
	}
	
	.hederLineBlk {
		height:auto;
		
	}

	
	.portfolio .otzElemWraper {
		min-height: 300px;
	}
	
	.portfolio .otzElemWraperGreen {
		min-height: 515px;
		/*height: 230px;*/
	}
	
	.otzElemPortNew {
		min-height: 445px!important;
	}
	
	.pNumber {
		margin:auto;
		text-align: center;
		font-size: 140%;
		float:none;
	}
	
	.phoneBlk {
		display:flex;
		margin-bottom: 20px;
	}
	
	.geoBlk2 {
		text-align:center;
		height:auto;
		line-height:1;
		margin:15px 0;
		display:block;
		width: 100%;
	}
	
	.geoBlk {
		text-align:center;
		height:auto;
		line-height:1;
		margin:15px 0;
		display:none;
	}
	

	
	.banerParagraph {
		max-width:100%;
	}
	
	#banerLine, #banerLine .centerInLine {
		height: auto;
		min-height: auto;
		padding-bottom: 0;
	}
	
	#banerLine {
		padding-bottom: 20px;
		margin-bottom: 0;
	}
	
	#banerLine .compinban {
		position: relative;
		/*top: 60px;*/
		/*display: block;*/
		margin-top: 10px;
		margin-bottom: 0px;
		width: auto;
		/*height: 200px;*/
		height: 150px;
		margin-left: auto;
	}
	
	.wtfPuncts ul {
		width: 96%;
		padding: 0 2%;
		margin-left: 0;
		height: auto;
	}
	
	.wtfPuncts ul li {
		margin: 3px 0;
	}

	.actionBlk .actionHtop {
		margin-top: 10px;
	}

	.actionBlk .actionHbot {
		margin-bottom: 10px;
	}

	.portfolio .otzElem {
		/*-webkit-flex-direction: row;
		-moz-flex-direction: row;
		-ms-flex-direction: row;
		-o-flex-direction: row;
		flex-direction: row;*/
	}
	.otzElemPort {
		/*min-height: 100px !important;*/
	}

	.otzElemWraperGreen {
		height: auto;
	}
	.otzElem img {
		height: 85px;
	}
	
	#banerLine .centerInLine .textBlk h1 br {
		
	}
	
	#banerLine .centerInLine .textBlk h1 {
		font-size: 2.5em;
    padding-left: 20px;
	}
	
	.actionHeadBlk, .logoWraperBox {
		min-width:100%;
	}

	.actionHeadBlk {
		display: none;
	}

	.pNumber a {
		font-weight: 500;
	}
	
	.uslBlk {
		width: 100%;
		margin-right: 0;
		margin-bottom: 0px;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		min-height: 90px;
		height: auto;
	}

	.uslBlk .textBlk h3 {
		margin: 0 0 10px;
		font-size: 1em;
	}

	.uslBlk .textBlk h3 br {
		display: none;
	}

	.shemaBlk .textBlk h3 br {
		display: none;
	}

	.bloksHzv .ques .showQsWrap .showQs {
		height: 18px;
	}

	#uslLine .centerInLine {
		min-height: 100px;
		height: auto;
	}
	
	#uslLine .persInBan {
		width: 65%;
		height:auto;
		bottom: -2700px;
		display: none;
	}
	
	#uslLine {
		padding-bottom:0px;
		margin-bottom:9px;
	}

	.otzElemPort .otzText {
		text-align: left;
	}

	.otzElem {
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
	}
	
	.owl-carousel {
		width: 90%;
		margin: 0 5%;
	}
	
	.shemaBlk {
		width:96%;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		margin-bottom: 26px;
	}
	
	.bloksHzv .ques {
		width: 99%;
		min-height: 20px;
	}

	.bloksHzv .ques h3 {
		font-size: 1em;
		margin: 10px;
	}

	#riskiLine {
		display: none;
	}

	#saleLine {
		display: none;
		margin-top: 10px;
	}

	#comandLine {
		display: none;
	}

	#oborudovanieLine {
		display: none;
	}

	#banerLine .centerInLine .textBlk .smlH1 {
		font-size: 2.5em;
	}
	
	.riskiBlkWrap {
		width:94%;
		margin-right: 3%;
		margin-left: 3%;
	}
	
	.riskiBlkWrap .innerTextBlk h3 {
		min-height:auto;
	}
	
	.riskiBlkWrap .innerTextBlk .greenTextBg {
		min-height:auto;
	}
	.notebBlk {
    justify-content: space-around;
  }
  .notebBlk .noutLogo {
    margin-right: 0;
  }
	.actionStol {
		right: 0;
		top:-50px;
		width: 140px;
		display:none;
	}
	
	.actionBlk h3 {
		font-size: 1.5em;
	}
	
	.actionTel {
		width: 90%!important;
	}
	
	.actionSend {
		margin-left: 0;
		width: 89%;
		text-align:center;
	}
	
	#obor2,
	#obor3,
	#obor1 {
		background-image:none;
	}
	
	#obor3 .textBlk, .oborBlk .textBlk
	{
		width:90%;
	}
	
	#prizivLine {
		min-height: 165px;
	}
	
	.stoikaCTA {
		bottom: -145px;
		right: inherit;
	}
	
	.footerCol {
		width: 95%;
		
	}
	
	.logoinvert {
		margin-left: 25px;
	}
	
	#footerCol2 {
		width: 90%;
		padding: 0 0 0 10%;
	}
	
	.footerCopurightLine { 
		text-align:center;
	}
	
	.footerCopurightLine .copyright {
		width:100%;
	}
	
	.footerCopurightLine .policy {
		width:100%;
	}
	.main-comp .bloksHzv .ques .showQsWrap {
		right: 10px;
		top: 40px;
		margin-top: -35px;
	}

	.main-comp .bloksHzv .ques .showQsWrap .showQs {

		width: 40px;
		height: 40px;
	}
	
	.bloksHzv .ques .showQsWrap {
		top:18px;
		right:-8px;
	}
	
	.otzElemWraperBig {
		height: 650px;
	}
	
	.otzElemWraperGreen {
		height:auto;
	}
	
	.smallBaner {
		/*min-height:415px;*/
	}
	
	.smallBaner .compinban {
		width: 42%;
		height: auto;
		position: relative;
		margin-top: 0;
		float: right;
	}
	
	.pageLineSmlMar h3{
		margin:3% 0;
		float:left;
	}
	
	.contactsElem {
		float:left;
		width:100%;
	}
	
	#banerLineSmaile {
		margin-bottom: 0px;
	}
	
	.dcColl {
		min-height:140px;
	}
	
	.priceElem .usl {
		width:100%;
	}
	
	.priceElem .price {
		float:left;
		    margin-top: 20px;
	}
	
	.priceElemBtn .elemHead .usl{
		width:100%;
		float:left;
	}
	
	.priceElemBtn .elemHead .price {
		float:left;
		/*margin-top:20px;*/
	}

	#wtfLine {
		margin-bottom: 0px;
		margin-top: 0;
	}
	
	.priceElemBtn .elemHead .btn {
		margin-top:20px;
		float:right;
	}
	
	.owl-nav button {
		width:15px;
	}
	
	.uslBlk .textBlk {
		text-align:left;
		padding: 0 2%;
	}

	.otzElemWraper {
		height: 278px;
		min-height: 278px;
	}

	.bloksOtzivi .slider .owl-nav button {
		margin-top: -176px;
	}

	.shemaBlk .stepNumber {
		width: 40px;
		height: 40px;
		line-height: 40px;
	}

	.shemaBlk .textBlk h3 {
		font-size: 1.2em;
	    margin: 18px 0 1px 0;
	}

	.portfolio .owl-nav button {
		margin-top: -168px;
	    position: absolute;
	    top: 50%;
	}

	.portfolio .owl-carousel .owl-nav button.owl-next {
		right: -20px;
	}

	.portfolio .owl-carousel .owl-nav button.owl-prev {
		left: -20px;
	}

	.otzElem {
		width: 80%;
		min-height: 154px;
		padding: 5% 5% 5% 5%;
	}

	#otziviLine.line h2 {
		margin-bottom: 0;
		margin-top: 0;
	}
	
	.uslBlk .iconBlk {
		width: 50px;
		height: 50px;
	}
	
	.uslBlk .iconBlk img {
		width:100%;
	}
	
	.uslBlk .iconBlkWrap {
	    margin: 0 20px 0 auto;
	}
	
	.flexWrapIcon {
		/*display:flex;*/
	}
	
	.shemaBlk .iconBlk {
		height:auto;
		min-height:100px;	
		margin-top: 20px;
		margin-right: 0;
		width: 20%;
	}
	
	.portfolio .otzElem {
		top: 10px;
		left:0;
	}
	.notebBlk a {
		width: 46%;
	}
	
	.shemaBlk .iconBlk img {
		margin:0;
	}
	
	#shemaImg1,
	#shemaImg2,
	#shemaImg3,
	#shemaImg4 {
		margin: auto;
		width: 70px;
		height: 91px;
	}
	
	.banPricr {
	    height: 82px;
	}

	.priceText {
		 padding: 10px 12px;
    	font-size: 1.8em;
	}
	
	.shemaBlk .textBlk {
		text-align:left;
		min-height:100px;
		padding-bottom:20px;
		margin: 0 2%;
	}

	#hzvLine {
		padding-bottom: 0px;
	}

	.sertItem {
		height: 200px;
	}

	.owl-nav button {
		margin-top: -150px;
	}

	.stoikaCTA {
		width: 97px;
		bottom: -96px;
	}

	.persCTA {
		width: 70px;
		bottom: -95px;
	}

	.riskiBlk .iconBlk img {
		float:none;
	}		
	
	.riskiBlk .iconBlk {
		text-align:center;
	}
	
	.riskiBlkWrap .innerTextBlk {
		text-align:center;
	}
	
	.riskiBlk {
		min-height:250px;
	}
	
	.riskiBlk .iconBlk {
		min-height:250px;
	}
	
	.box-modal {
		width: 96%;
		margin-left: -4%;
	}
	
	.formpers1 {
		width: 51px;
		height: auto;
		position: absolute;
		top: 19px;
		left: -10px;
	}
	
	.formpers2 {
		width: 55px;
		height: auto;
		position: absolute;
		right: -6px;
		top: 203px;
	}
	
	#uniConsultModal form {
		width: 100%;
	}
	
	.persCTA {
    left: inherit;
    right: 0;
    bottom: -150px;
    top: inherit;
	z-index:1000;
	}
	
	.raioniLine{
	}
	
	#prizivLine {
		    margin-bottom: 0px;
		    /*margin-top: 20px;*/
			padding-top: 20px;
      padding-bottom: 50px;
	}
	
	
	
	.fotoBloks .fotoBl {
		width:96%;
		margin-left:0;
	}

	.blkRemont {
		-webkit-flex-wrap: wrap;
		-moz-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		-o-flex-wrap: wrap;
		flex-wrap: wrap;
		justify-content: center;
		margin-left: 0;
	}

	.blkRemont .imgMin {
		width: 100%;
	}
	.blkRemont .imgMin img {
		margin: auto;
	}
	
	.blkRemont .infoRem {
		text-align:center;
	}
	
	.blkRemont .imgMin {
		margin-right:0;
		margin-bottom:20px;
	}

	.consBtn {
		display: block;
	/*	width: 88%;*/
	}

	.priceElem,
	.popUslWriper .priceElem{
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		width: 95%;
		margin-right: 0;
		font-size: 18px;
		/*padding: 3px 2%;*/
	}

	.priceElem .price {
		margin-top: 0;
		white-space: nowrap;
	}

	.line h2 {
		font-size: 2em;
	}

	.wtfPuncts ul li a {
	    padding: 0 0 0 25px;
	}
	
	.slider-video-review .owl-nav .owl-next { 
		    right: -20px;
	}
	
	.slider-video-review iframe {
		max-height: 281px!important;
	}
	
	.blockReview {
		margin-bottom:20px;
	}
	
	.otzElemPortNew .cartinki {
		width:100%;
		padding:0;
	}
	
	.slider-video-review .reviewElemWrapper {
		
	}
	
	.slider-video-review .reviewElemWrapper > iframe {
		width:90%
	}
	
	.wtfPuncts ul li a:before {
		height:17px;
		width:18px;
	}
	
	#menuLine ul li:nth-child(8) a{
		background: url(images/geoicon-bl.svg);
		background-repeat: no-repeat;
		background-size: 14px;
		background-position: center left;
	}
  .main-comp .owl-carousel {
    width: 80%;
  }

  .h1 {
      font-size: 43px;
      line-height: 1.1;
  }
	.page-comp-ban__descr {
    font-size: 24px;
  }
  .page-comp-ban {
    font-size: 36px;
  }
  .main-comp .priceElem {
    font-size: 16px;
  }
  .actions-section {
  	padding-top: 20px;
  	padding-bottom: 20px;
  }
}

.social-fixed__wrapper-btn{ 

	
	-webkit-animation-name: socbtn;
    -webkit-animation-duration: 2000ms;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
	
	animation-name: socbtn;
    animation-duration: 2000ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

@keyframes socbtn {
    0% {
        transform:scale(1);
    }
    10% {
        transform:scale(1.3);
    }
	
	20% {
        transform:scale(1);
    }
	
	30% {
        transform:scale(1.3);
    }
	
	40% {
        transform:scale(1);
    }
	
	100% {
        transform:scale(1);
    }
}

@-webkit-keyframes socbtn {
       0% {
        transform:scale(1);
    }
    10% {
        transform:scale(1.3);
    }
	
	20% {
        transform:scale(1);
    }
	
	30% {
        transform:scale(1.3);
    }
	
	40% {
        transform:scale(1);
    }
	
	100% {
        transform:scale(1);
	}
}

@media screen and (max-width:448px), handheld {
	.wtfPuncts ul li {
		font-size: 14px;
	}
	.page-comp-ban {
		height: 360px;
	}
	.problems-list__item-title {
		margin-top: 18px;
		margin-bottom: 20px;
		word-wrap: break-word;
	}
	.actions-section input {
		width: 83%;
	}
	.main-comp .slider-review .owl-nav .owl-next {
		right: -17px;
	}
	.problems-list__item {
		width: 42%;
		padding: 10px;	
		margin-bottom: 15px;
	}
	.problems-list__item-title {
		font-size: 18px;
	}
	
	.page-comp__content-form form {
		margin-top: 10px;
	}
	.main-comp .centerInLine h2 {
		margin-bottom:20px;
		    font-size: 26px;
	}
	
	.priceBlkInPage .telem h2 {
		margin-bottom: 0;
		font-size: 22px;
	}
	
	.page-comp__content-form input {
		    font-size: 18px;
	}
	
	.page-comp__submit {
		    margin-bottom: 20px;
	}

	.uniConsultModal-wrapper {
		-webkit-flex-direction: column;
		-moz-flex-direction: column;
		-ms-flex-direction: column;
		-o-flex-direction: column;
		flex-direction: column;
		-ms-align-items: center;
		align-items: center;
	}
	.uniConsultModal-img {
		height: 155px;
	}
	
	#uniConsultModal h2 {
		    font-size: 2em;
	}
  
  #metroInput {
    width: 88%;
  }

  .actions-section__title  {
    font-size: 32px;
  }
  .actions-section__subtitle {
    font-size: 32px;
  }
  .actionSend {
  	margin-left: 0;
  }
  
  .podval_rekv,
  .podval_menu
  {
	display:none;
  }
  .comp-btn {
    font-size: 1.5em;
    padding: 7px 25px!important;
  }
}

@media screen and (max-width:414px), handheld{ 
	.banPricr {
		width: 100%;
		height:90px;
	}
	
	.pNumber {
		font-size:135%;
	}

	.popUslWriper .priceElem {
		width: 96%;
		margin-right: 0;
    height: 30px;
    margin-bottom: 10px;
	}
	#mapLine {
		height: 300px;
	}
  .actionIcoBg {
    width: 100px;
    height: 100px;
  }
  body {
  	overflow-x: hidden; 
  }
  .main-comp-modal#uniConsultModal {
  	width: 260px;
  	margin: auto;
  }
	#prizivLine .centerInLine .actionBlk {
		margin-left: 0;
	}
}

@media screen and (max-width:396px), handheld {
	.wtfPuncts ul li {
		font-size: 14px;
	}

	.priceText {
		padding-left: 5px;
	}

	#headerLine {
		padding-top: 0;
	}
	.logo {
		background-position: center;
		padding-top: 0;
		margin-top: 2px;
		padding-bottom: 0;
		height: 50px;
	}
	#banerLine {
		padding-top: 0;
	}
	#banerLine .centerInLine .textBlk h1 {
		font-size: 1.5em;
		line-height: 1.1;
	}
	.advantages-list li {
		font-size: 16px;
	}
}

@media screen and (max-width:375px), handheld{ 
	.banPricr {
		width: 100%;
		height:90px;
	}
	
	.pNumber {
		font-size:25px;
	}
	
	.bloksComand .blkPers .name {
		width: 150px;
	}
	
	.actionStol {
		width:85px;
	}
	
	.actionSend {
		width:76%;
	}
	
	.actionTel {
		width: 84%!important;
	}
	
	.bloksComand .blkPers {
		overflow:hidden;
	}
	
	.oborBlk {
		width: 94%;
	}
	
	.bloksHzv .ques h3 {
		width:70%;
	}
	
	#menuLine ul li {
		width:47%;
	}
	
	.smallBaner h1 {
		font-size:2em;
	}

	.shemaBlk .textBlk {
		margin: 0 4%;
	}

	.otzElem {
		left: 3%;
	}

	.otzElem img {
		margin: 3% 3% 1% 1%;
	}

	.otzElem .otzText h3 {
		font-size: 1.2em;
	}
	
	.shemaBlk .stepNumber {
		left:-13px;
	}
	
	.smallBaner {
		/*min-height: 680px;*/
		margin-bottom: 68px;
	}
	
	.smallBaner .compinban {
		margin-bottom: -355px;

	}
	
	#banerLine .centerInLine .textBlk .smlH1 {
		font-size: 2.3em;
	}

	.otzElemWraper  {
		width: 80%;
	}
	
	.portfolio .otzElemWraperGreen {
		min-height: 545px;
	}
	.conditions-list__item:last-child {
		flex-grow: 0
	}
	.page-comp__content-form {
		width: 75%;
	}
	.page-comp__submit {
		padding: 7px 17px;
		font-size: 20px;
	}
	.wtfPuncts ul li a:after {
		bottom: -5px;
    left: 25px;
	}
  .footer-block .logo {
    width: 130px;
  }
}

@media screen and (max-width:380px), handheld {
  .conditions-list__wrapper {
    justify-content: space-around;
  }
  .conditions-list__item {
   /* width: 90%;*/
  }
  .problems-list__item {
  	/*width: 85%;*/
  }
  .conditions-list__icon ~ .conditions-list__icon  {
  	display: none;
  }
  .steps-work__item-title {
    font-size: 18px;
  }
  .ovForm input, .ovForm textarea {
    width: 86%;
  }
  #banerLine .centerInLine .textBlk .smlH1 {
  	margin-left: 0;
  }

}
@media screen and (max-width:320px), handheld{ 
	.pNumber {
		font-size:105%;
	}
	
	.wtfPuncts ul li {
		font-size:1.1em;
	}
	
	.bloksComand .blkPers .photo {
		height: 80%;
	}
	
	.bloksComand .blkPers .circle {
		width:180px;
		height:180px;
	}
	
	.bloksComand .blkPers .name {
		width: 130px;
		margin-top:-50px;
		    left: 150px;
	}
	
	.actionSend {
		width: 85%;
	}
	
	.actionTel {
		width: 87%!important;
	}

	.stoikaCTA {
		
	}
	
	
	.persCTA2  {
		display:none;
	}
	
	#prizivLine {
		
	}
	
	.masterWin {
		width:300px;
	}
	
	.portfolio .otzElemWraperGreen {
		min-height: 570px;
	}
	
	.slider-review .owl-nav .owl-next,
	.slider-video-review .owl-nav .owl-next { 
		    right: -18px;
	}
	
	.reviewElemWrapper {
		    width: 98%;
	}#banerLine .centerInLine .textBlk .smlH1 {
    font-size: 1.7em;
	}
	.problems-list__item {
		width: 80%;
	}
	
	.arcticmodal-container_i2 {
		padding: inherit;
	}
}
