@charset "UTF-8";

@font-face {
  font-family: "FuturaFuturisC";
  src: url("../fonts/futurafuturisc.woff2") format("woff2"),
    url("../fonts/futurafuturisc.woff") format("woff");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: "FuturaFuturisC";
  src: url("../fonts/futurafuturisc-bold.woff2") format("woff2"),
    url("../fonts/futurafuturisc-bold.woff") format("woff");
  font-style: normal;
  font-weight: 700;
  font-display: swap;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  text-decoration: none;
  outline: 0;
}

.parallax-mirror {
  min-height: 1000px;
  background: 0 0;
  z-index: 200 !important;
}

#information,
#main,
#materials,
#order-work,
#subscription,
#technology,
#work-examples {
  background-position: top;
}

#estimation,
#footer,
#information,
#main,
#materials,
#order-work,
#subscription,
#technology,
#work-examples {
  background-repeat: no-repeat;
}

#estimation,
#footer,
#promotion {
  background-position: bottom;
}

#estimation,
#footer,
#information,
#main,
#materials,
#order-work,
#promotion,
#subscription,
#technology,
#work-examples {
  background-size: 100%;
}

.btn-orange {
  background-color: #ff7e00;
  border: none;
  cursor: pointer;
}

.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
  clip: rect(0, 0, 0, 0);
  clip-path: inset(50%);
  overflow: hidden;
  white-space: nowrap;
}

.container {
  width: 1060px;
  height: 100%;
}

#main {
  position: relative;
  width: 100%;
  padding-top: calc(100% / 1.5);
}

#main::after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  display: block;
  width: 63.5081%;
  height: 29%;
  background: url("/i/leaves-main-new.png");
  background-size: 100% 100%;
}

#main .bg-gate {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  width: 100%;
}

#main .container {
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -530px;
}

#main #header .header-container {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding-top: 30px;
  flex-wrap: wrap;
}

#main #header .header-container .menu {
  width: 100%;
}

#main #header .header-container .menu nav {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
}

#main #header .header-container .menu .menu-check,
#main #header .header-container .menu .menu-check + label {
  display: none;
}

#main #header .header-container .menu .menu-link {
 
  display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      
      list-style: none;
      height: 68px;
   
}

#main #header .header-container .menu .menu-link a {
  font-size: 14px;
 font-family: "Roboto", "Arial", sans-serif;
  color: #fff;
  line-height: 1;
  text-align: center;
  font-weight: bold;
      font-size: 14px;
      line-height: 16px;
      color: #fff;
text-decoration: none;
width: auto;
}

.menu-link a:hover {
     display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
text-decoration: none;
  height: 68px;
  background: #DB4D01;
  
  
}

#main #header .header-container .menu .menu-link.phone-body a {
  display: none;
}

#main #header .header-container .logo .phone-body {
  padding: .3em .3em .3em 1.8em;
border: 1px solid #FF6C1A;
-webkit-box-shadow: 0px 0px 16px 2px #FF6C1A; 
box-shadow: 0px 0px 16px 2px #FF6C1A;
border-radius: 20px;
margin-top: 10px;
}

#main #header .header-container .logo .phone-body a {
  position: relative;
  font-family: FuturaFuturisC, sans-serif;
  text-shadow: 0 0 9px #c7c7c7;
  color: #FF6C1A;
}

#main #header .header-container .logo .phone-body a::before {
  content: "";
  position: absolute;
  top: .2em;
  left: -1.2em;
  display: block;
  width: .8em;
  height: .8em;
  background: url("../images/call.png") no-repeat;
  background-size: contain;
}
.phone-body2 a {
  position: relative;
  font-family: FuturaFuturisC, sans-serif;
  text-shadow: 0 0 9px #c7c7c7;
  color: #fff;
  display: block;
  top: 2px;
}
/* .phone-body2 a::before {
     content: "";
    position: absolute;
    top: 1.3em;
    left: 1.2em;
    display: block;
    width: 1.5em;
    height: 1.5em;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 384' fill='%23fff'%3E%3Cpath d='M353.188,252.052c-23.51,0-46.594-3.677-68.469-10.906c-10.719-3.656-23.896-0.302-30.438,6.417l-43.177,32.594 c-50.073-26.729-80.917-57.563-107.281-107.26l31.635-42.052c8.219-8.208,11.167-20.198,7.635-31.448 c-7.26-21.99-10.948-45.063-10.948-68.583C132.146,13.823,118.323,0,101.333,0H30.813C13.823,0,0,13.823,0,30.813 C0,225.563,158.438,384,353.188,384c16.99,0,30.813-13.823,30.813-30.813v-70.323C384,265.875,370.177,252.052,353.188,252.052z'/%3E%3C/svg%3E") no-repeat;
  background-size: contain;
} */
#main #header .header-container .logo {
  margin: 20px 0 0 auto;
  text-align: center;
}

#main #header .header-container .logo p {
  font-family: FuturaFuturisC, sans-serif;
  font-size: 20px;
}

#main #main-container {
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  margin: 0 auto;
  justify-content: center;
  align-content: flex-start;
}

#main #main-container h1.title {
  width: 100%;
  font-family: FuturaFuturisC, sans-serif;
  font-weight: 700;
  color: #fff;
  text-transform: uppercase;
  line-height: 1;
  margin: 52px 0 10px;
}

#main #main-container h1.title .str-1 {
  font-size: 144px;
  text-shadow: 0 0 24px rgba(0, 0, 0, 0.35);
}

#main #main-container h1.title .str-2 {
  font-size: 101px;
  text-shadow: 0 0 24px rgba(0, 0, 0, 0.46);
}

#main #main-container h1.title .str-3 {
  font-size: 115px;
  text-align: left;
  text-shadow: 0 0 25px rgba(0, 0, 0, 0.99);
  text-transform: none;
}

#main #main-container .main-container_timing {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #5dbdcb;
  width: 524px;
  height: 63px;
  font-size: 22px;
  font-family: FuturaFuturisC, sans-serif;
  color: #fff;
  text-transform: uppercase;
}

#main #main-container .main-container_button {
  display: flex;
  width: 180px;
  height: 180px;
  margin-left: 174px;
  margin-right: 180px;
  margin-top: -95px;
}

#main #main-container .main-container_button .main-btn {
  position: relative;
  z-index: 2;
  width: 180px;
  height: 180px;
  font-size: 18px;
  font-family: FuturaFuturisC, sans-serif;
  color: #fff;
  text-transform: uppercase;
  line-height: 1.25;
  text-align: center;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
}

.bg-promotion {
  background-image: url("../i/bg/bg-promotion-new.jpg");
  background-size: 100% auto;
  background-position: 0 0;
  background-repeat: no-repeat;
}

#promotion {
  width: 100%;
  display: flex;
  align-items: center;
}

#promotion .promotion-container {
  width: 1060px;
  height: 450px;
  display: flex;
  flex-wrap: wrap;
  margin: 0 auto;
  align-items: flex-end;
  padding: 10px 0;
}

