@charset "UTF-8";
ul, ol {
  padding: 0;
  margin: 0; }

* {
  outline: 0 !important; }

li {
  list-style-type: none; }

h1, h2, h3, h4, p, .h1, .h2, .h3, .h4 {
  line-height: normal;
  margin: 0;
  padding: 0; }

html {
  height: 100%;
  min-width: 320px; }

body {
  line-height: normal;
  color: #000;
  height: 100%;
  min-width: 320px;
  font-family: 'Lato';
  background-color: #fff; }

body.active {
  overflow-Y: hidden}

main {
  margin: 0;
  overflow: hidden;
  position: relative;
  min-height: 100%;
  height: auto !important;
  height: 100%; }

footer {
  border: 0;
  position: relative; }
  footer .footer_top {
    height: 70px;
    background-color: #494748;
    text-align: center; }
    footer .footer_top a {
      display: inline-block;
      margin: 14px 3px; }
      footer .footer_top a:hover svg {
        fill: #fff; }
      footer .footer_top a svg {
        fill: #818181;
        -webkit-transition: 0.3s;
        transition: 0.3s; }
  footer .footer_bottom {
    height: -webkit-calc(100% - 70px);
    height: calc(100% - 70px);
    background-color: #3c3b3c;
    text-align: center; }
    footer .footer_bottom .logo_footer {
      margin-top: 25px;
      margin-bottom: 8px; }
    footer .footer_bottom p span, footer .footer_bottom p a {
      color: #8f8e8e;
      font-family: Lato;
      font-size: 12px;
      font-weight: 400;
      line-height: 30px;
      display: inline-block;
      margin: 0 9px; }
    footer .footer_bottom p b {
      color: #8f8e8e;
      font-family: Lato;
      font-size: 12px;
      font-weight: 400;
      line-height: 12px;
      font-style: normal; }
    footer .footer_bottom p a {
      text-decoration: underline; }
      footer .footer_bottom p a:hover {
        text-decoration: none; }
    footer .footer_bottom p a.logo_link {
      display: inline-block;
      position: relative;
      width: 97px; }
      footer .footer_bottom p a.logo_link svg {
        fill: #8f8e8e;
        position: absolute;
        top: -12px;
        left: 5px; }

.container {
  width: 1200px;
  max-width: 100%; }

.side {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  width: 100%;
  height: 100vh;
  position: relative; }
  .side .h1 {
    text-shadow: 2px 3px 7px rgba(0, 0, 0, 0.35);
    color: #ffffff;
    font-family: "Lato";
    font-size: 4.55vw;
    font-weight: 900;
    line-height: 4.55vw;
    text-transform: uppercase;
    text-decoration: none !important;
    display: inline-block;
    -webkit-transition: 0.2s;
     -o-transition: 0.2s;
     transition: 0.2s;
    position: relative; }
  .side a.h1:hover {
    font-size: 4.8vw;
    line-height: 4.8vw;
  }
  .side a.h1:hover:after {
    content: "Подробнее";
    display: block;
    background-color: #84bd32;
    color: #fff;
    font-size: 10px;
    line-height: 10px;
    font-weight: 400;
    width: 100px;
    height: 30px;
    position: absolute;
    right: -100px;
    top: -30px;
    overflow: hidden;
    padding: 10px;
    text-align: center;
  }
  .side .button {
    color: #fffffe;
    font-family: 'Lato';
    font-weight: 700;
    text-transform: uppercase;
    border: 0.2vw solid #ffffff;
    background-color: RGBA(0, 0, 0, 0.3);
    display: block;
    margin: auto;
    text-decoration: none !important;
    letter-spacing: 0.08vw;
    font-size: 0.82vw;
    line-height: 2.7vw;
    height: 3vw;
    width: 17vw;
    margin-top: 10.8vh;
    min-width: 180px;
    min-height: 28px; }
    .side .button:hover {
      color: #26222b;
      background-color: #fff; }

.line1 {
  background-color: #bed840;
  display: block;
  position: absolute;
  width: 23.5%;
  height: 0.6%;
  top: 27%;
  -webkit-transition: 1.5s;
  transition: 1.5s;
  left: -100%; }

.line2 {
  background-color: #bed840;
  position: absolute;
  width: 30.5%;
  height: 0.6%;
  bottom: 44.3%;
  right: 19.5%;
  -webkit-transition: 1.5s;
  transition: 1.5s;
  right: -100%; }

.line3 {
  background-color: #f9c939;
  position: absolute;
  width: 23%;
  height: 0.6%;
  bottom: 42.5%;
  -webkit-transition: 0.7s;
  transition: 0.7s;
  right: -100%; }

.line_v1, .line_v2, .line_v3 {
  position: absolute;
  width: 1px;
  height: 100%;
  background-color: RGBA(255, 255, 255, 0.5); }

.line_v1 {
  left: 18.3%;
  top: -100%;
  -webkit-transition: 3.5s;
  transition: 3.5s; }

.line_v2 {
  right: 50%;
  -webkit-transition: 1.5s;
  transition: 1.5s;
  bottom: -100%; }

.line_v3 {
  right: 18.3%;
  -webkit-transition: 1.5s;
  transition: 1.5s;
  top: -100%; }

.dots {
  position: absolute;
  left: 20.5%;
  top: 0%;
  width: 12.9%;
  -webkit-transition: 2s;
  transition: 2s;
  opacity: 0;
  max-width: 250px; }

.dots1 {
  position: absolute;
  left: 20.5%;
  bottom: 3%;
  width: 12.9%;
  -webkit-transition: 2s;
  transition: 2s;
  opacity: 0; }

.dots2 {
  position: absolute;
  right: 20.5%;
  top: 0%;
  width: 12.9%;
  -webkit-transition: 2s;
  transition: 2s;
  opacity: 0;
  max-width: 250px; }

.square1, .square2 {
  height: 3.0%;
  width: 1.4%;
  background-color: #f9c939;
  position: absolute; }

.square1 {
  left: 37.5%;
  top: -100%;
  -webkit-transition: 1.5s;
  transition: 1.5s; }

.square2 {
  right: 19.2%;
  bottom: 70%;
  -webkit-transition: 1.5s;
  transition: 1.5s;
  opacity: 0; }

.square3 {
  height: 9%;
  width: 2%;
  background-color: #f9c939;
  position: absolute;
  left: 50%;
  bottom: -100%;
  -webkit-transition: 1.5s;
  transition: 1.5s; }

.arrow_box {
  -webkit-transition: 1.5s;
  transition: 1.5s;
  position: fixed;
  bottom: 8.5%;
  right: 47.5%;
  -webkit-transition: 2.5s;
  transition: 2.5s;
  opacity: 1;
  z-index: 5;
  display: none; }
  .arrow_box a {
    display: block; }
    .arrow_box a svg {
      fill: #fff;
      min-width: 45px;
      min-height: 25px;
      display: block; }
    .arrow_box a.link_bottom {
      -webkit-transform: rotate(180deg);
          -ms-transform: rotate(180deg);
              transform: rotate(180deg);
      margin-top: 15px; }

.logo {
  position: fixed;
  left: 20px;
  top: 20px;
  width: 13.3%;
  z-index: 7;
  max-width: 255px; }

.modal_buttons {
  position: fixed;
  bottom: 0;
  width: 100%;
  z-index: 15;
  text-align: center;
  -webkit-transition: 1.7s;
  transition: 1.7s;
  bottom: -100%; }
  .modal_buttons a {
    display: block;
    color: #fffffe;
    font-weight: 700;
    text-transform: uppercase;
    text-decoration: none !important;
    letter-spacing: 0.08vw;
    font-size: 0.82vw;
    line-height: 3vw;
    height: 3vw;
    width: 50%;
    max-height: 66px;
    -webkit-transition: 1.0s;
    transition: 1.0s;
    background-color: RGBA(132, 189, 50, 0.9); }
    .modal_buttons a:hover {
      background-color: #474037; }
    .modal_buttons a i {
      padding-left: 37px;
      position: relative;
      display: inline-block;
      font-style: normal; }
      .modal_buttons a i svg {
        fill: #fff;
        position: absolute;
        left: 0;
        top: 10px; }
    .modal_buttons a.info {
      float: left; }
    .modal_buttons a.question {
      float: right; }

.normal .cube_wrap {
  position: absolute;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  -webkit-transform: translateZ(-50vh);
          transform: translateZ(-50vh); }

.normal .scene {
  -webkit-perspective: 400vh;
          perspective: 400vh;
  width: 100%;
  height: 100%; }

.normal .cube {
  position: absolute;
  width: 100%;
  height: 100vh;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  -webkit-transition: 1s;
  transition: 1s;
  -webkit-transform: rotateX(0deg);
          transform: rotateX(0deg);
  -webkit-perspective-origin: 0 50%;
          perspective-origin: 0 50%; }

.normal .side {
  position: absolute;
  width: 100%;
  height: 100%;
  text-align: center;
  font-size: 100px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background-size: cover; }

.normal .top {
  -webkit-transform: translateY(-50vh) rotateX(90deg);
          transform: translateY(-50vh) rotateX(90deg);
  background-color: #fff;
  opacity: 0; }

.normal .back {
  -webkit-transform: translateZ(-50vh) rotateX(180deg);
          transform: translateZ(-50vh) rotateX(180deg);
  background-image: url("images/bg3.jpg");
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0; }

.normal .bottom {
  -webkit-transform: translateY(50vh) rotateX(270deg);
          transform: translateY(50vh) rotateX(270deg);
  background-image: url("images/bg2.jpg");
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0; }

.normal .front {
  -webkit-transform: translateZ(50vh);
          transform: translateZ(50vh);
  background-image: url("images/bg1.jpg");
  background-position: center;
  background-repeat: no-repeat; }

.ie-10 .scene, .ie-11 .scene {
  width: 100%;
  height: 100%; }

.ie-10 .cube, .ie-11 .cube {
  position: static;
  width: 100%;
  height: 100vh;
  -webkit-transition: 1s;
  transition: 1s;
  -webkit-transform: rotateX(0deg) !important ;
          transform: rotateX(0deg) !important ; }
.ie-10 .side, .ie-11 .side1, .ie-10 .side, .ie-11 .rotater  {
  display: none;
}
.ie-10, .ie-11 {
  overflow: auto;
}
.ie-10, .ie-11 nav.top_mnu {
  background-color: RGBA(00,00,00,0.8);
}
.ie-10 main, .ie-11 main {
  overflow: auto;
  height: 100% !important;
}
.ie-10 main.others, .ie-11 main.others {
  min-height: 100%;
  height: auto !important;
}
.ie-10 .modal_wrap, .ie-11 .modal_wrap {
  position: fixed;
}
.ie-10 nav.top_mnu, .ie-11 nav.top_mnu {
  position: fixed;
}
.ie-10 br, .ie-11 br {
  opacity: 0;
}
.ie-10 .side, .ie-11 .side {
  position: static;
  width: 100%;
  height: 100%;
  text-align: center;
  font-size: 100px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background-size: cover;
/*  -webkit-transform-origin: 50% 50% -50vh;
      -ms-transform-origin: 50% 50% -50vh;
          transform-origin: 50% 50% -50vh;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;*/ }

.ie-10 .top, .ie-11 .top {
/*  -webkit-transform: perspective(400vh) rotateX(90deg);
          transform: perspective(400vh) rotateX(90deg)*/;
  background-color: #fff;
  opacity: 0;
  display: none }

.ie-10 .back, .ie-11 .back {
/*  -webkit-transform: perspective(400vh) rotateY(180deg);
          transform: perspective(400vh) rotateY(180deg)*/;
  background-image: url("images/bg3.jpg");
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0; }

.ie-10 .bottom, .ie-11 .bottom {
/*  -webkit-transform: perspective(400vh) rotateX(-90deg);
          transform: perspective(400vh) rotateX(-90deg);*/
  background-image: url("images/bg2.jpg");
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0; }

.ie-10 .front, .ie-11 .front {
/*  -webkit-transform: perspective(400vh);
          transform: perspective(400vh);*/
  background-image: url("images/bg1.jpg");
  background-position: center;
  background-repeat: no-repeat; }

#top {
  display: none; }

.toggle_mnu {
  width: 60px;
  height: 60px;
  background-color: #f9c939;
  position: fixed;
  z-index: 100;
  border: none;
  right: 40px;
  top: 40px;
  -webkit-transition: 0.3s;
  transition: 0.3s; }
  .toggle_mnu span {
    display: block; }
  .toggle_mnu.active {
    background-color: #f9c939; }
  .toggle_mnu:hover {
    background-color: #84bd32; }

.sandwich {
  width: 28px;
  height: 28px;
  position: absolute;
  top: 8px;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 200; }

.sw-topper {
  position: relative;
  top: 0;
  width: 28px;
  height: 3px;
  background: white;
  border: none;
  -webkit-border-radius: 4px 4px 4px 4px;
          border-radius: 4px 4px 4px 4px;
  -webkit-transition: top 0.2s, -webkit-transform 0.5s;
  transition: top 0.2s, -webkit-transform 0.5s;
  transition: transform 0.5s, top 0.2s;
  transition: transform 0.5s, top 0.2s, -webkit-transform 0.5s;
  display: block; }

.sw-bottom {
  position: relative;
  width: 28px;
  height: 3px;
  top: 6.6px;
  background: white;
  border: none;
  -webkit-border-radius: 4px 4px 4px 4px;
          border-radius: 4px 4px 4px 4px;
  -webkit-transition: top 0.2s, -webkit-transform 0.5s;
  transition: top 0.2s, -webkit-transform 0.5s;
  transition: transform 0.5s, top 0.2s;
  transition: transform 0.5s, top 0.2s, -webkit-transform 0.5s;
  -webkit-transition-delay: 0.2s, 0s;
          transition-delay: 0.2s, 0s; }

.sw-footer {
  position: relative;
  width: 28px;
  height: 3px;
  top: 13.5px;
  background: white;
  border: none;
  -webkit-border-radius: 4px 4px 4px 4px;
          border-radius: 4px 4px 4px 4px;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  -webkit-transition-delay: 0.1s;
          transition-delay: 0.1s; }

.sandwich.active .sw-topper {
  top: 9px;
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg); }

.sandwich.active .sw-bottom {
  top: 6px;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg); }

.sandwich.active .sw-footer {
  opacity: 0;
  top: 0;
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg); }

nav.top_mnu {
  position: absolute;
  width: -webkit-calc(27.5% + 10px);
  width: calc(27.5% + 10px);
  height: -webkit-calc(100vh + 10px);
  height: calc(100vh + 10px);
  z-index: 6;
  display: none;
  padding-left: 40px;
  overflow: hidden;
  min-width: 320px;
  top: -2px;
  left: -10px;
  max-width: 540px; }
  nav.top_mnu .bg_nav {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    display: block;
    z-index: -1;
    left: 0;
    top: 0;
    width: 100vw;
    height: 100vh;
    position: absolute;
    -webkit-filter: blur(5px) brightness(60%);
            filter: blur(5px) brightness(60%); }
  nav.top_mnu ul {
    margin-top: 189px;
    margin-bottom: 65px; }
    nav.top_mnu ul li a {
      color: #fefefe;
      font-family: Lato;
      font-size: 36px;
      font-weight: 400;
      line-height: 60px;
      text-decoration: none !important;
      -webkit-transition: 0.3s;
      transition: 0.3s;
      display: block; }
      nav.top_mnu ul li a:hover {
        color: #9dcd4a;
        padding-left: 20px; }
  nav.top_mnu p, nav.top_mnu .nav_link {
    color: #fff;
    font-family: Lato;
    font-size: 20px;
    font-weight: 400;
    position: relative;
    padding-left: 35px;
    line-height: 27px;
    margin-bottom: 15px;
    display: block; }
    nav.top_mnu p svg, nav.top_mnu a svg {
      position: absolute;
      left: 0;
      top: 8px;
      fill: #fff; }

.rotater {
  position: fixed;
  width: 220px;
  height: 150px;
  padding-top: 40px;
  -webkit-transform: rotateZ(135deg);
      -ms-transform: rotate(135deg);
          transform: rotateZ(135deg);
  -webkit-transition: .5s;
  transition: .5s;
  top: -webkit-calc(50vh - 125px);
  top: calc(50vh - 125px);
  right: -165px; }
  .rotater .open_arr {
    position: absolute;
    right: 11px;
    bottom: 50px;
    fill: #fff;
    z-index: 15;
    -webkit-transform: rotate(-137deg);
        -ms-transform: rotate(-137deg);
            transform: rotate(-137deg); }
  .rotater:hover {
    top: -webkit-calc(50vh - 75px);
    top: calc(50vh - 75px);
    right: -30px;
    -webkit-transform: rotateZ(0deg);
        -ms-transform: rotate(0deg);
            transform: rotateZ(0deg); }
  .rotater .cube1 {
    width: 215px;
    height: 70px;
    -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d;
    -webkit-transition: 1s;
    transition: 1s;
    -webkit-transform: rotateX(0deg);
            transform: rotateX(0deg);
    z-index: 10;
    transition: 1s; }
  .rotater .arr_bottom, .rotater .arr_top {
    position: absolute;
    width: 28px;
    height: 17px;
    fill: #fff;
    left: 0;
    right: 0;
    margin: auto;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    cursor: pointer;
    display: block;
    opacity: 0.5; }
    .rotater .arr_bottom:hover, .rotater .arr_top:hover {
      opacity: 1; }
  .rotater .arr_top {
    top: 0; }
  .rotater .arr_bottom {
    bottom: 0;
    -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg); }

.side1 {
  position: absolute;
  width: 100%;
  height: 100%;
  text-align: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding-left: 35px;
  color: #fffffe;
  font-family: Lato;
  font-size: 16px;
  font-weight: 700;
  text-transform: uppercase; }

.top1 {
  -webkit-transform: translateY(-35px) rotateX(90deg);
          transform: translateY(-35px) rotateX(90deg);
  background-color: #84bd32; }

.back1 {
  -webkit-transform: translateZ(-35px) rotateX(180deg);
          transform: translateZ(-35px) rotateX(180deg);
  background-color: #84bd32; }

.bottom1 {
  -webkit-transform: translateY(35px) rotateX(270deg);
          transform: translateY(35px) rotateX(270deg);
  background-color: #84bd32; }

.front1 {
  -webkit-transform: translateZ(35px);
          transform: translateZ(35px);
  background-color: #84bd32; }

.others {
  overflow: auto;
  /*max-width: 1920px;*/
  margin: 0 auto -265px auto !important;
  padding: 0 0 265px 0; }
  .others + footer {
    height: 265px; }
  .others .line_v2 {
    bottom: 0; }
  .others header {
    width: 100%;
    position: relative;
    /*max-width: 1920px;*/
    margin: auto;
    overflow: hidden;
    height: 450px; }
    .others header .bg_header {
      width: -webkit-calc(100vw + 20px);
      width: calc(100vw + 20px);
      height: -webkit-calc(100vh + 20px);
      height: calc(100vh + 20px);
      -o-object-fit: cover;
         object-fit: cover;
      position: absolute;
      left: -10px;
      top: -10px;
      z-index: -1;
      -webkit-filter: blur(5px);
              filter: blur(5px); }
  .others .h1 {
    color: #ffffff;
    font-family: "Lato";
    font-size: 88px;
    font-weight: 700;
    line-height: 88px;
    text-align: center; }
  .others .logo, .others .toggle_mnu {
    position: absolute; }
  .others .line1 {
    height: 5px;
    top: 62%; }
  .others .square1 {
    width: 28px;
    height: 28px;
    top: 36.1% !important;
    left: 37.3%; }

.title_box {
  width: 100%;
  height: 450px;
  padding-top: 185px;
  border-left: 1px solid RGBA(255, 255, 255, 0.5);
  border-right: 1px solid RGBA(255, 255, 255, 0.5); }

.nav {
  border-bottom: 1px solid #e8e8e8; }
  .nav ul {
    text-align: center; }
    .nav ul li {
      display: inline-block;
      padding: 23px 58px; }
      .nav ul li a {
        color: #494748;
        font-family: Lato;
        font-size: 18px;
        font-weight: 400;
        line-height: 20px;
        text-decoration: none !important;
        position: relative;
        padding: 23px 0; }
        .nav ul li a:hover {
          color: #9dcd4a; }
      .nav ul li.current-menu-item a {
        pointer-events: none;
        cursor: default; }
      .nav ul li.current-menu-item a:before {
        content: "";
        display: block;
        position: absolute;
        height: 3px;
        background-color: #9dcd4a;
        width: 100%;
        bottom: -1px;
        left: 0; }

.about {
  padding: 53px 38px 0; }

.new {
  margin-bottom: 50px;
  display: block;
  height: 425px; }
  .new a {
    text-decoration: none !important;
    display: block; }
    .new a:hover b {
      color: #9dcd4a; }
    .new a:hover .img_box {
      padding: 20px 10px 10px 20px; }
      .new a:hover .img_box:after {
        left: 0;
        top: 0; }
      .new a:hover .img_box:before {
        bottom: 0;
        right: 0; }
      .new a:hover .img_box span {
        background-color: RGBA(255, 255, 255, 0.2);
        width: -webkit-calc(100% - 30px);
        width: calc(100% - 30px);
        height: -webkit-calc(100% - 30px);
        height: calc(100% - 30px);
        margin: 20px 10px 10px 20px; }
    .new a p {
      color: #494748;
      font-family: Lato;
      font-size: 14px;
      font-weight: 300;
      margin-bottom: 11px; }
      .new a p:before {
        content: "";
        display: block;
        width: 99px;
        height: 5px;
        background-color: #f9c939;
        margin-bottom: 16px;
        margin-top: 21px; }
    .new a b {
      display: block;
      color: #494748;
      font-family: Lato;
      font-size: 24px;
      font-weight: 400; }
    .new a .img_box {
      display: block;
      width: 100%;
      overflow: hidden;
      height: 245px;
      -webkit-transition: 0.2s;
      transition: 0.2s;
      position: relative; }
      .new a .img_box:after {
        content: "";
        display: block;
        position: absolute;
        left: 20px;
        top: 20px;
        width: 20px;
        height: 20px;
        background-color: #f9c939;
        z-index: 1;
        -webkit-transition: 0.2s;
        transition: 0.2s; }
      .new a .img_box:before {
        content: "";
        display: block;
        position: absolute;
        right: 10px;
        bottom: 10px;
        width: 85px;
        height: 85px;
        background-color: #9dcd4a;
        z-index: 1;
        -webkit-transition: 0.2	s;
        transition: 0.2	s; }
      .new a .img_box img {
        width: 100%;
        height: 100% !important;
        -o-object-fit: cover;
           object-fit: cover;
        z-index: 2;
        position: relative; }
      .new a .img_box span {
        content: "";
        width: 100%;
        height: 100%;
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        background-color: RGBA(255, 255, 255, 0);
        z-index: 3;
        -webkit-transition: 0.5s;
        transition: 0.5s; }

.pagenavi {
  text-align: center; }
  .pagenavi span, .pagenavi a {
    text-align: center;
    color: #494748;
    font-family: Lato;
    font-size: 20px;
    font-weight: 400;
    text-decoration: none;
    display: inline-block;
    width: 40px;
    height: 40px;
    margin: 0 15px;
    overflow: hidden;
    padding-top: 7px; }
  .pagenavi a:hover {
    background-color: #f9c939; }
  .pagenavi span.current {
    color: #9dcd4a;
    border-bottom: 2px solid #9dcd4a; }
  .pagenavi .prev, .pagenavi .next {
    color: transparent;
    background-image: url("images/pag_arr.png");
    background-position: center;
    background-repeat: no-repeat; }
  .pagenavi .prev {
    -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg); }
  .pagenavi .dots {
    position: static; }

.reviews {
  border-left: 1px solid #e8e8e8;
  border-right: 1px solid #e8e8e8;
  position: relative;
  padding-top: 65px; }
  .reviews .line_v2 {
    background-color: #e8e8e8; }
  .reviews .file {
    padding-top: 30px; }
  .reviews .about_file {
    padding-left: 15px; }
  .reviews .about_file a b {
    margin: 0; }
  .reviews .about_file a {
    margin-bottom: 0; }

.box_review {
  width: 770px;
  max-width: 100%;
  border: 1px solid #e8e8e8;
  color: #333333;
  font-family: Lato;
  font-size: 16px;
  font-weight: 400;
  padding: 30px 70px 43px;
  background-color: #fff;
  margin: 20px auto 48px;
  position: relative; }
  .box_review:before {
    content: "";
    position: absolute;
    display: block;
    left: -32px;
    top: -1px;
    border: 16px solid transparent;
    border-top: 16px solid #e8e8e8;
    border-right: 16px solid #e8e8e8; }
  .box_review:after {
    content: "";
    position: absolute;
    display: block;
    left: -29px;
    top: 0px;
    border: 15px solid transparent;
    border-top: 15px solid #fff;
    border-right: 15px solid #fff; }
  .box_review b {
    color: #494748;
    font-size: 24px;
    line-height: 24px;
    margin-top: 17px;
    display: block;
    margin-bottom: 10px; }
  .box_review p {
    line-height: 24px; }
  .box_review .box_photo {
    position: absolute;
    left: -137px;
    top: -49px;
    width: 95px;
    height: 95px;
    border: 1px solid #e8e8e8;
    background-color: #ffffff;
    -webkit-border-radius: 50%;
            border-radius: 50%;
    padding: 5px; }
    .box_review .box_photo img {
      width: 100%;
      height: 100%;
      -o-object-fit: cover;
         object-fit: cover; }
    .box_review .box_photo i {
      display: block;
      width: 82.7px;
      height: 82px;
      -webkit-border-radius: 50%;
              border-radius: 50%;
      overflow: hidden; }
    .box_review .box_photo:before {
      content: "";
      width: 70px;
      height: 60px;
      display: block;
      position: absolute;
      left: -63px;
      top: 10px;
      background-image: url("images/qq.png");
      z-index: -1; }

.box_review:nth-child(2n):before {
  -webkit-transform: rotate(270deg);
      -ms-transform: rotate(270deg);
          transform: rotate(270deg);
  right: -32px;
  left: auto; }

.box_review:nth-child(2n):after {
  -webkit-transform: rotate(270deg);
      -ms-transform: rotate(270deg);
          transform: rotate(270deg);
  right: -29px;
  left: auto; }

.box_review:nth-child(2n) .box_photo {
  right: -137px;
  left: auto; }
  .box_review:nth-child(2n) .box_photo:before {
    right: -63px;
    left: auto;
    background-image: url("images/qq1.png"); }

.news {
  border-left: 1px solid #e8e8e8;
  border-right: 1px solid #e8e8e8;
  position: relative;
  padding-top: 50px; }
  .news .line_v2 {
    background-color: #e8e8e8; }
  .news .nav {
    margin-bottom: 50px; }

.box_uslugi {
  position: relative; }
  .box_uslugi .box_link {
    height: 192px;
    background-color: #f8f8f8;
    width: 100%;
    position: absolute;
    display: block;
    left: 0;
    bottom: 75px; }

.uslugi {
  border-left: 1px solid #e8e8e8;
  border-right: 1px solid #e8e8e8;
  position: relative;
  padding-top: 55px; }
  .uslugi .line_v2 {
    background-color: #e8e8e8; }
  .uslugi .part_1 .img {
    width: -webkit-calc(100% + 15px);
    width: calc(100% + 15px);
    margin-left: -15px; }
  .uslugi .part_1 .dots_u {
    position: absolute;
    top: 0;
    left: 29px; }
  .uslugi .part_1 .box {
    padding: 30px 66px;
    position: relative; }
    .uslugi .part_1 .box .scuare {
      width: 29px;
      height: 28px;
      background-color: #bed840;
      position: absolute;
      left: 39px;
      top: -49px; }
    .uslugi .part_1 .box .line1 {
      width: 449px;
      height: 5px;
      background-color: #f9c939;
      left: -62px !important;
      top: auto;
      bottom: -66px; }
    .uslugi .part_1 .box b {
      color: #494748;
      font-family: Lato;
      font-size: 42px;
      font-weight: 400;
      line-height: 46px;
      margin-bottom: 24px;
      display: block; }
    .uslugi .part_1 .box p {
      color: #333333;
      font-family: Lato;
      font-size: 16px;
      font-weight: 400;
      line-height: 28px; }
  .uslugi .part_2 {
    position: relative; }
    .uslugi .part_2 .img {
      position: relative;
      z-index: 5;
      width: -webkit-calc(100% + 15px);
      width: calc(100% + 15px); }
    .uslugi .part_2 .box {
      padding: 60px 30px 49px 70px;
      position: relative; }
      .uslugi .part_2 .box .scuare {
        width: 29px;
        height: 28px;
        background-color: #f9c939;
        position: absolute;
        right: 0; }
      .uslugi .part_2 .box b {
        color: #333333;
        font-family: Lato;
        font-size: 36px;
        font-weight: 400;
        line-height: 46px;
        margin-bottom: 32px;
        display: block; }
      .uslugi .part_2 .box p {
        color: #333333;
        font-family: Lato;
        font-size: 16px;
        font-weight: 400;
        line-height: 28px; }
  .uslugi .link {
    color: #333333;
    font-family: Lato;
    font-size: 36px;
    font-weight: 400;
    line-height: 46px;
    text-decoration: none;
    display: block;
    width: -webkit-calc(100% + 15px);
    width: calc(100% + 15px);
    max-width: 100%;
    height: 100%;
    position: relative;
    z-index: 2;
    padding: 50px 70px;
    background-color: transparent;
    margin-left: -15px; }
    .uslugi .link .arr_box {
      width: 70px;
      height: 100%;
      background-color: #9dcd4a;
      position: absolute;
      right: -15px;
      bottom: 0;
      z-index: -1;
      -webkit-transition: 0.3s;
      transition: 0.3s; }
      .uslugi .link .arr_box svg {
        fill: #fff;
        position: absolute;
        margin: auto;
        right: 12px;
        top: 0;
        bottom: 0; }
    .uslugi .link:hover {
      color: #fff; }
      .uslugi .link:hover .arr_box {
        width: -webkit-calc(100% + 15px);
        width: calc(100% + 15px); }
  .uslugi .link1 {
    color: #333333;
    font-family: Lato;
    font-size: 36px;
    font-weight: 400;
    line-height: 46px;
    text-decoration: none;
    display: block;
    width: -webkit-calc(100% + 15px);
    width: calc(100% + 15px);
    max-width: 100%;
    height: 100%;
    position: relative;
    z-index: 2;
    padding: 50px 85px;
    background-color: transparent; }
    .uslugi .link1 .arr_box {
      width: 70px;
      height: 100%;
      background-color: #9dcd4a;
      position: absolute;
      left: 0px;
      bottom: 0;
      z-index: -1;
      -webkit-transition: 0.3s;
      transition: 0.3s; }
      .uslugi .link1 .arr_box svg {
        fill: #fff;
        position: absolute;
        margin: auto;
        left: 12px;
        top: 0;
        bottom: 0; }
    .uslugi .link1:hover {
      color: #fff; }
      .uslugi .link1:hover .arr_box {
        width: -webkit-calc(100% + 15px);
        width: calc(100% + 15px); }

.box_uslugi + .box_uslugi .uslugi {
  padding-top: 100px; }
  .box_uslugi + .box_uslugi .uslugi .part_1 .box {
    padding: 0px 66px 30px; }
    .box_uslugi + .box_uslugi .uslugi .part_1 .box b {
      line-height: 42px; }

.catalog .new {
  height: 350px; }
  .catalog .new a p {
    color: #494748;
    font-family: Lato;
    font-size: 24px;
    font-weight: 400; }
  .catalog .new a:hover p {
    color: #9dcd4a; }

.catalog .box_text {
  position: relative;
  padding: 31px 67px 52px; }
  .catalog .box_text img {
    position: absolute;
    top: -16px;
    right: 22px;
    height: auto !important; }
  .catalog .box_text b {
    color: #494748;
    font-family: Lato;
    font-size: 42px;
    font-weight: 400;
    line-height: 46px;
    display: block;
    margin-bottom: 25px; }
  .catalog .box_text p {
    color: #333333;
    font-family: Lato;
    font-size: 16px;
    font-weight: 400;
    line-height: 28px; }

.button2 {
  color: #474037;
  font-family: Lato;
  font-size: 16px;
  font-weight: 700;
  text-transform: uppercase;
  /* Text style for "все матери" */
  letter-spacing: 1.6px;
  width: 369px;
  height: 60px;
  border: 4px solid #494748;
  text-decoration: none !important;
  display: block;
  margin: auto;
  text-align: center;
  padding-top: 15px;
  margin: -36px auto 40px;
  -webkit-transition: 0.3s;
  -o-transition:0.3s;
  transition: 0.3s;
  background-color: transparent; }
.button2:hover {
  background-color: #494748;
  color: #fff;
}
.single {
  padding-top: 10px;
  border-left: 1px solid #e8e8e8;
  border-right: 1px solid #e8e8e8; }

.nav a {
  cursor: pointer; }
  .nav a:hover i svg {
    fill: #9dcd4a;
    left: 8px; }
  .nav a i {
    display: inline-block;
    -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg);
    position: relative; }
    .nav a i svg {
      fill: #494748;
      position: absolute;
      left: 4px;
      top: 0px;
      -webkit-transition: 0.3s;
      transition: 0.3s; }

.manufacturer i {
  display: block;
  width: 195px;
  height: 130px;
  border: 1px solid #eeeeee;
  position: relative;
  margin: 25px auto 5px;
  max-width: 100%; }
  .manufacturer i img {
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    max-width: 80%; }

.no_img {
  background-color: #e8e8e8;
  width: 100%;
  height: 100%;
  z-index: 5;
  position: relative; }
  .no_img img.no_img {
    width: 97px !important;
    height: 88px !important;
    position: absolute !important;
    margin: auto;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    -o-object-fit: contain !important;
       object-fit: contain !important; }

.new a .img_box img.no_img {
  height: 88px !important; }

.portfolio .new {
  margin-bottom: 50px;
  display: block;
  height: 350px; }
  .portfolio .new a {
    text-decoration: none !important;
    display: block; }
    .portfolio .new a:hover .img_box {
      padding: 0; }
      .portfolio .new a:hover .img_box span {
        display: none; }
  .portfolio .new a p {
    color: #494748;
    font-family: Lato;
    font-size: 24px;
    font-weight: 400; }
  .portfolio .new a:hover p {
    color: #9dcd4a; }

/* Grid */
.grid-new {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: left;
  -webkit-justify-content: left;
      -ms-flex-pack: left;
          justify-content: left;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  -webkit-perspective: 1500px;
          perspective: 1500px;
  -webkit-perspective-origin: 50% 100%;
          perspective-origin: 50% 100%; }

.grid__item {
  position: relative;
  display: block;
  -webkit-box-flex: 0;
  -webkit-flex: none;
      -ms-flex: none;
          flex: none;
  width: 33.33333333%;
  cursor: default;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  padding-left: 15px;
  padding-right: 15px;
  margin-bottom: 75px;
  text-decoration: none !important;
  min-width: 320px; }
  .grid__item:hover .grid__item-title {
    color: #9dcd4a; }

.grid__item:hover,
.grid__item:focus {
  outline: none; }

.grid__item--c1,
.grid__item--c1:hover,
.grid__item--c1:focus {
  color: RGBA(73, 71, 72, 0.5); }

.stack {
  position: relative;
  width: 100%;
  height: 245px;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d; }

.stack__deco {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: currentColor;
  -webkit-transform-origin: 50% 100%;
      -ms-transform-origin: 50% 100%;
          transform-origin: 50% 100%; }

.stack__deco:first-child {
  opacity: 0.2; }

.stack__deco:nth-child(2) {
  opacity: 0.4; }

.stack__deco:nth-child(3) {
  opacity: 0.6; }

.stack__deco:nth-child(4) {
  opacity: 0.8; }

.stack__figure {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  overflow: hidden;
  width: 100%;
  height: 100%;
  cursor: pointer;
  -webkit-transform-origin: 50% 100%;
      -ms-transform-origin: 50% 100%;
          transform-origin: 50% 100%; }
  .stack__figure img {
    position: relative;
    display: block;
    -webkit-box-flex: 0;
    -webkit-flex: none;
        -ms-flex: none;
            flex: none;
    width: 100%;
    height: 100% !important;
    -o-object-fit: cover;
       object-fit: cover;
	}

.grid__item-caption {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  width: 100%;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d; }

.grid__item-title {
  width: 100%;
  color: #494748;
  font-family: Lato;
  font-size: 24px;
  font-weight: 400;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  -webkit-transform: translateY(20px);
      -ms-transform: translateY(20px);
          transform: translateY(20px);
  text-align: left; }
  .grid__item-title:before {
    content: "";
    display: block;
    width: 125px;
    height: 5px;
    background-color: #f9c939;
    margin-bottom: 16px;
    margin-top: 1px; }

/* Altair */
.grid--effect-altair {
  -webkit-perspective-origin: 50% -50%;
          perspective-origin: 50% -50%; }

.grid--effect-altair .column {
  opacity: 1; }

.grid--effect-altair .stack__figure,
.grid--effect-altair .stack__deco {
  -webkit-transform-origin: 50% 100%;
      -ms-transform-origin: 50% 100%;
          transform-origin: 50% 100%; }

.box_items {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: left;
  -webkit-justify-content: left;
      -ms-flex-pack: left;
          justify-content: left;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  max-width: 1920px;
  margin: auto; }

.album {
  display: block;
  width: 25%;
  height: 16.5vw;
  max-height: 320px;
  position: relative;
  overflow: hidden;
  min-width: 280px;
  border: 3px solid #ffffff; }
  .album:hover .glass, .album:focus .glass {
    opacity: 0.8; }
  .album:hover .hover-line1, .album:hover .hover-line3, .album:focus .hover-line1, .album:focus .hover-line3 {
    width: 86%;
    opacity: 1; }
  .album:hover .hover-line2, .album:hover .hover-line4, .album:focus .hover-line2, .album:focus .hover-line4 {
    height: 80%;
    opacity: 1; }
  .album:hover b, .album:focus b {
    top: 35%;
    opacity: 1; }
  .album .glass {
    background-color: #494748;
    opacity: 0;
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 2;
    -webkit-transition: 0s;
    transition: 0s; }
  .album div.no_img {
    height: 16.5vw;
    max-height: 320px;
    border: 1px solid #ccc;
    z-index: 1; }
  .album .hover-line1, .album .hover-line3, .album .hover-line2, .album .hover-line4 {
    background-color: #ffffff;
    position: absolute;
    z-index: 3;
    opacity: 0; }
  .album .hover-line1, .album .hover-line3 {
    width: 0%;
    height: 1px; }
  .album .hover-line2, .album .hover-line4 {
    width: 1px;
    height: 0%;
    top: 10%;
    -webkit-transition: 0.5s;
    transition: 0.5s; }
  .album .hover-line1 {
    top: 15%;
    -webkit-transition: 0.7s;
    transition: 0.7s;
    left: 7%; }
  .album .hover-line3 {
    bottom: 15%;
    -webkit-transition: 0.7s;
    transition: 0.7s;
    right: 7%; }
  .album .hover-line2 {
    left: 10%; }
  .album .hover-line4 {
    right: 10%; }
  .album b {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    color: #ffffff;
    font-family: Lato;
    font-size: 1.55vw;
    font-weight: 400;
    line-height: 2.2vw;
    padding: 0 13%;
    position: absolute;
    z-index: 3;
    left: 0;
    right: 0;
    top: 27%;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    text-align: center;
    margin: auto;
    height: 26%;
    opacity: 0; }
  .album img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    position: relative;
    z-index: 1; }

.team_items {
  border-left: 1px solid RGBA(255, 255, 255, 0.5);
  border-right: 1px solid RGBA(255, 255, 255, 0.5);
  margin-top: 40px; }
  .team_items .item {
    display: block;
    width: 100%;
    height: 269px;
    max-height: 320px;
    position: relative;
    overflow: hidden;
    min-width: 280px;
    margin-top: 30px; }
    .team_items .item img {
      width: 100%;
      height: 100%;
      -o-object-fit: cover;
         object-fit: cover; }
    .team_items .item:hover .glass, .team_items .item:active .glass {
      opacity: 0.8; }
    .team_items .item:hover .hover-line1, .team_items .item:hover .hover-line3, .team_items .item:active .hover-line1, .team_items .item:active .hover-line3 {
      width: 86%;
      opacity: 1; }
    .team_items .item:hover .hover-line2, .team_items .item:hover .hover-line4, .team_items .item:active .hover-line2, .team_items .item:active .hover-line4 {
      height: 80%;
      opacity: 1; }
    .team_items .item:hover i, .team_items .item:active i {
      top: 10%;
      opacity: 1; }
    .team_items .item .glass {
      border: 3px solid #ffffff;
      background-color: #494748;
      opacity: 0;
      display: block;
      position: absolute;
      width: 100%;
      height: 100%;
      left: 0;
      top: 0;
      z-index: 2;
      -webkit-transition: 0s;
      transition: 0s; }
    .team_items .item div.no_img {
      height: 269px;
      max-height: 320px;
      border: 1px solid #ccc;
      z-index: 1; }
    .team_items .item .hover-line1, .team_items .item .hover-line3, .team_items .item .hover-line2, .team_items .item .hover-line4 {
      background-color: #ffffff;
      position: absolute;
      z-index: 3;
      opacity: 0; }
    .team_items .item .hover-line1, .team_items .item .hover-line3 {
      width: 0%;
      height: 1px; }
    .team_items .item .hover-line2, .team_items .item .hover-line4 {
      width: 1px;
      height: 0%;
      top: 10%;
      -webkit-transition: 0.5s;
      transition: 0.5s; }
    .team_items .item .hover-line1 {
      top: 15%;
      -webkit-transition: 0.7s;
      transition: 0.7s;
      left: 7%; }
    .team_items .item .hover-line3 {
      bottom: 15%;
      -webkit-transition: 0.7s;
      transition: 0.7s;
      right: 7%; }
    .team_items .item .hover-line2 {
      left: 10%; }
    .team_items .item .hover-line4 {
      right: 10%; }
    .team_items .item i {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      position: absolute;
      left: 0;
      top: 0;
      right: 0;
      margin: auto;
      z-index: 3;
      width: 80%;
      height: 80%;
      text-align: center;
      font-style: normal;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      opacity: 0;
      -webkit-transition: 0.5s;
      transition: 0.5s; }
      .team_items .item i b {
        color: #ffffff;
        font-family: Lato;
        font-size: 24px;
        font-weight: 400;
        line-height: 30.09px;
        display: block; }
      .team_items .item i span {
        color: #ffffff;
        font-family: Lato;
        font-size: 16px;
        font-weight: 400;
        line-height: 24.07px;
        display: block;
        font-style: normal; }
        .team_items .item i span:before {
          content: "";
          display: block;
          width: 55px;
          height: 5px;
          background-color: #ffffff;
          margin: 15px auto; }

.contacts {
  border-left: 1px solid #e8e8e8;
  border-right: 1px solid #e8e8e8;
  padding-bottom: 60px; }
  .contacts .line_v2 {
    background-color: #e8e8e8; }

.contacts_box {
  position: relative; }
  .contacts_box .title {
    color: #1b1a26;
    font-family: Lato;
    font-size: 42px;
    font-weight: 400;
    margin: 54px 0 0 96px; }
  .contacts_box .dots {
    left: auto;
    top: 212px;
    width: 222px;
    right: 15px;
  }
  .contacts_box .c_photo {
    width: -webkit-calc(100% + 15px);
    width: calc(100% + 15px);
    height: 369px;
    -o-object-fit: cover;
       object-fit: cover; }
  .contacts_box ul {
    padding: 48px 48px 15px; }
    .contacts_box ul li {
      position: relative;
      padding-left: 48px;
      margin-bottom: 19px; }
      .contacts_box ul li:first-child svg {
        top: 3px; }
      .contacts_box ul li span, .contacts_box ul li a {
        color: #494748;
        font-family: Lato;
        font-size: 24px;
        font-weight: 400;
        display: block; }
      .contacts_box ul li svg {
        position: absolute;
        left: 0;
        top: 10px;
        fill: #474037; }
      .contacts_box ul li a {
        color: #9dcd4a;
        text-decoration: none; }
        .contacts_box ul li a:hover {
          text-decoration: underline; }

.map_box {
  position: relative;
  max-width: 100%;
  margin: auto; }

.c_form {
  padding: 55px 116px; }
  .c_form .button2 {
    padding: 0px;}
  .c_form b {
    font-family: Lato;
    font-weight: 400;
    color: #1b1a26;
    font-size: 42px;
    display: block;
    margin-bottom: 4px; }
  .c_form p {
    font-family: Lato;
    font-weight: 400;
    line-height: 24px;
    font-size: 18px;
    margin-bottom: 22px; }
  .c_form .box {
    position: relative;
    width: 370px;
    height: 60px;
    margin: auto;
    margin-bottom: 20px; }
    .c_form .box .input {
      width: 100%;
      height: 100%;
      -webkit-border-radius: 3px;
              border-radius: 3px;
      border: 2px solid #e8e8e8;
      background-color: #ffffff;
      display: block;
      margin: auto;
      padding: 19px 20px 0;
      -webkit-transition: 0.3s;
      transition: 0.3s;
      color: #494748;
      font-family: Lato;
      font-size: 18px;
      font-weight: 400; }
      .c_form .box .input.active {
        padding: 19px 20px 0; }
    .c_form .box .message {
      -webkit-border-radius: 3px;
              border-radius: 3px;
      border: 2px solid #e8e8e8;
      background-color: #ffffff;
      resize: none;
      color: #494748;
      font-family: Lato;
      font-size: 18px;
      font-weight: 400;
      padding: 25px 20px;
      -webkit-transition: 0.3s;
      transition: 0.3s;
      width: 100%; }
      .c_form .box .message.active {
        padding: 25px 20px; }
    .c_form .box label {
      font-family: Lato;
      font-weight: 400;
      color: #959595;
      font-size: 14px;
      display: block;
      position: absolute;
      left: 20px;
      top: 23px;
      -webkit-transition: 0.3s;
      transition: 0.3s;
      cursor: text; }
      .c_form .box label.active {
        top: 7px;
        color: #959595; }
  .c_form input[type="checkbox"] {
    display: none; }
  .c_form input[type="checkbox"] + span {
    background: transparent;
    color: #959595;
    font-family: Lato;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 33px;
    display: block; }
    .c_form input[type="checkbox"] + span a {
      color: #959595;
      font-family: Lato;
      font-size: 16px;
      font-weight: 400;
      margin-top: 10px;
      text-decoration: underline; }
      .c_form input[type="checkbox"] + span a:hover {
        text-decoration: none; }
    .c_form input[type="checkbox"] + span:before {
      content: "";
      display: inline-block;
      cursor: pointer;
      position: relative;
      margin: 0px 7px -5px 0px;
      width: 20px;
      height: 20px;
      -webkit-border-radius: 3px;
              border-radius: 3px;
      border: 2px solid #e8e8e8;
      background-color: #ffffff; }
  .c_form input[type="checkbox"]:checked + span:before {
    content: "";
    background-image: url(images/check.png);
    background-repeat: no-repeat;
    background-position: center; }
  .c_form .box_message {
    width: 370px;
    height: 130px;
    margin-bottom: 16px !important; }

.wpcf7-not-valid {
  border: 1px solid red !important; }

.landing {
  border-left: 1px solid #e8e8e8;
  border-right: 1px solid #e8e8e8;
  position: relative;
  padding-top: 60px; }
  .landing .title_works {
    color: #333333;
    font-family: Lato;
    font-size: 42px;
    font-weight: 400;
    line-height: 46px;
    display: block;
    margin-top: 52px;
    margin-left: 67px; }
  .landing .img {
    width: -webkit-calc(100% + 15px);
    width: calc(100% + 15px);
    height: 438px;
    -o-object-fit: cover;
       object-fit: cover; }
  .landing .img2 {
    width: -webkit-calc(100% + 15px);
    width: calc(100% + 15px);
    height: 384px;
    -o-object-fit: cover;
       object-fit: cover;
    margin-left: -15px;
    margin-top: 48px;
    margin-bottom: 68px; }
  .landing .line_v2 {
    background-color: #e8e8e8; }
  .landing .box_text {
    color: #333333;
    font-family: Lato;
    font-size: 16px;
    font-weight: 400;
    padding: 6px 70px 30px 67px; }
    .landing .box_text b {
      display: block;
      font-size: 42px;
      line-height: 46px;
      font-weight: 400;
      margin-bottom: 17px;
      margin-top: 45px; }
    .landing .box_text p {
      line-height: 28px;
      margin-bottom: 16px; }
  .landing .text2 {
    padding-top: 0;
    position: relative }
  .landing .text2 .dots {
    right: 37px;
    top: 13px;
    width: 250px;
    left: auto;
  }
    .landing .text2 b {
      margin-top: -8px; }
  }
  .landing .img1 {
    margin-left: -15px; }
  .landing .box_text1 {
    color: #333333;
    font-family: Lato;
    font-size: 16px;
    font-weight: 400;
    padding: 23px 20px 38px 133px; }
    .landing .box_text1 b {
      font-size: 30px;
      line-height: 34px;
      font-weight: 400;
      margin-left: -70px;
      margin-bottom: 17px;
      display: block; }
    .landing .box_text1 .b1:before {
      content: "1.";
      color: #dedddd;
      font-size: 72px;
      font-weight: 900;
      line-height: 34px;
      margin-right: 11px; }
    .landing .box_text1 .b2:before {
      content: "2.";
      color: #dedddd;
      font-size: 72px;
      font-weight: 900;
      line-height: 34px;
      margin-right: 11px; }
    .landing .box_text1 .b3:before {
      content: "3.";
      color: #dedddd;
      font-size: 72px;
      font-weight: 900;
      line-height: 34px;
      margin-right: 11px; }
    .landing .box_text1 .b4:before {
      content: "4.";
      color: #dedddd;
      font-size: 72px;
      font-weight: 900;
      line-height: 34px;
      margin-right: 11px; }
    .landing .box_text1 .b5:before {
      content: "5.";
      color: #dedddd;
      font-size: 72px;
      font-weight: 900;
      line-height: 34px;
      margin-right: 11px; }
    .landing .box_text1 .b6:before {
      content: "6.";
      color: #dedddd;
      font-size: 72px;
      font-weight: 900;
      line-height: 34px;
      margin-right: 11px; }
    .landing .box_text1 p {
      line-height: 28px; }
    .landing .box_text1 ul {
      margin-top: 20px; }
      .landing .box_text1 ul li {
        line-height: 28px;
        position: relative;
        padding-left: 18px;
        margin-bottom: 4px; }
        .landing .box_text1 ul li:after {
          content: '—';
          position: absolute;
          left: 0;
          top: 0; }
  .landing .text3 {
    padding-right: 13px;
    padding-top: 71px; }
    .landing .text3 ul {
      margin-top: 26px; }
  .landing .text4 {
    margin-top: 127px;
    padding-left: 137px; }
    .landing .text4 ul {
      margin-top: 25px; }
  .landing .box_img img {
    margin-top: -3px; }
  .landing .box_img .img4 {
    margin-left: 5px; }
  .landing .img5 {
    margin-left: -15px;
    margin-top: 181px; }
  .landing .img6 {
    margin-left: 100px;
    margin-top: 12px; }
  .landing .img7 {
    margin-left: 185px;
    margin-top: 12px; }
  .landing .img8 {
    margin: 13px 0 0 -15px; }
  .landing .i_line3 {
    width: 452px;
    height: 5px;
    background-color: #f9c939;
    margin-left: -80px;
    margin-top: 34px;
    margin-bottom: 28px;
    position: relative; }
  .landing .text5 {
    padding-right: 15px; }
    .landing .text5 ul {
      margin-top: 24px; }

.slick-slider {
  width: 533px;
  background-repeat: no-repeat;
  background-position: center;
  margin-bottom: 10px !important;
  margin-left: auto;
  margin-right: auto; }

.slick-slider .slick-slide img {
  max-width: 533px;
  max-height: 356px;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain; }

.slick-slider .slick-slide {
  width: 533px;
  max-width: 100%;
  height: 356px;
  background-color: #f5f5f7;
  border: 2px solid transparent;
  background-image: url("images/loading.gif");
  background-repeat: no-repeat;
  background-position: center; }

.slider-nav .slick-slide {
  height: auto;
  background-color: #f5f5f7;
  margin: 0 5px; }

.slider-nav .slick-slide img {
  width: 100%;
  position: static; }

.slider-nav {
  margin-top: 10px;
  margin-bottom: 10px; }

.slick-next {
  position: absolute;
  top: -webkit-calc(50% - 30px);
  top: calc(50% - 30px);
  right: 0;
  width: 30px;
  height: 65px; }

.slick-next:after {
  content: "";
  display: block;
  width: 30px;
  height: 60px;
  background-image: url("https://primastudia.com/wp-content/themes/primastudia/images/slider_arrow.png");
  position: absolute;
  top: 0;
  right: 0; }

.slick-prev {
  position: absolute;
  top: -webkit-calc(50% - 30px);
  top: calc(50% - 30px);
  left: 0;
  width: 30px;
  height: 65px;
  z-index: 1;
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg); }

.slick-prev:after {
  content: "";
  display: block;
  width: 30px;
  height: 60px;
  background-image: url("https://primastudia.com/wp-content/themes/primastudia/images/slider_arrow.png");
  position: absolute;
  top: 0;
  left: 0; }

.slick-arrow {
  color: transparent;
  background-color: transparent;
  border: none; }

.slider-nav .slick-current {
  border: 2px solid #494748; }
.slider-nav .slick-slide:hover {
	border: 2px solid #bed840;
}
.slider-nav .slick-slide {
  height: 77px; }
  .slider-nav .slick-slide img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover; }

a.slider-link {
  display: block; }
  a.slider-link:hover::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(73, 71, 72, 0.8);
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAADuUlEQVRIS72XWYiOURjHfSGyNSMUUXajhMiMi8EoxlKImbhghKyRfXdhZCeS/cLWhLiwznBBkrXs64Ut65WIkGVsn99/et6v873zvt83UzNO/Xve93n+5/mfc75znvN+kSpJWjQa7QZlGOgJ0kB96/IV+wRcBSfBuUgk8idZPi8eCSMi2JfYcpBRxmTP4a0CexnA32R9SgkjWIdO20FeQOdX+N4AzawxaAWq+niXeR+J+OtE4nHCiDaEfAZ0djrdtYEcJ9k7N5kNMhvfJCDrtbc89IevvoEtJkySujA02o7G/IydDgpIEE00esXo3xuzG7Qw7ntsJn0fB/V1hQ9BGGEkLVN2WKewQSCeQkwbrYdxHmK7keeHv0+JMB0GY05Y8CM2HfKzIAG40/A3AOvgfPNziNfDd8lZuWXw8ksJQ5T4fdDBgjkQj4aIdsF/y2IT4O0K4bXDfw/UADp2zeFq6WMtgrDO5wXzXICQFZTMVkax8xafBXdTAu5aYvMtPgfuRr+wOs8w5xAI+o0CG4Msj3BTkmivaEWvkDfTL6yl0xJ+B6kQiitC2FboOlaV7xeoTW7Zkqal/oJV0bhGoLsXwK/CMBM0cwaiWeTY+0XsHSemAW9zCwc5tuKbapw095RI2DujKhBDHeGBPJ8Km32Ifx85xjo5lvC8wt4ziGkFYjMOE1Y5vAFSyyiu+jye5HtDhLsSu+0KqwzqXMYttQgsRjWMfgavaYMU2sti7A4nVkxi7ZNY8y21jpRqfWzGOh5ZQJ1SCP4Mm2F5drUN/Bo2Haj8Knes9Oo3Xooz38Qq6zgVITrInZCE2+LwCnlFFpA15F1gYromD8YJ25Kcxg6wwDBIx4KWm0E2wf8U1AR94HlVLI4Orw2OB0AlU/d3a/9P6F0SqtM6k9pMH4C2ftgl0UjC7nl1Ve2O1vXaKWy28rvXonbpSiO/wPYjuWZX5mbX4k066CiqHSFHblACV1jPBWCUEbUTdQXud3dj2CgQ7UVsD2hpHJ3r4fQ9klBYQSuTO3kc75D1+bIZFJIk7mqDXwu/Pgong/4BAqrNuUEXT+BXJgnH0WED0BeF13QGXwJtFj3r+0wnQvvCa795WAeqg3nmDBRP9HmrTTQbTATJyqYuiMNgNbN7JEEGvwijz121UuKhwrFpRqM6EllAHwztgT7o1U+3mvdBfxbBT87MSx4RX6jBmF+rMQbeAb0nFfYnK++7T1wbbrTEK13YZj4Xu94GLfG8/yJs4lOw+oei9v2/CZu4NuoWUPQPEll/Ipp8x54AAAAASUVORK5CYII=);
    background-repeat: no-repeat;
    background-position: center center; }

.box_line {
  position: relative;
  width: 100%;
  height: 8px;
  margin-top: 99px; }
  .box_line .i_line1, .box_line .i_line2 {
    position: absolute;
    display: block;
    height: 5px; }
  .box_line .i_line1 {
    width: 587px;
    background-color: #bed840;
    left: -15px; }
  .box_line .i_line2 {
    width: 442px;
    background-color: #f9c939;
    top: 15px;
    right: -70px; }

.footer_form {
  min-height: 300px;
  background-image: url("images/bg_footer_form.jpg");
  background-origin: center;
  background-repeat: no-repeat;
  color: #ffffff;
  font-family: Lato;
  font-size: 16px;
  font-weight: 400; 
  height: auto;
  background-size: cover;}
  .footer_form .c_form {
    padding: 63px 113px 0; }
    .footer_form .c_form div.wpcf7-validation-errors {
      position: absolute;
      z-index: 10;
      left: 0;
      width: 391px;
      right: 0;
      margin: auto;
      bottom: -35px; }
    .footer_form .c_form input[type="checkbox"] + span {
      color: #fff; }
      .footer_form .c_form input[type="checkbox"] + span a {
        color: #fff; }
  .footer_form .c_form .box {
    margin-bottom: 16px; }
  .footer_form .button2 {
    background-color: transparent;
    margin-bottom: 10px;
    border: 4px solid #ffffff;
    color: #fff; }
  .footer_form .text {
    padding: 53px 84px;
    position: relative; }
    .footer_form .text .l_dots1 {
      position: absolute;
      left: 13px;
      top: 27px;
      z-index: 0; }
    .footer_form .text b {
      font-size: 42px;
      line-height: 46px;
      font-weight: 400;
      display: block;
      margin-bottom: 17px;
      position: relative;
      z-index: 1; }
    .footer_form .text p {
      line-height: 28px;
      position: relative;
      z-index: 1; }

.landing1 {
  border-left: 1px solid #e8e8e8;
  border-right: 1px solid #e8e8e8;
  position: relative;
  padding-top: 57px; }
  .landing1 .title_works {
    color: #333333;
    font-family: Lato;
    font-size: 42px;
    font-weight: 400;
    line-height: 46px;
    display: block;
    margin-top: 52px;
    margin-left: 67px; }
  .landing1 .box_line {
    position: relative;
    width: 100%;
    height: 8px;
    margin-top: 79px; }
    .landing1 .box_line .i_line1, .landing1 .box_line .i_line2 {
      position: absolute;
      display: block;
      height: 5px; }
    .landing1 .box_line .i_line1 {
      width: 587px;
      background-color: #bed840;
      left: -15px; }
    .landing1 .box_line .i_line2 {
      width: 442px;
      background-color: #f9c939;
      top: 15px;
      right: -70px; }
  .landing1 .line_v2 {
    background-color: #e8e8e8; }
  .landing1 .box_text {
    padding: 0 77px 0 69px; }
    .landing1 .box_text p {
      margin-bottom: 16px;
      color: #333333;
      font-family: Lato;
      font-size: 16px;
      font-weight: 400;
      line-height: 28px; }
    .landing1 .box_text b {
      font-size: 42px;
      line-height: 46px;
      color: #333333;
      font-family: Lato;
      font-weight: 400;
      margin-bottom: 15px;
      display: block; }
  .landing1 .img1 {
    width: -webkit-calc(100% + 15px);
    width: calc(100% + 15px);
    margin-left: -15px;
    margin-bottom: 21px; }
  .landing1 .text2 {
    padding-top: 73px !important;   }
  .landing1 .img2 {
    float: left; }
  .landing1 .img3 {
    float: right; }
  .landing1 .img4 {
    margin-top: 14px;
    margin-bottom: 49px; }
  .landing1 .img5, .landing1 .img6 {
    width: -webkit-calc(100% + 15px);
    width: calc(100% + 15px);
    margin-left: -15px; }
  .landing1 .img5 {
    margin-bottom: 65px;
    margin-top: 18px; }
  .landing1 .l2_dots {
    float: right;
    margin-right: 59px;
    margin-top: 45px; }
  .landing1 .box_text2 {
    padding: 0px 8px 20px 134px; }
    .landing1 .box_text2 .title {
      color: #333333;
      font-family: Lato;
      font-size: 30px;
      font-weight: 400;
      line-height: 34px;
      margin-bottom: 23px; }
    .landing1 .box_text2 .item {
    	margin-top: -1px;
      border-bottom: 1px solid #d2d2d2;
      border-top: 1px solid #d2d2d2;
     /* padding-bottom: 15px;*/
      padding-top: 15px; }
    .landing1 .box_text2 .item a {
      font-size: 18px;
      font-weight: 900;
      line-height: 24px;
      font-weight: 900;
      color: #333333;
      margin-top: 0px;
      display: block;
      position: relative;
      cursor: pointer;
      padding-bottom: 15px;
      text-decoration: none !important;  }
			
      .landing1 .box_text2 .item a[aria-expanded="true"] {
        border: none; }
        .landing1 .box_text2 .item a[aria-expanded="true"] i {
          -webkit-transform: rotate(0deg);
              -ms-transform: rotate(0deg);
                  transform: rotate(0deg); }
      .landing1 .box_text2 .item a i {
        -webkit-transform: rotate(180deg);
            -ms-transform: rotate(180deg);
                transform: rotate(180deg);
        position: absolute;
        right: 10px;
        display: block;
        width: 10px;
        height: 30px;
        top: 0;
        bottom: 0;
        margin: auto;
        -webkit-transition: 0.5s;
        transition: 0.5s; }
      .landing1 .box_text2 .item a svg {
        fill: #333333; }
    .landing1 .box_text2 .item p {
      font-weight: 400;
      line-height: 24px;
      color: #333333;
      font-family: Lato;
      font-size: 16px;
      overflow: hidden;
      }
      .landing1 .box_text2 .item p span {
      	display: block;
      	padding-bottom: 25px;
      }
  .landing1 .box_text1 {
    color: #333333;
    font-family: Lato;
    font-size: 16px;
    font-weight: 400;
    padding: 22px 6px 42px 133px; }
    .landing1 .box_text1 b {
      font-size: 30px;
      line-height: 34px;
      font-weight: 400;
      margin-left: -70px;
      margin-bottom: 17px;
      display: block;
      padding-left: 70px;
      position: relative; }
    .landing1 .box_text1 .b1:before {
      content: "1.";
      color: #dedddd;
      font-size: 72px;
      font-weight: 900;
      line-height: 34px;
      margin-right: 11px;
      position: absolute;
      left: 0px;
      top: 17px; }
    .landing1 .box_text1 .b2:before {
      content: "2.";
      color: #dedddd;
      font-size: 72px;
      font-weight: 900;
      line-height: 34px;
      margin-right: 11px;
      position: absolute;
      left: 0px;
      top: -17px; }
    .landing1 .box_text1 .b3:before {
      content: "3.";
      color: #dedddd;
      font-size: 72px;
      font-weight: 900;
      line-height: 34px;
      margin-right: 11px;
      position: absolute;
      left: 0px;
      top: -17px; }
    .landing1 .box_text1 .b4:before {
      content: "4.";
      color: #dedddd;
      font-size: 72px;
      font-weight: 900;
      line-height: 34px;
      margin-right: 11px;
      position: absolute;
      left: 0px;
      top: 17px; }
    .landing1 .box_text1 .b5:before {
      content: "5.";
      color: #dedddd;
      font-size: 72px;
      font-weight: 900;
      line-height: 34px;
      margin-right: 11px;
      position: absolute;
      left: 0px;
      top: 17px; }
    .landing1 .box_text1 .b6:before {
      content: "6.";
      color: #dedddd;
      font-size: 72px;
      font-weight: 900;
      line-height: 34px;
      margin-right: 11px;
      position: absolute;
      left: 0px;
      top: 17px; }
    .landing1 .box_text1 p {
      line-height: 28px;
      margin-bottom: 16px; }
    .landing1 .box_text1 ul {
      margin-top: 20px; }
      .landing1 .box_text1 ul li {
        line-height: 28px;
        position: relative;
        padding-left: 18px;
        margin-bottom: 4px; }
        .landing1 .box_text1 ul li:after {
          content: '—';
          position: absolute;
          left: 0;
          top: 0; }
  .landing1 .text3 {
    padding-bottom: 5px; }
  .landing1 .text4 {
    padding-bottom: 31px; }
  .landing1 .text5 {
    padding: 27px 40px 20px 100px; }

.land {
  background-image: url("images/footer_form_land2.jpg"); }

.bg_nav1 {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1; }
  .bg_nav1 .top_bg {
    height: 452px;
    width: 100%;
    overflow: hidden;
    -webkit-filter: blur(5px) brightness(60%);
            filter: blur(5px) brightness(60%);
            display: none; }
    .bg_nav1 .top_bg img {
      width: -webkit-calc(100vw + 20px);
      width: calc(100vw + 20px);
      height: -webkit-calc(100vh + 20px);
      height: calc(100vh + 20px);
      -o-object-fit: cover;
         object-fit: cover;
       }
  .bg_nav1 .bg_bottom {
   /* height: -webkit-calc(100% - 460px);*/
    height: 100%;
    width: 100%;
    background-color: RGBA(0, 0, 0, 0.7); }

.landing_mobile .img {
  width: 100%;
  max-height: 300px;
  object-fit: cover;
  margin-top: 8px; }

.landing_mobile .box_text {
  color: #333333;
  font-family: Lato;
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 25px;
}
.landing_mobile .box_text b {
  font-size: 42px;
  line-height: 46px;
  font-weight: 400;
  display: block;
  margin-top: 26px;
  margin-bottom: 15px;
}
.landing_mobile .box_text p {
  line-height: 28px;
}
  .landing_mobile .box_text1 {
    color: #333333;
    font-family: Lato;
    font-size: 16px;
    font-weight: 400;
    padding: 0;
    margin-top: 40px;
    margin-bottom: 25px; }
    .landing_mobile .box_text1 b {
      font-size: 30px;
      line-height: 34px;
      font-weight: 400;
      margin-left: 0;
      margin-bottom: 17px;
      display: block; }
    .landing_mobile .box_text1 .b1:before {
      content: "1.";
      display: block;
      margin-bottom: 25px;
      color: #dedddd;
      font-size: 72px;
      font-weight: 900;
      line-height: 34px;
      margin-right: 11px; }
    .landing_mobile .box_text1 .b2:before {
      content: "2.";
      display: block;
      margin-bottom: 25px;
      color: #dedddd;
      font-size: 72px;
      font-weight: 900;
      line-height: 34px;
      margin-right: 11px; }
    .landing_mobile .box_text1 .b3:before {
      content: "3.";
      display: block;
      margin-bottom: 25px;
      color: #dedddd;
      font-size: 72px;
      font-weight: 900;
      line-height: 34px;
      margin-right: 11px; }
    .landing_mobile .box_text1 .b4:before {
      content: "4.";
      display: block;
      margin-bottom: 25px;
      color: #dedddd;
      font-size: 72px;
      font-weight: 900;
      line-height: 34px;
      margin-right: 11px; }
    .landing_mobile .box_text1 .b5:before {
      content: "5.";
      display: block;
      margin-bottom: 25px;
      color: #dedddd;
      font-size: 72px;
      font-weight: 900;
      line-height: 34px;
      margin-right: 11px; }
    .landing_mobile .box_text1 .b6:before {
      content: "6.";
      display: block;
      margin-bottom: 25px;
      color: #dedddd;
      font-size: 72px;
      font-weight: 900;
      line-height: 34px;
      margin-right: 11px; }
    .landing_mobile .box_text1 p {
      line-height: 28px; }
    .landing_mobile .box_text1 ul {
      margin-top: 20px; }
      .landing_mobile .box_text1 ul li {
        line-height: 28px;
        position: relative;
        padding-left: 18px;
        margin-bottom: 4px; }
        .landing_mobile .box_text1 ul li:after {
          content: '—';
          position: absolute;
          left: 0;
          top: 0; }

.landing_mobile .slick-slider .slick-slide {
  height: 300px;
}
.landing_mobile .slick-slider {
  width: 100%;
}
.landing_mobile .img1 {
  width: 49%;
}
.title_works  {
  color: #333333;
  font-family: Lato;
  font-size: 30px;
  font-weight: 400;
  line-height: 34px;
  display: block;
  margin-top: 35px;
  margin-bottom: 22px;
}

.landing_mobile .img2 {
  margin-top: -16px;
  margin-bottom: 19px;
}
  .landing_mobile .box_text2 {
    padding: 0;
    margin-bottom: 80px; }
    .landing_mobile .box_text2 .title {
      color: #333333;
      font-family: Lato;
      font-size: 30px;
      font-weight: 400;
      line-height: 34px;
      margin-bottom: 23px;
      margin-top: 40px; }
    .landing_mobile .box_text2 .title br {
      display: none;
    }
    .landing_mobile .box_text2 .item a {
      font-size: 18px;
      font-weight: 900;
      line-height: 24px;
      font-weight: 900;
      color: #333333;
      margin-top: -1px;
      display: block;
      position: relative;
      cursor: pointer;
      text-decoration: none !important;
      border-bottom: 1px solid #d2d2d2;
      border-top: 1px solid #d2d2d2;
      padding-bottom: 15px;
      padding-top: 15px; }
      .landing_mobile .box_text2 .item a[aria-expanded="true"] {
        border: none; }
        .landing_mobile .box_text2 .item a[aria-expanded="true"] i {
          -webkit-transform: rotate(0deg);
              -ms-transform: rotate(0deg);
                  transform: rotate(0deg); }
      .landing_mobile .box_text2 .item a i {
        -webkit-transform: rotate(180deg);
            -ms-transform: rotate(180deg);
                transform: rotate(180deg);
        position: absolute;
        right: 10px;
        display: block;
        width: 10px;
        height: 30px;
        top: 0;
        bottom: 0;
        margin: auto;
        -webkit-transition: 0.5s;
        transition: 0.5s; }
      .landing_mobile .box_text2 .item a svg {
        fill: #333333; }
    .landing_mobile .box_text2 .item p {
      font-weight: 400;
      line-height: 24px;
      color: #333333;
      font-family: Lato;
      font-size: 16px;
      overflow: hidden;
      padding-bottom: 37px; }
.others .smal-text {
  font-size: 60px;
  line-height: 72px;
}

.news, .reviews, .about, .uslugi, .team_items, .contacts, .landing, .landing1 {
  padding-bottom: 75px;
}

.modal_wrap {
  width: 100vw;
  height: 100vh;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -10;
  opacity: 0;
  overflow: hidden;
  background-color: RGBA(00,00,00,0.7);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: 0.1s;
  -o-transition: 0.1s;
  transition: 0.1s;
}
.modal_wrap .modal_form {
  background-color: #fff;
  width: 433px;
  height: 600px;
  max-width: 100%;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  transform: translateY(-100vh);
  position: relative;
  margin-top: 45px;
}
/*.form2 .modal_form {
  height: 430px;
}*/
.modal_wrap .modal_form .close_form {
  display: block;
  position: absolute;
  width: 43px;
  height: 43px;
  background-color: #f9c939;
  right: -43px;
  top: -43px;
  border: none;
}
.modal_wrap .modal_form .close_form {
  margin: auto;
  display: block;
}
.modal_wrap .modal_form .c_form {
   padding: 30px 30px 50px 34px;
   overflow-y: auto;
   height: 600px;
}
.modal_wrap .modal_form .c_form input[type="checkbox"] + span {
  margin-bottom: 20px;
}
.modal_wrap .modal_form .c_form p {
  color: #959595;
  font-family: Lato;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
  margin-bottom: 35px;
}
.modal_wrap .modal_form .c_form p:last-of-type {
  color: #959595;
  font-family: Lato;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
  margin-bottom: 0px;
}
.modal_wrap .modal_form .c_form b {
  font-family: Lato;
  font-weight: 400;
  color: #1b1a26;
  font-size: 42px;
}

.modal_wrap .modal_form .c_form .box {
  width: 100%;
}
.modal_wrap .modal_form .c_form .box .message {
  width: 100%;
}
.modal_wrap .modal_form .c_form .button2 {
  width: 100%;
  margin-bottom: 10px !important;
}

div.wpcf7-response-output {
    /*display: none !important;*/
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}

.sandwich .burger {
  margin: auto;
  opacity: 1;
  position: absolute;
  display: block;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
/*  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;*/
}
.sandwich {
  top: 0;
}
.sandwich .close {
  margin: auto;
  opacity: 0;
  position: absolute;
  display: block;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
/*  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;*/
}

.rotater .arr_top {
  display: none;
}

.L_dots_1 {
  position: absolute;
  right: 71px;
  top: -41px;
}

.L_dots_2 {
  position: absolute;
  top: -62px;
  left: 174px;
}

.landing .i_line4 {
  width: 442px;
  height: 5px;
  background-color: #f9c939;
  margin-bottom: 28px;
  margin-left: 206px;
  margin-top: 39px;
  margin-bottom: 36px;
  position: relative;
  position: relative;
  float: left; }

.L_dots_3 {
  position: absolute;
  top: 26px;
  left: 53px;
}

.page404 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: 0.1s;
  -o-transition: 0.1s;
  transition: 0.1s;
  width: 100vw;
  height: 100vh;
  background-image: url(images/bg_404.jpg);
  background-position: center;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
}
.page404 .box_text {
  text-align: center;
}
.page404 .box_text b {
  color: #ffffff;
  font-size: 89px;
  font-weight: 900;
  line-height: 88.81px;  
}
.page404 .box_text p {
  color: #ffffff;
  font-family: Lato;
  font-size: 22px;
  font-weight: 400;
  line-height: 88.81px;}
.page404 .box_text .button2 {
  margin-top: 25px;
  font-family: Lato;
  font-size: 16px;
  font-weight: 700;
  text-transform: uppercase;
}

.bg404 {
  background-image: url(images/bg_404.jpg) !important;
}

.text_page {
  border-left: 1px solid #e8e8e8;
  border-right: 1px solid #e8e8e8;
}

.contacts_box .dots {

}
.modal_wrap.other_page{
  position: fixed;
}