@import url('https://fonts.googleapis.com/css?family=Roboto+Slab:100,300,400,700|Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i&subset=cyrillic,cyrillic-ext');
@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:300,400,700,700i&subset=cyrillic,cyrillic-ext');
html {
  min-height: 100%;
  position: relative;
}
body {
  color: #2C2929;
  margin-bottom: 50px;
  font-family: 'Roboto', sans-serif;
}
header .toolbar {
  margin: 20px 0;
  font-size: 20px;
  padding-left: 25px;
  line-height: 1;
  font-weight: 700;
  color:#868786;
  font-family: 'Roboto Slab', sans-serif;
}
header .phone {
  text-align: right;
  padding-top: 10px;
  font-family: 'Roboto Slab', sans-serif;
      right: -5px;
    position: relative;
}
header .phone a {
  color: #868786 !important;
}
header .logo {
  position: absolute;
     z-index: 200;
     display: none;
    left: 50%;
    margin-left: -35px;
}
header .logo img:hover {
  -webkit-animation:pBut-aPulse 0.9s infinite;
    -o-animation: pBut-aPulse 0.9s infinite;
    -moz-animation: pBut-aPulse 0.9s infinite;
    animation: pBut-aPulse 0.9s infinite;
}

@-o-keyframes pBut-aPulse
{
    50%
	{
        -ms-transform:scale(1.028, 1.028);
		-webkit-transform:scale(1.028, 1.028);
		-o-transform:scale(1.028, 1.028);
		-moz-transform:scale(1.028, 1.028);   
    }
    100% 
	{
        -ms-transform:scale(1, 1);
		-webkit-transform:scale(1, 1);
		-o-transform:scale(1, 1);
		-moz-transform:scale(1, 1);
    }
}
@-webkit-keyframes pBut-aPulse
{
    50%
	{
        -ms-transform:scale(1.028, 1.028);
		-webkit-transform:scale(1.028, 1.028);
		-o-transform:scale(1.028, 1.028);
		-moz-transform:scale(1.028, 1.028);   
    }
    100% 
	{
        -ms-transform:scale(1, 1);
		-webkit-transform:scale(1, 1);
		-o-transform:scale(1, 1);
		-moz-transform:scale(1, 1);
    }
}
@-moz-keyframes pBut-aPulse
{
    50%
	{
        -ms-transform:scale(1.028, 1.028);
		-webkit-transform:scale(1.028, 1.028);
		-o-transform:scale(1.028, 1.028);
		-moz-transform:scale(1.028, 1.028);   
    }
    100% 
	{
        -ms-transform:scale(1, 1);
		-webkit-transform:scale(1, 1);
		-o-transform:scale(1, 1);
		-moz-transform:scale(1, 1);
    }
}
@keyframes pBut-aPulse
{
    50%
	{
        -ms-transform:scale(1.028, 1.028);
		-webkit-transform:scale(1.028, 1.028);
		-o-transform:scale(1.028, 1.028);
		-moz-transform:scale(1.028, 1.028);   
    }
    100% 
	{
        -ms-transform:scale(1, 1);
		-webkit-transform:scale(1, 1);
		-o-transform:scale(1, 1);
		-moz-transform:scale(1, 1);
    }
}
.phoneico {
	float: left;
    position: relative;
    left: 195px;
    top: -7px;
  color: #e8bd1b;
	-webkit-transition: 0.3s ease-out;
    -moz-transition: 0.3s ease-out;
    -o-transition: 0.3s ease-out;
    transition: 0.3s ease-out;
}
.phoneico:hover {
	color:#da251c;
}
.phoneico1 {
	float: right;
    position: relative;
    left: -465px;
    top: 13px;
      color: #e8bd1b;
	-webkit-transition: 0.3s ease-out;
    -moz-transition: 0.3s ease-out;
    -o-transition: 0.3s ease-out;
    transition: 0.3s ease-out;
}
.phoneico1:hover {
	color:#da251c;
}
.logotxt {
    position: absolute;
/*    margin: -2px 0 0 531px;*/
    z-index: 100;
    color: white;
    left: 50%;
    margin-left: -50px;
}

#nav {
  background-color:rgb(12,12,12);
   background-image: -moz-linear-gradient( 0deg, rgb(12,12,12) 0%, rgb(67,67,67) 50%, rgb(23,23,23) 100%);
  background-image: -webkit-linear-gradient( 0deg, rgb(12,12,12) 0%, rgb(67,67,67) 50%, rgb(23,23,23) 100%);
  background-image: -ms-linear-gradient( 0deg, rgb(12,12,12) 0%, rgb(67,67,67) 50%, rgb(23,23,23) 100%);
  border-top: 3px solid #da251c;
  z-index:100;
  width:100%;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.32);
  border-bottom: 1px #002c69 solid;
}

#top.container, #nav .container {
 width: 1530px;
}
#nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
#nav ul a {
  color: #FFF;
  font-size: 16px;
  display: block;
  margin: 0 20px;
  transition: 0.3s;
  padding-top: 15px;
  padding-bottom: 15px;
/* border-bottom: 1px solid #f3c31c;*/
  text-decoration: none;
}
#nav ul a:hover {
  text-decoration: none;
  color: #f3c31c;
}
.nav-left {
	margin-left:-30px!important;
}
.nav-right {
    margin-right: -30px!important;
}
#nav .nav-left li {
  float: left;
}
#nav .nav-right li {
  float: right;
}
#nav .menu-btn {
  float: right;
  margin: 5px 0;
}
#slider {
  color: #FFF;
  position: relative;
  height:95vh;
  overflow: hidden;
}
#slider ul {
  margin: 0;
  padding: 0;
}
#slider ul li {
	width:100%;
	float: left;
	position: absolute;
	list-style: none;
}
#slider ul li.show {
  z-index: 9;
}

#slider ul li img {
	width:100%;
}

#slider .top-position {
	z-index: 10;
	position: relative;
}
#slider .top-position h1 {
	font-size: 50px;
	font-weight: 700;
	line-height: 1.2;
	padding: 45px 0 15px;
	letter-spacing: 1px;
	text-shadow: 0 1px 1px #000;
}

#slider .top-position .subtitle {
	font-size: 36px;
	margin-bottom:20px;
}

#slider .top-position h2 {
	color:#fff;
	font-size: 25px;
	letter-spacing:1px;
	text-align:left;
	margin-bottom: 20px;
	margin-top:-3px;
}
#slider .top-position h2:last-child {
	margin-bottom:250px;
}

#slider .top-position .check_mark {
	width:25px;
}