#promotion .promotion-container .discounts {
  width: 670px;
  height: 430px;
  margin-left: 13px;
  display: none;
  flex-wrap: wrap;
  align-content: space-between;
}

#promotion .promotion-container .discounts.active {
  display: flex;
}

#promotion .promotion-container .discounts .discounts-text {
  position: relative;
  z-index: 2;
  width: 420px;
}

#promotion .promotion-container .discounts .discounts-text p.discount-title {
  font-size: 24px;
  font-family: FuturaFuturisC, sans-serif;
  color: #333;
}

#promotion .promotion-container .discounts .discounts-text .discount-price {
  margin-left: 20px;
  margin-top: 40px;
}

#promotion
  .promotion-container
  .discounts
  .discounts-text
  .discount-price
  p.price {
  font-size: 24px;
  font-family: FuturaFuturisC, sans-serif;
  color: #333;
  line-height: 1.2;
}

#promotion .promotion-container .discounts .discount_gift {
  background-color: #5dbdcb;
  width: 685px;
  height: 90px;
  padding-right: 264px;
  padding-left: 15px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

#promotion .promotion-container .discounts .discount_gift p {
  font-size: 30px;
  font-family: FuturaFuturisC, sans-serif;
  color: #fff;
  line-height: 1.2;
}

#promotion .promotion-container .position {
  width: 645px;
  display: flex;
  margin-left: -270px;
  justify-content: space-around;
}

#promotion .promotion-container .position .position_image {
  height: 430px;
  position: relative;
}

#promotion .promotion-container .position .position_image::before {
  content: "";
  position: absolute;
  top: 0;
  left: 17%;
  z-index: 2;
  display: block;
  width: 13%;
  height: 11.5%;
  background: url("/i/leaves-promotion.png");
  background-size: 100% 100%;
}

#promotion .promotion-container .position .position_image img {
  max-width: 700px;
  max-height: 620px;
  margin-top: -80px;
}

#promotion .promotion-container .position .position_image p {
  width: 170px;
  font-size: 16px;
  font-family: FuturaFuturisC, sans-serif;
  color: #333;
  line-height: 0.875;
  text-align: center;
  -moz-transform: matrix(0, -1, 1, 0, 0, 0);
  -webkit-transform: matrix(0, -1, 1, 0, 0, 0);
  -ms-transform: matrix(0, -1, 1, 0, 0, 0);
  -o-transform: matrix(0, -1, 1, 0, 0, 0);
  transform: matrix(0, -1, 1, 0, 0, 0);
  position: absolute;
  top: 75px;
  right: 63px;
}

#promotion .promotion-container .position .categories {
  z-index: 2;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 185px;
  height: 175px;
  margin-left: -160px;
  cursor: pointer;
}

#promotion .promotion-container .position .categories .category {
  color: #333;
}

#promotion .promotion-container .position .categories .category p.name {
  font-size: 16px;
  font-family: FuturaFuturisC, sans-serif;
  line-height: 1.2;
}

#promotion .promotion-container .position .categories .category p.size {
  font-size: 24px;
  font-family: FuturaFuturisC, sans-serif;
  font-weight: 700;
  line-height: 1.2;
}

#promotion .promotion-container .position .categories .category p {
  font-size: 24px;
  font-family: FuturaFuturisC, sans-serif;
  line-height: 1.2;
}

#promotion .promotion-container .position .categories .active {
  color: #5dbdcb;
}

#estimation {
  padding-bottom: 60px;
  background-image: url("../i/bg/bg-calc-new.jpg");
  background-size: 100% auto;
  background-position: bottom -90px left;
}

#estimation .estimation-container {
  width: 1060px;
  margin: 0 auto;
}

#estimation .estimation-container p.estimation-container_text {
  font-size: 20px;
  font-family: FuturaFuturisC, sans-serif;
  color: #333;
  line-height: 20px;
  text-align: center;
  width: 100%;
  padding: 65px 0 40px;
}

#estimation .estimation-container .calculator {
  padding-left: 13px;
}

#estimation .estimation-container .calculator h2.calc-title {
  font-size: 40px;
  font-family: FuturaFuturisC, sans-serif;
  /* font-weight: 700; */
  font-weight: 400;
  color: #000;
}

#estimation .estimation-container .calculator .calculator-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-end;
}

#estimation
  .estimation-container
  .calculator
  .calculator-container
  .calc-block {
  width: 870px;
  display: flex;
  flex-wrap: wrap;
}

#estimation
  .estimation-container
  .calculator
  .calculator-container
  .calc-block
  .calc-block-line {
  width: 100%;
  display: flex;
  justify-content: space-between;
}

#estimation
  .estimation-container
  .calculator
  .calculator-container
  .calc-block
  .calc-block-line
  .group {
  display: flex;
  flex-wrap: wrap;
  width: 240px;
  height: 65px;
  margin-top: 20px;
}

#estimation
  .estimation-container
  .calculator
  .calculator-container
  .calc-block
  .calc-block-line
  .group
  .label-name {
  font-size: 20px;
  font-family: FuturaFuturisC, sans-serif;
  color: #333;
}

#estimation
  .estimation-container
  .calculator
  .calculator-container
  .calc-block
  .calc-block-line
  .group
  .select-input
  .num,
#estimation
  .estimation-container
  .calculator
  .calculator-container
  .calc-block
  .calc-block-line
  .group
  .select-wrapper
  .num {
  font-size: 18px;
  font-family: FuturaFuturisC, sans-serif;
  font-weight: 700;
  color: #333;
  line-height: 1.2;
}

#estimation
  .estimation-container
  .calculator
  .calculator-container
  .calc-block
  .calc-block-line
  .group
  .select-input {
  position: relative;
  display: inline-block;
  height: 40px;
}

#estimation
  .estimation-container
  .calculator
  .calculator-container
  .calc-block
  .calc-block-line
  .group
  .select-input
  .select {
  width: 240px;
  height: 40px;
  border-radius: 5px;
  background-color: #efefee;
  border: none;
  padding: 11px 9px 11px 17px;
}

#estimation .estimation-container .calculator input:focus,
#estimation .estimation-container .calculator select:focus {
  box-shadow: 0 0 0 1px #5dbccb;
}

#estimation
  .estimation-container
  .calculator
  .calculator-container
  .calc-block
  .calc-block-line
  .group
  .select-wrapper {
  position: relative;
  display: inline-block;
  height: 40px;
}

#estimation
  .estimation-container
  .calculator
  .calculator-container
  .calc-block
  .calc-block-line
  .group
  .select-wrapper
  .select {
  width: 240px;
  height: 40px;
  border-radius: 5px;
  background-color: #efefee;
  border: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  padding: 11px 30px 11px 17px;
  cursor: pointer;
}

#estimation
  .estimation-container
  .calculator
  .calculator-container
  .calc-block
  .calc-block-line
  .group
  .select-wrapper
  .text {
  font-size: 16px;
  font-family: FuturaFuturisC, sans-serif;
  color: #333;
}

