@import "libs/prefixer.less";

@colorBasic: #7dc244; //3 цвет rgb 125, 194, 68
@colorBasic2: #439639; //2 цвет rgb 67, 150, 557
@colorBasic3: #b3d88c; //4 цвет rgb 179, 216, 140
@font-face {
  font-family: "BebasNeueRegular";
  src: url("/css_js/fonts/BebasNeueRegular/BebasNeueRegular.eot");
  src: url("/css_js/fonts/BebasNeueRegular/BebasNeueRegular.eot?#iefix") format("embedded-opentype"),
  url("/css_js/fonts/BebasNeueRegular/BebasNeueRegular.woff") format("woff"),
  url("/css_js/fonts/BebasNeueRegular/BebasNeueRegular.ttf") format("truetype");
  font-style: normal;
  font-weight: normal;
}

@font-face {
  font-family: "BebasNeueBold";
  src: url("/css_js/fonts/BebasNeueBold/BebasNeueBold.eot");
  src: url("/css_js/fonts/BebasNeueBold/BebasNeueBold.eot?#iefix") format("embedded-opentype"),
  url("/css_js/fonts/BebasNeueBold/BebasNeueBold.woff") format("woff"),
  url("/css_js/fonts/BebasNeueBold/BebasNeueBold.ttf") format("truetype");
  font-style: normal;
  font-weight: normal;
}

@font-face {
  font-family: "BebasNeueBook";
  src: url("/css_js/fonts/BebasNeueBook/BebasNeueBook.eot");
  src: url("/css_js/fonts/BebasNeueBook/BebasNeueBook.eot?#iefix") format("embedded-opentype"),
  url("/css_js/fonts/BebasNeueBook/BebasNeueBook.woff") format("woff"),
  url("/css_js/fonts/BebasNeueBook/BebasNeueBook.ttf") format("truetype");
  font-style: normal;
  font-weight: normal;
}

@font-face {
  font-family: "BebasNeueLight";
  src: url("/css_js/fonts/BebasNeueLight/BebasNeueLight.eot");
  src: url("/css_js/fonts/BebasNeueLight/BebasNeueLight.eot?#iefix") format("embedded-opentype"),
  url("/css_js/fonts/BebasNeueLight/BebasNeueLight.woff") format("woff"),
  url("/css_js/fonts/BebasNeueLight/BebasNeueLight.ttf") format("truetype");
  font-style: normal;
  font-weight: normal;
}

@font-face {
  font-family: "Exo2-ExtraLight";
  src: url("/css_js/fonts/Exo2-ExtraLight/Exo2-ExtraLight.eot");
  src: url("/css_js/fonts/Exo2-ExtraLight/Exo2-ExtraLight.eot?#iefix") format("embedded-opentype"),
  url("/css_js/fonts/Exo2-ExtraLight/Exo2-ExtraLight.woff") format("woff"),
  url("/css_js/fonts/Exo2-ExtraLight/Exo2-ExtraLight.ttf") format("truetype");
  font-style: normal;
  font-weight: normal;
}

@font-face {
  font-family: "Exo2-Light";
  src: url("/css_js/fonts/Exo2-Light/Exo2-Light.eot");
  src: url("/css_js/fonts/Exo2-Light/Exo2-Light.eot?#iefix") format("embedded-opentype"),
  url("/css_js/fonts/Exo2-Light/Exo2-Light.woff") format("woff"),
  url("/css_js/fonts/Exo2-Light/Exo2-Light.ttf") format("truetype");
  font-style: normal;
  font-weight: normal;
}

@font-face {
  font-family: "Exo2-Medium";
  src: url("/css_js/fonts/Exo2-Medium/Exo2-Medium.eot");
  src: url("/css_js/fonts/Exo2-Medium/Exo2-Medium.eot?#iefix") format("embedded-opentype"),
  url("/css_js/fonts/Exo2-Medium/Exo2-Medium.woff") format("woff"),
  url("/css_js/fonts/Exo2-Medium/Exo2-Medium.ttf") format("truetype");
  font-style: normal;
  font-weight: normal;
}

@font-face {
  font-family: "Festus";
  src: url("/css_js/fonts/Festus/Festus.eot");
  src: url("/css_js/fonts/Festus/Festus.eot?#iefix") format("embedded-opentype"),
  url("/css_js/fonts/Festus/Festus.woff") format("woff"),
  url("/css_js/fonts/Festus/Festus.ttf") format("truetype");
  font-style: normal;
  font-weight: normal;
}

@font-face {
  font-family: "Rouble";
  src: url("../css_js/fonts/Rouble/rouble.eot");
  src: url("../css_js/fonts/Rouble/rouble.eot?#iefix") format("embedded-opentype"),
  url("../css_js/fonts/Rouble/rouble.woff") format("woff"),
  url("../css_js/fonts/Rouble/rouble.ttf") format("truetype");
  font-style: normal;
  font-weight: normal;
}

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  vertical-align: baseline;
}

table {
  border-collapse: separate;
  border-spacing: 0;
}

caption, th, td {
  text-align: left;
  font-weight: normal;
}

a img {
  border: none;
}

.clr {
  clear: both;
  height: 0;
}

a:hover {
  cursor: pointer;
}

.hidden {
  display: none !important;
}

article, aside, footer, header, hgroup, nav, section {
  display: block;
}

a, input, textarea {
  outline: none;
}

a:active, a:focus {
  outline: none;
}

input, textarea {
  outline: none;
}

input:active, textarea:active {
  outline: none;
}

:focus {
  outline: none;
}

button:active, button:focus {
  outline: none !important;
}

button::-moz-focus-inner {
  border: 0 !important;
}

* {
  margin: 0;
  padding: 0;
  .border-box();
}

html {
  width: 100%;
  font-family: Exo2-ExtraLight, sans-serif;
  font-size: 18px;
  color: #3c3c3c;
  -webkit-text-size-adjust: 100%;
}

body {
  width: 100%;
  padding-top: 1px;
  margin-top: -1px;
}

img {
  border: 0;
  line-height: 0;
}

ul, ol {
  list-style: none;
}

a {
  color: #fff;
  text-decoration: none;
}

.h1, .h2, .h3, .h4 {
  font-family: BebasNeueBook;
  font-weight: normal;
  line-height: normal;
  text-transform: uppercase;
}

.h1, .h2, .h3, .h4 {
  b, strong {
    font-family: BebasNeueBold;
    font-weight: normal;
  }
}

.title {
  font-family: BebasNeueRegular;
}

b, strong {
  font-family: Exo2-Medium;
  font-weight: normal;
}

.festus {
  font-family: Festus;
  text-transform: none;
}

.clear {
  clear: both;
}

.overflow {
  overflow: hidden;
}

.fl {
  float: left;
}

.fr {
  float: right;
}

.ib {
  display: inline-block;
}

.ib a {
  color: #3c3c3c;
}

.ib a:hover {
  text-decoration: underline;
}

.center {
  text-align: center;
}

.helper {
  display: inline-block;
  width: 0;
  height: 100%;
  margin-right: -0.2em;
  vertical-align: middle;
}

textarea {
  border: none;
  outline: none;
}

/*.table{display: table;}
.row{display: table-row;}
.cell{display: table-cell;}*/

.html_format {
  line-height: 18px;
  font-size: 18px;
}

.rouble {
  font-family: Rouble;
}

.h1 {
  font-size: 48px;
}

.h2 {
  font-size: 40px;
}

.h3 {
  font-size: 36px;
}

.h4 {
  font-size: 30px;
}

.h5 {
  font-size: 24px;
}

.h6 {
  font-size: 16px;
}

p {
  padding-top: 5px;
}

label.radio {
  position: relative;
  padding-left: 30px;
}

label.radio span {
  position: absolute;
  left: 0;
  bottom: 4px;
  width: 17px;
  height: 17px;
  background: url(/images/tpl/radio.png);
}

label.radio input[type="radio"]:checked + span {
  background: url(/images/tpl/radio-active.png);
}

label.checkbox {
  position: relative;
  padding-left: 30px;
}

label.checkbox input[type="checkbox"] + span {
  position: absolute;
  left: 0;
  top: 5px;
  width: 18px;
  height: 18px;
  background: url(/images/tpl/checkbox_cleared.png);
  background-size: cover;
}

label.checkbox input[type="checkbox"]:checked + span {
  left: -2px;
  top: 2px;
  width: 27px;
  height: 21px;
  background: url(/images/tpl/checkbox_mark.png) no-repeat;
  background-size: contain;
}

.button {
  display: inline-block;
  text-align: right;
  cursor: pointer;
}

.button__content {
  height: 55px;
  padding: 0 15px;
  line-height: 55px;
  font-size: 22px;
  border: 2px solid #fff;
  .transition(0.5s);
}

.button__line {
  display: inline-block;
  width: 30%;
  border-bottom: 6px solid #fff;
  .transition(0.5s);
}

.button input[type=button] {
  cursor: pointer;
}

.button:hover {
  .button__content {
    color: #0060ff;
    background: #fff;
  }

  .button__line {
    width: 100%;
  }
}

.button--mod {
  .button__line {
    border-color: #8490f8;
  }

  .button__content {
    height: 45px;
    line-height: 45px;
    color: #8490f8;
    border-color: #8490f8;
  }

  a {
    color: #8490f8;
  }
}

.button--mod:hover {
  .button__content {
    color: #fff;
    background: #8490f8;
  }

  a {
    color: #fff;
  }
}

.button--mod2 {
  text-align: left;

  .button__line {
    border-color: #8490f8;
  }

  .button__content {
    height: 45px;
    line-height: 45px;
    color: #fff;
    border-color: #8490f8;
    background: #8490f8;
  }
}

.button--mod2:hover {
  .button__content {
    color: #8490f8;
    background: #fff;
  }
}

.button__content {
  position: relative;
}

.button__content input[type=button] {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  opacity: 0;
  z-index: 1;
}

.button2 input[type=button] {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  opacity: 0;
  cursor: pointer;
  z-index: 1;
}

.button--showPopup {
  position: relative;

  a {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
  }
}