#trigger {
  position: relative;
  z-index: 10;
  color: #FFF;
}
#trigger .big-button {
  transition: All .5s ease;
  margin-top: -144px;
  background: #00357e;
  padding: 40px 30px;
  border-radius: 10px;
}
#trigger .big-button h3 {
  text-transform: uppercase;
  font-size: 28px;
  margin-top: 0;
  padding-left: 10px;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.42);
}
#trigger .big-button .free {
  font-size: 24px;
  padding: 0 0 0 100px;
}
#trigger .big-button .free:before {
  content: " .";
  background: #FFF;
  height: 4px;
  width: 100px;
  font-size: 2px;
  display: block;
  position: absolute;
  left: 15px;
  top: -20px;
}
#trigger .big-button:hover {
  background: #da251c;
  cursor: pointer;
}
#wtf {
  display: none;
  margin-top: 0px;
  padding: 150px 0 50px;
  background: url("../img/wtf_bg.jpg") no-repeat;
  font-family: 'Roboto Slab', sans-serif;
}
#wtf h1 {
  color: #666666;
  font-size: 46px;
  font-weight: 700;
  padding-bottom: 60px;
  font-family: 'Roboto Slab', sans-serif;
}
#wtf p {
  font-size: 14px;
  color: #666666;
  margin-bottom: 10px;
  line-height:24px;
}
#wtf p strong {
  color: #00357e;
  font-size: 20px;
}
#wtf p.up:before {
  content: " .";
  background: url("../img/wtf_up.png") no-repeat;
  display: block;
  position: absolute;
  left: -250px;
  height: 58px;
  width: 263px;
  margin-top: 12px;
}
#wtf p.down:before {
  content: " .";
  background: url("../img/wtf_down.png") no-repeat;
  display: block;
  position: absolute;
  left: -205px;
  height: 101px;
  width: 296px;
  margin-top: 12px;
}
#wtf .main-poli {
  width: 100%;
  margin-top: 40px;
}
button {
	outline: none;
}
.form {
  padding: 100px 0;
  background: url("../img/form_bg.jpg") repeat-y;
  border-bottom: 2px solid #ccc;
}
.form h1 {
  font-weight: 700;
  font-size: 52px;
  text-align: center;
  color: #FFF;
  margin-bottom: 50px;
  font-family: 'Roboto Slab', sans-serif;
  text-shadow: 0 1px 1px #000000;
}
.form input {
  border-radius: 4px;
  border: 2px solid #FFF;
  background: transparent;
  color: #FFF;
  width: 100%;
  padding: 15px 20px;
  margin-bottom: 15px;
  outline: none;
  -webkit-transition: 0.5s ease-out;
  -moz-transition: 0.5s ease-out;
  -o-transition: 0.5s ease-out;
  transition: 0.5s ease-out;
}
.form input[type="text"] { 
  color: #fff;
}
.form input[type="text"]::-webkit-input-placeholder {
  color: #fff;
} 
.form input[type="text"]::-moz-placeholder {
  color: #fff;
}

.form input[type="tel"] { 
  color: #fff;
}
.form input[type="tel"]::-webkit-input-placeholder {
  color: #fff;
} 
.form input[type="tel"]::-moz-placeholder {
  color: #fff;
}

.form input[type="email"] { 
  color: #fff;
}
.form input[type="email"]::-webkit-input-placeholder {
  color: #fff;
} 
.form input[type="email"]::-moz-placeholder {
  color: #fff;
}


.form input:hover {
  border: 2px solid orange;
}
.form #submit {
  background: #da251c;
  color: #FFF;
  font-size: 20px;
  text-transform: uppercase;
  text-align: center;
  border: none;
  padding: 15px 70px;
  border-radius: 30px;
  margin-top: 30px;
  transition: All .5s ease;
}
.form #submit:hover {
  background: #FFF;
  color: #da251c;
}
#reazon {
  padding: 45px 0;
  border-top: 2px solid rgba(204, 204, 204, 0.20);
}
#reazon h1 {
  font-size: 45px;
  font-weight: 700;
  text-align: center;
  color: #666666;
  font-family: 'Roboto Slab', sans-serif;
}
#reazon .top {
  padding-top: 50px;
}
#reazon .bottom {
  background: #F2F2F2;
  padding: 40px;
  margin-top: 50px;
}
#reazon .bottom:hover {
  box-shadow: 0 14px 28px rgba(0,0,0,0.13), 0 10px 10px rgba(0,0,0,0.11);
  -webkit-transition: 0.7s ease-out;
  -moz-transition: 0.7s ease-out;
  -o-transition: 0.7s ease-out;
  transition: 0.7s ease-out;
}
#reazon .bottom img {
  float: left;
  margin-right: 40px;
}
#reazon .bottom h3 {
  margin-top: 10px;
}
#reazon h3 {
  font-size: 22px;
  color: #da251c;
  font-weight: 700;
}
#reazon p {
  font-size: 14px;
  line-height:24px;
  color: #666666;
  font-family: 'Roboto Slab', sans-serif;
}
#compare {
  padding: 70px 0;
  background: #F2F2F2;
  border-top: 2px solid rgba(204, 204, 204, 0.20);
}
#compare h1 {
  font-size: 45px;
  font-weight: 700;
  text-align: center;
  color: #666666;
  font-family: 'Roboto Slab', sans-serif;
}
#compare .twentytwenty-container {
  width: 100%;
  margin: 30px auto;
}
#compare .twentytwenty-container img {
  width: 100%;
  margin:0 20px;
}
/*#adv {
  background: url("../img/brigada.jpg") no-repeat;
  height: 330px;
}*/
#adv h1 {
  color: #00357e;
  margin-top: 82px;
  padding: 40px;
  background-color: rgba(255,255,255,0.7);
  font-family: 'Roboto Slab', sans-serif;
  font-weight:700;
  line-height: 45px;
}
#doc {
  background: #00357e;
  padding: 45px 0;
  border-top: 2px #002c69 solid;
  border-bottom: 2px #002c69 solid;
}

.reazon-wrap {
 visibility: hidden;
     opacity: 0;
     display: none;
     height: 0;
         transition:display 0ms, opacity 300ms linear,height 300ms linear,visibility 300ms linear;
}

.reazon-wrap-active {
   opacity: 1;
   display: block;
     height: auto;
    visibility: visible;
}

#reazon_doc {
  margin-top:55px;
}

#doc .doc_wrapper {
 display: flex;
 flex-wrap: wrap;
 justify-content: space-between;
 visibility: hidden;
     opacity: 0;
     height: 0;
         transition: opacity 300ms linear,height 300ms linear,visibility 300ms linear;
}


#doc .doc_wrapper-active {
visibility: visible;
     opacity: 1;
     height: auto;
}


#questions .questions__wrap {
   visibility: hidden;
     opacity: 0;
     height: 0;
      display: none;
         transition: display 0ms,  opacity 300ms linear,height 300ms linear,visibility 300ms linear;  
}