#estimation
  .estimation-container
  .calculator
  .calculator-container
  .calc-block
  .calc-block-line
  .group
  .select-wrapper
  select::-ms-expand {
  display: none;
}

#estimation
  .estimation-container
  .calculator
  .calculator-container
  .calc-block
  .calc-block-line
  .group
  .select-wrapper:before {
  content: "";
  position: absolute;
  top: 18px;
  right: 9px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 8px 5px 0;
  border-color: #5dbccb transparent transparent;
  pointer-events: none;
}

#estimation
  .estimation-container
  .calculator
  .calculator-container
  .calc-add-block {
  width: 140px;
  height: 215px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

#estimation
  .estimation-container
  .calculator
  .calculator-container
  .calc-add-block
  .add-block-text {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 40px;
}

#estimation
  .estimation-container
  .calculator
  .calculator-container
  .calc-add-block
  .add-block-text
  .add-block-check
  label.check {
  display: block;
  width: 20px;
  height: 20px;
  border-width: 1px;
  border-color: #5dbdcb;
  border-style: solid;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
}

#estimation
  .estimation-container
  .calculator
  .calculator-container
  .calc-add-block
  .add-block-text
  .add-block-check
  input:checked
  + label.check {
  background-color: #5dbccb;
  box-shadow: inset 0 0 0 2px #ffffff;
  cursor: pointer;
}

#estimation
  .estimation-container
  .calculator
  .calculator-container
  .calc-add-block
  .add-block-text
  label.info-check {
  font-size: 16px;
  line-height: 13px;
  font-family: FuturaFuturisC, sans-serif;
  color: #333;
  width: 80%;
  cursor: pointer;
}

#estimation
  .estimation-container
  .calculator
  .calculator-container
  .calc-add-block
  .add-block-btn {
  display: flex;
  width: 133px;
  height: 133px;
}

#estimation
  .estimation-container
  .calculator
  .calculator-container
  .calc-add-block
  .add-block-btn
  .send-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  width: 133px;
  height: 133px;
  font-size: 15.57px;
  font-family: FuturaFuturisC, sans-serif;
  color: #fff;
  text-transform: uppercase;
  line-height: 1.333;
  text-align: center;
  padding: 0 10px;
  white-space: normal;
}

#estimation .estimation-container .calculator .calculator_cost {
  display: flex;
  flex-wrap: wrap;
  margin-top: 30px;
}

#estimation .estimation-container .calculator .calculator_cost .result-block {
  display: flex;
  flex-direction: column;
  padding-left: 10px;
}

#estimation
  .estimation-container
  .calculator
  .calculator_cost
  .result-block
  .calc_result {
  font-size: 94px;
  font-family: FuturaFuturisC, sans-serif;
  font-weight: 700;
  color: #333;
}

#estimation
  .estimation-container
  .calculator
  .calculator_cost
  .result-block
  .calc_prim {
  font-size: 20px;
  font-family: FuturaFuturisC, sans-serif;
  color: #333;
}

#estimation
  .estimation-container
  .calculator
  .calculator_cost
  .result-block
  > p {
  font-size: 35px;
  font-family: FuturaFuturisC, sans-serif;
  font-weight: 700;
  color: #333;
  text-transform: uppercase;
}

#estimation .estimation-container .calculator .calculator_cost > span {
  font-size: 40px;
  font-family: FuturaFuturisC, sans-serif;
  font-weight: 700;
  color: #000;
  padding-top: 10px;
}

#subscription {
  display: flex;
  align-items: flex-end;
  width: 100%;
  height: 875px;
  background-image: url("../i/bg/bg-sub.png");
  margin-top: -180px;
}

#subscription .subscription-container {
  position: relative;
  z-index: 3;
  width: 1060px;
  height: 725px;
  margin: 0 auto;
}

#subscription .subscription-container p.sub_title {
  width: 100%;
  font-size: 40px;
  font-family: FuturaFuturisC, sans-serif;
  color: #fff;
  line-height: 1.25;
  text-align: center;
  margin-top: 55px;
  margin-bottom: 51px;
}

#subscription .subscription-container .sub-form {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

#subscription .subscription-container .sub-form .sub_input {
  margin: 15px 0;
}

#subscription .subscription-container .sub-form .sub_input input {
  border-radius: 5px;
  background-color: #efefee;
  width: 508px;
  height: 80px;
  border: none;
  font-size: 20px;
  font-family: FuturaFuturisC, sans-serif;
  color: #333;
  padding: 30px 21px;
}

#subscription .subscription-container .sub-form .sub_button {
  width: 181px;
  height: 181px;
  margin-top: 77px;
  margin-right: 100px;
}

#subscription .subscription-container .sub-form .sub_button .subBtn {
  width: 181px;
  height: 181px;
  border-radius: 50%;
  font-size: 19px;
  font-family: FuturaFuturisC, sans-serif;
  color: #fff;
  text-transform: uppercase;
  text-align: center;
  white-space: normal;
  cursor: pointer;
}

.error-field {
  position: absolute;
  bottom: -16px;
  right: 0;
  font-family: FuturaFuturisC, sans-serif;
  font-size: 14px;
  color: #f00;
}

#technology {
  display: flex;
  align-items: flex-start;
  width: 100%;
  /* height: 1418px; */
  background-image: url("../i/bg/bg-tech.png");
  margin-top: -280px;
  position: relative;
  z-index: 1;
}

#technology .technology-container {
  width: 1060px;
  margin: 235px auto 0;
}

#technology .technology-container .technology-blocks {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

#technology .technology-container .technology-blocks .tech-block {
  width: 310px;
  flex-direction: column;
}

#technology
  .technology-container
  .technology-blocks
  .tech-block
  h3.tech-block_title {
  font-size: 30px;
  font-family: FuturaFuturisC, sans-serif;
  font-weight: 400;
  color: #333;
  text-transform: uppercase;
  text-align: center;
  margin-top: 45px;
}

#technology
  .technology-container
  .technology-blocks
  .tech-block
  p.tech-block_text {
  font-size: 20px;
  font-family: FuturaFuturisC, sans-serif;
  color: #585858;
  line-height: 1.2;
  margin: 13px 0 18px;
}

#technology
  .technology-container
  .technology-blocks
  .tech-block
  .tech-block_advantages {
  display: flex;
  height: 240px;
  flex-direction: column;
  justify-content: space-between;
}

#technology
  .technology-container
  .technology-blocks
  .tech-block
  .tech-block_advantages
  p.advantage {
  font-size: 18px;
  font-family: FuturaFuturisC, sans-serif;
  color: #333;
  line-height: 1.2;
  padding-left: 30px;
  position: relative;
}

#technology
  .technology-container
  .technology-blocks
  .tech-block
  .tech-block_advantages
  p.advantage:before {
  content: "";
  position: absolute;
  left: 0;
  top: 20px;
  display: block;
  width: 18px;
  height: 18px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 84.7 84.7' fill='%235cbecd'%3E%3Cpath d='M35 47L67 0l18 13-47 72L0 42l17-16z'/%3E%3C/svg%3E")
    no-repeat;
  background-size: contain;
}