.button2 {
  position: relative;
  display: inline-block;
  height: 50px;
  padding: 0 50px;
  line-height: 50px;
  text-transform: uppercase;
  font-size: 24px;
  font-family: BebasNeueBold;
  color: #fff;
  border-radius: 50px;
  background: #feae00;
  cursor: pointer;
  .box-shadow(0px 6px 0px 0px #e7a61a);
  .transition(0.3s);
  .user-select(none);
}

.button2:hover {
  color: #3a3a3a;
  background: #ffd200;
}

.button2 a {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

.button2--mod {
  border-radius: 50px 0 0 50px;
}

.button2--mod2 {
  position: relative;
  left: -1px;
  width: 33px;
  padding: 0 15px;
  border-radius: 0 50px 50px 0;
  background: url(/images/tpl/print_passive.png) center center no-repeat #feae00;
  background-size: 33px 35px;
}

.button2--mod2 {
  &:hover {
    background: url(/images/tpl/print_passive-hover.png) center center no-repeat #ffd200;
    background-size: 33px 35px;
  }

  &:before {
    content: '';
    position: absolute;
    left: -4px;
    top: 0;
    bottom: -6px;
    width: 4px;
    background: #e7a61a;
    z-index: -1;
  }

  a {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
  }
}

.wrapper {
  width: 1160px;
  max-width: 100%;
  margin: 0 auto;
  padding: 0 10px;
}

//Главная страница
/*
.bg{width: 100vw; height: 100vh; overflow: hidden;}
.bg__shadow{position: absolute; left: 0; right: 0; top: 0; bottom: 0; display: none; background: #000; opacity: .6; z-index: 1;}

.slide{position: relative; width: 100vw; height: 100vh; z-index: 1;}

.header__soc_container{display: inline-block;}
.slide .main__menu a.header__soc{top: 65px;}
.slide .main__menu a{text-shadow: 1px 1px 10px #000000;}

.main{position: relative; color: #fff; background: url(/images/tpl/main-bg.jpg) no-repeat; background-size: 100% auto;}
.main__title{position: absolute; top: 50%; width: 100%; height: 125px; margin-top: -62px; line-height: 125px; font-size: 120px; text-transform: uppercase; z-index: 3;}
.main__stork{position: absolute; left: 50%; bottom: 50%; width: 395px; height: 334px; margin-left: -197px; background: url(/images/tpl/stork.png); z-index: 2;}
.main__hand{position: absolute; right: 0; bottom: -200px; width: 425px; height: 618px; background: url(/images/tpl/hand.png); z-index: 4;}

.main__clouds{position: relative; width: 100%; height: 100%; z-index: 1;}
.mclouds__first{position: absolute; left: 0; top: 0; width: 648px; height: 369px; background: url(/images/tpl/cloud1.png);}
.mclouds__second{position: absolute; right: 0; bottom: -135px; width: 789px; height: 557px; background: url(/images/tpl/cloud2.png);}

.main__bottom{position: absolute; left: 0; bottom: 20px; width: 100%; z-index: 5;}
.main__bottom .ib{line-height: 40px; .transform(rotate(-5deg)); cursor: pointer; .user-select(none);}
.main__bottom img{cursor: pointer;}

.main.active{
  top: 0; background-position-y: -100vh;
  .slide:first-child{display: none;}
}

.main__menu{position: relative; width: 980px; margin: 0 auto; padding-left: 5px; padding-top: 80px; z-index: 2;}
.main__menu a{position: relative; float: left; margin-left: 30px;*/
/*45px;*//*
 text-transform: uppercase;}
.main__menu a:after{content: ''; position: absolute; bottom: -3px; left: 0; width: 100%; height: 4px; background: #fff; .transform(scaleX(0)); .transition(0.25s);}
.main__menu a:hover:after{content: ''; .transform(scaleX(1));}
.main__menu a:nth-child(4){margin-left: 220px;}
.main__logo{position: absolute; left: 50%; top: 15px; margin-left: -105px; overflow: hidden;}

.main__slider{position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; z-index: 1;}
.mslider__item{position: relative; display: block; width: 100vw; height: 100vh; float: left;}
.mslider__item a{position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 1;}
.mslider__container{position: relative; height: 100%; z-index: 2;}
.mslider__bg{position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.mslider__bg{
	div{display: none; width: 100vw; height: 100vh; float: left;}
	div.active{display: block;}
	*/
/*.slick-dots{bottom: 15px; z-index: 1;}
	.slick-dots li{position: relative; border: 2px solid #B8C93B; border-radius: 50%;}
	.slick-dots li.slick-active:after{content: ''; position: absolute; left: 50%; top: 50%; display: block; width: 10px; height: 10px; margin-left: -5px; margin-top: -5px; background: #B8C93B; border-radius: 50%;}*//*

}
.mslider__bg_item{position: relative; width: 100vw; height: 100vh; float: left;}
.mslider__left{position: absolute; left: 50%; margin-top: 11%; margin-left: -35%;}
.mslider__left .festus{position: absolute; left: -70px; top: 55px; .transform(rotate(-10deg));}
.mslider__right{position: absolute; right: 50%; width: 440px; margin-right: -42%; */
/*margin-top: 3%;*//*
 margin-top: 14%; text-align: right; text-shadow: 1px 1px 10px #000000;}
.mslider__right .button{margin-top: 20px; text-shadow: none;}
.mslider__content{position: absolute; top: 28%; width: 100%; height: 52%; z-index: 1;}

.mslider__left--mod{
  margin-left: -2%; margin-top: 10%;
  .festus{left: -220px; top: -70px; width: 235px;}
  span{display: block;}
  .right{text-align: right;}
}

.mslider__arrows{position: absolute; left: 0; bottom: 20px; width: 100%;}
.mslider__arrows .festus{font-size: 26px; .text-shadow(1px 1px 10px rgba(0, 0, 0, 1));}
.marrows__right, .marrows__left{position: relative; width: 210px; height: 85px; cursor: pointer; .user-select(none); z-index: 2;}
.marrows__right, .marrows__left{
	img{display: inline;}
}
*/
/*.marrows__right:hover:after{content: ''; position: absolute; right: 0; bottom: 0; width: 76px; height: 118px; background: url(/images/tpl/main-gradient.png);}
.marrows__left:hover:after{content: ''; position: absolute; left: 0; bottom: 0; width: 76px; height: 118px; background: url(/images/tpl/main-gradient1.png);}*//*

.mslider__arrows--mod{
  .marrows__right, .marrows__left{width: 140px;}
}

.main__info{position: absolute; left: 50%; top: 20%; width: 505px; margin-left: 6.8%; font-family: BebasNeueLight;}
.minfo__menu{margin-left: -3px; margin-bottom: 2px;}
.minfo__item{position: relative; float: left; width: 50px; height: 35px; margin-left: 3px; line-height: 35px; font-size: 26px; color: #484e0f; background: #fff; cursor: pointer;}
.minfo__item:hover{color: #bbc747; .transition(0.3s);}
.minfo__item.active{color: #bbc747;}
.minfo__item.active:after{content: ''; position: absolute; left: 0; bottom: -2px; width: 100%; height: 2px; background: #fff;}
.minfo__content{padding: 15px 10px 40px; color: #484e0f; background: #fff;}
.minfo__text{display: none;}
.minfo__text.active{display: block;}
.minfo__string{margin-top: 15px; font-family: Exo2-Light;}
.minfo__string .h3{font-family: Exo2-Light;}
.minfo__content .green{color: #bbc747;}
.minfo__content .orange{color: #f88b38;}
.minfo__content .h4{text-transform: uppercase; padding-bottom: 20px; border-bottom: 1px solid #8490f8;}
.minfo__content p{padding: 0 25px; text-align: right; font-family: Exo2-Light;}
.minfo__content .button{margin-top: 25px;}
.minfo__close{position: absolute; right: 0; top: 0; width: 27px; height: 27px; background: url(/images/tpl/minfo-close.png); cursor: pointer;}

.bonus{position: absolute; left: 50%; bottom: 0; display: inline-block; min-height: 60px; cursor: pointer;}
.bonus__line{width: 15px; margin-bottom: 4px; border-bottom: 4px solid #fff; .transition(0.5s cubic-bezier(0.55, 0.06, 0.68, 0.19));}
.bonus__front{display: inline-block; height: 42px; line-height: 42px; color: #fff; border: 1px solid #fff; background: #bbc747; .transition(0.5s)}
.bonus__img{width: 43px; height: 42px; line-height: normal;}
.bonus__img img{vertical-align: middle;}
.bonus__text{padding: 0 10px; border-left: 1px solid #fff;}

.bonus__hover{position: absolute; top: 8px; width: 230px; max-height: 0; padding: 0 10px; background: #fff; overflow: hidden; .box-sizing(border-box); .transition(max-height 0.5s cubic-bezier(0.55, 0.06, 0.68, 0.19)); z-index: 1;}
.bhover__top{margin-bottom: 5px; border-bottom: 4px solid #bbc747;}
.bhover__img{width: 50px; height: 50px; margin-right: 5px;}
.bhover__img img{vertical-align: middle;}
.bhover__text{width: 155px; text-transform: uppercase; font-family: BebasNeueBold; color: #bbc747;}
.bhover__text--mod{line-height: 50px;}
.bhover__content{padding-bottom: 25px; color: #626824;}
.bhover__content li{position: relative; margin-top: 10px; padding-left: 25px;}
.bhover__content li:before{content: ''; position: absolute; left: 0; top: 50%; width: 15px; height: 4px; margin-top: -1px; background: #bbc747;}

.bonus--mod{
  .bonus__hover{top: 44px; .transition(0.5s linear); .transition-property(all);}
  .bonus__line{position: absolute; left: 0; top: 48px; .transition(0.5s linear);}
}

.bonus:hover{
  width: 230px;
  .bonus__front{display: none;}
  .bonus__line{width: 100%;}
  .bonus__hover{max-height: 600px;}
}

.bonus--mod:hover{
  .bonus__line{width: 100%;}
  .bonus__hover{top: -148px; max-height: 191px;}
}

.bonus--mod2:hover{
  .bonus__line{width: 100%;}
  .bonus__hover{top: -161px; max-height: 205px;}
}

.callibri_options {
	bottom:155px!important;
	padding-bottom: 0!important;
}
.callibri_soc {
	bottom:120px!important;
	padding-bottom: 0!important;
}
.callibri_hooktext_wrapper {
	bottom: 125px!important;
}
.callibri_bg_soc {
    bottom: 165px!important;
}

*/

.goUp {
  position: fixed;
  right: 13px;
  z-index: 888;
  cursor: pointer;
  bottom: -127px;
  opacity: 0.5;
  -webkit-transition: bottom 0.5s, opacity 0.5s;
  -moz-transition: bottom 0.5s, opacity 0.5s;
  -o-transition: bottom 0.5s, opacity 0.5s;
  transition: bottom 0.5s, opacity 0.5s;
  display: block;
  height: 127px;
  width: 127px;
  background: url("/images/home/up.png") 0 0 no-repeat;
  outline: none;
}

.goUp:hover, .goUp:focus {
}

.goUp.active {
  bottom: 3px;
}

.goUp.active:hover {
  opacity: 1;
}

.goUp.bottom {
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  transition: none;
}

@media (max-width: 599px) {
  .goUp {
    display: none;
  }
}

@media (min-width: 600px) and (max-width: 799px) {
  .goUp {
    display: none;
  }
}

@media (min-width: 800px) and (max-width: 999px) {
  .goUp {
    display: none;
  }
}

/*ToTheTop-End*/

/*.wrapper {
  overflow:hidden;
}*/
.inline {
  display: inline-block;
  vertical-align: top;
}

.bgSize_cover {
  -o-background-size: cover;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -khtml-background-size: cover;
  background-size: cover;
}

.btn_form {
  display: inline-block;
  vertical-align: top;
  height: 40px;
  line-height: 40px;
  cursor: pointer;
  padding: 0px 26px;
  font-size: 16px;
  color: #fff;
  text-decoration: none;
  background: #eaac08;
  -moz-border-radius: 25px;
  -webkit-border-radius: 25px;
  -khtml-border-radius: 25px;
  border-radius: 25px;
  font-family: Exo2-Medium;
}

.btn_form:hover {
  background-image: -ms-linear-gradient(right, #f6d104 0%, #EBB107 100%);
  background-image: -moz-linear-gradient(right, #f6d104 0%, #EBB107 100%);
  background-image: -o-linear-gradient(right, #f6d104 0%, #EBB107 100%);
  background-image: -webkit-gradient(linear, right top, left top, color-stop(0, #f6d104), color-stop(100, #EBB107));
  background-image: -webkit-linear-gradient(right, #f6d104 0%, #EBB107 100%);
  background-image: linear-gradient(to left, #f6d104 0%, #EBB107 100%);
}

.blockTitle {
  position: relative;
  text-align: center;
  font-size: 36px;
  color: #3a3a3a;
  font-family: BebasNeueBook;
  padding-top: 15px;
}

.blockTitle.shortTitle {
  padding-top: 26px;
}

.blockTitle small {
  font-size: 16px;
  color: #b8b8b8;
  font-family: BebasNeueRegular;
}

.blockTitle .formRespText {
  font-family: Exo2-Light;
  font-size: 16px;
  line-height: 24px;
}

.blockTitle.finish {
  padding-top: 30px;
}

.blockTitle:before {
  content: "";
  position: absolute;
  right: 0px;
  left: 0px;
  bottom: -30px;
  width: 280px;
  margin: 0 auto;
  height: 1px;
  background: #b8b8b8;
}

.blockTitle:after {
  content: "";
  position: absolute;
  right: 0px;
  left: 0px;
  bottom: -31px;
  width: 80px;
  margin: 0 auto;
  height: 3px;
  background: #eaac08;
}

.blockTitle.finish:before,
.blockTitle.finish:after {
  display: none;
}

.blockText {
  text-align: center;
  font-size: 17px;
  line-height: 26px;
  margin-top: 49px;
}

.container {
  position: relative;
  max-width: 1170px;
  padding: 0px 15px;
  margin: 0 auto;
}

.container--mod {
  height: 100%;
}

.row {
  position: relative;
}

/* Гланый баннер */
.mainBanner {
  position: relative;
  background: url("/images/home/mainBanner2.jpg") no-repeat center;
  height: 900px;
  color: #fff;
  text-align: center;
}

.mainBanner_change {
  position: relative;
  background: url("/images/home/mainBanner2_change.jpg") no-repeat center;
  height: 900px;
  color: #fff;
  text-align: center;
}

.hdrFixWrapCover {
  background-color: rgba(0, 0, 0, 0.4);
}

.hdrFixWrap {
  min-height: 80px;
}

.mainBanner_address {
  position: absolute;
  left: 0px;
  top: 21px;
  text-align: left;
  font-family: Exo2-Medium;
  font-size: 16px;
  line-height: 21px;
}

.mainBanner_address_br {
  display: none;
}

.mainBanner_address span {
  font-family: Exo2-Light;
}

.mainBanner_address p {
  margin-bottom: 5px;
  padding-top: 0;
}

.mainBanner_logo {
  font-size: 16px;
  margin-top: 20px;
}

.mainBanner_logo img.mainBanner_logo_reg {
  display: inline-block;
  vertical-align: middle;
}

.mainBanner_logo img.mainBanner_logo_fix {
  display: none;
}

.mainBanner_logo img.mainBanner_logo_mob {
  display: none;
}

.mainBanner_tel {
  position: absolute;
  right: 0px;
  top: 45px;
  font-size: 24px;
  font-family: Exo2-Medium;
  text-align: right;
  display: flex;
  font-size: 0;
}

/*.mainBanner_tel span {
  font-size:20px;
  font-family: Exo2-Light;
}*/
.mainBanner_tel a.tel {
  color: #3a3a3a;
  text-decoration: none;
}

.mainBanner_tel p {
  padding-top: 0;
  font-size: 24px;
}

.btn_mainBanner {
  position: absolute;
  left: 0px;
  right: 0px;
  margin: 0 auto;
  bottom: 100px;
  display: block;
  width: 380px;
  height: 62px;
  line-height: 64px;
  font-size: 32px;
  text-transform: uppercase;
  text-decoration: none;
  color: #fff;
  font-family: 'BebasNeueBold';
  text-shadow: 0px 3px 2px #aa5f03;
  background-image: -ms-linear-gradient(right, #de8011 0%, #FFCC1D 100%);
  background-image: -moz-linear-gradient(right, #de8011 0%, #FFCC1D 100%);
  background-image: -o-linear-gradient(right, #de8011 0%, #FFCC1D 100%);
  background-image: -webkit-gradient(linear, right top, left top, color-stop(0, #de8011), color-stop(100, #FFCC1D));
  background-image: -webkit-linear-gradient(right, #de8011 0%, #FFCC1D 100%);
  background-image: linear-gradient(to left, #de8011 0%, #FFCC1D 100%);
  box-shadow: 0px 6px 0px #c56d2e;
  border-radius: 35px;
}

.btn_mainBanner:hover {
  color: #3a3a3a;
  background-color: #ffe51f;
  background-image: -webkit-gradient(linear, left top, left top, color-stop(0%, #ffe51f), color-stop(100% #f09812));
  background-image: -webkit-linear-gradient(left, #ffe51f 0%, #f09812 100%);
  background-image: -moz-linear-gradient(left, #ffe51f 0%, #f09812 100%);
  background-image: -ms-linear-gradient(left, #ffe51f 0%, #f09812 100%);
  background-image: -o-linear-gradient(left, #ffe51f 0%, #f09812 100%);
  background-image: linear-gradient(left, #ffe51f 0%, #f09812 100%);
}

.toOrder_btn {
  display: inline-block;
  border: 2px solid #eaac08;
  font-size: 14px;
  color: #fff;
  text-decoration: none;
  height: 40px;
  line-height: 34px;
  width: 196px;
  text-align: center;
  margin-top: 9px;
  -moz-border-radius: 25px;
  -webkit-border-radius: 25px;
  -khtml-border-radius: 25px;
  border-radius: 25px;
}

.toOrder_btn:hover {
  background: #eaac08;
  color: #fff;
}

.menuMobile, .mobile_contact {
  display: none;
}

.menuMobile {
  cursor: pointer;
}

.menuMobile span {
  display: block;
  width: 50px;
  height: 2px;
  background: #fff;
  margin-bottom: 10px;
}

.mainBanner_nav {
  min-height: 50px;
  line-height: 30px;
  margin-top: 12px;
}

.mainBanner_nav ul li {
  display: inline-block;
  vertical-align: top;
  margin: 0px 25px;
}

.mainBanner_nav ul li:first-child {
  margin-left: 0px;
}

.mainBanner_nav ul li:last-child {
  margin-right: 0px;
}

.mainBanner_nav ul li a {
  color: #fff;
  text-decoration: none;
  font-size: 16px;
  font-family: Exo2-Medium;
  text-transform: uppercase;
  border-bottom: 1px solid #828475;
}

.mainBanner_nav ul li a:hover, .mainBanner_nav ul li a.active {
  color: #ecb207;
  border-bottom: none;
}

.mainBanner_blockText {
  padding-top: 11em;
}

.mainBanner_block {
  display: table;
  width: 100%;
  position: relative;
  height: 325px;
  z-index: 1;
}

.mainBanner_block:after {
  content: "";
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  z-index: -1;
  background: url("/images/home/angle.png") no-repeat left top,
  url("/images/home/angleRight.png") no-repeat right bottom;
}

.mainBanner_block:before {
  content: "";
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  z-index: -1;
  background: url("/images/home/angle-min.png") no-repeat right top,
  url("/images/home/angle-minLeft.png") no-repeat left bottom;
}

.mainBanner_blockContent {
  display: table-cell;
  vertical-align: middle;
}

.mainBanner_blockTitle {
  font-size: 40px;
  text-transform: uppercase;
  font-family: Exo2-Medium;
}

.mainBanner_blockSubTitle {
  font-size: 24px;
  color: #ffba00;
}

.mainBanner_blockTitle_small {
  position: relative;
  font-size: 20px;
  font-family: Exo2-Light;
  margin-top: 11px;
}

.mainBanner_blockTitle_small span {
  font-size: 32px;
  font-family: Exo2-Medium;
  text-transform: uppercase;
}

.mainBanner_blockTitle_small:after {
  content: "";
  width: 100px;
  height: 3px;
  background: #b8b8b8;
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: -25px;
  margin: 0 auto;
}

.mainBanner_block .btn_form {
  margin-top: 46px;
  height: 44px;
  line-height: 44px;
}


/* Приемущества */
.advantages {
  background: #f9f4e5;
}

.advantages_list, .payment_list {
  text-align: center;
  padding-top: 90px;
}

.advantages_list figure {
  display: inline-block;
  vertical-align: top;
  margin: 0px;
  width: 262px;
  margin: 0px 40px;
  margin-bottom: 45px;
}

.advantages_list figcaption {
  font-family: Exo2-Medium;
  font-size: 18px;
  line-height: 24px;
  margin-top: 14px;
  color: #000000;
}

.orderProj_btnWrap {
  width: 100%;
  text-align: center;
  margin-top: 70px;
}

.orderProj_btnWrap .btn_form {
  width: 262px;
}

.projects {
  padding-bottom: 70px;
  background: #f9f4e5;
}

.projects h1 {
  margin: 40px 0 50px;
}

.projects_filter {
  text-align: center;
  padding-top: 60px;
}

.projects_filter.techFilter {
  padding-top: 46px;
}

.projects_filter li {
  position: relative;
  display: inline-block;
  vertical-align: top;
  margin: 0px 7px;
  width: 180px;
  height: 44px;
  line-height: 40px;
  -moz-border-radius: 25px;
  -webkit-border-radius: 25px;
  -khtml-border-radius: 25px;
  border-radius: 25px;
  font-size: 20px;
  color: #3a3a3a;
  text-align: center;
  border: 2px solid transparent;
  cursor: pointer;
}

.projects_filter li.active {
  border: 2px solid #eaac08;
}

.projects_filter li a {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

.projects_list {
  margin-top: 30px;
  text-align: center;
}

.projects__list {
  text-align: center;
}

.projects_item {
  margin: 0px 20px;
  text-align: left;
  margin-bottom: 40px;
}

.projects_item:nth-child(2n+1) {
  margin-left: 0px;
}

.projects_item:nth-child(2n) {
  margin-right: 0px;
}

.projects_img {
  position: relative;
  width: 290px;
}

.projects--mod .projects_img {
  padding-bottom: 36px;
}

.projects_img img {
  width: 100%;
}

.projects_imgNumber {
  position: absolute;
  left: 0px;
  bottom: 0;
  height: 36px;
  line-height: 36px;
  width: 100%;
  padding-left: 9px;
  background: @colorBasic2;
  text-transform: uppercase;
  font-size: 20px;
  color: #fff;
  font-family: Exo2-Medium;
  overflow: hidden;
}

.projects_img a {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

.projects_text {
  padding-left: 16px;
  padding-top: 10px;
  width: 240px;
}

.projects_text ul {
  padding-bottom: 5px;
  border-bottom: 1px solid #eaac08;
}

.projects_text ul li {
  position: relative;
  font-size: 14px;
  margin-bottom: 12px;
}

.projects_text ul li span.text {
  display: inline-block;
  margin-right: 16px;
  width: 145px;
  vertical-align: top;
}

.projects_text ul li span.data {
  position: relative;
  top: 3px;
  font-size: 17px;
  font-family: Exo2-Medium;
  display: inline-block;
  vertical-align: top;
  line-height: 0;
  width: 90px;
  white-space: nowrap;
}

.projects_price {
  font-size: 16px;
  font-family: Exo2-Medium;
  padding-top: 8px;
}

.projects_price strong {
  display: block;
  font-size: 24px;
  color: #eaac08;
  font-family: Exo2-Medium;
  font-weight: normal;
  position: relative;
  top: 1px;
  margin-top: 5px;
  /*margin-left:22px;*/
}

.projects_price strong span {
  font-family: Rouble;
}

.projects_btn {
  display: block;
  font-size: 16px;
  color: #3a3a3a;
  text-decoration: none;
  height: 40px;
  line-height: 36px;
  -moz-border-radius: 25px;
  -webkit-border-radius: 25px;
  -khtml-border-radius: 25px;
  border-radius: 25px;
  text-align: center;
  border: 2px solid #eaac08;
  margin-top: 15px;
}

.projects_btn:hover {
  background: #eaac08;
  color: #fff;
}

.paginationString {
  text-align: center;
}

.pagination {
  display: inline-block;
  vertical-align: top;
  overflow: hidden;
}

.bx-wrapper .bx-pager.bx-default-pager a {
  margin: 0px;
  width: 40px;
  height: 40px;
  line-height: 40px;
  border: 1px solid #e8e8e8;
  border-left: none;
  text-align: center;
  font-size: 15px;
  font-family: Exo2-Light;
  background: none;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  -khtml-border-radius: 0px;
  border-radius: 0px;
  text-indent: 0px;
  text-decoration: none;
  color: #3a3a3a;
}

.bx-wrapper .bx-pager.bx-default-pager .bx-pager-item:first-child a {
  border-left: 1px solid #e8e8e8;
}

.bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:hover {
  background: #eaac08;
}

.box_js {
  display: none;
}

.box_js.visible {
  display: block;
}

/* Способы оплаты */
.payment {
  text-align: center;
  padding-bottom: 50px;
  background: #f9f4e5;
}

.payment_list figure {
  display: inline-block;
  vertical-align: top;
  margin: 0px;
  width: 280px;
  margin-bottom: 78px;
}

.paymentImg.building {
  margin-top: 2px;
}

.paymentImg.wallet {
  margin-top: 14px;
}

.paymentImg img {
  display: inline-block;
  vertical-align: bottom;
}

.payment_list figcaption {
  font-family: Exo2-Medium;
  color: #3a3a3a;
  font-size: 18px;
  line-height: 24px;
  margin-top: 12px;
}

.payment_list .paymentDesc {
  color: #3a3a3a;
  font-size: 16px;
  line-height: 22px;
  margin-top: 12px;
}

.payment_title {
  font-size: 24px;
  font-family: Exo2-Medium;
}

.payment_subTitle {
  font-size: 20px;
  margin-top: 2px;
}

.payment .btn_form {
  width: 262px;
  margin-top: 34px;
}


/* Расположение поселка */
.disposition_content {
  padding-top: 30px;
  padding-bottom: 45px;
}

.disposition_img {
  padding-top: 85px;
  padding-left: 16px;
}

.disposition_list {
  padding-top: 30px;
  padding-left: 120px;
}

.disposition_list figure {
  margin: 0px;
  margin-bottom: 15px;
}

.disposition_list figcaption {
  width: 200px;
  font-size: 20px;
  font-family: Exo2-Medium;
  color: #ebb107;
  border-bottom: 1px solid #e7e5de;
  padding-bottom: 10px;
}

.disposition_list ul {
  font-size: 16px;
  margin-top: 5px;
}

.disposition_list ul li {
  margin-bottom: 6px;
}

.disposition_list ul li span {
  font-size: 14px;
  color: #858585;
}

.disposition_list ul li strong {
  font-family: Exo2-Medium;
  font-weight: normal;
}

.disposition_img_container {
  position: relative;
  width: 540px;
  max-width: 100%;
  margin: 0 auto;
}

.disposition_img_container--mob {
  display: none;
}

.disposition_img_container img {
  display: block;
  max-width: 100%;
}

.disposition__scheme {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.disposition__scheme_item {
  position: absolute;
  width: 24px;
  height: 24px;
  background: url(/images/tpl/scheme-marker.png);
  cursor: pointer;
}

.disposition__scheme_item {
  &:hover, &.hover {
    .disposition__scheme_hint {
      opacity: 1;
      z-index: 1;
    }
  }
}

.disposition__scheme_hint {
  font-size: 13px;
  line-height: 20px;
  position: absolute;
  left: 50%;
  bottom: 150%;
  z-index: -1;
  opacity: 0;
  width: 236px;
  margin-left: -118px;
  padding: 1px;
  text-align: left;
  white-space: normal;
  background-color: #fff;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  .transition(0.6s);
  cursor: auto;
}

.disposition__scheme_hint:after {
  content: '';
  position: absolute;
  left: 50%;
  top: 100%;
  margin-left: -11px;
  border-left: 11px solid transparent;
  border-right: 11px solid transparent;
  border-top: 11px solid #fff;
}

.disposition__scheme_name {
  padding: 12px 14px;
  font-size: 1.5em;
  margin: 0;
  font-family: Exo2-Medium;
  line-height: 18px;
  color: #93d544;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  -webkit-border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;
}

.disposition__scheme_content {
  padding: 6px 14px;
  font-family: Exo2-Light;
}

/* Таблица параметров */

.optionsTable_section {
  padding: 0px 15px;
  overflow: hidden;
}

.optionsTable {
  text-align: center;
  font-size: 16px;
}

.optionsTable figure, .optionsTable_figure {
  float: left;
  margin: 0px;
  width: 16.6%;
}

.optionsTable figcaption, .optionsTable_figcaption {
  background: @colorBasic;
  height: 44px;
  line-height: 44px;
  color: #fff;
  border: 1px solid #fff;
}

.optionsTable_figure ul li {
  display: table;
  width: 100%;
  height: 44px;
  border: 1px solid #fff;
}

.optionsTable_figure ul li:nth-child(even) {
  background: #fcf6e3;
}

.optSmaller {
  font-size: 14px;
}

.figure_content {
  display: table-cell;
  vertical-align: middle;
}

.figure_contentOptions {
  display: none;
}

.optionsTable_figure.active figcaption, .optionsTable_figure.active .optionsTable_figcaption {
  background: @colorBasic2;
}

.optionsTable_figure.active ul li {
  background: #f7f7f7;
}

.optionsTable_figure.active ul li:nth-child(even) {
  background: #f5edd4;
}


.bx-wrapper {
  position: relative;
  margin-bottom: 0px;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: none;
  background: transparent;
}

/*GALLERY*/
.galTopSect {
  margin: 0 auto;
  width: 100%;
  max-width: 696px;
}

.gallery {
  padding-top: 30px;
}

.gallery .heading {
  margin-bottom: 40px;
  color: #000000;
  font: 400 35px "Roboto Slab";
}

.gallery .galSubh {
  color: #000000;
  font: 400 14px/18px "Open Sans";
}

.gallery.no-padding .gallery-cat {
  margin-top: 10px;
}

.gallery.no-padding .gallery-content {
  margin-top: 40px;
}

.gallery.no-padding .gallery-content .row {
  margin-left: 0;
  margin-right: 0;
}

.gallery.no-padding .gallery-content [class*="col-"] {
  padding-left: 0;
  padding-right: 0;
  margin-top: 0;
}

.gallery.no-padding .gallery-content .item {
  margin-top: 0;
}

.gallery.gallery-3 .gallery-content [class*="col-"] {
  margin-top: 30px;
}

.gallery-content {
  margin-top: 20px;
}

.gallery-content .gallery_item {
  position: relative;
  overflow: hidden;
}

.gallery-content .gallery_item img {
  width: 100%;
  vertical-align: middle;
}

.gallery-content .gallery_item .icon {
  pointer-events: none;
  position: absolute;
  top: 50%;
  left: 50%;
  color: #fff;
  line-height: 1;
  font-size: 40px;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
}

.gallery-content .gallery_item:before {
  bottom: 0;
  left: 0;
  right: 0;
  top: 50%;
  position: absolute;
  content: '';
  opacity: 0;
  pointer-events: none;
  background-color: transparent;
  background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(#fcedd8));
  background: -webkit-linear-gradient(top, transparent, #fcedd8);
  background: -moz-linear-gradient(top, transparent, #fcedd8);
  background: -ms-linear-gradient(top, transparent, #fcedd8);
  background: -o-linear-gradient(top, transparent, #fcedd8);
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
}

.gallery-content .gallery_item .text {
  position: absolute;
  bottom: 10px;
  left: 15px;
  right: 15px;
  color: #fff;
  z-index: 10;
  font-family: 'MullerRegular';
  font-size: 16px;
  pointer-events: none;
  font-weight: normal;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translate(0, 50%);
  -moz-transform: translate(0, 50%);
  -ms-transform: translate(0, 50%);
  -o-transform: translate(0, 50%);
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
}

.gallery-content .gallery_item:hover .text {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
}

.gallery-content .gallery_item:hover:before {
  top: 0;
  opacity: .9;
}

.gallery-content .our-gallery {
  margin-top: 30px;
}

.gallery-content .our-gallery .awe-btn {
  min-width: 180px;
}

.gallery-isotope .item-isotope {
  float: left;
  margin-top: 20px;
  padding-left: 10px;
  padding-right: 10px;
}

.gallery-isotope.pd-0 .item-isotope {
  padding: 0;
  margin-top: 0;
}

.gallery-isotope.col-3 .item-isotope,
.gallery-isotope.col-3 .item-size {
  width: 33.333333%;
}

.gallery-isotope.col-4 .item-isotope,
.gallery-isotope.col-4 .item-size {
  width: 25%;
}

.gallery-isotope.col-5 .item-isotope,
.gallery-isotope.col-5 .item-size {
  width: 20%;
}

.gallery-isotope.col-4 .item-isotope.larger, .gallery-isotope.col-5 .item-isotope.larger {
  width: 50%;
}

.gallery-isotope.col-6 .item-isotope,
.gallery-isotope.col-6 .item-size {
  width: 16.66666667%;
}

.list-inline {
  padding-left: 0;
  margin-left: -5px;
  list-style: none;
}

.gallery-cat ul {
  margin-bottom: 0;
  font-size: 0;
}

.gallery-cat ul li {
  font-size: 16px;
}

.gallery-cat ul li a {
  color: #141414;
  text-transform: uppercase;
  font-weight: 500;
  display: block;
  padding: 7px 15px;
  margin-top: 10px;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
}

.gallery-cat ul li:hover a,
.gallery-cat ul li.active a {
  background-color: #422802;
  color: #fff;
}

.mfp-wrap {
  cursor: default;
}

.mfp-wrap .mfp-content .mfp-figure {
  padding-bottom: 0;
  background-color: #1f232b;
  position: relative;
}

.mfp-wrap .mfp-content .mfp-figure:after {
  content: none;
}

.mfp-wrap .mfp-content .mfp-figure .mfp-close {
  right: 7px;
  top: 7px;
  position: absolute;
  padding: 0;
  height: 20px;
  width: 20px;
  line-height: 20px;
  font-size: 20px;
  color: #fff;
  text-align: center;
  cursor: pointer;
  background-color: #7c7c7c;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
}

.mfp-wrap .mfp-content .mfp-figure .mfp-close:hover {
  background-color: #e7c130;
}

.mfp-wrap .mfp-content .mfp-figure .mfp-img {
  padding: 30px;
}

.mfp-wrap .mfp-content .mfp-figure .mfp-bottom-bar {
  position: absolute;
  margin: 0;
  text-align: center;
  font-weight: 500;
  bottom: 7px;
  top: inherit;
  left: 30px;
  right: 30px;
  width: inherit;
}

.mfp-wrap .mfp-content .mfp-figure .mfp-bottom-bar .mfp-title {
  position: static;
  display: inline-block;
  color: #fff;
  padding-right: 10px;
  font-size: 16px;
}

.mfp-wrap .mfp-content .mfp-figure .mfp-bottom-bar .mfp-counter {
  display: inline-block;
  position: static;
  font-size: 16px;
  color: #898989;
}


.callback-section {
  color: #fff;
  padding-bottom: 36px;
  background-position: center;
  background-repeat: no-repeat;
}

.callback-section.v1 {
  background: #66994c;
}

.callback-section.v2 {
  background-image: url("/images/home/blockBg2.jpg");
}

.callback-section.v3 {
  background: #f8f3e6;
}

.callback-section .blockTitle small {
  color: #fff;
}

.callback-section .blockTitle {
  color: #ffffff;
}

.callback-formArea {
  margin-top: 53px;
  text-align: center;
}

.callback-formArea form {
  width: 100%;
  display: inline-block;
}

.formRow {
  overflow: hidden;
}

.form-control::-moz-placeholder {
  color: #aba8a8;
  opacity: 1;
}

.form-control:-ms-input-placeholder {
  color: #aba8a8;
  opacity: 1;
}

.form-control::-webkit-input-placeholder {
  color: #aba8a8;
  opacity: 1;
}

.form-group:first-child {
  margin-left: 0;
}

.form-group {
  margin-top: 10px;
  margin-left: 78px;
  float: none;
  display: inline-block;
}

.callback-formArea .form-control {
  width: 263px;
  height: 40px;
  font-size: 14px;
  background: #ffffff;
  color: #3a3a3a;
  padding: 0 18px;
  border: 1px solid #ffffff;
  -moz-border-radius: 25px;
  -webkit-border-radius: 25px;
  -khtml-border-radius: 25px;
  border-radius: 25px;
}

.form-control:focus {
  border-color: #eaac08;
}

input:not([type=checkbox]):not([type=radio]) {
  -webkit-appearance: none;
}

.has-success .form-control {
  border-color: #3c763d !important;
}

.has-success .form-control:focus {
  border-color: #2b542c !important;
}

.has-error .form-control {
  border-color: #a94442 !important;
}

.has-error .form-control:focus {
  border-color: #843534 !important;
}

.ask-question__politics {
  margin-top: 6px;
  text-align: left;
  vertical-align: top;
}

label.letter-checkbox {
  font-size: 14px;
  color: #ffffff;
  cursor: pointer;
}

.letter-checkbox a {
  color: #ffffff;
  text-decoration: underline;
}

.letter-checkbox a:hover {
  color: #eaac08;
}

.letter-checkbox input {
  display: none;
}

.letter-checkbox__img {
  content: "";
  display: inline-block;
  position: relative;
  width: 16px;
  height: 16px;
  margin-right: 14px;
  margin-top: 7px;
  background-image: url("/images/home/check.png");
  background-position: 0 0;
  background-repeat: no-repeat;
  cursor: pointer;
  vertical-align: top;
}

input:checked + .letter-checkbox__img {
  background-position: 0 -16px;
}

.has-error .letter-checkbox__img {
  background-position: 0 -32px /* !important*/;
}

.letter-field-descr {
  width: 230px;
  display: inline-block;
  vertical-align: top;
  text-align: left;
}

.callback-formArea .toOrder_btn {
  border: 0 none;
  font-family: Exo2-Medium;
  font-size: 16px;
  line-height: 38px;
  width: 263px;
  height: 45px;
  margin-top: 17px;
  cursor: pointer;
  padding-bottom: 6px;
  background: url("/images/home/form-button.png") 0 0 no-repeat;
}

.callback-formArea .toOrder_btn:hover,
.callback-formArea .toOrder_btn:active {
  background-position: 0 -47px;
  color: #3a3a3a;
}

/*Orange-Bordered Popup*/
.bordered-popup-block {
  position: relative;

  width: 282px;
  margin: 20px auto;
  background-color: #fcf6e3;
  border: 3px solid #ecb207;
  padding: 32px 20px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}

.mfp-close-btn-in .bordered-popup-block .mfp-close {
  top: 24px;
  right: -21px;
  width: 52px;
  height: 52px;
  background: url("/images/home/popup-close.png") 0 0 no-repeat;
  opacity: 1;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  -webkit-box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.1);
}

.mfp-close-btn-in .bordered-popup-block .mfp-close:hover,
.mfp-close-btn-in .bordered-popup-block .mfp-close:active {
  background-position: -68px 0;
}

.bordered-popup-block .blockTitle {
  font-size: 28px;
  line-height: 29px;
  color: #3a3a3a;
  font-family: Exo2-Medium;
  padding: 0 20px;
}

.bordered-popup-block .blockTitle:before,
.bordered-popup-block .blockTitle:after {
  display: none;
}

.bordered-popup-block .blockTitle .formRespText {
  font-family: Exo2-Light;
  font-size: 16px;
  line-height: 22px;
  margin-top: 12px;
}

.popup-formArea {
  margin-top: 24px;
  text-align: center;
}

.popup-formArea form {
  width: 100%;
  display: inline-block;
}

.popup-formArea .form-group {
  width: 100%;
  margin: 0;
}

.popup-formArea .ask-question__politics {
  margin-top: 22px;
  padding-left: 12px;
}

.popup-formArea .field-formcontactpopup-phone {
  margin-top: 15px;
}

.field-formcontactpopup-buildid, .field-formcontactpopupplan-buildid {
  display: none;
}

.field-formcontactpopupplan-name, .field-formcontactpopupplan-phone {
  margin-bottom: 16px !important;
}

.popup-formArea .form-control {
  width: 100%;
  height: 52px;
  font-size: 19px;
  background: #ffffff;
  font-family: Exo2-Medium;
  text-align: left;
  color: #3a3a3a;
  padding: 0 18px;
  border: 1px solid #e6dec3;
  -moz-border-radius: 25px;
  -webkit-border-radius: 25px;
  -khtml-border-radius: 25px;
  border-radius: 25px;
}

.popup-formArea .has-error .form-control {
  border-color: #a94442;
}

.popup-formArea .letter-checkbox__img {
  margin-right: 12px;
  margin-top: 0;
  background-position: 0 -48px;
}

.popup-formArea .has-error .letter-checkbox__img {
  background-position: 0 -32px;
}

.popup-formArea input:checked + .letter-checkbox__img {
  background-position: 0 -64px;
}

.popup-formArea .letter-checkbox a {
  color: #4d503c;
}

.popup-formArea .letter-checkbox a:hover {
  color: #eaac08;
}

.popup-formArea .letter-field-descr {
  width: 170px;
}

.popup-formArea .toOrder_btn {
  border: 0 none;
  font-family: Exo2-Medium;
  font-size: 20px;
  line-height: 50px;
  width: 199px;
  height: 50px;
  margin-top: 25px;
  cursor: pointer;
  padding-bottom: 6px;
  box-shadow: 0px 6px 0px #ce9100;
  background: #eaac08;
  border-radius: 25px;
}

.popup-formArea .toOrder_btn:hover,
.popup-formArea .toOrder_btn:active {
  background-image: -ms-linear-gradient(right, #f6d104 0%, #EBB107 100%);
  background-image: -moz-linear-gradient(right, #f6d104 0%, #EBB107 100%);
  background-image: -o-linear-gradient(right, #f6d104 0%, #EBB107 100%);
  background-image: -webkit-gradient(linear, right top, left top, color-stop(0, #f6d104), color-stop(100, #EBB107));
  background-image: -webkit-linear-gradient(right, #f6d104 0%, #EBB107 100%);
  background-image: linear-gradient(to left, #f6d104 0%, #EBB107 100%);
  box-shadow: 0px 6px 0px #cea500;
}


/**
 * Fade-zoom animation for first dialog
 */

/* start state */
.my-mfp-zoom-in .zoom-anim-dialog {
  opacity: 0;

  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;


  -webkit-transform: scale(0.8);
  -moz-transform: scale(0.8);
  -ms-transform: scale(0.8);
  -o-transform: scale(0.8);
  transform: scale(0.8);
}

/* animate in */
.my-mfp-zoom-in.mfp-ready .zoom-anim-dialog {
  opacity: 1;

  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}

/* animate out */
.my-mfp-zoom-in.mfp-removing .zoom-anim-dialog {
  -webkit-transform: scale(0.8);
  -moz-transform: scale(0.8);
  -ms-transform: scale(0.8);
  -o-transform: scale(0.8);
  transform: scale(0.8);

  opacity: 0;
}

/* Dark overlay, start state */
.my-mfp-zoom-in.mfp-bg {
  opacity: 0;
  -webkit-transition: opacity 0.3s ease-out;
  -moz-transition: opacity 0.3s ease-out;
  -o-transition: opacity 0.3s ease-out;
  transition: opacity 0.3s ease-out;
}

/* animate in */
.my-mfp-zoom-in.mfp-ready.mfp-bg {
  opacity: 0.8;
}

/* animate out */
.my-mfp-zoom-in.mfp-removing.mfp-bg {
  opacity: 0;
}

/*Конец попапа*/

.map-wrap {
  width: 100%;
  overflow: hidden;
  padding-top: 63px;
}

.map-side {
  float: left;
  width: 50%;
  padding: 0 16px;
}

.map-side:first-child {
  padding: 0 16px 0 0;
}

.map-side:last-child {
  padding: 6px 0 0 16px;
}

.map-desc {
  float: right;
  width: 487px;
  margin-right: 68px;
}

.map-text {
  width: 430px;
  font-family: Exo2-Light;
  font-size: 16px;
  line-height: 24px;
  color: #3a3a3a;
}

.map-map {
  height: 430px;
  width: 100%;
}

.address-buttons {
  margin-top: 20px;
}

.toOrder_btn.address-click {
  border: 2px solid transparent;
  width: auto;
  font-size: 16px;
  color: #3a3a3a;
  text-decoration: none;
  height: 40px;
  line-height: 34px;
  text-align: center;
  margin-top: 0;
  margin-right: 20px;
  padding: 0 24px;
}

.toOrder_btn.address-click:hover {
  color: #eaac08;
  background: none;
}

.toOrder_btn.address-click:last-child {
  margin-right: 0;
}

.toOrder_btn.address-click span {
  display: inline;
  border-bottom: 1px dashed #3a3a3a;
}

.toOrder_btn.address-click:hover span {
  border-bottom: 1px dashed #eaac08;
}

.toOrder_btn.address-click.active {
  border: 2px solid #eaac08;
  text-decoration: none;
}

.toOrder_btn.address-click.active span {
  display: inline;
  border: 0 none;
}

.address-details {
  margin-top: 20px;
  padding: 0 0 0 24px;
  overflow: hidden;
}

.address-element:not(.active) {
  display: none;
}

.address-col {
  width: 50%;
  float: left;
  padding-right: 16px;
}

.address-col:last-child {
  padding-left: 24px;
}

.address-item {
  margin-top: 32px;
}

.address-item:first-child {
  margin-top: 0;
}

.address-title {
  position: relative;
  font-size: 16px;
  line-height: 16px;
  color: #838383;
  padding-left: 25px;
}

.address-title:before {
  content: " ";
  position: absolute;
  width: 15px;
  height: 2px;
  top: 7px;
  left: 0;
  background-color: #eaac08;
}

.address-info {
  font-size: 16px;
  line-height: 16px;
  color: #3a3a3a;
  margin-top: 4px;
}

.address-info div {
  display: inline-block;
}

.address-info a {
  display: none;
  color: #3a3a3a;
}

.address-info span {
  font-family: Exo2-Medium;
}

.buildTech-section {
  padding: 0 0 60px;
}

.buildTech-page {
  display: none
}

.buildTech-page.visible {
  display: block
}

.buildTech-top {
  padding: 60px 0 37px;
}

.buildTech-col {
  float: left;
  width: 50%;
}

.buildTech-col img {
  max-width: 100%;
}

.buildTech-text {
  padding-right: 16px;
}

.buildTech-text p {
  font-size: 18px;
  line-height: 24px;
  color: #3a3a3a;
  padding-bottom: 16px;
}

.buildTech-text strong {
  font-family: Exo2-Medium;
  font-weight: normal;
}

.buildTech-text span {
  color: #49850e;
}

.fortyMore {
  position: relative;
}

.fortyMore:before {
  position: absolute;
  content: " ";
  width: 253px;
  height: 91px;
  top: 38px;
  left: -28px;
  background: #fcf6e3;
  z-index: -1;
}

span.fm-more {
  position: absolute;
  font-family: Exo2-Medium;
  font-size: 30px;
  line-height: 24px;
  color: #3a3a3a;
}

.fm-main {
  padding-left: 74px;
}

span.fm-big {
  display: block;
  font-family: Exo2-Medium;
  font-size: 100px;
  line-height: 82px;
  color: @colorBasic2;
  padding-left: 4px;
}

span.fm-under {
  display: block;
  font-family: Exo2-Light;
  font-size: 20px;
  color: #3a3a3a;
}

footer {
  min-height: 69px;
  background: #414e3b;
  padding: 20px 0 9px;
}

.footer-content {
  width: 100%;
  overflow: hidden;
}

.footer-col1 {
  float: left;
  width: 25%;
  text-align: left;
}

.footer-col2 {
  float: left;
  width: 50%;
  text-align: center;
}

.footer-col3 {
  float: left;
  width: 25%;
  text-align: right;
  position: relative;
  overflow: hidden;
  padding-right: 25px;
}

.footer-col3 a {
  text-decoration: none;
  margin-right: 10px;
}

.footer-col3 a img, .footer__soc a img {
  width: 28px;
  height: 28px;
}

.ftr-copyright {
  display: inline-block;
  font-size: 16px;
  line-height: 16px;
  color: #ffffff;
  padding-top: 5px;
}

.ftr-personal {
  display: inline-block;
  font-size: 16px;
  line-height: 16px;
  color: #ffffff;
  text-decoration: underline;
  padding-top: 5px;
}

.ftr-personal:hover {
  color: #eaac08;
}

.agentura {
  float: right;
  display: inline-block;
  font-size: 15px;
  line-height: 15px;
  color: #ffffff;
  padding: 6px 148px 0 0;
  min-height: 40px;
  position: relative;
}

.agentura:hover {
  color: #eaac08;
}

.agentura:after {
  position: absolute;
  content: " ";
  width: 134px;
  height: 40px;
  top: 0;
  right: 0;
  background: url("/images/home/logoAgentura.png") 0 0 no-repeat;
}

.agentura:hover:after {
  background-position: 0 -40px;
}


.forWhom {
  max-width: 1920px;
  margin: 0 auto;
  padding-bottom: 46px;
}

.forWhom_blockList {
  margin-top: 85px;
  overflow: hidden;
}

.forWhom_block:nth-child(even) {
  float: right;
  text-align: right;
}

.forWhom_blockImg, .forWhom_blockText {
  display: inline-block;
  vertical-align: top;
}

.forWhom_blockText {
  position: relative;
  margin: 0px 30px;
  margin-top: 64px;
}

.forWhom_blockText:after {
  display: none;
  content: "";
  width: 330px;
  height: 4px;
  background: @colorBasic2;
  position: absolute;
  left: -124px;
  bottom: -54px;
}

.forWhom_block:nth-child(even) .forWhom_blockText:after {
  left: auto;
  right: -169px;
}

.forWhom_title {
  font-size: 18px;
  line-height: 24px;
  font-family: Exo2-Medium;
}

.forWhom_text {
  font-size: 18px;
  margin-top: 10px;
}

.forWhom_block:nth-child(even) .forWhom_blockImg {
  float: right;
}

.excursionRecord {
  background: #fff;
  text-align: center;
}

.excursionRecord_itemList {
  margin-top: 80px;
}

.excursionRecord_item {
  position: relative;
  display: inline-block;
  width: 340px;
  margin: 0px 23px;
  text-align: left;
  margin-bottom: 45px;
}

.excursionRecord_item:before {
  display: inline-block;
  vertical-align: middle;
}

.excursionRecord1:before {
  content: url("/images/home/excursionRecord1.png");
}

.excursionRecord2:before {
  content: url("/images/home/excursionRecord2.png");
}

.excursionRecord3:before {
  content: url("/images/home/excursionRecord3.png");
}

.excursionRecord4:before {
  content: url("/images/home/excursionRecord4.png");
}

.excursionRecord_item p {
  display: inline-block;
  vertical-align: middle;
  font-size: 18px;
  font-family: Exo2-Medium;
  margin-left: 22px;
}

.callback-section.v3 {
  padding-bottom: 55px;
}

.callback-section.v3 .callback-formArea .form-control {
  border: 1px solid #c3beb1;
}

.callback-section.v3 .letter-checkbox a {
  color: #3a3a3a;
}

.excursionRecord_formTitle {
  text-align: center;
  color: #3a3a3a;
  font-size: 24px;
  font-family: Exo2-Medium;
  padding: 0px 15px;
  padding-top: 30px;
}

.excursionRecord_formTitle small {
  display: block;
  font-size: 20px;
  font-family: Exo2-Light;
  margin-top: 10px;
}

.excursionRecord_formTitle small span {
  color: #dda514;
  font-family: Exo2-Medium;
}

.excursionRecord_form {
  margin-top: 40px;
}

.excursionRecord_form .toOrder_btn {
  margin-top: 25px;
}

.excursionRecord_form .letter-checkbox__img {
  background-position: 0px -48px;
}

.excursionRecord_form input:checked + .letter-checkbox__img {
  background-position: 0px -64px;
}

.popup-block--success {
  display: none;
}

.mainBanner_soc {
  display: inline-block;
  margin-left: 35px;
  vertical-align: middle;
}

.mainBanner_soc_item {
  position: relative;
  display: inline-block;
  width: 38px;
  height: 38px;
  margin-left: 10px;
  border: 2px solid #fff;
  border-radius: 50%;
  box-sizing: border-box;
}

.mainBanner_soc_item:hover {
  border-color: #eaac08;
}

.mainBanner_soc_item.vk {
  background: url(/images/tpl/soc_vk.png) center center no-repeat;
}

.mainBanner_soc_item.ok {
  background: url(/images/tpl/soc_ok.png) center center no-repeat;
}

.mainBanner_soc_item.in {
  background: url(/images/tpl/soc_in.png) center center no-repeat;
}

.mainBanner_soc_item.fb {
  background: url(/images/tpl/soc_fb.png) center center no-repeat;
}

.mainBanner_soc_item.vk:hover {
  background: url(/images/tpl/soc_vk_hov.png) center center no-repeat;
}

.mainBanner_soc_item.ok:hover {
  background: url(/images/tpl/soc_ok_hov.png) center center no-repeat;
}

.mainBanner_soc_item.in:hover {
  background: url(/images/tpl/soc_in_hov.png) center center no-repeat;
}

.mainBanner_soc_item.fb:hover {
  background: url(/images/tpl/soc_fb_hov.png) center center no-repeat;
}

.mainBanner_soc_item a {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

.hdfix .mainBanner_soc_item {
  border-color: #000;
}

.hdfix .mainBanner_soc_item:hover {
  border-color: #eaac08;
}

.hdfix .mainBanner_soc_item.vk {
  background: url(/images/tpl/soc_vk_fix.png) center center no-repeat;
}

.hdfix .mainBanner_soc_item.ok {
  background: url(/images/tpl/soc_ok_fix.png) center center no-repeat;
}

.hdfix .mainBanner_soc_item.in {
  background: url(/images/tpl/soc_in_fix.png) center center no-repeat;
}

.hdfix .mainBanner_soc_item.fb {
  background: url(/images/tpl/soc_fb_fix.png) center center no-repeat;
}

.hdfix .mainBanner_soc_item.vk:hover {
  background: url(/images/tpl/soc_vk_hov.png) center center no-repeat;
}

.hdfix .mainBanner_soc_item.ok:hover {
  background: url(/images/tpl/soc_ok_hov.png) center center no-repeat;
}

.hdfix .mainBanner_soc_item.in:hover {
  background: url(/images/tpl/soc_in_hov.png) center center no-repeat;
}

.hdfix .mainBanner_soc_item.fb:hover {
  background: url(/images/tpl/soc_fb_hov.png) center center no-repeat;
}

.callibri_options {
  bottom: 155px !important;
  padding-bottom: 0 !important;
}

.callibri_soc {
  bottom: 120px !important;
  padding-bottom: 0 !important;
}

.callibri_hooktext_wrapper {
  bottom: 125px !important;
}

.callibri_bg_soc {
  bottom: 165px !important;
}

.hdrFixWrapCover {
  position: relative;
  z-index: 2;
}

.main__slider {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: 1;
}

.main__slider .container {
  padding-top: 170px;
}

/*.main__slider_buttons{display: none;}*/
.main__slider_bleft, .main__slider_bright {
  position: absolute;
  left: -85px;
  top: 50%;
  margin-top: -220px;
  display: block;
  height: 70px;
  width: 70px;
  outline: none;
  background: url("/images/home/up.png");
  background-size: cover;
  cursor: pointer;
  opacity: 0.5;
  transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -webkit-transition: bottom 0.5s, opacity 0.5s;
  -moz-transition: bottom 0.5s, opacity 0.5s;
  -o-transition: bottom 0.5s, opacity 0.5s;
  transition: bottom 0.5s, opacity 0.5s;
  z-index: 1;
}

.main__slider_bright {
  left: auto;
  right: -85px;
  transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
}

.main__slider_bleft:hover, .main__slider_bright:hover {
  opacity: 1;
}

.mslider__item {
  position: relative;
  display: block;
  width: 100vw;
  height: 100vh;
  float: left;
}

/*.mslider__item a{position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 1;}*/
.mslider__container {
  position: relative;
  height: 100%;
  z-index: 2;
}

.mslider__bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.mslider__bg div {
  width: 100vw;
  height: 100vh;
  float: left;
}

.mslider__bg div.active {
  display: block;
}

.main__slider_title {
  text-align: center;
  line-height: 60px;
  font-size: 60px;
  font-family: Exo2-Medium;
  text-shadow: 0px 3px 2px rgba(0, 0, 0, 1);
}

.main__slider_text {
  width: 610px;
  max-width: 100%;
  margin: 25px 0 0 0;
  font-size: 24px;
  font-family: Exo2-Medium;
  text-shadow: 0px 3px 2px rgba(0, 0, 0, 1);
}

.main__slider_content {
  position: absolute;
  left: 50%;
  top: 590px;
  display: inline-block;
  max-width: 540px;
  margin-left: -270px;
  padding: 10px 25px;
  font-size: 40px;
  font-family: Exo2-Medium;
  color: #fff;
  background: #ed1c24;
}

.mainBanner--mod .main__slider_description {
  width: 620px;
  max-width: 100%;
  text-align: left;
}

.mainBanner--mod .main__slider_title {
  line-height: 110px;
  text-align: left;
  text-transform: uppercase;
  font-size: 110px;
}

.mainBanner--mod .main__slider_content {
  position: static;
  margin-left: 0;
  margin-top: 35px;
}

.mainBanner--mod2 .main__slider_description {
  width: 830px;
  max-width: 100%;
  margin-top: 380px;
  text-align: left;
}

.mainBanner--mod2 .main__slider_title {
  line-height: normal;
  text-align: left;
  text-transform: uppercase;
  font-size: 65px;
}

.mainBanner--mod2 .main__slider_content {
  position: static;
  margin-left: 0;
  margin-top: 35px;
}

.main__slider .owl-dots {
  position: absolute;
  left: 0;
  bottom: 30px;
  width: 100%;
  text-align: center;
}

.main__slider .owl-dot {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: 0 10px;
  border: 4px solid #eaac08;
  border-radius: 50%;
}

.main__slider .owl-dot.active {
  background: #eaac08;
}

.mainBanner__link {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

/*.slick-dots{bottom: 15px; z-index: 1;}
.slick-dots li{position: relative; border: 2px solid #B8C93B; border-radius: 50%;}
.slick-dots li.slick-active:after{content: ''; position: absolute; left: 50%; top: 50%; display: block; width: 10px; height: 10px; margin-left: -5px; margin-top: -5px; background: #B8C93B; border-radius: 50%;}*/

.mslider__bg_item {
  position: relative;
  width: 100vw;
  height: 100vh;
  float: left;
}

.mslider__left {
  position: absolute;
  left: 50%;
  margin-top: 11%;
  margin-left: -35%;
}

.mslider__left .festus {
  position: absolute;
  left: -70px;
  top: 55px;
  transform: rotate(-10deg);
}

.mslider__right {
  position: absolute;
  right: 50%;
  width: 440px;
  margin-right: -42%; /*margin-top: 3%;*/
  margin-top: 14%;
  text-align: right;
  text-shadow: 1px 1px 10px #000000;
}

.mslider__right .button {
  margin-top: 20px;
  text-shadow: none;
}

.mslider__content {
  position: absolute;
  top: 28%;
  width: 100%;
  height: 52%;
  z-index: 1;
}

.mslider__left--mod {
  margin-left: -2%;
  margin-top: 10%;
}

.mslider__left--mod .festus {
  left: -220px;
  top: -70px;
  width: 235px;
}

.mslider__left--mod span {
  display: block;
}

.mslider__left--mod .right {
  text-align: right;
}

.mslider__arrows {
  position: absolute;
  left: 0;
  bottom: 20px;
  width: 100%;
}

.mslider__arrows .festus {
  font-size: 26px;
  text-shadow: 1px 1px 10px rgba(0, 0, 0, 1);
}

.marrows__right, .marrows__left {
  position: relative;
  width: 210px;
  height: 85px;
  cursor: pointer;
  user-select: none;
  z-index: 2;
}

.marrows__right img, .marrows__left img {
  display: inline;
}

/*.marrows__right:hover:after{content: ''; position: absolute; right: 0; bottom: 0; width: 76px; height: 118px; background: url(/images/tpl/main-gradient.png);}
.marrows__left:hover:after{content: ''; position: absolute; left: 0; bottom: 0; width: 76px; height: 118px; background: url(/images/tpl/main-gradient1.png);}*/
.mslider__arrows--mod .marrows__right, .mslider__arrows--mod .marrows__left {
  width: 140px;
}

.fl {
  float: left;
}

.fr {
  float: right;
}

//Проект дома
.house__content {
  .button2 {
    margin-top: 30px;
    margin-bottom: 6px;
    vertical-align: middle;
    .content-box();
  }

  .button2--mod {
    margin-left: 25px;
  }
}

.house__img, .aslider__container, .adocument__container {
  .owl-dots {
    position: absolute;
    left: 0;
    bottom: -25px;
    width: 100%;
    text-align: center;
  }

  .owl-dot {
    display: inline-block;
    margin-right: 10px;
    width: 12px;
    height: 12px;
    border: 2px solid #1d3b21;
    background: #fff;
    border-radius: 50%;
    .border-box();
  }

  .owl-dot.active {
    width: 12px;
    height: 12px;
    background: #1d3b21;
  }
}

.house__description {
  margin: 20px 0 25px;
}

.house__img_buttons {
  position: absolute;
  left: 0;
  top: 0;
  bottom: -25px;
  width: 100%;
}

.house__img_bleft, .house__img_bright {
  position: relative;
  float: left;
  width: 110px;
  height: 100%;
  text-align: right;
  cursor: pointer;
  .user-select(none);
  z-index: 1;
}

.house__img_bleft, .house__img_bright {
  img {
    height: auto;
    vertical-align: bottom;
    .transition(0.3s);
  }
}

.house__img_bright {
  float: right;
  text-align: left;
}

.house__img_bright img {
  .rotate(180deg);
}

.house__img_bleft:hover img {
  margin-right: 20px;
}

.house__img_bright:hover img {
  margin-left: 20px;
}

.house__bottom {
  width: 720px;
}

.house__bottom_list {
  margin-left: -30px;
  margin-top: -10px;
}

.hbottom__left {
  width: 330px;
  margin-right: 100px;
}

.hbottom__right {
  width: 175px;
}

.hbottom__right .hbottom__item:last-child .hbottom__list {
  width: 200px;
}

.hbottom__item {
  display: inline-block;
  width: 45%;
  margin-left: 30px;
  margin-top: 10px;
  vertical-align: top;
}

.hbottom__header {
  font-family: BebasNeueBold;
  text-transform: uppercase;
  color: #1d3b21;
  border-bottom: 1px dotted #1d3b21;
  cursor: pointer;
}

.hbottom__header:hover {
  border-color: transparent;
}

.hbottom__list {
  max-height: 0;
  margin-top: 5px;
  overflow: hidden;
  .transition(1s);
  .transition-property(max-height);
  .box-sizing(border-box);
}

.hbottom__elem {
  position: relative;
  display: block;
  width: 100%;
  margin-top: 15px;
  padding-left: 30px;
  .box-sizing(border-box);
}

.hbottom__elem:before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  width: 17px;
  height: 3px;
  background: #bbc747;
}

.hbottom__item.active {
  .hbottom__header {
    color: #bbc747;
    border-color: transparent;
  }

  .hbottom__list {
    max-height: 700px;
    border-top: 2px solid #bbc747;
  }
}

.hbottom__list {
  table {
    width: 100%;
    margin-top: 10px;
    border-collapse: collapse;
  }

  td {
    height: 20px;
    line-height: 20px;
    font-size: 14px;
  }

  td:first-child {
    position: relative;
    padding-left: 25px;
    padding-right: 5px;
    border-right: 1px solid #000;
  }

  td:first-child:before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    width: 17px;
    height: 3px;
    background: #bbc747;
  }

  td:last-child {
    padding-left: 10px;
  }
}

/*Подвал*/
.footer {
  position: relative;
  padding: 25px 0 20px;
  color: #1d3b21;
  font-size: 18px;
  line-height: 24px;
  font-family: Exo2-Light;
  border-top: 2px solid @colorBasic2;
}

.footer .ib {
  display: inline-block;
}

/*.footer .wrapper{width: 980px; margin: 0 auto;}*/
.footer .html_format {
  font-size: 18px;
  line-height: 18px;
}

.footer p {
  padding-top: 5px;
}

.footer a {
  text-decoration: none;
  color: #1d3b21;
}

.footer a.html_format {
  border-bottom: 1px solid #bbc4bc;
}

.footer a.html_format:hover {
  text-decoration: none;
  border-color: transparent;
}

.footer__top .fl:first-child {
  margin-left: -45px;
  margin-right: 100px;
}

.footer__top .fl img {
  vertical-align: sub;
}

.footer__top .ib {
  margin-left: 45px;
}

.footer__phone {
  position: relative;
  display: inline-block;
  padding-left: 25px;
}

.footer__phone:before {
  content: '';
  position: absolute;
  left: 0;
  top: 3px;
  width: 19px;
  height: 19px;
  background: url(/images/tpl/phone.png);
}

.footer__bottom {
  margin-top: 35px;
}

.footer__bottom .fl {
  margin-left: 120px;
}

.footer__bottom .fl:first-child {
  margin-left: 0;
}

.footer__bottom .fl a {
  display: inline-block;
  margin-left: 30px;
  margin-top: 15px;
  vertical-align: middle;
}

.footer__bottom .fl a:first-of-type {
  margin-left: 0;
}

.footer__bottom .fr a {
  display: inline-block;
  margin-right: 35px;
  margin-top: 15px;
  vertical-align: middle;
}

.footer__bottom .fr a:last-child {
  margin-right: 0;
}

.footer__stork {
  position: absolute;
  right: 0;
  top: 0;
  width: 289px;
  height: 178px;
  background: url(/images/tpl/footer-stork.png);
}

.footer__soc span {
  display: block;
  margin-bottom: 10px;
}

.footer__soc a {
  display: inline-block;
  margin-right: 10px;
}

.footer__soc a img {
  width: 28px;
  height: 28px;
}

.footer__top .fl .footer__soc img {
  margin-top: 3px;
  vertical-align: top;
}

.footer__soc a span {
  border-bottom: 1px solid #bbc4bc;
}

.footer__soc a:hover span {
  border-color: transparent;
}

.footer__politic {
  margin-top: 20px;
}

.footer__mahog {
  margin-top: 4px;
}

.hdfix--mod .hdrFixTop .row {
  padding-left: 80px;
}

.hdfix--mod .mainBanner_top:after {
  content: '';
  display: table;
  overflow: hidden;
  clear: both;
}

.hdfix--mod .mainBanner_address {
  position: static;
  float: left;
  line-height: 28px;
}

.hdfix--mod .mainBanner_logo {
  display: none;
}

.hdfix--mod .mainBanner_tel {
  position: static;
  float: left;
  margin-left: 15px;
}

.hdfix--mod .hdrFixWrap .hdrFixTop {
  min-height: auto;
  height: auto;
}

.hdfix--mod .mainBanner_address .mainBanner_address_p1 p {
  margin-bottom: 0;
  font-family: Exo2-Light;
}

.hdfix--mod .mainBanner_address_p1 p:first-child {
  float: right;
}

.hdfix--mod .mainBanner_address_p1 p:last-child {
  float: left;
  margin-right: 100px;
}

.hdfix--mod .mainBanner_address_p1:after {
  content: '';
  display: table;
  overflow: hidden;
  clear: both;
}

.hdfix--mod .mainBanner_address .mainBanner_address_p2 {
  margin-left: 100px;
}

.hdfix--mod .mainBanner_address_p2 .mainBanner_address_br {
  display: none;
}

.hdfix--mod .mainBanner_address .mainBanner_address_p2 p {
  margin-bottom: 0;
  color: #4d503c;
}

.hdfix--mod .hdrFixTop .mainBanner_tel .tel {
  margin-left: 10px;
  margin-bottom: 0;
  line-height: 28px;
  font-size: 16px;
}

.hdfix--mod .hdrFixNav {
  border-top: 1px solid #e8e6dd;
}

.hdfix--mod .hdrFixNav .mainBanner_nav {
  width: 1170px;
  max-width: 100%;
  min-height: auto;
  padding: 0 15px;
  margin: 0 auto;
  line-height: 36px;
  border: none;
  box-sizing: border-box;
}

.hdfix--mod .hdrFixNav .mainBanner_nav ul {
  padding-left: 80px;
  margin-left: -37px;
  text-align: left;
}

.hdfix--mod .mainBanner_nav ul li {
  margin-left: 40px;
  margin-right: 0;
}

.hdfix--mod .mainBanner_nav ul li:first-child {
  margin-left: 38px;
}

.hdfix--mod .hdrFixWrap {
  min-height: auto;
}

.mainBanner_logo_fix2 {
  display: none;
}

.hdfix--mod .mainBanner_logo_fix2 {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 65px;
  height: 66px;
  text-align: center;
  background: @colorBasic2;
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.75);
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.75);
}

.hdfix--mod .mainBanner_logo_fix2 img {
  max-height: 100%;
  max-width: 98%;
  vertical-align: middle;
}

.hdfix--mod .mainBanner_logo_fix2 a {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

.hdfix--page {
  padding-top: 90px;
  overflow-x: hidden;
}

.helper {
  display: inline-block;
  width: 0;
  height: 100%;
  margin-right: -0.2em;
  vertical-align: middle;
}

.calcHouse {
  position: fixed;
  right: 0;
  top: 65%;
  padding: 10px 15px;
  color: #fff;
  background: #feae00;
  border-radius: 5px 0 0 5px;
  box-shadow: 0px 4px 0px 0px #e7a61a;
  transition: 0.5s;
  -moz-transition: 0.5s;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  z-index: 2;
}

.calcHouse__icon, .calcHouse__text {
  display: inline-block;
  vertical-align: middle;
}

.calcHouse__text {
  padding-left: 15px;
  text-transform: uppercase;
  font-family: BebasNeueBold;
  font-size: 24px;
}

.calcHouse__close {
  position: absolute;
  right: 0;
  top: 93px;
  width: 30px;
  height: 30px;
  background: #cbd0d2;
  border-radius: 0 0 0 5px;
  cursor: pointer;
  user-select: none;
}

.calcHouse__close:before, .calcHouse__close:after {
  content: '';
  position: absolute;
  left: 5px;
  top: 14px;
  width: 20px;
  height: 2px;
  border-radius: 2px;
  background: #fff;
  transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
}

.calcHouse__close:after {
  left: auto;
  right: 5px;
  transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
}

.calcHouse a {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

.calcHouse.active {
  right: -133px;
}

.popup {
  position: absolute;
  top: 150px;
  left: 50%;
  display: none;
  width: 320px;
  margin-left: -160px;
  padding: 15px 20px 25px;
  background: #fff;
  .box-shadow(0px 0px 10px 0px rgba(0, 0, 0, 0.8));
  z-index: 7;
}

.popup__header {
  text-align: center;
  margin-bottom: 30px;
}

.popup__string {
  margin-bottom: 20px;
}

.popup__string {
  span {
    float: left;
    line-height: 30px;
  }

  input {
    float: right;
    width: 200px;
    height: 30px;
    padding-left: 5px;
    border: 1px solid #adb940;
    font-family: Exo2-Light;
    font-size: 18px;
    color: #617062;
  }

  input[type=checkbox] {
    display: none;
  }

  label.checkbox {
    display: block;
  }

  a {
    text-decoration: underline;
    color: #3c3c3c;
  }

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

.popup__string--mod {
  position: relative;
}

.popup__string--mod input {
  width: 150px;
}

.popup .button__content {
  padding: 0 55px;
}

.popup__arrow {
  position: absolute;
  right: 0;
  top: 0;
  width: 30px;
  height: 30px;
  background: url(/images/tpl/arrow.png) center center no-repeat;
  border: 1px solid #adb940;
  cursor: pointer;
}

.popup__arrow:hover {
  background: url(/images/tpl/arrow-hov.png) center center no-repeat #adb940;
}

.popup-bg {
  position: fixed;
  left: 0;
  top: 0;
  display: none;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  cursor: pointer;
  z-index: 6;
}

#alert .popup__header {
  margin-bottom: 0;
}

.demonstration {
  position: fixed;
  right: 0;
  top: 65%;
  display: none;
  min-width: 65px;
  cursor: pointer;
  z-index: 5;
  .box-shadow(0px -3px 10px 0px rgba(0, 0, 0, 0.5));
  .transition(0.5s);
}

.demonstration__img {
  position: relative;
  width: 65px;
  height: 65px;
  background: url(/images/tpl/demonstration-stork.png) center center no-repeat #8490f8;
  .transition(0.5s);
}

.demonstration__text {
  position: absolute;
  left: 0;
  top: 0;
  width: 276px;
  height: 65px;
  padding: 0 15px;
  line-height: 65px;
  color: #fff;
  background: #8490f8;
  .box-sizing(border-box);
  .transition(0.5s);
}

.demonstration:hover {
  min-width: 341px;
  background: #fff;

  .demonstration__img {
    background: url(/images/tpl/demonstration-stork-hov.png) center center no-repeat #fff;
  }

  .demonstration__text { /*left: -276px; top: 0;*/
    color: #8490f8;
    background: #fff;
  }
}

//Выбор участка
.siting {
  position: relative;
  z-index: 1;
}

.siting__header {
  position: relative;
  margin-top: 50px;
  color: #1d3b21;
}

.siting__header h1 {
  text-transform: uppercase;
}

.siting__header .fr {
  margin-top: 15px;
}

.siting__header .fr .fl {
  position: relative;
  margin-right: 25px;
}

.siting__top {
  display: inline-block;
  /* display: none;*/
  width: 100%;
  margin-top: 15px;
}

.siting__signs {
  width: 740px;
}

.siting__signs_list {
  margin-left: -20px;
  margin-top: -20px;
}

.siting__signs_item {
  display: inline-block;
  margin-left: 20px;
  margin-top: 20px;
  vertical-align: bottom;
}

.siting__signs_item {
  img, span {
    vertical-align: middle;
  }

  img {
    max-width: 33px;
    max-height: 22px;
  }

  span {
    padding-left: 10px;
  }
}

.siting__info {
  margin-top: 40px;
}

.siting__info_title {
  font-size: 30px;
  font-family: BebasNeueBold;
}

.siting__info_list {
  margin-left: -25px;
}

.siting__info_item {
  display: inline-block;
  width: 260px;
  margin-left: 25px;
  margin-top: 20px;
  vertical-align: top;
}

.siting__info_content {
  b {
    color: #e99100;
  }

  p:first-child {
    padding: 0;
  }
}

.siting__info_img {
  text-align: center;
}

.siting__info_img:first-child {
  margin-bottom: 10px;
}

.siting__info_img:last-child {
  margin-top: 10px;
}

.owl-carousel .siting__info_img img {
  display: inline;
  width: auto;
}

.siting__info {
  .owl-dots {
    position: absolute;
    left: 0;
    bottom: -25px;
    width: 100%;
    text-align: center;
  }

  .owl-dot {
    display: inline-block;
    margin-right: 10px;
    width: 12px;
    height: 12px;
    border: 2px solid #1d3b21;
    background: #fff;
    border-radius: 50%;
    .border-box();
  }

  .owl-dot.active {
    width: 12px;
    height: 12px;
    background: #1d3b21;
  }
}

.siting__show {
  padding-left: 50px;
  cursor: pointer;
}

.siting__show.active {
  color: #bbc847;
}

.siting__show span {
  border-bottom: 1px dotted #1d3b21;
}

.siting__show:after {
  content: '';
  position: absolute;
  left: 0;
  top: 3px;
  width: 41px;
  height: 21px;
  background: url(/images/tpl/eye.png);
  background-size: cover;
}

.siting__show:hover span {
  color: #bbc847;
  border-color: #bbc847;
}

.siting__show:hover:after {
  content: '';
  background: url(/images/tpl/eye-hov.png);
  background-size: cover;
}

.siting__print {
  padding-left: 45px;
  cursor: pointer;
}

.siting__print span {
  border-bottom: 1px dashed #1d3b21;
}

.siting__print:after {
  content: '';
  position: absolute;
  left: 0;
  top: -3px;
  width: 33px;
  height: 35px;
  background: url(/images/tpl/print.png);
}

.siting__print:hover span {
  border-color: transparent;
}

.siting__text1 {
  position: absolute;
  top: 115px;
  //top: 158px;
  left: 50%;
  display: none;
  .rotate(0deg);
  width: 285px;
  margin-left: -410px;
  color: #a1a1a1;
  z-index: 1;
}

.siting__text1 span {
  .transform(rotate(-16deg));
}

.siting__text1 img {
  margin-left: 70px;
  margin-top: 5px;
}

.siting__text2 {
  position: absolute;
  left: 50%;
  top: 55px;
  margin-left: 170px;
  color: #a1a1a1;
}

.siting__text2:after {
  content: '';
  position: absolute;
  right: 65px;
  top: -45px;
  width: 61px;
  height: 59px;
  background: url(/images/tpl/siting-arrow3.png);
}

.siting__search input {
  width: 135px;
  height: 20px;
  padding-left: 5px;
  border: none;
  border-bottom: 1px solid #a5b1a6;
  .box-sizing(border-box);
}

.ssearch__line {
  position: absolute;
  left: 0;
  bottom: 6px;
  width: 1px;
  height: 5px;
  background: #a5b1a6;
}

.siting__search {
  ::-webkit-input-placeholder {
    font-family: Exo2-Light;
    font-size: 18px;
    color: #617062;
  }

  ::-moz-placeholder {
    font-family: Exo2-Light;
    font-size: 18px;
    color: #617062;
  }

  :-moz-placeholder {
    font-family: Exo2-Light;
    font-size: 18px;
    color: #617062;
  }

  :-ms-input-placeholder {
    font-family: Exo2-Light;
    font-size: 18px;
    color: #617062;
  }

  input, img {
    vertical-align: middle;
  }

  img {
    width: 30px;
    height: 30px;
  }
}

.scheme {
  position: relative;
  width: 100%;
  // margin: 100px auto 0;
  text-align: center;
  margin: 0 auto;
  overflow: auto;
}

.scheme__img {
  /*position: absolute;
  left: 50%;
  top: 0;*/
  position: relative;
  display: inline-block;
  width: 1342px;
  height: 1298px;
  text-align: left;
  //margin-left: -691px;
  background: url(/images/tpl/scheme3.png);

  /*background-position-y: -160px;*/

  //margin-top: 100px;
}

.scheme__img2 {
  /*position: absolute;
  left: 50%;
  top: 0;*/
  position: relative;
  display: inline-block;
  width: 1342px;
  height: 1298px;
  text-align: left;
  //margin-left: -691px;
  background: url(/images/tpl/scheme3.png);

  /*background-position-y: -160px;*/

  //margin-top: 100px;
}


/*.scheme__img::before {
  content: '';
  position: absolute;
  background: url(/images/tpl/scheme.jpg);
  height: 160px;
  width: 1342px;
  top: -160px;
}*/

.scheme__img img {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}

.scheme__img2 img {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}

.scheme__block, .scheme__block--mod {
  position: absolute;
  padding: 0 10px;
  background: #fff;
  .box-shadow(0px 0px 5px 0px rgba(0, 0, 0, 0.8));
  z-index: 3;
}

.scheme__block:after, .scheme__block--mod:after {
  content: '';
  position: absolute;
  left: 50%;
  bottom: -30px;
  width: 54px;
  height: 30px;
  margin-left: -27px;
  background: url(/images/tpl/siting-arrow5.png);
}

.scheme__block--mod {
  display: none;
  left: 50%;
  bottom: 45px;
  min-width: 160px;
  width: auto;
  margin-left: -80px;
  padding-bottom: 5px;
  text-align: center;
  pointer-events: none;
}

.scheme__block p {
  padding: 0;
  text-align: center;
}

.scheme__block p:first-child {
  border-bottom: 1px solid #3c3c3c;
}

.scheme__block2 {
  position: absolute;
  left: 30px;
  top: 50px;
  width: 155px;
  padding: 10px 25px 15px;
  text-align: center;
  background: url(/images/tpl/hint-bg.png);
  .border-box();
  z-index: 3;
}

.scheme__block2 {
  &:before {
    content: '';
    position: absolute;
    left: 0;
    top: -8px;
    width: 100%;
    height: 8px;
    background: url(/images/tpl/hint-top.png);
  }

  &:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -36px;
    width: 100%;
    height: 36px;
    background: url(/images/tpl/hint-arrow.png);
  }
}

.scheme__block_list {
  margin-top: -5px;
  margin-bottom: 10px;
  padding-bottom: 7px;
  border-bottom: 1px solid #d2d2d2;
}

.scheme__block_item {
  margin-top: 5px;
}

.scheme__block_title {
  line-height: 20px;
  font-size: 14px;
  color: #8490f8;
}

.scheme__block_number {
  line-height: 18px;
  font-size: 18px;
  font-family: Exo2-Medium;
}

.scheme__block_number span {
  font-size: 14px;
}

.scheme__block_name {
  position: relative;
  text-transform: uppercase;
  font-size: 18px;
  font-family: BebasNeueRegular;
  color: #8490f8;
}

.scheme__block_name--mod:after {
  content: '';
  position: absolute;
  left: 50%;
  bottom: -25px;
  width: 18px;
  height: 23px;
  margin-left: -9px;
  background: url(/images/tpl/hint-icon.png);
  z-index: 1;
}

.scheme__block_name--mod2 {
  margin: 0 0 -15px;
}

.scheme__block_name--booking:after {
  content: '';
  position: absolute;
  left: 50%;
  bottom: -25px;
  width: 18px;
  height: 23px;
  margin-left: -9px;
  background: url(/images/tpl/booking.png);
  z-index: 1;
}

#canvas, #canvas2 {
  position: absolute;
  left: 0;
  top: 0;
}

.ssymbols__item {
  position: absolute;
  z-index: 1;
}

.ssymbols__item--wood {
  width: 26px;
  height: 24px;
  background: url(/images/tpl/wood.png);
  background-size: 26px 24px;
}

.ssymbols__item--park {
  width: 24px;
  height: 18px;
  background: url(/images/tpl/plan-img11.png);
  background-size: 24px 18px;
}

.ssymbols__item--kpp {
  width: 26px;
  height: 16px;
  background: url(/images/tpl/plan-img19.png);
  background-size: 26px 16px;
}

.ssymbols__item--electricity {
  width: 25px;
  height: 22px;
  background: url(/images/tpl/plan-img22.png);
  background-size: 25px 22px;
}

.ssymbols__item--gas {
  width: 19px;
  height: 27px;
  background: url(/images/tpl/plan-img23.png);
  background-size: 19px 27px;
}

.ssymbols__item--water {
  width: 16px;
  height: 21px;
  background: url(/images/tpl/plan-img20.png);
  background-size: 16px 21px;
}

.ssymbols__item--sport {
  width: 23px;
  height: 23px;
  background: url(/images/tpl/plan-img13.png);
  background-size: 23px 23px;
}

.ssymbols__item--kids {
  width: 22px;
  height: 24px;
  background: url(/images/tpl/plan-img12.png);
  background-size: 22px 24px;
}

.ssymbols__item--parking {
  width: 12px;
  height: 19px;
  background: url(/images/tpl/plan-img16.png);
  background-size: 12px 19px;
}

.ssymbols__item--bus {
  width: 19px;
  height: 20px;
  background: url(/images/tpl/plan-img15.png);
  background-size: 19px 20px;
}

.ssymbols__item--hovercraft {
  display: none;
  width: 30px;
  height: 14px;
  background: url(/images/tpl/plan-img25.png);
  background-size: 30px 14px;
}

.ssymbols__item--snowmobile {
  display: none;
  width: 28px;
  height: 13px;
  background: url(/images/tpl/plan-img29.png);
  background-size: 28px 13px;
}

.ssymbols__item--snowman {
  display: none;
  width: 20px;
  height: 24px;
  background: url(/images/tpl/plan-img28.png);
  background-size: 20px 24px;
}

.ssymbols__item--warmhouse {
  display: none;
  width: 25px;
  height: 18px;
  background: url(/images/tpl/plan-img30.png);
  background-size: 25px 18px;
}

.ssymbols__item--icerink {
  display: none;
  width: 26px;
  height: 17px;
  background: url(/images/tpl/plan-img26.png);
  background-size: 26px 17px;
}

.ssymbols__item--slide {
  display: none;
  width: 40px;
  height: 20px;
  background: url(/images/tpl/plan-img24.png);
  background-size: 40px 20px;
}

.ssymbols__item--club {
  display: none;
  width: 30px;
  height: 20px;
  background: url(/images/tpl/plan-img31.png);
  background-size: 30px 20px;
}

.ssymbols__item--dedbaba {
  display: none;
  width: 37px;
  height: 23px;
  background: url(/images/tpl/plan-img32.png);
  background-size: 37px 23px;
}

.ssymbols__item--skitrack_big {
  display: none;
  width: 680px;
  height: 180px;
  .rotate(-17deg);
}

.ssymbols__item--skitrack_small {
  display: none;
  width: 240px;
  height: 43px;
  .rotate(12deg);
  background: url(/images/tpl/plan-img_skitrack_small.png);
  background-size: 240px 43px;
}

.ssymbols__item:hover {
  z-index: 2;
}

.ssymbols__item:hover .scheme__block--mod {
  display: block;
}

.siting__designations {
  /*margin-top: 25px; */
  color: #484e0f;
}

.siting__designations .fl {
  width: 330px;
  margin-left: 20px;
}

.siting__designations .fl:nth-child(3) {
  width: 280px;
}

.sdesignations__header {
  font-family: Exo2-Medium;
}

.sdesignations__container {
  margin-left: -20px;
  margin-top: 30px;
}

.sdesignations__img {
  width: 35px;
  vertical-align: super;
}

.sdesignations__img img {
  max-width: 33px;
  max-height: 22px;
}

.sdesignations__item {
  margin-bottom: 5px;
}

.sdesignations__item span {
  display: inline-block;
  vertical-align: top;
}

.sdesignations__block {
  position: relative;
  top: -1px;
  width: 200px;
}

.sdesignations__block span {
  display: block;
}

.sdesignations__block span:first-child {
  border-bottom: 1px solid #000;
}

.siting__bottom {
  position: relative;
  margin-top: 95px;
}

.siting__bottom .fl {
  width: 540px;
  height: 604px;
  margin-top: 1px;
  background: url(/images/tpl/siting-left.jpg);
}

.siting__bottom .fr {
  width: 550px;
  height: 605px;
  background: url(/images/tpl/siting-right.jpg);
}

.sbottom__text {
  position: absolute;
  left: 50%;
  top: 90px;
  width: 770px;
  max-width: 100%;
  margin-left: -335px;
}

.sbottom__text:before {
  content: '';
  position: absolute;
  bottom: 0;
  left: -90px;
  width: 141px;
  height: 164px;
  background: url(/images/tpl/siting-arrow1.png);
}

.sbottom__text {
  .btn_mainBanner {
    position: relative;
    bottom: 0;
    display: inline-block;
  }

  .button, .btn_mainBanner {
    margin-top: 15px;
  }
}

.sbottom__text .button__content {
  height: 80px;
  padding: 0 40px;
  line-height: 80px;
  font-size: 36px;
}

.popup--area {
  position: absolute;
  top: 190px;
  left: 50%;
  display: none;
  margin-left: -310px;
  padding: 15px 25px 30px;
  color: #1d3b21;
  border: 1px solid #bbc847;
  background: #fff;
  .box-shadow(0px 0px 10px 0px rgba(0, 0, 0, 0.8));
  z-index: 2;
}

.popup--area:before {
  content: '';
  position: absolute;
  left: 50%;
  top: -12px;
  width: 52px;
  height: 12px;
  margin-left: -26px;
  background: url(/images/tpl/siting-arrow4.png);
}

.popup--area label {
  margin-right: 15px;
  font-size: 24px;
}

.popup--area p {
  padding: 0 0 15px;
  font-family: Exo2-Light;
}

.popup__close, .popup__close {
  position: absolute;
  right: 8px;
  top: 8px;
  width: 26px;
  height: 26px;
  background: url(/images/tpl/popup-close.png);
  background-size: 26px 26px;
  cursor: pointer;
}

.popup__close--area {
  position: absolute;
  right: 8px;
  top: 8px;
  width: 26px;
  height: 26px;
  background: url(/images/tpl/popup-close.png);
  background-size: 26px 26px;
  cursor: pointer;
}

.popup__close--area:hover, .popup__close:hover {
  background: url(/images/tpl/popup-close-hover.png);
}

.popup--lot {
  position: absolute;
  top: 150px;
  left: 50%;
  display: none;
  width: 320px;
  padding: 15px 20px 25px;
  background: #fff;
  .box-shadow(0px 0px 10px 0px rgba(0, 0, 0, 0.8));
  z-index: 2;
}

.popup--lot {
  .h5 {
    margin-bottom: 15px;
    border-bottom: 1px solid #9ea8f9;
  }

  .center .ib:first-child {
    margin-right: 10px;
    font-size: 60px;
    color: #484e0f;
  }

  .center .ib:last-child {
    width: 120px;
    text-align: left;
    color: #a1a1a1;
  }
}

.popup__area {
  margin-top: 10px;
}

.parea__elem {
  position: relative;
  top: 1px;
  float: left;
  width: 11.1%;
  height: 39px;
  margin-top: 5px;
  text-align: center;
  line-height: 39px;
  border: 1px solid transparent;
  cursor: pointer;
  .box-sizing(border-box);
}

.parea__elem.active {
  border-color: #adb940; /* border-bottom-color: transparent;*/
  background: #fff;
}

.parea__header .fr {
  line-height: 30px;
  color: #a1a1a1;
}

.parea__content {
  display: none;
  margin-top: 10px; /*padding: 17px;*/ /*border: 1px solid #adb940;*/
}

.parea__content {
  .h4 { /*display: none;*/
    font-size: 24px;
    font-family: Exo2-Light;
    color: #a1a1a1;
  }

  .h4 .h1 {
    font-family: Exo2-Light;
    color: #f88b38;
  }

  .button--mod {
    width: 100%;
  }

  .button--mod .button__content {
    font-size: 24px;
  }

  .button2 {
    width: 100%;
    margin: 10px 0;
    .border-box();
  }
}

.parea__content.active {
  display: block;
}

//Проекты
.projects {
  margin-top: 50px;
  padding-bottom: 75px;
}

.projects--mod {
  background: none;
}

.projects--mod {
  .projects_text {
    width: 255px;
  }

  .projects_text ul li span.text {
    width: 125px;
  }
}

.projects__nav {
  margin-left: -15px;
  margin-top: 35px;
}

.projects__nav span {
  display: inline-block;
  margin-left: 15px;
  border-bottom: 1px solid #bbc4bc;
  cursor: pointer;
}

.projects__nav span:hover {
  border-bottom-color: transparent;
}

.projects__list {
  margin-top: 30px;
}

.projects__item {
  margin-top: 60px;
}

.projects__header {
  text-align: right;
}

.projects__content {
  border-top: 1px solid @colorBasic;
  border-bottom: 1px solid @colorBasic;
}

.projects__img {
  height: 460px;
  border-left: 1px solid @colorBasic;
  border-right: 1px solid @colorBasic;
  .box-sizing(border-box);
}

.projects__img img {
  width: 645px;
  height: 460px;
}

.projects__string {
  margin-bottom: 5px;
}

.projects__string {
  p.html_format {
    padding-left: 25px;
    color: #a1a1a1;
  }

  .h4, .h5 {
    padding-left: 27px;
    font-family: Exo2-Light;
    color: #484e0f;
  }
}

.projects__price {
  margin-top: 15px;
  padding-top: 10px;
  border-top: 1px solid @colorBasic;

  p {
    padding-left: 75px;
    color: #a1a1a1;
  }

  p.html_format {
    color: #3a3a3a;
    font-family: Exo2-Medium;
  }

  .h3 {
    font-family: Exo2-Light;
    color: #fb6a00;
  }
}

.projects__characteristics {
  .button__content {
    padding: 0;
  }

  .button__content a {
    display: block;
    padding: 0 45px;
    color: #8490f8;
  }

  .button {
    margin-left: 25px;
    text-align: left;
  }

  .button:hover .button__content a {
    color: #fff;
  }

  .button2 {
    margin: 10px 0 10px 25px;
  }
}

//Проект дома
.house {
  margin-top: 50px;
  margin-bottom: 50px;
}

.house__top {
  margin-top: 45px;
}

.house__nav {
  position: relative;
  top: 1px;
  margin-top: 9px;
}

.hnav__item {
  width: 135px;
  height: 40px;
  text-align: center;
  line-height: 40px;
  text-transform: uppercase;
  font-family: BebasNeueLight;
  border: 1px solid transparent;
  .box-sizing(border-box);
  cursor: pointer;
}

.hnav__item:hover {
  color: @colorBasic;
}

.hnav__item.active {
  color: @colorBasic;
  border-color: @colorBasic;
  border-bottom-color: @colorBasic;
}

.house__content {
  min-height: 531px;
  margin-bottom: 45px;
  border-top: 1px solid @colorBasic;
}

.house__img {
  position: relative;
  display: none;
  width: 731px;
  height: 506px;
  border: 1px solid @colorBasic;
  border-top: none;
  .box-sizing(border-box);
}

.house__img.active {
  display: block;
}

.himg__container {
  width: 729px;
  height: 505px;
  .box-sizing(border-box);
  overflow: hidden;
}

.himg__container.owl-loaded {
  overflow: visible;
}

.house__img--mod .himg__container {
  padding-right: 1px;
}

.house__img img {
  height: 100%;
}

.himg__block {
  height: 505px;
}

.house__content {
  .projects__string .h4 {
    text-align: right;
    text-transform: none;
    font-size: 24px;
  }

  .projects__string label.checkbox .h4 {
    display: inline-block;
    width: 40px;
    padding: 0;
    text-align: left;
  }

  .projects__string label.checkbox {
    display: inline-block;
    margin-right: 14px;
    padding-left: 27px;
    cursor: pointer;
  }

  .projects__string--mod p.h5 {
    position: relative;
    padding-left: 10px;
  }

  .projects__string--mod p label {
    cursor: pointer;
  }

  .projects__string--mod p.h5 span.h4 {
    display: inline-block;
    padding-left: 45px;
    text-align: right;
  }

  .projects__string--mod p.h5 input[type="checkbox"] + span {
    position: absolute;
    left: 25px;
    top: 20px;
    width: 18px;
    height: 18px;
    background: url(/images/tpl/checkbox_cleared.png);
    background-size: cover;
  }

  .projects__string--mod p.h5 input[type="checkbox"]:checked + span {
    left: 23px;
    top: 17px;
    width: 27px;
    height: 21px;
    background: url(/images/tpl/checkbox_mark.png) no-repeat;
    background-size: contain;
  }

  .projects__string--mod2 p.h5 input[type="radio"] + span {
    position: absolute;
    left: 2px;
    top: 6px;
    width: 18px;
    height: 18px;
    background: url(/images/tpl/checkbox_cleared.png);
    background-size: cover;
  }

  .projects__string--mod2 p.h5 input[type="radio"]:checked + span {
    left: 0;
    top: 3px;
    width: 27px;
    height: 21px;
    background: url(/images/tpl/checkbox_mark.png) no-repeat;
    background-size: contain;
  }

  .projects__string--mod2 p.h5 {
    padding-left: 25px;
  }

  .button {
    margin-left: 25px;
    text-align: left;
  }

  .button__content {
    height: 50px;
    padding: 0 30px;
    line-height: 50px;
    font-size: 30px;
  }

  .button2 {
    margin-top: 30px;
    margin-bottom: 6px;
    vertical-align: middle;
  }

  .button2--mod {
    margin-left: 25px;
  }
}

.house__print {
  height: 50px;
  width: 55px;
  margin-left: -4px;
  vertical-align: bottom;
  border: 2px solid #8490f8;
  border-left: none;
  background: url(/images/tpl/print_hover.png) center center no-repeat #fff;
  background-size: 33px 35px;
  cursor: pointer;
  .transition(0.3s);
}

.house__print:hover {
  background: url(/images/tpl/print_passive.png) center center no-repeat #8490f8;
  background-size: 33px 35px;
}

.house__list {
  margin-top: 35px;
}

.house__list .ib {
  width: 105px;
  margin-left: 10px;
  vertical-align: top;
  line-height: 22px;
  color: #3c3c3c;
}

.hlist__img {
  display: inline-block;
  width: 71px;
  height: 71px;
}

.house__list {
  .ib:nth-child(1) .hlist__img {
    background: url(/images/tpl/rassrochka_passive.png);
    background-size: cover;
  }

  .ib:nth-child(2) .hlist__img {
    background: url(/images/tpl/pereezd_passive.png);
    background-size: cover;
  }

  .ib:nth-child(3) .hlist__img {
    background: url(/images/tpl/ipoteka_passive.png);
    background-size: cover;
  }

  .ib:nth-child(1):hover .hlist__img {
    background: url(/images/tpl/rassrochka_hover.png);
    background-size: cover;
  }

  .ib:nth-child(2):hover .hlist__img {
    background: url(/images/tpl/pereezd_hover.png);
    background-size: cover;
  }

  .ib:nth-child(3):hover .hlist__img {
    background: url(/images/tpl/ipoteka_hover.png);
    background-size: cover;
  }
}

.house__img {
  .owl-dots {
    position: absolute;
    left: 0;
    bottom: -25px;
    width: 100%;
    text-align: center;
  }

  .owl-dot {
    display: inline-block;
    margin-right: 10px;
    width: 12px;
    height: 12px;
    border: 2px solid #1d3b21;
    background: #fff;
    border-radius: 50%;
    .border-box();
  }

  .owl-dot.active {
    width: 12px;
    height: 12px;
    background: #1d3b21;
  }
}

.house__description {
  margin: 20px 0 25px;
}

.house__img_buttons {
  position: absolute;
  left: 0;
  top: 0;
  bottom: -25px;
  width: 100%;
}

.house__img_bleft, .house__img_bright {
  position: relative;
  float: left;
  width: 110px;
  height: 100%;
  text-align: right;
  cursor: pointer;
  .user-select(none);
  z-index: 1;
}

.house__img_bleft, .house__img_bright {
  img {
    height: auto;
    vertical-align: bottom;
    .transition(0.3s);
  }
}

.house__img_bright {
  float: right;
  text-align: left;
}

.house__img_bright img {
  .rotate(180deg);
}

.house__img_bleft:hover img {
  margin-right: 20px;
}

.house__img_bright:hover img {
  margin-left: 20px;
}

.house__bottom {
  width: 720px;
}

.hbottom__left {
  width: 330px;
  margin-right: 100px;
}

.hbottom__right {
  width: 175px;
}

.hbottom__right .hbottom__item:last-child .hbottom__list {
  width: 200px;
}

.hbottom__item {
  margin-bottom: 10px;
}

.hbottom__header {
  font-family: BebasNeueBold;
  text-transform: uppercase;
  color: #3a3a3a;
  border-bottom: 1px dotted #3a3a3a;
  cursor: pointer;
}

.hbottom__header:hover {
  color: #ecb207;
  border-color: #ecb207;
}

.hbottom__list {
  max-height: 0;
  margin-top: 5px;
  overflow: hidden;
  .transition(1s);
  .transition-property(max-height);
  .box-sizing(border-box);
}

.hbottom__elem {
  position: relative;
  display: block;
  width: 100%;
  margin-top: 15px;
  padding-left: 30px;
  .box-sizing(border-box);
}

.house--default {
  .house__img {
    height: 505px;
    .content-box();
  }

  .himg__container {
    width: 100%;
    height: 100%;
  }
}


/*.hbottom__list--mod{
  .hbottom__elem{width: 45%;}
  .hbottom__elem:nth-child(even){width: 55%;}
}*/


.hbottom__elem:before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  width: 17px;
  height: 3px;
  background: @colorBasic;
}

.hbottom__item.active {
  .hbottom__header {
    color: #1d3b21;
    border-color: transparent;
  }

  .hbottom__list {
    max-height: 700px;
    border-top: 2px solid @colorBasic;
  }
}

.hbottom__list {
  table {
    width: 100%;
    margin-top: 10px;
    border-collapse: collapse;
  }

  td {
    height: 20px;
    line-height: 25px;
    font-size: 14px;
  }

  td:first-child {
    position: relative;
    padding-left: 25px;
    padding-right: 5px;
    border-right: 1px solid #000;
  }

  td:first-child:before {
    content: '';
    position: absolute;
    left: 0;
    top: 15px;
    width: 17px;
    height: 3px;
    background: @colorBasic;
  }

  td:last-child {
    padding-left: 10px;
  }
}

//Готовые дома
.complete {
  /*.h1{margin-bottom: 50px;}
  .projects__header{margin-bottom: 15px; text-align: left;}
  .projects__header .h5{text-transform: uppercase; font-family: BebasNeueRegular;}
  .projects__item{margin-top: 25px;}
  .projects__content{position: relative; padding-bottom: 10px; border-top: none;}
  .projects__img{height: 290px; border: none;}
  .projects__img img{width: 410px; height: 290px;}
  .projects__string .h5{padding-left: 25px;}
  .projects__string .h4{padding: 0;}
  .projects__price{border: none;}
  .complete__bottom{
    .projects__string p.html_format{padding: 0;}
    .projects__price p{padding: 0;}
  }
  .projects__characteristics .button{margin-left: 0;}*/

  .projects_item {
    margin-left: 0;
    margin-right: 0;
  }

  .projects_img {
    width: 490px;
  }

  .projects__communications {
    display: inline-block;
    width: 290px;
    margin-left: 50px;
    vertical-align: top;
  }

  .projects_text {
    width: 280px;
  }
}

.complete__right {
  width: 320px;
  margin-right: 100px;
}

.complete__bottom {
  position: absolute;
  bottom: 10px;
}

.complete__bottom .button2 {
  margin: 10px 0;
}

.complete__ul {
  font-family: Exo2-Medium;
  font-size: 16px;
}

.complete__ul li {
  position: relative;
  margin-bottom: 5px;
  padding-left: 25px;
}

.complete__ul li:before {
  content: '';
  position: absolute;
  left: 0;
  top: 9px;
  width: 17px;
  height: 3px;
  background: @colorBasic;
}

//Готовые дома отдельная страница
.house--complete {
  .projects__string {
    float: left;
  }

  .projects__string .h5 {
    padding-left: 25px;
  }

  .projects__string .h4 {
    padding: 0;
  }

  .projects__price {
    float: none;
  }

  .house__content {
    margin-bottom: 45px;
  }
}

.projects__map {
  margin-top: 5px;
  padding-left: 25px;
}

.projects__map span {
  color: #484e0f;
  border-bottom: 1px dashed #484e0f;
  cursor: pointer;
}

.projects__map span:hover {
  border-color: transparent;
}

.projects__map span:before {
  content: '';
  float: left;
  width: 10px;
  height: 17px;
  margin-top: 4px;
  padding-right: 5px;
  background: url(/images/tpl/projects-map.png) no-repeat left;
}

.house__text {
  margin-bottom: 25px;
  line-height: 24px;
}

//Ипотека
.mortgage {
  position: relative;
  margin: 45px 0;
}

.mortgage__map {
  position: absolute;
  right: 0;
  top: -45px;
  width: 405px;
  height: 486px;
  background: url(/images/tpl/mortgage-map.png);
  z-index: -1;
}

.mortgage .h1 {
  margin-top: 45px;
}

.mortgage__string {
  width: 590px;
}

.mortgage__string.fl {
  margin-top: 40px;
}

.mortgage__header {
  margin-bottom: 5px;
  font-family: Exo2-Medium;
  color: #1d3b21;
}

.mortgage__top .fr {
  width: 390px;
  padding: 25px 0 40px;
  background: #fff;
}

.mortgage__top .fr {
  .h4 {
    color: #a1a1a1;
  }

  .h3 {
    font-family: Exo2-Medium;
    color: @colorBasic2;
  }
}

.mortgage__figure {
  margin-top: 35px;
}

.mortgage__figure p {
  font-family: Exo2-Light;
  color: #fb6a00;
}

.figure__container {
  width: 835px;
  max-width: 100%;
  margin: 20px auto 0;
  padding-bottom: 60px;
}

.figure__ellipse, .figure__line {
  float: left;
}

.figure__ellipse {
  position: relative;
  width: 50px;
  height: 50px;
  margin-top: 12px;
  text-align: center;
  line-height: 50px;
  font-family: Exo2-Light;
  color: #fff;
  background: @colorBasic2;
  border-radius: 50px;
}

.figure__ellipse--mod.h1 {
  width: 75px;
  height: 75px;
  margin-top: 0;
  line-height: 75px;
  border-radius: 75px;
}

.figure__line {
  width: 195px;
  height: 4px;
  margin: 35px 4px 0;
  background: @colorBasic2;
}

.figure__text {
  position: absolute;
  left: 50%;
  top: 70px;
  width: 185px;
  margin-left: -92px;
  text-align: left;
  text-transform: none;
  color: #202020;
}

.figure__text--mod {
  width: 170px;
  margin-left: -60px;
}

.figure__ellipse--mod .figure__text--mod {
  top: 85px;
  width: 75px;
  margin-left: -37px;
}

.mortgage__block {
  width: 100%;
  height: 250px;
  margin-top: 30px;
  padding: 40px 50px 0;
  background: #edf1cf;
  border: 1px solid @colorBasic;
  .box-sizing(border-box);
}

.mortgage__block {
  p {
    font-family: Exo2-Light;
    color: #1d3b21;
  }

  .fr {
    margin-top: 10px;
  }

  ul {
    counter-reset: li;
  }

  li {
    position: relative;
    margin-top: 15px;
    padding-left: 15px;
    color: #202020;
  }

  li:before {
    counter-increment: li;
    content: counters(li, ".") ". ";
    position: absolute;
    left: 0;
    top: 0;
    color: #fb6a00;
  }
}

.mortgage__bank {
  margin-top: 40px;
}

.mbank__header {
  margin-bottom: 10px;
  padding-left: 310px;
  color: #1d3b21;
}

.mbank__item {
  margin-bottom: 35px;
}

.mbank__logo {
  margin-right: 60px;
}

.mbank__logo img {
  width: 250px;
}

.mbank__content {
  margin-top: 15px;
}

.mbank__content {
  .h5 {
    margin-bottom: 15px;
    font-family: Exo2-ExtraLight;
  }

  ul {
    counter-reset: li;
  }

  li {
    margin-bottom: 45px;
    color: #202020;
  }

  li:last-child {
    margin-bottom: 0;
  }

  li:before {
    counter-increment: li;
    content: counters(li, ".") ". ";
    float: left;
    margin-right: 5px;
    color: #fb6a00;
  }

  li p:first-child {
    padding: 0;
  }
}

.mbank__bottom {
  margin-top: 20px;
}

//Контакты
.contacts {
  margin: 50px 0 130px;
}

.contacts__top {
  margin-top: 50px;
  padding: 30px 0 0; /*background: #eff2d3;*/
  overflow: hidden;
}

.contacts__string {
  margin-bottom: 25px;
}

.contacts__string .h5 {
  color: #ff8400;
  -webkit-appearance: none;
}

.contacts__map {
  position: relative;
  margin-left: 100px;
  margin-right: 200px;
  padding: 20px;
}

.contacts__map img {
  height: 377px;
}

.cmap__elems {
  span {
    position: absolute;
    width: 185px;
    font-family: Exo2-Light;
  }

  span:nth-child(1) {
    left: -55px;
    top: 0;
  }

  span:nth-child(2) {
    left: 90px;
    top: 35px;
  }

  span:nth-child(3) {
    left: 250px;
    top: 95px;
  }

  span:nth-child(4) {
    left: 5px;
    top: 150px;
  }

  span:nth-child(5) {
    left: 225px;
    top: 195px;
  }

  span:nth-child(6) {
    left: 245px;
    top: 275px;
  }

  span:nth-child(7) {
    left: 290px;
    top: 365px;
  }

  span:nth-child(8) {
    left: 110px;
    top: 265px;
    .transform(rotate(75deg));
  }

  span:nth-child(9) {
    left: 95px;
    top: 35px;
    width: 240px;
    font-weight: bold;
    font-size: 20px; /*text-transform: uppercase;*/
  }

  span span {
    position: static;
  }

  b .h5 {
    font-family: Exo2-Medium;
  }
}

.contacts__bottom {
  margin-top: 45px;
}

.contacts__bottom .fl {
  width: 355px;
}

.contacts__table {
  table {
    width: 545px;
    margin-top: 20px;
    font-family: Exo2-Light;
    border-collapse: collapse;
  }

  td {
    height: 50px;
    padding-left: 20px;
    vertical-align: middle;
    border: 1px solid #bbc747;
  }
}

.contacts__managers {
  margin-top: 75px;
}

.contacts__managers_title {
  h1, h2, h3, h4, h5, h6 {
    font-size: inherit;
    font-weight: normal;
  }
}

.contacts__managers_list {
  margin-top: -40px;
}

.contacts__managers_item {
  display: inline-block;
  width: 49%;
  margin-top: 65px;
  padding-right: 10px;
  vertical-align: top;
  .border-box();
}

.contacts__managers_img {
  display: inline-block;
  width: 165px;
  height: 165px;
  vertical-align: middle;
  border: 2px solid @colorBasic2;
  border-radius: 50%;
  overflow: hidden;
  .border-box();
}

.contacts__managers_img img {
  max-width: 165px;
  max-height: 165px;
}

.contacts__managers_content {
  display: inline-block;
  width: 285px;
  margin-left: 15px;
  vertical-align: middle;
}

.contacts__managers_name {
  font-size: 18px;
  font-family: Exo2-Medium;
}

.contacts__managers_post {
  position: relative;
  margin-top: 10px;
  padding-top: 7px;
  font-size: 14px;
}

.contacts__managers_post:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 120px;
  height: 2px;
  background: @colorBasic2;
}

.contacts__managers_bottom {
  margin-top: 15px;
}

/*.contacts__managers_phone{margin-top: 5px;}*/

.contacts__managers_phone a {
  color: #333;
  text-decoration: none;
}

.contacts__managers_email {
  margin-top: 10px;
}

.contacts__managers_email {
  a {
    color: #1d3b21; /*text-decoration: underline;*/
  }

  a:hover {
    color: #ecb207;
  }
}

.error {
  min-height: 100vh;
  width: 100%;
  color: #fff;
  background: rgba(74, 85, 207, 1);
  background: -moz-linear-gradient(top, rgba(74, 85, 207, 1) 0%, rgba(117, 139, 245, 1) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(74, 85, 207, 1)), color-stop(100%, rgba(117, 139, 245, 1)));
  background: -webkit-linear-gradient(top, rgba(74, 85, 207, 1) 0%, rgba(117, 139, 245, 1) 100%);
  background: -o-linear-gradient(top, rgba(74, 85, 207, 1) 0%, rgba(117, 139, 245, 1) 100%);
  background: -ms-linear-gradient(top, rgba(74, 85, 207, 1) 0%, rgba(117, 139, 245, 1) 100%);
  background: linear-gradient(to bottom, rgba(74, 85, 207, 1) 0%, rgba(117, 139, 245, 1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4a55cf', endColorstr='#758bf5', GradientType=0);
}

.error__content {
  position: absolute;
  top: 50%;
  width: 100%;
  margin-top: -60px;
}

.error__top {
  position: absolute;
  top: 0;
  left: 50%;
  width: 648px;
  height: 273px;
  margin-left: -324px;
  background: url(/images/tpl/error-img.png);
}

.error__name {
  height: 90px;
  text-align: center;
  font-size: 150px;
}

.error__text a {
  border-bottom: 2px solid #bbc1f3;
}

.error__text a:hover {
  border-color: transparent;
}

.error__text .h6 {
  margin-top: 10px;
  font-size: 18px;
}

.mypopup__box, .mypopup__shade {
  display: none;
}

.mypopup__shade {
  background: url("/images/tpl/shader.png") repeat;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2000;
}

.mypopup__box {
  position: fixed;
  top: 50%;
  left: 50%;
  background: white;
  z-index: 5000;
  width: 400px;
  padding: 35px 50px;
  margin-left: -220px;
  margin-top: -100px;
}

.mypopup__close {
  width: 15px;
  height: 15px;
  background: url("/images/tpl/apopup_cross.png") no-repeat;
  cursor: pointer;
  opacity: 0.5;
  position: absolute;
  top: 10px;
  right: 10px;
}

.mypopup__close:hover {
  opacity: 1;
}

.mypopup__title {
  text-align: center;
  font-size: 18px;
  font-weight: bold;
}

.mypopup__content {
  text-align: center;
  font-size: 16px;
  margin: 15px 0;
}

.mypopup__btns {
  text-align: center;
  margin-top: 30px;
}

.mypopup__btn {
  display: inline-block;
  margin: 0 3px;
  cursor: pointer;
  min-width: 70px;
  padding: 7px 20px;
  border: 1px solid lightgrey;
  border-radius: 5px;
}

.mypopup__btn:hover {
  border-color: #cbcbcb;
  background: #f8f8f8;
}

.scheme__block .html_format.inf {
  border-bottom: 0px;
  width: 160px;
  padding: 5px 0;
}

area:not(.green) {
  cursor: default;
}

/*map[name=map1] area{
  &:not(.green):not(.orange){display: none;}
}*/

.loader {
  width: 128px;
  height: 128px;
  background: url(/images/tpl/loader.gif) no-repeat;
  margin: 0 auto;
}

.area_list {
  width: 450px;
  max-width: 100%;
}

.half {
  width: 50%;
  margin-top: -30px;
  /*padding-top: 50px;*/
}

.half .hbottom__item {
  width: 100%;
}

.half--2 .hbottom__item {
  margin-left: 0;
}

.third {
  width: 33%;
}

.many {
  width: 40px;
  font-size: 25px;
}

.toomany {
  width: 34px;
  font-size: 22px;
}

.print__list .atechnologies__string {
  span {
    padding-left: 30px;
  }

  span:first-child {
    padding-left: 0;
  }
}

.print_wrap {
  width: 650px;
  padding: 20px 15px;
  margin: 0 auto;
  .content-box();
}

.print_wrap h2 {
  margin-bottom: 5px;
}

.print_wrap .number {
  font-size: 21px;
}

.print_wrap .image {
  margin-bottom: 18px;
  padding-bottom: 20px;
  text-align: center;
}

.print_wrap .image img:nth-child(2) {
  margin-top: 30px;
}

.print_header {
  font-size: 16px;
}

.print_logo {
  float: left;
  margin-right: 25px;
  margin-top: 30px;
}

.print_logo img {
  max-width: 190px;
  margin-top: -10px;
}

.print_wrap .price {
  margin-top: 6px;
}

.print_wrap .hbottom__list {
  border-top: 0px !important;
}

.print_wrap .hbottom__list table {
  width: auto;
}

.print_wrap .hbottom__list table td:before {
  content: none;
}

.print_wrap .hbottom__list table td:first-child {
  padding-left: 0px;
}

.print_wrap .hbottom__elem:before {
  content: none;
}

.print_wrap .hbottom__elem {
  padding-left: 0px;
  margin-top: 10px;
}

.print_wrap .hbottom__item {
  margin-top: 30px;
}

.print_wrap .house__list img {
  width: 71px;
  height: 71px;
}

.print_wrap .contacts__string {
  margin-top: 10px;
}

.print__top {
  width: 100%;
  margin: 10px 0 20px;
}

.print__top_item {
  margin-left: -10px;
  margin-top: 10px;
}

.print__top_item:first-child {
  margin-top: 0;
}

.print__top_item {
  h3, p {
    display: inline-block;
    margin-left: 10px;
    padding: 0;
    vertical-align: bottom;
  }
}

.print__top .fl {
  margin-top: 15px;
}

.print__top .fl:first-child {
  margin-right: 30px;
}

.print_wrap .house__list {
  width: 370px;
  padding-top: 30px;
}

.print_wrap .atechnologies__string {
  margin-top: 0;
}

.print_wrap .atechnologies__string ul {
  margin-top: 0;
}

.print_wrap .atechnologies__string li {
  line-height: 24px;
  padding-left: 0;
}

.print_wrap .atechnologies__string li:before {
  content: '';
  display: none;
}

.atechnologies__string {
  margin-top: 45px;
}

.atechnologies__string {
  .fl, .fr {
    width: 50%;
  }

  .fr.mod {
    margin-top: 80px;
  }

  ul {
    margin-top: 25px;
  }

  li {
    position: relative;
    margin-top: 10px;
    padding-left: 30px;
  }

  li:before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    width: 17px;
    height: 3px;
    background: #bbc747;
  }

  .h5 {
    padding-bottom: 10px;
    font-family: BebasNeueBold;
    color: #bbc747;
    border-bottom: 2px solid #bec94f;
  }
}

/*
@media screen and (min-color-index:0)
and(-webkit-min-device-pixel-ratio:0) { @media
{
  .hdfix--mod .mainBanner_logo_fix2 {
    height: 67px;
  }
}}*/
_::-webkit-full-page-media, _:future, :root .hdfix--mod .mainBanner_logo_fix2 {
  height: 67px;
}

//О проекте
.about {
  margin-top: 50px;
}

.about__top {
  margin-left: -90px;
  margin-top: -55px;
}

.atop__item {
  position: relative;
  display: inline-block;
  width: 207px;
  height: 207px;
  margin-left: 90px;
  margin-top: 100px;
  padding-top: 35px;
  font-family: Exo2-Light;
  background: url(/images/tpl/ellipse.png?87124);
  .box-sizing(border-box);
}

.atop__item .h1 {
  font-family: Exo2-Light;
  font-size: 60px;
}

.atop__item p:first-child {
  color: #ff8400;
}

.atop__item:nth-child(1):after {
  content: '';
  position: absolute;
  right: 50%;
  bottom: 90px;
  width: 243px;
  height: 243px;
  background: url(/images/tpl/ellipse-img1.png?57235);
  z-index: -1;
}

.atop__item:nth-child(2):after {
  content: '';
  position: absolute;
  right: 50%;
  bottom: 120px;
  width: 165px;
  height: 143px;
  background: url(/images/tpl/ellipse-img2.png?32768);
  z-index: -1;
}

.atop__item:nth-child(3):after {
  content: '';
  position: absolute;
  right: 50%;
  bottom: 80px;
  width: 154px;
  height: 185px;
  background: url(/images/tpl/ellipse-img3.png?71245);
  z-index: -1;
}

.atop__content {
  margin-top: 25px;
  text-align: justify;
}

.atop__content.center {
  text-align: center;
}

.atop__content img {
  max-width: 980px;
  width: 100% !important;
  height: auto !important;
}

.atop__content a img {
  max-width: 321px;
}

.infopage {
  .atop__content {
    text-align: left;
  }

  .atop__content img {
    display: block;
  }
}

.two_column {
  .column-count(2);
  .column-width(440px);
  .column-gap(100px);
}

.atop__content p {
  /*width: 440px;*/
  padding-top: 15px;
}

.atop__content a {
  color: #1d3b21;
  border-bottom: 1px solid #bbc4bc;
}

.atop__content a:hover {
  border-color: transparent;
}

.atop__content div:first-child {
  float: left;
}

.atop__content div:nth-child(2) {
  float: right;
}

.atop__content {
  line-height: 24px;

  h1, h2, h3, h4, h5, h6 {
    margin-top: 10px;
  }

  ul {
    margin-top: 25px;
    font-size: 16px;
  }

  ul:first-child {
    margin-top: 0;
  }

  ul li {
    position: relative;
    margin-bottom: 20px;
    padding-left: 25px;
  }

  ul li:before {
    content: '';
    position: absolute;
    left: 0;
    top: 10px;
    width: 17px;
    height: 3px;
    background: @colorBasic;
  }
}

.about__block {
  position: relative;
  margin-top: 50px;
  padding: 30px 0;
  background: #cfd87e;
}

.about__block .h3 {
  font-family: Exo2-Light;
  text-transform: none;
}

.about__photo {
  margin-top: 45px;
}

.about__slider {
  position: relative;
  margin-top: 30px;
}

.about__stork {
  position: absolute;
  left: 0;
  top: -145px;
  width: 809px;
  height: 504px;
  background: url(/images/tpl/about-stork.png);
  z-index: -1;
}

.about__scheme1 {
  position: absolute;
  right: 0;
  top: 10px;
  width: 557px;
  height: 1104px;
  background: url(/images/tpl/about-scheme1.png);
}

.aslider__container img {
  border: 2px solid #fff;
}

.aslider__bleft, .aslider__bright {
  position: absolute;
  top: 0;
  width: 25%;
  height: 100%;
  background-color: rgba(237, 241, 207, 0.5);
  .transition(0.8s);
  cursor: pointer;
  z-index: 1;
}

.aslider__bleft:hover, .aslider__bright:hover {
  background-color: rgba(237, 241, 207, 0);
}

.aslider__bleft {
  left: 0;
  background-image: url(/images/tpl/gallery_arrow_left.png);
  background-position: 99% center;
  background-repeat: no-repeat;
  background-size: 32px 83px;
}

.aslider__bright {
  right: 0;
  background-image: url(/images/tpl/gallery_arrow_right.png);
  background-position: 1% center;
  background-repeat: no-repeat;
  background-size: 32px 83px;
}

.about__infrastructure {
  margin-top: 75px;
}

/*.about__infrastructure_text{margin-top: -30px; margin-left: -80px;}
.ainfrastructure__container{
  .ib{width: 225px; margin-left: 80px; margin-top: 70px; vertical-align: top;}
  img{width: 96px; height: 96px;}
  p{font-family: Exo2-Light;}
  p.html_format{padding-top: 15px;}
}*/

.about__technologies {
  position: relative;
  margin-top: 90px;
}

.atechnologies__string {
  margin-top: 45px;
}

.atechnologies__string {
  .fl, .fr {
    width: 50%;
  }

  .fr.mod {
    margin-top: 80px;
  }

  ul {
    margin-top: 25px;
  }

  li {
    position: relative;
    margin-top: 10px;
    padding-left: 30px;
  }

  li:before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    width: 17px;
    height: 3px;
    background: #bbc747;
  }

  .h5 {
    padding-bottom: 10px;
    font-family: BebasNeueBold;
    color: #bbc747;
    border-bottom: 2px solid #bec94f;
  }
}

.atechnologies__string--mod {
  margin-top: 25px;
}

.atechnologies__string--mod {
  .fl {
    width: 60%;
  }

  .fr {
    position: relative;
    width: 40%;
  }

  .fr img {
    position: absolute;
    left: 80px;
    top: -60px;
  }
}

.about__document {
  margin-top: 75px;
}

.adocument__slider {
  position: relative;
  float: right;
  width: 650px;
}

.adocument__inner {
  width: 170px;
}

.adocument__block {
  height: 228px;
  padding: 45px 20px 0;
  .box-sizing(border-box);
  background: url(/images/tpl/about-document.png) no-repeat;
}

.adocument__block {
  .h5 {
    font-family: Exo2-ExtraLight;
    color: #fb6a00;
  }

  p {
    padding-top: 15px;
  }
}

.adocument__item a {
  position: relative;
  display: inline-block;
  margin-top: 5px;
  padding-left: 18px;
  text-decoration: underline;
  color: #fb6a00;
}

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

.adocument__item a:before {
  content: '';
  position: absolute;
  left: 0;
  bottom: 2px;
  width: 14px;
  height: 15px;
  background: url(/images/tpl/download.png);
}

.adocument__item .h5 {
  text-transform: uppercase;
}

.adocument__button {
  position: absolute;
  top: 50%;
  display: none;
  width: 100%;
  margin-top: -26px;
  z-index: 1;
}

.adocument__bleft {
  position: absolute;
  left: -60px;
  width: 20px;
  height: 52px;
  background: url(/images/tpl/documents_arrow_left.png);
  background-size: cover;
  cursor: pointer;
}

.adocument__bright {
  position: absolute;
  right: -60px;
  width: 20px;
  height: 52px;
  background: url(/images/tpl/documents_arrow_right.png);
  background-size: cover;
  cursor: pointer;
}

.about__scheme {
  margin-top: 135px;
}

.ascheme__inner {
  margin-top: 45px;
  padding-bottom: 50px;
  background: #edf1cf;
}

.about__scheme .fl {
  margin-left: 55px;
}

.ascheme__container--mod {
  .ascheme__item {
    width: 265px;
  }

  .ascheme__block {
    display: block;
    width: 264px;
  }
}

.ascheme__list {
  width: 330px;
  margin-top: 35px;
}

.ascheme__container {
  margin-bottom: 5px;
}

.ascheme__item {
  position: relative;
  display: inline-block;
  height: 40px;
  padding: 0 30px 0 20px;
  line-height: 36px;
  color: #fff;
  background: @colorBasic2;
}

.ascheme__item:after {
  content: '';
  position: absolute;
  right: -11px;
  top: 0; /*width: 11px; height: 39px; background: url(/images/tpl/about-arrow1.png);*/
  border-left: 11px solid @colorBasic2;
  border-top: 20px solid transparent;
  border-bottom: 20px solid transparent;
}

.ascheme__block {
  display: none;
  padding: 10px 15px;
  border: 1px solid @colorBasic2;
  border-top: none;
  background: #f5f5f5;
}

.ascheme__block span {
  position: relative;
  display: inline-block;
  width: 100%;
  padding-left: 25px;
  vertical-align: top;
}

.ascheme__block span:before {
  content: '';
  position: absolute;
  left: 0;
  width: 17px;
  height: 3px;
  margin-top: 8px;
  background: @colorBasic;
}

.ascheme__map {
  position: relative;
  margin-top: 80px;
}

.ascheme__map img { /*height: 445px;*/
  max-width: 100%;
}

.ascheme__elems {
  span {
    position: absolute;
    font-family: Exo2-Light;
  }

  span:nth-child(1) {
    left: 375px;
    top: -20px;
  }

  span:nth-child(2) {
    left: 195px;
    top: 70px;
  }

  span:nth-child(3) {
    left: 160px;
    top: 120px;
  }

  span:nth-child(4) {
    left: 5px;
    top: 135px;
  }

  span:nth-child(5) {
    left: 165px;
    top: 190px;
  }

  span:nth-child(6) {
    left: 70px;
    top: 390px;
  }

  span:nth-child(7) {
    left: 345px;
    top: 410px;
  }

  span:nth-child(8) {
    left: 0;
    bottom: 0;
  }

  span:nth-child(9) {
    left: 165px;
    bottom: 155px;
    .transform(rotate(38deg));
  }

  span span {
    position: static !important;
  }
}


.about .forWhom {
  margin-top: 90px;
}

.about .advantages {
  padding: 70px 0 110px;
}

.about__advantages {
  margin-top: 70px;
}

.about__advantages_list {
  margin-left: -3%;
  margin-top: -35px;
}

.about__advantages_item {
  display: inline-block;
  width: 30%;
  margin-left: 3%;
  margin-top: 35px;
  vertical-align: top;
}

.about__advantages_circle {
  float: left;
  width: 50px;
  height: 50px;
  margin-right: 20px;
  text-align: center;
  line-height: 50px;
  font-size: 36px;
  color: #fff;
  background: @colorBasic2;
  border-radius: 50%;
}

.about__advantages_text {
  line-height: 24px;
  font-size: 16px;
  overflow: hidden;
}

.about__advantages_text p {
  padding: 0;
}

.about__info {
  margin-top: 55px;
}

.about__info_top {
  margin-top: 50px;
}

.about__info_list {
  margin-left: -120px;
  margin-top: -30px;
  text-align: center;
}

.about__info_item {
  display: inline-block;
  width: 295px;
  margin-left: 120px;
  margin-top: 30px;
  vertical-align: top;
}

.about__info_img {
  height: 200px;
}

.about__info_img img {
  max-width: 100%;
  max-height: 100%;
  vertical-align: middle;
}

.about__info_name {
  margin-top: 15px;
  text-transform: uppercase;
  font-size: 24px;
  font-family: Exo2-Medium;
}

.about__info_text {
  margin-top: 15px;
  font-family: Exo2-Light;
}

.about__info_content {
  margin-top: 100px;
}

.about {
  .forWhom_blockText {
    max-width: 625px;
    text-align: left;
  }

  .forWhom_blockText:after {
    bottom: -25px;
  }
}

.about__banner {
  position: relative;
  height: 595px;
  margin-top: 40px;
}

.about__banner_bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.about__banner_content {
  position: relative;
  width: 645px;
  padding-top: 45px;
  text-shadow: 0px 1px 3px rgba(34, 35, 60, 0.5);
  color: #fff;
}

.about__banner_top {
  font-family: Exo2-Light;
}

.about__banner_bottom {
  margin-top: 10px;
  line-height: 36px;
  text-transform: uppercase;
  font-size: 24px;
  font-family: Exo2-Medium;
}

.about .disposition {
  margin-top: 40px;
}

.description__bottom {
  max-width: 575px;
  margin: 0 auto;
}

.about__infrastructure_item {
  position: relative;
  float: left;
  width: 25%;
  padding-top: 25%;
  border: 2px solid #fff;
  .border-box();
}

.about__infrastructure_item a {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.about__infrastructure_img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.about__infrastructure_content {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  padding: 30px 35px 45px;
  text-align: left;
  text-shadow: 0px 1px 3px rgba(34, 35, 60, 0.5);
  color: #fff;
  .linear-gradient-top(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0), 0%, rgba(0, 0, 0, 0.8), 100%);
  .border-box();
}

.about__infrastructure_name {
  line-height: 36px;
  text-transform: uppercase;
  font-size: 24px;
  font-family: Exo2-Medium;
}

.about__infrastructure_text {
  margin-top: 14px;
  font-family: Exo2-Medium;
}

.about__infrastructure_item .about__infrastructure_img:after {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0;
  .transition(0.3s);
}

.about__infrastructure_item:hover .about__infrastructure_img:after {
  opacity: .5;
}

.ainfrastructure__container--icon {
  margin-top: -30px;
  margin-left: -80px;
}

.ainfrastructure__container--icon {
  .about__infrastructure_item {
    display: inline-block;
    float: none;
    width: 230px;
    margin-left: 80px;
    margin-top: 30px;
    padding: 0;
    vertical-align: top;
  }

  .about__infrastructure_img, .about__infrastructure_content {
    position: static;
  }

  .about__infrastructure_img img {
    max-width: 130px;
    max-height: 130px;
  }

  .about__infrastructure_content {
    margin-top: 10px;
    padding: 0;
    text-align: center;
    text-shadow: none;
    color: #000;
    background: none;
  }

  .about__infrastructure_name {
    line-height: normal;
    text-transform: none;
    font-size: 18px;
    font-family: Exo2-Light;
  }
}

.about__document_info {
  float: left;
  width: 450px;
  max-width: 100%;
}

.about__document_text {
  margin-top: 35px;
}

.about__scheme_content {
  width: 100%;
  max-width: 625px;
  margin: 65px auto 0;
  padding: 0 10px;
  line-height: 24px;
  font-family: Exo2-Light;
  .border-box();
}

.with_hint {
  border-bottom: 1px dashed;
  cursor: default;
  .transition(0.3s);
  .user-select(none);
}

.with_hint:hover {
  border-bottom-color: transparent;
}

.media__title {
  margin-bottom: 32px;
}

.media__list {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  width: calc(~'100% + 22px');
  margin: 0 -11px 32px;
}

.media__youtube {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  width: calc(~'100% + 40px');
  margin: 0 -20px 32px;
}

.media__button {
  display: flex !important;
  justify-content: center;
  align-items: center;
  flex: 0 0 calc(~'33.333333% - 22px');
  max-width: calc(~'33.333333% - 22px');
  height: 40px;
  font-size: 16px;
  line-height: 16px;
  font-family: Exo2-Medium;
  color: #3A3A3A;
  border: 1px solid #E5E5E5;
  border-radius: 20px;
  margin: 0 auto 40px;
}

.media__button:hover, .media__button:focus {
  color: #3A3A3A;
  border-color: #EAAC08;
}

.media-news__item {
  flex: 0 0 calc(~'33.333333% - 22px');
  max-width: calc(~'33.333333% - 22px');
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
  padding: 24px 32px;
  border: 1px solid #e6e6e6;
  margin: 0 11px 25px;
}

.media-news__platform {
  position: relative;
  font-size: 18px;
  line-height: 18px;
  font-family: Exo2-Medium;
  color: #757575;
  margin-right: 24px;
  margin-bottom: 16px;
  padding-top: 0;
}

.media-news__platform::after {
  position: absolute;
  top: 50%;
  right: -14px;
  background: #C4C4C4;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  content: '';
}

.media-news__date {
  padding-top: 0;
  font-size: 18px;
  line-height: 18px;
  font-family: Exo2-Medium;
  color: #757575;
}

.media-news__text {
  padding-top: 0;
  width: 100%;
  font-size: 20px;
  line-height: 28px;
  font-family: Exo2-Medium;
  color: #222222;
}

.media-news__item:hover .media-news__text, .media-news__item:focus .media-news__text {
  color: #EAAC08;
  transition: 0.3s ease;
}

.media__youtube .popupbox-video {
  flex: 0 0 calc(~'25% - 40px');
  max-width: calc(~'25% - 40px');
  margin: 0 20px 25px;
}

.media__youtube .popupbox-video img {
  width: 100%;
}

.media__youtube-title {
  font-size: 16px;
  line-height: 20px;
  font-family: Exo2-Medium;
  color: #222222;
}

.hdfix .mainBanner_nav ul li:nth-child(6) a {
  color: #439639;
}

.goUp.active + .mainBanner .mess a, .newheader .mess a {
  width: 20px;
  height: 20px;
}

.mess {
  margin-right: 10px;
  display: flex;
  align-items: center;

  a {
    //width: 20px;
    //height: 20px;
    display: block;

    img {
      width: 100%;
    }

    &:first-child {
      margin-right: 10px;
    }
  }
}

.hdrFixWrap.noShadow, .footer {
  .mess {
    a {
      width: auto;
      height: auto;
    }
  }
}

.fl .html_format {
  margin-bottom: 66px;
}

@media screen and (max-width: 760px) {
  .fl .html_format {
    margin-bottom: 0;
  }
}

@media screen and (max-width: 1100px) {
  .hdfix--mod .hdrFixTop .mainBanner_tel .tel.callibri_phone {
    margin-left: 0;
  }
}

@media screen and (max-width: 1100px) {
  .hdfix--mod .mainBanner_address_p1 p:last-child {
    margin-right: 32px !important;
  }
}