#questions .questions__wrap-active {
visibility: visible;
     opacity: 1;
     display: block;
     margin-bottom: 40px;
     height: auto;
} 

#learn_questions {
/*  margin-top: 25px;*/
}

#doc .doc_wrapper  a {
  margin: 0px auto 20px;
}

#doc h1 {
    font-weight: 700;
    font-size: 52px;
    text-align: center;
    color: #FFF;
    margin-bottom: 50px;
    font-family: 'Roboto Slab', sans-serif;
    text-shadow: 0 1px 1px #000;
}
#video {
  background: #00357e;
  padding: 30px 0;
  border-top: 2px #002c69 solid;
  border-bottom: 2px #002c69 solid;
}
#video h1 {
  color: #FFF;
  padding-top: 40px;
  text-shadow: 0 1px 1px #000;
  line-height:48px;
}
#video .youtube {
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
  display: inline-block;
  overflow: hidden;
  transition: all 200ms ease-out;
  cursor: pointer;
  border: 3px solid #FFF;
}
#video .youtube .play {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTExIDc5LjE1ODMyNSwgMjAxNS8wOS8xMC0wMToxMDoyMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjAxNzkzNjFCQzg4NzExRTZCMjBGOTA1RDIyMTRFN0NFIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjAxNzkzNjFDQzg4NzExRTZCMjBGOTA1RDIyMTRFN0NFIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MDE3OTM2MTlDODg3MTFFNkIyMEY5MDVEMjIxNEU3Q0UiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MDE3OTM2MUFDODg3MTFFNkIyMEY5MDVEMjIxNEU3Q0UiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7Ow58gAAAFT0lEQVR42uyb32scVRTHZ5fYbJrElmys+GRjxaQPoqWJmqAiCD6IrSkkVVr8A6zig1TrWwtqIygWJAm0ivFHAtpUqSLGhyr+QBtjhYoPdVtaH/IgxlabpNpqza7fK+fW3WHOmV/3zuwUD3xedu7ce87ZO2fmnnturlKpOBYlD24Ct4FOogO0gyvBFeAiWACnwY+gREyD70DZpoI5Cw5YATaC+8FdoBijrzPgU/A+eA/M17MDbgaPgQdBk4U/6zx4C7wEjhrrVTkgJuvBVCVZmaJxY+sf5+Y2sBcsVdKRJRq/LY4Doj4Cg2CUglnaooLnw+BAEjGgEbwAHg1xzwVwGHwBjlGE/xn8TkFNBc1mcDW9JdaCO0AvKIQYZxhsB3/aigFXga8DTs8LYALcB5oiTs8mun+C+gsiM6Sn8RiwGpQCKLAAngOrTAQol/N3gd8C6FAifY054FowGyAg7QPthg13007j+AXeWdI7tgOU50/4DHYK9Fk23E0fjSvJiSCPg3SxEUz7DHIArEzYeI0ad9JHv2myI5IDhn06fxbkUjJekyM9JBmJ4oABn053pGy4mx0++g6EcYCK4KeFzobqzHjNkKDzGe7N5NXRa0JH++tg2kuPw35B99eDOKAblJkOjoOWOjVe0yJ8r5TJPtEBHwrv+d46N17TK/yJU5ID1gnTZ29GjNfsE2xZxzlgjLlhHhQz5oAifZZ7yVh12zytiVR+bjOzXhql1FSWROk7wlzbTPZeSloq6QfLPRqrpeUeQ0qNVw+cgOxhlsbKzk1uB2xiOvkAzBlSaCvl8voScsAcJVO9pL86H9AgPC8bDT6XWi6CnTSu7ViwgbFrUY+vGvUwjc6DggUHaPkyzLo9IgWyw0tu0UGwm5kmhymdZUv6aONji8UxlP5fMde6dQzoZBp8lsBzqoLihOUA+Tnze6efA75PMGLbDJCcHTdoB6xhGpxM+N3dQbNuJ2gw2O9JYbx/HdDGNPgphQ8YZfgucsRqQ33+wvzeqh3QyjQ4m+KXnMkAuejngGVMg79S/pxtZL5OjTqggQz1csKyFJ0wCwbAjIG+WiXH5AUPrUzJ+E/AekPGB3LAr0yDaxI2XG1SPg/uEQJXFOE2cM9pB3CviTUJGr9IO85PgiXDfV/P/H5KO6DENLgxIeN/ALeCdyz1z9lx3M8BdyZg/Ltk/DGLY3B2lLQDvhXexQVLSqlp/hRF+gWLxheEz+sj1fmARWbJuMHCcngO3J1QbtA3H6BmwN/gEOOlhwz/I0doGfpxQvGF0/8Q2X0pK7xFqPQwVezwiuEEix+rhMqSre60+HIhLTaUsZS4317hAtlbkxb/A0wy02WbE6/aMw0pkt5eMkn21mSFlQwLWZvdGXPAbiHDVGuna9pMXSZ7g1wN0Ud+m6M9wsZiKQO7w80+u8M97nvyrunxDXhDyKG9CnJ1Ou2VXmM61+chb5J9jvQI/F8hQgxmrEboCR99B6NUiY34dPpMnVSJPe2j56jNOsHJFOsEV9iuEwxTKdqbwqvOeqWo5ro6qhUuBjykofTtSKNafN5StXh7mtXi1Y/DTIjzAuPg3hgrwALdPy5sccc+LxD2xIjKsKgTI4+E3KL2OjFyjrJB6pu9xak9MXJ7hIyUqgna7oTc0r9czgxtE1azouQjDqoG6wIvO5ZPdgpSpvG7ohrPfQqHRZWfHhQWUaalTON1mwiwJk+Oqvz74+ABx97J0bfBi47B4g1bZ4fVueF+ysnHySapbTtVK3DQycDZYS7G6NPjXc5/p8fVhmUzvQHUs3zWqT09rnaLMnt6PFPyjwADAOrBDppEgxXYAAAAAElFTkSuQmCC") no-repeat center center;
  background-size: 64px 64px;
  position: absolute;
  height: 100%;
  width: 100%;
  opacity: .8;
  filter: alpha(opacity=80);
  transition: all 0.2s ease-out;
}
#video .youtube .play:hover {
  opacity: 1;
  filter: alpha(opacity=100);
}
#catalog {
  overflow: hidden;
  padding: 70px 0;
}
#catalog h2 {
  font-size: 45px;
  font-weight: 700;
  text-align: center;
  color: #666666;
  margin-bottom: 45px;
  font-family: 'Roboto Slab', sans-serif;
}
#catalog #owl-coach {
  text-align: center;
  box-shadow: none;
  font-family: 'Roboto Slab', sans-serif;
}
#catalog #owl-coach .coa {
  background: #F2F2F2;
  padding: 10px;
  width: 384px;
  margin: 0 auto;
}
#catalog #owl-coach .coa img {
  width: 100%;
  height:380px;
}
#price {
  padding: 70px 0;
  background: #F2F2F2;
  border-top: 2px solid rgba(204, 204, 204, 0.20);
}
#price h1 {
  font-size: 45px;
  font-weight: 700;
  text-align: center;
  color: #666666;
  font-family: 'Roboto Slab', sans-serif;
}
#price .cost {
  margin-top: 50px;
  padding: 30px;
  background: #FFF;
  -ms-touch-action: pan-y;
  -webkit-transition: 0.5s ease-out;
  -moz-transition: 0.5s ease-out;
  -o-transition: 0.5s ease-out;
  transition: 0.5s ease-out;
}
#price .cost:hover {
 box-shadow: 0 14px 28px rgba(0,0,0,0.15), 0 10px 10px rgba(0,0,0,0.12);
}
#price .cost h3 {
  text-align: center;
  font-size: 24px;
  margin: -30px -30px 30px -30px;
  color: #FFF;
  padding: 30px;
  background: #00357e;
  border-bottom: 2px solid #011e46;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.42);
  font-family: 'Roboto Slab', sans-serif;
}
#price .cost p {
  text-align: center;
  font-size: 20px;
  padding: 15px 0;
}
#price .cost .price {
  padding: 10px 20px;
  background: #F2F2F2;
  font-size: 18px;
  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
  background: linear-gradient(-32deg, #f2f2f2, #FFE);
}
#price .cost .price span {
  font-size: 34px;
  color: #da251c;
  font-family: 'Roboto Slab', sans-serif;
}
.action-date {
color: #00357e;
}
#cooperation {
  padding: 70px 0 100px;
  border-bottom: 2px solid #da251c;
  border-top: 2px solid #ccc;
  background: url("../img/cooperation.jpg") no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  
}
#cooperation h1 {
  font-weight: 700;
  font-size: 52px;
  text-align: center;
  color: #FFF;
  margin-bottom: 50px;
  font-family: 'Roboto Slab', sans-serif;
  text-shadow: 0 1px 1px #000;
}
#cooperation img {
  width: 100%;
}
#questions {
  padding: 45px 0;
  background: #F2F2F2;
  border-bottom: 2px solid rgba(204, 204, 204, 0.20);
  border-top: 2px solid rgba(204, 204, 204, 0.20);
}
#questions h1 {
  font-size: 45px;
  font-weight: 700;
  text-align: center;
  color: #666666;
  margin-bottom: 50px;
  font-family: 'Roboto Slab', sans-serif;
}
#questions .owl-controls {
  position: absolute;
  top: 70px;
  width: 750px;
}
#questions .owl-theme .owl-controls .owl-buttons div {
  background: none !important;
}
#brak {
	padding-top: 60px;
  overflow: hidden;
}
#brak h2{
	margin-bottom: 40px
} 
#our_works {
 overflow: hidden;
 padding-top: 40px;
 padding-bottom: 40px;
}
#questions #owl-quest .owl-prev {
  float: left;
  margin-left: -120px;
  margin-top: 80px;
}
#questions #owl-quest .arr-left {
  background: url("../img/arr-left.png") no-repeat;
  width: 33px;
  height: 89px;
  display: block;
}
#questions #owl-quest .owl-next {
  float: right;
  margin-right: -120px;
  margin-top: 80px;
}
#questions #owl-quest .arr-right {
  background: url("../img/arr-right.png") no-repeat;
  width: 33px;
  height: 89px;
  display: block;
}
#questions .ask {
  padding: 47px;
  font-family: 'Roboto Slab', sans-serif;
  line-height:29px;
}
#questions .ask h3 {
  color: #00357e;
  font-size: 20px;
  font-weight: 700;
  font-family: 'Roboto Slab', sans-serif;
}
#quick_contact {
  padding: 40px 0;
  border-bottom: 2px solid rgba(204, 204, 204, 0.20);
}
#quick_contact h1 {
  text-align: center;
  font-size: 42px;
  line-height: 1.5;
  color: #00357e;	
  font-family: 'Roboto Slab', sans-serif;
}
#quick_contact h1 strong {
  font-weight: 700;
  font-family: 'Roboto Slab', sans-serif;
}
#owl-compare{ 
  box-shadow: none!important;
  font-family: 'Roboto Slab', sans-serif;
  background-color:#f2f2f2;}