#technology .technology-container .technology_text {
  width: 85%;
  margin: 100px auto 0;
  font-size: 20px;
  font-family: FuturaFuturisC, sans-serif;
  color: #272727;
  line-height: 1.2;
  text-align: center;
}

#work-examples {
  width: 100%;
  /* height: 670px; */
  background-image: url("../i/bg/bg-works-new.jpg");
  background-size: 100% 100%;
  /* margin-top: -375px */
}

#work-examples .work-examples-container {
  width: 1060px;
  /* height: 670px; */
  margin: 0 auto;
  padding: 100px 0 45px;
  position: relative;
  z-index: 1;
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap;
}

#work-examples .examples-slider .swiper-slide {
  height: 500px;
}

#work-examples .examples-slider .swiper-slide img {
  display: block;
  width: 100%;
  height: auto;
}

#work-examples .examples-slider .swiper-slide img:hover {
  -webkit-transform: scale(1.02);
  -moz-transform: scale(1.02);
  -ms-transform: scale(1.02);
  -o-transform: scale(1.02);
  transform: scale(1.02);
  -webkit-transition: 0.3s linear;
  -moz-transition: 0.3s linear;
  -ms-transition: 0.3s linear;
  -o-transition: 0.3s linear;
  transition: 0.3s linear;
  cursor: pointer;
}

#work-examples .examples-slider .swiper-slide p {
  font-size: 20px;
  font-family: FuturaFuturisC, sans-serif;
  color: #333;
}

#work-examples .examples-slider .swiper-slide p.example_title {
  margin-bottom: 25px;
}

#work-examples .examples-slider .swiper-slide p.example_text {
  margin-top: 20px;
}

#work-examples .work-examples-container .example_button {
  position: relative;
  z-index: 5;
  width: 181px;
  height: 181px;
  margin-top: -120px;
}

#work-examples .work-examples-container .example_button .exampleBtn {
  width: 181px;
  height: 181px;
  border-radius: 50%;
  font-size: 20px;
  font-family: FuturaFuturisC, sans-serif;
  color: #fff;
  line-height: 1.2;
  text-align: center;
  white-space: normal;
  text-transform: uppercase;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}

#order-work {
  position: relative;
  width: 100%;
  background-image: url("../i/bg/bg-order.png");
}

#order-work .order-work-container {
  width: 1060px;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  padding-top: 140px;
}

#order-work .order-work-container .order_image {
  width: 565px;
}

#order-work .order-work-container .order_image img {
  max-width: 100%;
  max-height: 100%;
}

#order-work .order-work-container .order_title {
  width: 100%;
  font-size: 60px;
  font-family: FuturaFuturisC, sans-serif;
  font-weight: 400;
  color: #5dbdcb;
  text-align: center;
  line-height: 0.6;
  margin-top: 20px;
}

#order-work .order-work-container .order_subtitle {
  font-size: 40px;
  font-family: FuturaFuturisC, sans-serif;
  color: #000;
}

#order-work .order-work-container .block-items {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  justify-content: space-between;
  margin-top: 55px;
}

#order-work .order-work-container .block-items .item {
  width: 280px;
  height: 195px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

#order-work .order-work-container .block-items .item .item-title,
#reviews .reviews-container .block-slider {
  justify-content: space-around;
  display: flex;
}

#order-work
  .order-work-container
  .block-items
  .item
  .item-title
  .item-title-icons {
  width: 55px;
  -webkit-transition: 0.3s linear;
  -moz-transition: 0.3s linear;
  -ms-transition: 0.3s linear;
  -o-transition: 0.3s linear;
  transition: 0.3s linear;
}

#order-work
  .order-work-container
  .block-items
  .item
  .item-title
  .item-title-icons
  svg {
  width: 100%;
  height: auto;
}

#order-work
  .order-work-container
  .block-items
  .item
  .item-title
  .item-title-icons:hover {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}

#order-work .order-work-container .block-items .item .item-title h5.title {
  width: 70%;
  font-size: 20px;
  font-family: FuturaFuturisC, sans-serif;
  font-weight: 700;
  color: #000;
  font-weight: 700;
  line-height: 1.2;
}

#order-work .order-work-container .block-items .item .item_text {
  font-size: 18px;
  font-family: FuturaFuturisC, sans-serif;
  color: #000;
  line-height: 1.2;
  height: 105px;
}

.bg-material {
  background-image: url("/i/bg/bg-material.jpg");
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position-y: bottom;
}

#order {
  position: relative;
  padding-bottom: 75px;
}

#order::before {
  content: "";
  position: absolute;
  top: 0;
  left: 1%;
  z-index: -1;
  display: block;
  width: 20%;
  height: 65%;
  background-image: url("/i/leaves-order-1.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: top left;
}

#order::after {
  content: "";
  position: absolute;
  bottom: 75px;
  right: 1%;
  display: block;
  width: 20%;
  height: 80%;
  background-image: url("/i/leaves-order-3.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: bottom right;
}

#order .order-container {
  width: 1060px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding-top: 70px;
}

#order .order-container h2.order_title {
  width: 100%;
  font-size: 45px;
  font-family: FuturaFuturisC, sans-serif;
  font-weight: 400;
  color: #010101;
  line-height: 0.8;
}

#order .order-container .order-columns {
  width: 560px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding-top: 50px;
}

#order .order-container .order-columns .order-column {
  z-index: 2;
  width: 250px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

#order .order-container .order-columns .order-column .order-column-title {
  display: flex;
  justify-content: space-between;
  margin-bottom: 25px;
}

#order
  .order-container
  .order-columns
  .order-column
  .order-column-title
  .order_icons {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  background-color: #5dbdcb;
  width: 73px;
  height: 73px;
  background-repeat: no-repeat;
  background-size: 68.5% auto;
  background-position: center center;
  -webkit-transition: background-size 0.2s linear;
  -moz-transition: background-size 0.2s linear;
  -ms-transition: background-size 0.2s linear;
  -o-transition: background-size 0.2s linear;
  transition: background-size 0.2s linear;
}

#order
  .order-container
  .order-columns
  .order-column
  .order-column-title
  .order_icons:hover {
  background-size: 80% auto;
}

#order
  .order-container
  .order-columns
  .order-column
  .order-column-title
  .order_icons
  p {
  font-size: 50px;
  color: #fff;
}

#order
  .order-container
  .order-columns
  .order-column:first-of-type
  .order_icons {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024' fill='%23fff'%3E%3Cpath d='M589 717H179c-42 0-77-35-77-77V230c0-42 35-76 77-76h666c42 0 77 34 77 76v52a26 26 0 11-52 0v-52c0-14-11-25-25-25H179c-14 0-25 11-25 25v410c0 14 11 26 25 26h410a26 26 0 110 51z'/%3E%3Cpath d='M589 922H77c-43 0-77-35-77-77v-51c0-15 11-26 26-26h563a26 26 0 110 51H51v26c0 14 12 25 26 25h512a26 26 0 110 52z'/%3E%3Cpath d='M947 922H742c-42 0-76-35-76-77V435c0-42 34-77 76-77h205c43 0 77 35 77 77v410c0 42-34 77-77 77zM742 410c-14 0-25 11-25 25v410c0 14 11 25 25 25h205c14 0 26-11 26-25V435c0-14-12-25-26-25H742z'/%3E%3Cpath d='M845 819a26 26 0 01-26-25 26 26 0 0126-26 26 26 0 0125 26 26 26 0 01-25 25z'/%3E%3C/svg%3E");
}