.owl-carousel {
	background: #FFF;
    border-radius: 5px;
    display: none;
    position: relative;
    width: 100%;
    -ms-touch-action: pan-y;
	-webkit-transition: 0.5s ease-out;
    -moz-transition: 0.5s ease-out;
    -o-transition: 0.5s ease-out;
    transition: 0.5s ease-out;
}
.owl-carousel:hover {
    box-shadow: 0 14px 28px rgba(0,0,0,0.15), 0 10px 10px rgba(0,0,0,0.12);
}
.blue{
  color:#000;
  font-family: 'Roboto Slab', sans-serif;
}
.red {
  color: #da251c;
}
.red a {
  color: #da251c;
  text-decoration:none;
  border-bottom: 1px red dashed;
}
#maper {
  padding: 0;
  height: 600px;
}
#maper .contacts {
  position: relative;
  margin-top: -543px;
  width: 400px;
  left: 20%;
  color: #FFF;
  padding: 30px;
  background: rgba(0, 53, 126, 0.9);
  border-radius: 10px;
}
#maper .contacts h3 {
  font-size: 42px;
  font-weight: 700;
  margin-top: 0;
  font-family: 'Roboto Slab', sans-serif;
  text-shadow: 0 1px 1px #000000;
}
#maper .contacts p {
  font-size: 22px;
}
#maper .contacts p span {
  font-size: 16px;
}
footer {
  /* Set the fixed height of the footer here */
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 55px;
  padding-top: 12px;
  border-bottom: 2px solid #da251c;
  border-top: 2px solid #ccc;
}

#pm {
	text-align:right;
	margin-top:-5px;
}

#pm img {
	height:32px;
}

/******************************
		Адаптивность 
******************************/
@media screen and (max-width: 1500px) {
  #wtf {
    background-position: -50% top;
  }
}

@media screen and (max-width: 1400px) {
	#slider {
		height:110vh;
	}
	
	#slider ul li {
		height:100%;
	}
	
	#slider ul li img {
		height:100%;
	}
	
	#slider .top-position .subtitle {
		font-size:30px;
	}
	
	#slider .top-position h2 {
		font-size:20px;
	}
	
	#catalog #owl-coach .coa {
		width:320px;
	}
	
	#catalog #owl-coach .coa img {
		height:320px;
	}
}

@media screen and (max-width: 1200px) {
	header .logo {
		display: none;
		text-align: center;
		margin-left: 60px;
	}

  header .phone {
    right: 0;
  }
	
	.phoneico {display:none;}
	
	.phoneico1 {display:none;}
	
	.nav-left {
		margin-left:-32px!important;
	}
	
	.nav-right {
		margin-right: -32px!important;
	}
	
	header .logo img {
		width: 100%;
	}
	
	#slider {
		height:100vh;
	}
	
	#trigger .big-button h3 {
		font-size:24px;
	}
	
	#wtf {
		background-position: -150% top;
	}
	
}

@media screen and (max-width: 1201px) {
	.logotxt{display:none;}
}

@media screen and (max-width: 990px) {
	#nav ul a {
		margin: 0 5px;
	}
	
	.phoneico {display:none;}
	
	.phoneico1 {display:none;}
	
	.nav-left {
		margin-left:-0px!important;
	}
	
	.nav-right {
	margin-right: -0px!important;
	}

	.logotxt{display:none;}
	
	#slider .top-position .subtitle {
		text-align: center;
	}
	
	#wtf {
		background-position: 0 top;
		background-repeat: repeat;
	}

	#wtf .up:before {
		display: none;
	}
	
	#wtf .down:before {
		display: none;
	}

	#slider ul li img {
		width:auto;
	}
	
	#trigger .big-button h3 {
		font-size:21px;
	}
	
}

.form h2 {
	margin-bottom: 35px;
}


@media screen and (max-width: 768px) {
  body .modal-title {
    line-height: 1.5;
  }

  #wtf {
  display: block; 
}
	#questions .owl-controls {
	display: none !important;
	}
	.phoneico {display:none;}
	.phoneico1 {display:none;}
	.logotxt {
	display:none;
	}
	header .logo {
	text-align: left;
	margin-left: 0px;
	}
	header .logo img {
	width: 100%;
	}

	#slider .top-position h1 {
	font-size: 45px;
	padding: 60px 20px 0;
	text-align: center;
	}

	#slider .top-position .subtitle {
	font-size:24px;
	}

	#slider .top-position h2 {
	color:#fff;
	padding: 15px 20px 0;

	}

	#slider .top-position h2:last-child {
	margin-bottom: 100px;
	padding-top:5px;
	}

	#trigger .big-button {
	margin: 10px 0;
	}
	#trigger .big-button .free::before {
	display: none;
	}
	.form h1 {
	font-size: 36px;
	}
	#wtf h1 {
	font-size: 36px;
	}
	#wtf {
	margin-top: 0;
	padding: 0;
	}
	#reazon h1 {
	font-size: 30px;
	}
	#compare h1 {
	font-size: 30px;
	}
	#catalog h1 {
	font-size: 36px;
	}
	#price h1 {
	font-size: 32px;
	}
	#cooperation h1 {
	font-size: 32px;
	}
	#questions h1 {
	font-size: 32px;
	}
	#quick_contact h1 {
	font-size: 32px;
	}
	#map {
	display: none;
	}
	#maper .contacts {
	margin: 0;
	width: auto;
	left: 0;
	}


	.modal {left:0 !important;}
}
@media screen and (max-width: 420px) {
	header .phone {
		margin: 0 0 5px;
	}

	header .toolbar {
		font-size: 14px;
	}
	
	#slider .top-position h1 {
		font-size: 38px;
	}
	
	#slider .top-position h2 {
		text-align:center;
	}
	
	#slider .check_mark {
		display: none;
	}

  .form {
    padding: 50px 0;
  }
	
	#video h1 {
    font-size: 26px;
		text-align: center;
	}
	
	#adv h1 {
		font-size: 30px;
		color: #00357e;
		margin-top: 82px;
		padding: 15px;
		text-align: center;
		background-color: rgba(255,255,255,0.7);
		font-family: 'Roboto Slab', sans-serif;
		font-weight:700;
		line-height:35px;
	}
	
	footer {
		border-bottom:none;
	}

	.footer-a, .footer-b {
		float:none;
		width:100%;
	}

	#pm {
		text-align:left;
		margin:10px 0 10px -15px;
	}
	
}
/* --- Разное --- */
.owl-theme .owl-controls {
    margin-top: 20px;
    text-align: center;
}
#doc div.col-sm-3 a{
   outline:none;
}
#go-top {
  position: fixed; 
  bottom: 25px; 
  right: 80px;
  text-align: center;
  cursor:pointer; 
  display:none;
  width: 80px;
  height: 30px;
  background: #00357e;
  color: #fff;
  line-height: 30px;
  border-radius: 5px;
  -webkit-transition: all 0.3s ease-in-out 0.2s;
  transition: all 0.3s ease-in-out 0.2s;
  font-family: 'Roboto Condensed', sans-serif;
  text-decoration:none;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.42);
}

#go-top:hover {
  background: #e3e6f5;
  color: #00357e;
}
#questions #owl-quest .arr-right:hover {
    background: url(../img/arr-rightH.png) no-repeat;
}
#questions #owl-quest .arr-left:hover {
    background: url(../img/arr-leftH.png) no-repeat;
}
.footer-a {
  font-family: 'Roboto Slab', sans-serif;
  font-weight:700;
}
.big {
    font: normal normal normal 70px/1 FontAwesome !important;
    color: #da251c;
    font-size: inherit;
    float:left;
	padding: 10px 30px 10px 0;
}

ins{text-decoration: none !important;}
.owl-theme .owl-controls .owl-buttons div {
    color: #999;
    display: inline-block;
    zoom: 1;
    margin: 10px;
    padding: 12px 50px;
    font-size: 12px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    background: #ccc;
    filter: Alpha(Opacity=80);
    opacity: .8;
	text-transform: uppercase;
	font-weight:700;
	font-family: 'Roboto Slab', sans-serif;
	-webkit-transition: all 0.3s ease-in-out 0.2s;
    transition: all 0.3s ease-in-out 0.2s;
}
.owl-theme .owl-controls .owl-buttons div:hover {
	background: #00357e;
	color:#fff;
}
.owl-theme .owl-controls .owl-page span {
background: rgba(0, 53, 126, 0.4);
}
.owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span {
    filter: Alpha(Opacity=100);
    opacity: 1;
	background-color:red;
}
.owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:active span {
    filter: Alpha(Opacity=100);
    opacity: 1;
	background-color:#00357e;
}
.modal-header {
    padding: 15px;
    border-bottom: 1px solid #011e46;
    background-color: #00357e;
	color:#fff;
	text-align: center;
	text-shadow: 0 1px 1px #000;
}
.close {
    float: right;
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    color: #fff;
	text-shadow: none;
    filter: alpha(opacity=99);
    opacity: .99;
}
.modal-content {
	width:450px;
	max-width:100%;
}
.modal {
    position: fixed;
    top: 18%;
    right: 0;
    bottom: 0;
    left: 10%;
    z-index: 1050;
    display: none;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    outline: 0;
}
.form-control:focus {
    border-color: orange;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;

}
.form-control {
    height: 60px;
	border: 2px solid #ccc;
}
.btn {
	background-color:#da251c;
	margin-top:22px;
    padding: 14px 132px;
    border-radius: 50px;
}
.modal-title {
    margin: 0;
    line-height: 2.3;
}
/* ============================================================
  АНИМИРОВАНОЕ ПОДЧЕРКИВАНИЕ
  ============================================================ */