#order
  .order-container
  .order-columns
  .order-column:nth-of-type(2)
  .order_icons {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='110' height='90' fill='%23fff'%3E%3Cpath d='M41.2 0c-2 0-5.4 1-8 3.6l-22 21.6v4h-4l-4.4 4.2C.2 36 .2 37 2.8 39.6l9 8.8c1.6 1.6 2.4 1.6 4.4-.4l5-4.9V39h4.2l5-5c1.9-1.3 3.8-.4 5.9 1.6L82.9 87c1.7 2 3.2 3 5.3 3 3 0 4-.4 6.1-2.4l6.2-6.2c3.7-3.4 3.7-7.8-.7-11.7L48.4 23.1c-2.9-2.6-3-4.8-.2-6.4l12-11.8c2.1-2.1 2-4.9-2-4.9zm0 5h9c1.5 0 2 .7 0 2.7l-7 6.8c-2.6 3-1.8 9.5 1.8 12.3l5 4.5-5.7 5.6-4.3-4.7c-3.6-3.4-7.4-4.7-11.8-1L24.3 35h-6.1c-1 0-1 0-1 1v4c0 1 0 2-1 3l-1 1c-.9.7-1.3.4-2-.4l-6-5.8c-1-1 0-1.8 1-2.8 1.7-1.7 2-2 3-2h3c1 0 1 0 1-1v-3.9l21-20.6c1.5-1.5 3-2.5 5-2.5zM52 33.2l44.3 40.2c.8.8 2.8 2.1.6 4.5l-6.2 6.2c-1.6 1.4-3 .8-4.2-.5L46.2 39z'/%3E%3Cpath d='M57.6 59.1L35.7 83.2c-.8.8-2 2.8-4.4.6L25 77.6c-1.4-1.6-.9-3 .5-4.2L50.3 51l-3.4-3.7-24.7 22.4c-2 1.7-3 3.3-3 5.3 0 3 .4 4 2.3 6.1l6.2 6.2c3.5 3.7 7.9 3.7 11.7-.7L61 62.8zM86.7 0a22.5 22.5 0 00-21 30.3L61 34.5l14 12.8 3.6-3.8a22.5 22.5 0 0026.4-34L91.2 23.1h-5v-5l14-13.6A22.4 22.4 0 0086.7 0zm0 5c2 0 4 .4 5.9 1L81.2 17.2V28h11l11.1-11a17.5 17.5 0 01-25.9 20.3L74 41.1 71.4 44l-6.7-6 3.3-3 3.7-3.5A17.5 17.5 0 0186.7 5z'/%3E%3C/svg%3E");
}

#order
  .order-container
  .order-columns
  .order-column
  .order-column-title
  h5.title {
  width: 69%;
  font-size: 20px;
  font-family: FuturaFuturisC, sans-serif;
  font-weight: 700;
  color: #000;
  line-height: 1;
  padding-top: 15px;
}

#order .order-container .order-columns .order-column .order-column-text {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}

#order .order-container .order-columns .order-column .order-column-text p.item {
  padding-left: 23px;
  position: relative;
  font-size: 18px;
  font-family: FuturaFuturisC, sans-serif;
  color: #000;
  line-height: 1.2;
  margin-bottom: 25px;
}

#order
  .order-container
  .order-columns
  .order-column
  .order-column-text
  p.item:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 18px;
  height: 18px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 84.7 84.7' fill='%235cbecd'%3E%3Cpath d='M35 47L67 0l18 13-47 72L0 42l17-16z'/%3E%3C/svg%3E")
    no-repeat;
  background-size: contain;
}

#order .order-container .order-block {
  position: relative;
  z-index: 2;
  display: flex;
  width: 490px;
  justify-content: space-between;
}

#order .order-container .order-block::before {
  content: "";
  position: absolute;
  top: 28%;
  left: 80px;
  display: block;
  width: 50%;
  height: 82%;
  background-image: url("/i/leaves-order-2.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: top left;
}

#order .order-container .order-block .order-block-title {
  position: relative;
  width: 160px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

#order .order-container .order-block .order-block-title .order_icons {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  background-color: #5dbdcb;
  width: 112px;
  height: 112px;
  background-repeat: no-repeat;
  background-size: 44.6% 44.6%;
  background-position: center center;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='-8 0 512 512' xmlns='http://www.w3.org/2000/svg' fill='%23fff'%3E%3Cpath d='M496 285c-3-21-22-38-44-38h-4v-62c0-20-16-36-35-36h-7l19-26c11-16 7-39-10-50C303 0 311 4 306 2c-15-6-33 0-43 13l-28 42-35-23c-14-10-33-6-42 8L85 149H42c-23 0-42 19-42 43v277c0 24 19 43 43 43h362c24 0 43-19 43-43v-24h2c26 0 46-21 46-46V285zm-44-18c13 0 24 11 24 24 0 1 1 8-3 15-9 14-24 12-25 12v-51zM252 68c30 17 69 10 90-19l22 15c-16 28-9 65 18 86l-17 23H180l72-105zm28-41c5-7 14-9 21-5l25 16a49 49 0 01-63 13zm124 63c7 5 9 15 4 22l-15 21a46 46 0 01-12-58zM174 53c3-5 10-6 15-3l35 23-68 100H92zM42 169h29c-5 8-7 9-7 14-1 6 4 10 10 10h296c4 0 7-1 9-4l13-20h21c8 0 15 7 15 16v29H42c-30 0-29-45 0-45zm386 300c0 13-10 23-23 23H43c-13 0-23-10-23-23v-20h148a10 10 0 000-20H20V228l14 5c10 2 5 0 394 1v84h-36a64 64 0 000 127h36zm48-70c0 14-11 26-26 26h-58a44 44 0 010-87h60c9 0 17-3 24-7zm0 0'/%3E%3Cpath d='M395 346a35 35 0 100 71 35 35 0 000-71zm0 51a15 15 0 110-31 15 15 0 010 31zm0 0'/%3E%3C/svg%3E");
  -webkit-transition: background-size 0.2s linear;
  -moz-transition: background-size 0.2s linear;
  -ms-transition: background-size 0.2s linear;
  -o-transition: background-size 0.2s linear;
  transition: background-size 0.2s linear;
}

#order .order-container .order-block .order-block-title .order_icons:hover {
  background-size: 55% 55%;
}

#order .order-container .order-block .order-block-title .order_icons p {
  font-size: 50px;
  color: #fff;
}