/*.undline{
  	position: relative;
  	color: #fff;
    font-family: 'Roboto Condensed', sans-serif;
}
.undline:hover {
    color: #fff;
    font-family: 'Roboto Condensed', sans-serif;
}
.undline:after {
  content: "";
  position: absolute;
  width: 97%;
  height: 3px;
  top: 57px;
  left: 0;
/*  background-color: #fff;*/
/*  visibility: hidden;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transition: all 0.2s ease-in-out 0.1s;
  transition: all 0.2s ease-in-out 0.1s;
  font-family: 'Roboto Slab Condensed', sans-serif;
}*/
/*.undline:hover:after {
  background-color: #fff;
  visibility: visible;
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  font-family: 'Roboto Slab Condensed', sans-serif;
}*/



.table-wrap {
    text-align: center;
    display: inline-block;
    width: 100%;
  background-color: #fff;
     padding: 2rem 0rem;
  color: #000;
}
 
.table-wrap  table {
    border: 1px solid #ccc;
    width: 100%;
    margin:0;
    padding:0;
    border-collapse: collapse;
    border-spacing: 0;
  }

  .itog-price {
    text-align: center;
    font-size: 16px;
  }
  .itog-price p{
    margin: 0;
  }

  .itog-price #itog-price {
    color: #00357e;
    font-weight: bold;
    font-size: 23px;
  }
 
 .table-wrap  table tr {
    border: 1px solid #ddd;
    padding: 5px;
  }
 
  .table-wrap table th,.table-wrap  table td {
    padding: 10px;
    text-align: center;
    border-right: 1px solid #ddd;
  }

    .table-wrap  table td {
          transition: .3s;
          cursor: pointer;
    }

  .table-wrap  table td.active {
      box-shadow:0px 0px 5px 2px #00357e inset;
      color:#00357e;
  }
 
 .table-wrap  table th {
    color: #fff;
    background-color: #444;
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: 1px;
  }


@media screen and (max-width: 600px) {
  .table-wrap table {
    border: 0;
  }
  .table-wrap table thead {
    display: none;
  }
  .table-wrap table tr {
    margin-bottom: 10px;
    display: block;
    border-bottom: 2px solid #ddd;
  }
  .table-wrap table td {
    display: block;
    text-align: right;
    font-size: 13px;
    border-bottom: 1px dotted #ccc;
    border-right: 1px solid transparent;
  }
 .table-wrap  table td:last-child {
    border-bottom: 0;
  }
  .table-wrap table td:before {
    content: attr(data-label);
    float: left;
    text-transform: uppercase;
    font-weight: bold;
  }
}

.step {
  display: none;
  opacity: 0;
  transition: 0.7s;
   -webkit-transform:translateY(100px);
        -ms-transform:translateY(100px);
            transform:translateY(100px)
}
.itog-price {
    text-align: center;
    font-size: 16px;
    width: 200px;
    margin: 0 auto;
    padding: 15px;
    border: 3px solid #00357e;
    box-sizing: border-box;
 }

.step-current { 
  opacity: 1;
   -webkit-transform:translateY(0);
        -ms-transform:translateY(0);
            transform:translateY(0)
}

.step-active {
  display: block;
}
.step_button {
  display: flex;
  justify-content: center;
}
.step-btn {
   text-align: center;
    cursor: pointer;
    padding: 5px 45px;
    background: #00357e;
    color: #fff;
    border: none;
    font-size: 16px;
    letter-spacing: 0.03em;
    line-height: 30px;
    border-radius: 5px;
    -webkit-transition: all 0.3s ease-in-out 0.2s;
    transition: all 0.3s ease-in-out 0.2s;
    font-family: 'Roboto Condensed', sans-serif;
    text-decoration: none;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.42);
}

.step small {
  text-align: center;
  display: block;
  margin-bottom: 10px;
}

.step label {
  font-size: 16px;
}

.error {
  margin-top: 15px;
  color:#750e09;
}



/*new blog*/



/*img {*/
/*    max-width: 100%;*/
/*    height: auto;*/
/*}*/

.main-wrapper {
    background-image: url("../img//MainBackground.png");
    background-repeat: repeat;
    overflow: hidden;
    width: 100%;
    
}

.main-container {
    max-width: 1560px;
    min-height: 930px;
    margin: 0 auto;
    padding: 0 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    z-index: 10;
}
.b__main-left {
    width: 65%;
    min-height: 930px;

    z-index: 10;
}

.b__main-right {
    width: 35%;
    min-height: 930px;

    z-index: 10;
    position: relative;
}

.b__main-heading {
    margin: 0;
    font-size: 40px;
    
    color: rgb(53,53,53);
    font-weight: bold;
    text-transform: uppercase;
    line-height: 1.2;
    /* text-align: left; */

    margin-top: 75px;
    margin-bottom: 20px;
    z-index: 10;
}

.b__main-heading span {
    font-weight: normal;
}

.b__main-heading span:nth-child(3) {
    text-transform: none;
}

.b__main-heading span:nth-child(4) {
    font-weight: bold;
    text-transform: none;
}

.b__main-left-heatingHouse {
    margin: 0;
    font-size: 30px;
    
    color: rgb(53,53,53);
    line-height: 1.2;

    margin-bottom: 70px;
}

.b__main-left-heatingHouse span {
    font-size: 30px;
    font-weight: bold;
}

.b__main-list {
    margin: 0;
    padding: 0;
    list-style:none; 
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-left: 35px;
    margin-bottom: 120px;
}

.b__main-list li {
    font-size: 20px;
    
    color: rgb(0,0,0);
    line-height: 1.5;
    z-index: 10;
    position: relative;
}

.b__main-list li:before {
    content:"";
    background-image: url("../img/listType.png");
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;

    position: absolute;
    margin-left: -34px;
    margin-top: 7px;
    z-index: 10;
}

.b__main-measure {
    /* background-image: url("img/фонКнопкиЗамеров.png");
    background-repeat: no-repeat;
    height: 31%; */
    background-image: -ms-linear-gradient( 0deg, rgb(255,255,255) 0%, rgba(255,255,255,0) 100%);
    

    margin-left: -20%;

}

.b__main-measure::before {
    content: "";
    position: absolute;
    margin-left: 0px;
    margin-top: 0px;
    width: 63%;
    height: 3px;
    z-index: 10;
    background: -webkit-gradient(linear, left top, right top, from(#f2c21d) , to(white));
    background: -o-linear-gradient(left, #f2c21d , white);
    background: linear-gradient(90deg, #f2c21d , white);
}

.b__main-measure::after {
    content: "";
    position: absolute;
    margin-left: 0px;
    margin-top: 0px;
    width: 63%;
    height: 3px;
    z-index: 10;
    background: -webkit-gradient(linear, left top, right top, from(#f2c21d) , to(white));
    background: -o-linear-gradient(left, #f2c21d , white);
    background: linear-gradient(90deg, #f2c21d , white);
}

.b__main-measure div {
    width: 85%;
    min-height: 70px;

    padding-left: 17%;
    margin-bottom: 80px;
    margin-top: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    
}

.b__main-measure div p {
    margin: 0;
    font-size: 30px;
    
    color: rgb(0,0,0);
    line-height: 1.2;
    text-align: left;
    z-index: 10;
    margin-top: 58px;
}

.b__main-measure div p span {
    color: #c9091f;
    font-weight: bold;
}

@-webkit-keyframes blink {
    50% {
    opacity: 0;
    }
}

@keyframes blink {
    50% {
    opacity: 0;
    }
}
.blink {
    -webkit-animation-name: blink;
            animation-name: blink;
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear;
    -webkit-animation-duration: 3s;
            animation-duration: 3s;
    -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite;
}

@-webkit-keyframes blink2 {
    50% {
        opacity: .4;
    }
}

@keyframes blink2 {
    50% {
        opacity: .4;
    }
}

.flicker {
    -webkit-animation-name: blink2;
            animation-name: blink2;
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear;
    /*animation-timing-function: ease-in-out;*/
    -webkit-animation-duration: 5s;
            animation-duration: 5s;
    -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite;
}
#call-measurer {
    font-size: 21px;
    
    color: rgb(255, 255, 255);
    line-height: 1.2;
    z-index: 10;
    background: url("../img/bg_btn.png") no-repeat center center/cover;
    cursor: pointer;
    width: 233px;
    border: none;
    height: 56px;
    border-radius: 10px;
    /*background-color: rgb(201, 9, 31);*/
    position: relative;
    -webkit-transition: 0.3s ease-in;
    -o-transition: 0.3s ease-in;
    transition: 0.3s ease-in;
    margin:58px 0 0 40px;
}

#call-measurer:hover {
    -webkit-box-shadow:2px 2px 2px #c9091f;
            box-shadow:2px 2px 2px #c9091f;
}
/* был псевдоэлемент фоном к кнопке,пока оставлю */
/* #call-measurer:before {
    content: "";
    position: absolute;
    background-color: rgb(201, 9, 31);
    width: 215px;
    height: 52px;
    z-index: -1;
    border-radius: 10px;

    margin-top: -14px;
    margin-left: -18px;
} */


.calc__materials-free {
    margin: 0;
    font-size: 25px;
    
    color: rgb(0,0,0);
    font-weight: bold;
    line-height: 1.2;
    -webkit-transition: .3s ease-in;
    -o-transition: .3s ease-in;
    transition: .3s ease-in;
    padding-left: 17%;
    margin-bottom: 60px;
    z-index: 10;
    position: relative;
    cursor: pointer;
}

.calc__materials-free:hover {
    color:rgb(201, 9, 31);
}

.calc__materials-free::before {
    content: "";
    position: absolute;
    /*margin-left: 2px;*/
    /*margin-top: 35px;*/
    width: 63%;
    height: 1px;
    z-index: 10;
    background: -webkit-gradient(linear, left top, right top, from(black), to(white));
    background: -o-linear-gradient(left, black 0%, white 100%);
    background: linear-gradient(90deg, black 0%, white 100%);
    background-size: 100%;
    /*left: 2px;*/
    bottom: -2px;
}

#b__main-right-brics {
    background-image: url("../img/кирпичиЗаДомом.png");
    background-repeat: no-repeat;
    width: 1000px;
    height: 500px;
    position: absolute;
    z-index: 10;
    margin:27px 0% 0px -48%;
    background-size: cover;
}

.b__main-right img {
    position: absolute;
    z-index: 20;
    max-width: 100%;
    margin: 30px 0% 0px 8%;
}

#b__main-right-arrow1 {
    background-image: url("../img/самаяВерхняяСтрелка.png");
    background-repeat: no-repeat;
    width: 150px;
    height: 10px;
    position: absolute;
    z-index: 30;
    margin: 383px 0% 0px -10%;
}
#b__main-right-topCircle {
    background-image: url("../img/верхнийПолумесяц.png");
    background-repeat: no-repeat;
    width: 155px;
    height: 155px;
    position: absolute;
    z-index: 30;
    margin: 324px 0% 0px -36%;
}






#b__main-right-arrow2 {
    background-image: url("../img/стрелкаМеждуКругами.png");
    background-repeat: no-repeat;
    width: 140px;
    height: 230px;
    position: absolute;
    z-index: 10;
    margin: 379px 0% 0px -20%;
}
#b__main-right-bottomCircle {
    background-image: url("../img/плитаСПолукругом.png");
    background-repeat: no-repeat;
    width: 375px;
    height: 280px;
    position: absolute;
    z-index: 20;
    margin: 576px 0% 0px -23%;
}


#b__main-right-bottomCircle::after {
    content: "";
    background-image: url("../img/предпоследняяСтрелка.png");
    background-repeat: no-repeat;
    width: 310px;
    height: 6px;
    position: absolute;
    z-index: 30;
    margin: 96px 0% 0px 71%;
}






/*Заменил псевдоэелементом

#b__main-right-arrow3 {
    background-image: url("img/предпоследняяСтрелка.png");
    background-repeat: no-repeat;
    width: 310px;
    height: 6px;
    position: absolute;
    z-index: 30;
    margin: 672px 0% 0px 26%;
} */

#b__main-right-arrow4 {
    background-image: url("../img//нижняяСтрелка.png");
    background-repeat: no-repeat;
    width: 300px;
    height: 6px;
    position: absolute;
    z-index: 30;
    top: 815px;
    left: 85px;
}

.b__main-right-paragraph2{
    font-size: 20px;
    
    color: rgb(66,66,66);
    font-weight: bold;
    line-height: 1.2;
    z-index: 30;
    position: absolute;
    top: 648px;
    left: 237px
}

.b__main-right-paragraph1 {
    font-size: 25px;
    
    color: #00357e;
    font-weight: bold;
    line-height: 1.2;
    text-align: center;
    margin: 361px 0% 0px -34%;
    position: absolute;
    z-index: 30;
}