#order .order-container .order-block .order-block-title h5.title {
  font-size: 20px;
  font-family: FuturaFuturisC, sans-serif;
  font-weight: 700;
  color: #000;
  line-height: 1;
  text-align: center;
  margin-top: 12px;
}

#order .order-container .order-block .order-block-text {
  background-color: #bd0000;
  width: 320px;
  height: 594px;
  padding: 57px 21px 57px 52px;
  position: relative;
}

#order .order-container .order-block .order-block-text p {
  position: relative;
  z-index: 1;
  font-size: 22px;
  font-family: FuturaFuturisC, sans-serif;
  color: #fff;
  line-height: 1.2;
}

#order .order-container .order-block .order-block-text:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 40%;
  height: 100%;
  opacity: 0.15;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18.73 157.16' height='594' width='70.81'%3E%3Ctext transform='rotate(-90 -69.92 -69.92)' y='18.73' x='-299.02'%3E%3Ctspan y='18.73' x='-299.02' font-weight='800' font-size='26.14' font-family='Open Sans'%3EВНИМАНИЕ%3C/tspan%3E%3C/text%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: top right;
  background-size: auto 100%;
}

#materials {
  position: relative;
  z-index: 2;
  width: 100%;
  display: flex;
  align-items: flex-end;
}

#materials::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  display: block;
  width: 20%;
  height: 82%;
  background: url("/i/leaves-material-1.png") no-repeat;
  background-size: contain;
  background-position: left bottom;
}

#materials::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: -1;
  display: block;
  width: 15%;
  height: 65%;
  background: url("/i/leaves-material-3.png") no-repeat;
  background-size: contain;
  background-position: right bottom;
}

#materials .materials-container {
  width: 1060px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
}

#materials .materials-container .material-description {
  width: 440px;
}

#materials .materials-container .material-description h2.material_title {
  width: 55%;
  margin: 30px 0;
  font-size: 45px;
  font-family: FuturaFuturisC, sans-serif;
  font-weight: 400;
  color: #333;
  line-height: 0.778;
  padding-left: 13px;
}

#materials .materials-container .material-description .material_text {
  background-color: #efefee;
  height: 444px;
  margin-left: -100%;
  padding-left: 100%;
  padding-top: 28px;
}

#materials .materials-container .material-description .material_text p {
  padding: 0 25px 28px 13px;
  font-size: 18px;
  font-family: FuturaFuturisC, sans-serif;
  color: #252525;
  line-height: 1.2;
}

#materials .big-images {
  position: relative;
  z-index: 0;
  width: 450px;
  margin-right: 25px;
  padding: 6px 25px 12px;
  border: 4px solid #5cbecd;
}

#materials .big-images::before {
  content: "";
  position: absolute;
  top: 206px;
  left: -30px;
  display: block;
  width: 100px;
  height: 265px;
  background: url("/i/leaves-material-2.png");
  background-repeat: no-repeat;
  background-size: 100%;
}

#materials .big-images .images-wrapper {
  position: relative;
  height: 100%;
}

#materials .big-images .img-slide {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -10;
  width: 100%;
  height: 100%;
  opacity: 0;
  -webkit-transition: opacity 0.4s linear;
  -moz-transition: opacity 0.4s linear;
  -ms-transition: opacity 0.4s linear;
  -o-transition: opacity 0.4s linear;
  transition: opacity 0.4s linear;
}

#materials .big-images .img-slide.active {
  opacity: 1;
}

#materials .big-images .img-slide img {
  width: 100%;
  height: auto;
}

#materials .gallery-thumbs {
  width: 145px;
  height: 100%;
}

#materials .gallery-thumbs .thumbs-slide {
  margin-bottom: 5px;
}

#materials .gallery-thumbs .thumbs-slide:last-of-type {
  margin-bottom: 0;
}

#materials .gallery-thumbs .thumbs-slide label {
  display: block;
  height: 66px;
  padding: 7px 0;
  background-color: #efefee;
  cursor: pointer;
}

#materials .gallery-thumbs .thumbs-slide .thumb-radio:checked + label {
  outline: 3px solid #5cbecd;
  outline-offset: -3px;
}

#materials .gallery-thumbs .thumbs-slide img {
  display: block;
  width: 100px;
  margin: 0 auto 5px;
}

#materials .gallery-thumbs .thumbs-slide p {
  font-family: FuturaFuturisC, sans-serif;
  font-size: 10px;
  text-align: center;
  color: #333;
}

#materials .materials-container .block-fence .fence_image {
  width: 419px;
  height: 530px;
}

#materials .materials-container .block-fence .fence_image img {
  max-width: 100%;
  max-height: 100%;
}

#materials .materials-container .block-fence .add-fence_image {
  width: 396px;
  height: 75px;
}

#materials .materials-container .panel-color {
  width: 139px;
  margin-left: 10px;
}

#materials .materials-container .panel-color .mini-block {
  width: 139px;
  height: 66px;
  display: flex;
  justify-content: center;
  align-content: space-around;
  flex-wrap: wrap;
  text-align: center;
  background-color: #efefee;
  margin-bottom: 5px;
}

#materials .materials-container .panel-color .mini-block .active {
  border: 4px solid #5dbdcb;
}

#materials .materials-container .panel-color .mini-block p {
  font-size: 10px;
  font-family: FuturaFuturisC, sans-serif;
  color: #333;
}

#materials .materials-container .swiper-slide-thumb-active {
  border: 4px solid #5dbdcb;
}

#information {
  display: flex;
  align-items: flex-end;
  width: 100%;
  margin-top: -30px;
  padding-top: 37.6344%;
  background-image: url("../i/bg/bg-info.jpg");
}

#information .info-container {
  width: 1060px;
  margin: 0 auto;
  padding-bottom: 25px;
}

#information .info-container .info-text {
  background-color: #5dbdcb;
  width: 100%;
  padding: 13px 29px 22px 42px;
}

#information .info-container .info-text p.text {
  margin-bottom: 15px;
  font-size: 20px;
  font-family: FuturaFuturisC, sans-serif;
  color: #fff;
  line-height: 24px;
  text-indent: 35px;
}

#information .info-container .info-text p.text:last-of-type {
  margin-bottom: 0;
}

#about .about-container h2.about_title,
#about .about-container p.about_text,
#footer .footer-container .block-form-feedback h2.feedback_title,
#reviews .reviews-container h2.reviews-title {
  font-family: FuturaFuturisC, sans-serif;
  color: #333;
}

#about {
  width: 100%;
  height: 495px;
}

#about .about-container {
  width: 1060px;
  margin: 0 auto;
  padding-left: 13px;
}

#about .about-container h2.about_title {
  font-size: 45px;
  /* font-weight: 700; */
  font-weight: 400;
  line-height: 0.778;
  padding: 50px 0;
}

#about .about-container p.about_text {
  margin-bottom: 18px;
  font-size: 20px;
  line-height: 26px;
}

#reviews {
  width: 100%;
}

#reviews .reviews-container {
  width: 1060px;
  margin: 0 auto;
}

#reviews .reviews-container h2.reviews-title {
  font-size: 45px;
  font-weight: 400;
  line-height: 0.8;
  padding: 50px 0;
}