.b__main-right-paragraph3{
    font-size: 20px;
    
    color: rgb(66,66,66);
    font-weight: bold;
    line-height: 1.2;
    z-index: 30;
    position: absolute;

        top: 790px;
    left: 40%;
}

.b__main-request {
    width: 100%;
    min-height: 175px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;

    background: -webkit-gradient(linear, left top, right top, from(#00357e), to(#001738));

    background: -o-linear-gradient(left, #00357e, #001738);

    background: linear-gradient(to right, #00357e, #001738);
}

.b__main-request-wrap {
    width: 850px;
    min-height: 135px;
    margin: 45px auto;
    
}

.b__main-request h2 {
    margin: 0;
    padding: 0;

    font-size: 26px;
    
    color: #ffffff;
    font-weight: bold;
    line-height: 1.2;
    /*text-align: left;*/
    -moz-transform: matrix( 1.04148459235463,0,0,1.04148459235464,0,0);
    -webkit-transform: matrix( 1.04148459235463,0,0,1.04148459235464,0,0);
    -ms-transform: matrix( 1.04148459235463,0,0,1.04148459235464,0,0);
    z-index: 10;
    margin:0 0 10px 14px;

}

.b__main-request p {
    margin: 0;
    font-size: 21px;
    
    color: #ffffff;
    line-height: 1.2;
    /*text-align: left;*/
    margin-bottom: 20px;

}

.b__main-request-button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}

#leave__request {
    font-size: 20.5px;
    color: #ffffff;
    line-height: 1.2;
    z-index: 10;
    font-weight: bold;
    width: 233px;
    height: 60px;
    border-radius: 14px;
    background-color: white;
    position: relative;
}

#leave__request:before {
    content: "";
    position: absolute;
    background-color: #c9091f;
    width: 224px;
    height: 60px;
    z-index: -1;
    border-radius: 10px;
    margin-top: -18px;
    margin-left: -24px;
}

.b__main--input {
    font-size: 23px;
    
    line-height: 1.2;
    z-index: 10;
 /*   font-weight: bold;*/
    text-align: center;
    border:none;
    border-left: solid 5px yellow;
    border-right: solid 5px yellow;
    width: 224px;
    height: 56px;
    border-radius: 15px;
    background-color: white;
}

/*#b__main--userTel {*/
/*    font-size: 23px;*/
/*    */
/*    line-height: 1.2;*/
/*    z-index: 10;*/
/*    font-weight: bold;*/
/*    text-align: center;*/
/*    border-left: solid 5px yellow;*/
/*    border-right: solid 5px yellow;*/
/*    width: 224px;*/
/*    height: 56px;*/
/*    border-radius: 15px;*/
/*    background-color: white;*/
/*}*/


@media (max-width:1600px) {
	#top.container, #nav .container {
		width: 100%;
	}
	.phoneico {
		left: 25.5%;
	}
	.phoneico1 {
	    left: -96.5%;
	    top: 12px;
	}
	#nav .container {
		overflow: hidden;
	}
    #b__main-right-bottomCircle {
        margin: 576px 0% 0px -35%;
    }
    .b__main-right-paragraph3 {
        left: 35%;
    }
    .b__main-right-paragraph2 {
        left: 185px;
    }
    #b__main-right-arrow4 {
        left: 15px;
    }
    #b__main-right-bottomCircle::after {
        margin: 96px 0% 0px 57.5%;
    }

    .b__main-right img {
        margin: 95px 0% 0px 8%;
    }
}

@media (max-width:1330px) {
    .b__main-measure div {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
        margin-bottom: 40px;
    }
    .phoneico {
    left: 15.5%;
    }
    #call-measurer {
        margin: 20px 0 0 0px;
    }
    .b__main-measure div p {
        margin-top: 40px;
    }
    .calc__materials-free {
        margin-bottom: 40px;
    }
    #b__main-right-bottomCircle {
        width: 225px;
        height: 168px;
        background-size:cover;
        margin: 650px 0% 0px -45%;
    }
    .b__main-right-paragraph2 {
        font-size: 16px;
        right: 15px;
        left: auto;
        text-align: right;
    }

    #b__main-right-arrow4,  #b__main-right-bottomCircle::after{
        display: none;
    }
    .b__main-right-paragraph3 {
        font-size: 16px;
        right: 15px;
        left: auto;
        text-align: right;
    }
    #b__main-right-arrow2 {
        display: none;
    }
}

@media (max-width:980px) {
    #b__main-right-bottomCircle,
    .b__main-right-paragraph1,
    .b__main-right-paragraph2,
    .b__main-right-paragraph3,
    #b__main-right-arrow1,
    #b__main-right-topCircle,
    #b__main-right-brics,
    .b__main-right img,
    .b__main-right,
    .b__main-measure::after {
        display: none;
    }
    .main-container {
        min-height: auto;
    }
    .b__main-left {
        width: 100%;
        min-height: auto;
        height: auto;
    }
    .b__main-left-heatingHouse {
        margin-bottom: 30px;
        font-size: 28px;
    }
    .b__main-list {
        margin-bottom: 45px;
    }
    .b__main-heading {
        font-size: 32px;
        margin-top: 60px;
    }
    .b__main-measure div {
        margin-bottom: 30px;
    }

    .b__main-measure div p {
        margin-top: 30px;
        font-size: 26px;
    }
    .calc__materials-free {
        font-size: 22px;
        margin-bottom: 35px;
    }
}

@media (max-width:860px) {
    .b__main-request-wrap {
        width: 100%;
        padding: 0 15px;
        text-align: center;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        margin: 25px auto 10px;
    }
    .b__main-request h2 {
        font-size: 22px;
        margin: 0 0 20px 0px;
    }
    .b__main-request-button {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        /*margin-bottom: 40px;*/
    }

    .b__main-request-button input, 
    .b__main-request-button button {
        margin-bottom: 20px;
        font-size: 18px;
        height: 45px;
    }
    #leave__request,  #leave__request:before {
        height: 48px;
    }
    #leave__request:before {
        margin-top: -11px;
    }
}

@media (max-width:480px) {

  #price {
    padding: 50px 0;
  }
	#catalog {
		padding: 50px 0;
	}
    .b__main-request p {
        font-size: 16px;
        margin-bottom: 20px;
    }

 /*   header .phone a {
    	display: block;
    }
*/
    .b__main-heading {
        margin-top: 50px;
        font-size: 24px;
        line-height: 1.5em;
    }

    .b__main-left-heatingHouse {
        margin-bottom: 25px;
        font-size: 22px;
    }
    .b__main-list {
        margin-bottom: 0;
    }
    .b__main-measure div{
        margin-top: 25px;
    }

    .b__main-measure div p {
        font-size: 20px;
    }

    .b__main-list li {
        font-size: 18px;
        margin-bottom: 10px;
    }

    .calc__materials-free {
        font-size: 20px;
    }
}