#reviews .slider-body {
  position: relative;
  width: 980px;
  margin: 0 auto;
  padding: 0 40px;
}

#reviews .reviews-container .reviews-slider {
  position: relative;
  width: 900px;
  height: 507px;
  overflow: hidden;
}

#reviews .slider-body .swiper-wrapper .swiper-slide video {
  position: absolute;
  top: 0;
  left: 50%;
  width: auto;
  height: 100%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
}

#reviews .slider-body .swiper-button-next,
#reviews .slider-body .swiper-container-rtl .swiper-button-prev {
  right: 0;
}

#reviews .slider-body .swiper-button-prev,
#reviews .slider-body .swiper-container-rtl .swiper-button-next {
  left: 0;
}

#reviews .slider-body .swiper-button-prev:after,
#reviews .slider-body .swiper-button-next:after {
  color: #555555;
}

#footer {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  background-image: url("../i/bg/bg-footer.jpg");
  background-repeat: no-repeat;
  background-position: top center;
  background-color: #01cbe1;
}

#footer .footer-container {
  width: 1060px;
  margin: 0 auto;
  padding-top: 160px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

#footer .footer-container .block-form-feedback {
  width: 525px;
  display: flex;
  flex-wrap: wrap;
}

#footer .footer-container .block-form-feedback h2.feedback_title {
  width: 100%;
  font-size: 30px;
  font-weight: 400;
  line-height: 1.138;
  margin-bottom: 33px;
}

#footer .footer-container .block-form-feedback form {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

#footer .footer-container .block-form-feedback form .sub_input {
  margin-bottom: 20px;
}

#footer .footer-container .block-form-feedback form .sub_input input {
  border-radius: 5px;
  background-color: #efefee;
  border: none;
  font-size: 20px;
  font-family: FuturaFuturisC, sans-serif;
  color: #000;
  padding: 24px 19px 22px;
}

#footer .footer-container .block-form-feedback form .sub_input input#feed-name,
#footer
  .footer-container
  .block-form-feedback
  form
  .sub_input
  input#feed-phone {
  width: 250px;
  height: 62px;
}

#footer .footer-container .block-form-feedback form .sub_input input#feed-mail {
  width: 525px;
  height: 62px;
}

#footer
  .footer-container
  .block-form-feedback
  form
  .sub_input
  textarea#feed-massage {
  width: 525px;
  height: 100px;
  border-radius: 5px;
  background-color: #efefee;
  border: none;
  font-size: 20px;
  font-family: FuturaFuturisC, sans-serif;
  color: #000;
  resize: none;
  padding: 24px 19px 22px;
}

#footer .footer-container .block-form-feedback form .feedback_button {
  width: 128px;
  height: 128px;
}

#footer
  .footer-container
  .block-form-feedback
  form
  .feedback_button
  .feedbackBtn {
  width: 128px;
  height: 128px;
  border-radius: 50%;
  font-size: 14px;
  font-family: FuturaFuturisC, sans-serif;
  color: #fff;
  line-height: 1.2;
  text-align: center;
  white-space: normal;
  text-transform: uppercase;
}

#footer .wg-recaptha {
  position: relative;
}

#footer .wg-recaptha .error-field {
  position: static;
}

#footer .footer-container .footer-add-block {
  width: 500px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

#footer .footer-container .footer-add-block .block h3.block_title {
  font-size: 30px;
  font-family: FuturaFuturisC, sans-serif;
  font-weight: 400;
  color: #333;
  line-height: 1.167;
  margin-bottom: 27px;
}

#footer .footer-container .footer-add-block .block p.text {
  margin-bottom: 30px;
  font-size: 18px;
  font-family: FuturaFuturisC, sans-serif;
  color: #333;
  line-height: 1.4;
  position: relative;
}

#footer .footer-container .footer-add-block .block p.text:last-of-type {
  margin-bottom: 0;
}

#footer .footer-container .footer-add-block .block-text {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-end;
}

#footer .footer-container .footer-add-block .block-text h3.block_title {
  font-size: 30px;
  font-family: FuturaFuturisC, sans-serif;
  font-weight: 400;
  color: #333;
  line-height: 1.167;
  margin-bottom: 27px;
}

#footer .footer-container .footer-add-block .block-text p {
  font-size: 18px;
  font-family: FuturaFuturisC, sans-serif;
  color: #333;
  line-height: 1.444;
  width: 380px;
}

#footer .footer-container .footer-add-block .block-text address {
  width: 100%;
  font-family: FuturaFuturisC, sans-serif;
  font-size: 20px;
  font-style: normal;
  color: #333;
}

#footer .footer-container .footer-add-block .block-text address + p {
  font-size: 16px;
}

#footer .footer-container .footer-add-block .block-text .live-internet {
  position: absolute;
  top: 0;
  right: 0;
}

#footer .footer-contacts {
  width: 1060px;
  display: flex;
  margin: 2em auto 0;
  padding: 24px 0 0;
  justify-content: space-between;
  align-items: flex-start;
  font-family: FuturaFuturisC, sans-serif;
  font-size: 18px;
  border-top: 1px solid #000000;
  color: #333;
}

#footer .footer-contacts .icon {
  position: relative;
  padding-left: 25px;
}

#footer .footer-contacts .icon::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 18px;
  height: 18px;
  background-repeat: no-repeat;
  background-size: contain;
}

#footer .footer-contacts .icon-phone::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024'%3E%3Cpath d='M819 1024c-90 0-187-26-287-76-91-47-182-114-262-194S124 583 77 492A637 637 0 011 205C1 146 55 89 79 68c34-32 87-68 126-68 19 0 42 13 71 40 22 20 46 47 71 79 14 19 88 116 88 163 0 38-43 64-89 93-18 10-36 22-49 32-14 12-17 18-17 19a677 677 0 00318 318c1 0 7-3 19-17 10-13 22-31 32-49 29-46 55-89 93-89 47 0 144 74 163 88 32 25 59 49 79 71 27 29 40 52 40 71 0 39-36 92-68 126-21 24-78 79-137 79zM204 51c-13 0-50 17-90 54-38 35-62 73-62 100 0 344 423 768 767 768 26 0 65-24 100-62 37-41 54-78 54-91-2-10-29-48-102-105-64-49-115-75-128-75-1 0-7 2-19 17-10 13-21 31-31 48-29 46-56 90-95 90-6 0-13-1-19-3a726 726 0 01-347-347c-6-16-7-42 25-70 16-16 40-30 62-44 17-10 35-21 48-31 15-12 17-18 17-19 0-13-26-64-75-128-57-73-95-100-105-102z'/%3E%3C/svg%3E");
}

#footer .footer-contacts .icon-mail::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024'%3E%3Cpath d='M896 307H77c-43 0-77 35-77 77v461c0 42 34 77 77 77h819c42 0 77-35 77-77V384c0-42-35-77-77-77zm0 51l4 1-385 257a58 58 0 01-57 0L72 359l5-1h819zm0 512H77c-14 0-26-11-26-25V406l379 253c16 10 36 15 56 15s41-5 57-15l379-253v439c0 14-12 25-26 25z'/%3E%3C/svg%3E");
}

#footer .footer-contacts .icon-time::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024'%3E%3Cpath d='M835.57 876.17C924.11 784.94 972.8 665.02 972.8 537.6c0-121.35-44.15-235.91-124.83-325.36L883.2 177l33.1 33.1c5 5 11.55 7.5 18.1 7.5s13.1-2.5 18.1-7.5c10-10 10-26.2 0-36.2L850.1 71.5a25.6 25.6 0 00-36.2 36.2l33.1 33.1-35.24 35.23C722.3 95.35 607.76 51.2 486.4 51.2S250.49 95.35 161.04 176.03L125.8 140.8l33.1-33.1a25.6 25.6 0 10-36.2-36.2L20.3 173.9a25.6 25.6 0 1036.2 36.2L89.6 177l35.24 35.24C44.15 301.69 0 416.24 0 537.6c0 127.42 48.69 247.34 137.22 338.57L33.1 980.29a25.6 25.6 0 0036.2 36.21l105.45-105.45C262.05 984.17 371.15 1024 486.4 1024s224.35-39.83 311.65-112.95l105.44 105.45c5 5 11.56 7.5 18.1 7.5s13.1-2.5 18.1-7.5c10-10 10-26.2 0-36.2L835.57 876.16zM51.2 537.6c0-239.97 195.23-435.2 435.2-435.2s435.2 195.23 435.2 435.2-195.23 435.2-435.2 435.2S51.2 777.57 51.2 537.6z'/%3E%3Cpath d='M774.61 371.2a25.6 25.6 0 00-34.97-9.37L487.74 507.27 291.38 369.8a25.6 25.6 0 00-29.36 41.94l209.7 146.84.12.08c.45.3.91.6 1.37.88l.32.2c.46.26.92.5 1.4.74l.3.17c.52.25 1.05.48 1.58.7l.99.36.65.23c.36.12.73.23 1.09.33l.6.16a30.16 30.16 0 002.8.54l.78.1.95.08c.46.04.93.05 1.4.06h.36c.95 0 1.91-.06 2.87-.17h.13c.93-.12 1.86-.29 2.78-.5l.26-.06a25.59 25.59 0 005.37-1.97l.55-.3.81-.43 266.04-153.6a25.6 25.6 0 009.37-34.97z'/%3E%3C/svg%3E");
}

#footer .footer-contacts h2.contact_title {
  font-size: 30px;
  font-weight: 400;
  color: #000;
  line-height: 1.138;
}

#footer .footer-contacts p:last-of-type {
  font-size: 16px;
}

#footer .copyright-info {
  width: 90%;
  max-width: 1060px;
  margin: 15px auto;
  font-family: FuturaFuturisC, sans-serif;
  font-size: 14px;
  color: #333;
  text-align: center;
}

#footer .copyright-info p {
  margin-bottom: 10px;
}

/* увеличенная картинка */
#magnify {
  display: none;
  /* position: absolute; upd: 24.10.2016 */
  position: fixed;
  z-index: 9999;
  width: 80%;
  max-width: 1024px;
  height: auto;
}
#magnify img {
  width: 100%;
}
/* затемняющий фон при увеличении картинки */
#overlay {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9990;
  height: 100%;
  width: 100%;
  display: none;
  background: rgba(0, 0, 0, 0.7);
}
/* кнопка закрытия при увеличении картинки */
#close-popup {
  position: absolute;
  top: -30px;
  right: -30px;
  width: 30px;
  height: 30px;
  cursor: pointer;
}
#close-popup i {
  display: block;
  width: 30px;
  height: 30px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='490' width='490' fill='%23fff'%3E%3Cpath d='M490 35L455 0 0 455l35 35z'/%3E%3Cpath d='M0 35L35 0l455 455-35 35z'/%3E%3C/svg%3E");
  background-size: 24px 24px;
  background-repeat: no-repeat;
  background-position: center center;
}

.curtain {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -100;
  opacity: 0;
  display: flex;
  background: rgba(0, 0, 0, 0.7)
    url("data:image/svg+xml,%3Csvgxmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3E%3Cline fill='none' stroke='%23ABABAB' stroke-width='0.5' stroke-miterlimit='10' x1='0' y1='0' x2='4' y2='4'/%3E%3C/svg%3E")
    repeat 0 0;
  background-size: 4px 4px;
  -webkit-transition: 0.5s linear;
  -moz-transition: 0.5s linear;
  -ms-transition: 0.5s linear;
  -o-transition: 0.5s linear;
  transition: 0.5s linear;
}

.curtain .modal-wrapper {
  display: none;
  width: 100%;
  max-width: 500px;
  margin: auto;
  padding: 25px 30px;
  background: #ffffff;
  box-shadow: 0 0 20px #0c1221;
}

.curtain .modal-wrapper .close {
  display: block;
  margin: 0 0 20px auto;
  width: 20px;
  height: 20px;
  text-indent: -9999px;
  border: none;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='490' width='490' fill='%230c1221'%3E%3Cpath d='M490 35L455 0 0 455l35 35z'/%3E%3Cpath d='M0 35L35 0l455 455-35 35z'/%3E%3C/svg%3E")
    no-repeat;
  background-size: 100% 100%;
  cursor: pointer;
}

.curtain form,
.curtain .result-send {
  display: none;
}

.curtain form.active,
.curtain .result-send.active {
  display: block;
}

.curtain form .sub_input {
  margin: 0 0 15px;
}

.curtain form input[type="text"],
.curtain form input[type="email"] {
  width: 100%;
  height: 50px;
  padding: 0 21px;
  font-size: 20px;
  font-family: FuturaFuturisC, sans-serif;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  border: none;
  box-shadow: 2px 2px 4px #aaa;
  background-color: #efefee;
  color: #333;
}

.curtain form input[type="submit"] {
  width: 100%;
  height: 50px;
  font-size: 20px;
  font-family: FuturaFuturisC, sans-serif;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  color: #ffffff;
  -webkit-transition: 0.3s linear;
  -moz-transition: 0.3s linear;
  -ms-transition: 0.3s linear;
  -o-transition: 0.3s linear;
  transition: 0.3s linear;
  box-shadow: 2px 2px 4px #aaa;
}

.curtain form input[type="submit"]:hover {
  background-color: #d46a00;
  -webkit-transform: scale(0.995);
  -moz-transform: scale(0.995);
  -ms-transform: scale(0.995);
  -o-transform: scale(0.995);
  transform: scale(0.995);
}

.curtain .result-send .icon-success,
.curtain .result-send .icon-error {
  width: 100px;
  margin: 0 auto 40px;
}

.curtain .result-send .message-result {
  font-family: FuturaFuturisC, sans-serif;
  font-size: 24px;
  text-align: center;
}

.curtain .result-send .message-result h3 {
  margin-bottom: 20px;
}


.tel-mob,
.burger-block {
  display: none;
}