* {
   margin: 0;
   padding: 0;
   outline: none;
   vertical-align: baseline;
   text-rendering: optimizeLegibility;
   -moz-osx-font-smoothing: grayscale;
   -webkit-font-smoothing: antialiased;
   -ms-text-size-adjust: 100%;
   -webkit-text-size-adjust: 100%;
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
   -webkit-focus-ring-color: rgba(0, 0, 0, 0);
}

*::-moz-focus-inner {
   border: 0;
   padding: 0;
}

*:focus {
   outline: none;
}

::selection {
   background-color: rgba(238, 35, 41, 1);
}

*,
*:before,
*:after {
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
   margin: 0;
   padding: 0;
   border: 0;
   font-size: 100%;
   font: inherit;
}

/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
main {
   display: block;
}

audio,
canvas,
iframe,
img,
svg {
   vertical-align: middle;
}

video {
   vertical-align: top;
   width: 100%;
}


/*====================================================
   Fonts
====================================================*/
@font-face {
   font-family: 'RobotoLight';
   src: url('fonts/RobotoLight/Roboto-Light.eot.html');
   src: url('fonts/RobotoLight/Roboto-Light.eot@.html') format('embedded-opentype'),
      url('fonts/RobotoLight/Roboto-Light.woff.html') format('woff'),
      url('fonts/RobotoLight/Roboto-Light.ttf.html') format('truetype');
   font-weight: 300;
   font-style: normal;
}

@font-face {
   font-family: 'RobotoRegular';
   src: url("fonts/RobotoRegular/RobotoRegular.eot.html");
   src: url("fonts/RobotoRegular/RobotoRegular.eot@.html")format("embedded-opentype"),
      url("fonts/RobotoRegular/RobotoRegular.woff.html") format("woff"),
      url("fonts/RobotoRegular/RobotoRegular.ttf.html") format("truetype");
   font-style: normal;
   font-weight: normal;
}

@font-face {
   font-family: 'RobotoMedium';
   src: url("fonts/RobotoMedium/RobotoMedium.eot.html");
   src: url("fonts/RobotoMedium/RobotoMedium.eot@.html")format("embedded-opentype"),
      url("fonts/RobotoMedium/RobotoMedium.woff.html") format("woff"),
      url("fonts/RobotoMedium/RobotoMedium.ttf.html") format("truetype");
   font-style: normal;
   font-weight: normal;
}

@font-face {
   font-family: 'RobotoBold';
   src: url("fonts/RobotoBold/RobotoBold.eot.html");
   src: url("fonts/RobotoBold/RobotoBold.eot@.html")format("embedded-opentype"),
      url("fonts/RobotoBold/RobotoBold.woff.html") format("woff"),
      url("fonts/RobotoBold/RobotoBold.ttf.html") format("truetype");
   font-style: normal;
   font-weight: normal;
}

@font-face {
   font-family: 'BodoniBold';
   src: url('fonts/BodoniBold/bodonibold_allfont_ru.eot.html');
   src: url('fonts/BodoniBold/bodonibold_allfont_ru.eot@.html') format('embedded-opentype'),
      url('fonts/BodoniBold/bodonibold_allfont_ru.woff2.html') format('woff2'),
      url('fonts/BodoniBold/bodonibold_allfont_ru.woff.html') format('woff'),
      url('fonts/BodoniBold/bodonibold_allfont_ru.ttf.html') format('truetype');
   font-weight: normal;
   font-style: normal;
}


/*====================================================
   Global
====================================================*/
html,
body {
   height: 100%;
}

body {
   background: #FFF;
   font-family: 'RobotoRegular', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', Helvetica, Arial, sans-serif;
   font-size: 16px;
   line-height: 1.5;
   color: #111;
}

body.locked {
   overflow: hidden;
}

.no-touchevents body.locked .container,
.no-touchevents body.locked .header {
   padding-right: 17px;
}

.wrapper {
   margin: 140px 0;
   position: relative;
   z-index: 1;
}

.wrapper.bg_gray {
   padding: 140px 0;
}

.wrapper.article {
   margin-top: 90px;
}

.page-title.page-title_h2 {
   margin-top: 0;
}

.page-title.page-title_h2+.wrapper {
   margin-top: 0;
}

.inner {
   width: 100%;
   max-width: 1340px;
   margin: 0 auto;
   padding: 0 30px;
   position: relative;
   z-index: 1;
}

.wrapper_border .inner {
   padding-bottom: 140px;
}

.wrapper_border .inner:after {
   content: '';
   position: absolute;
   bottom: 0;
   left: 30px;
   right: 30px;
   height: 1px;
   background: #000;
}

.container {
   overflow: hidden;
}

.page-title__buttons {
   padding-left: 40px;
}

@media screen and (max-width: 1366px) {
   .wrapper {
      margin: 120px 0;
   }

   .wrapper.bg_gray {
      padding: 120px 0;
   }

   .wrapper.article {
      margin-top: 80px;
   }

   .wrapper_border .inner {
      padding-bottom: 120px;
   }
}

@media screen and (max-width: 1279px) {
   .wrapper {
      margin: 100px 0;
   }

   .wrapper.bg_gray {
      padding: 100px 0;
   }

   .wrapper.article {
      margin-top: 70px;
   }

   .wrapper_border .inner {
      padding-bottom: 100px;
   }
}

@media screen and (max-width: 1024px) {
   .wrapper {
      margin: 80px 0;
   }

   .wrapper.bg_gray {
      padding: 80px 0;
   }

   .wrapper.article {
      margin-top: 60px;
   }

   .wrapper_border .inner {
      padding-bottom: 90px;
   }
}

@media screen and (max-width: 767px) {
   .wrapper {
      margin: 60px 0;
   }

   .wrapper.bg_gray {
      padding: 60px 0;
   }

   .wrapper.article {
      margin-top: 50px;
   }

   .inner {
      padding: 0 20px;
   }

   .wrapper_border .inner {
      padding-bottom: 60px;
   }

   .wrapper_border .inner:after {
      left: 20px;
      right: 20px;
   }

   .page-title__in.flex {
      display: block;
   }

   .page-title__buttons {
      padding-left: 0;
      padding-top: 40px;
   }
}

@media screen and (max-width: 480px) {
   body {
      font-size: 14px;
   }

   .wrapper {
      margin: 50px 0;
   }

   .wrapper.bg_gray {
      padding: 50px 0;
   }

   .wrapper.article {
      margin-top: 40px;
   }

   .wrapper_border .inner {
      padding-bottom: 50px;
   }
}

@media screen and (max-width: 375px) {
   .wrapper {
      margin: 40px 0;
   }

   .wrapper.bg_gray {
      padding: 40px 0;
   }

   .wrapper.article {
      margin-top: 30px;
   }

   .wrapper_border .inner {
      padding-bottom: 40px;
   }
}

/*mobile/tablet/desktop blocks*/
@media screen and (min-width: 1025px) {
   .tablet-block {
      display: none !important;
   }

   .desktop-hidden {
      display: none !important;
   }
}

@media screen and (max-width: 1024px) {
   .desktop-block {
      display: none !important;
   }
}

@media screen and (min-width: 768px) {
   .mobile-block {
      display: none !important;
   }
}

@media screen and (max-width: 767px) {
   .tablet-block {
      display: none !important;
   }

   .mobile-hidden {
      display: none !important;
   }
}

/*titles*/
.page-title {
   margin-top: 140px;
   margin-bottom: -10px;
}

h1,
.h1 {
   font-family: 'BodoniBold', serif;
   font-size: 90px;
   line-height: 0.8;
   font-weight: normal;
   color: inherit;
   text-transform: uppercase;
   display: inline;
   margin: 0;
   padding: 0;
   position: relative;
}

h1 span,
.h1 span {
   font-size: 80px;
   text-transform: none;
}

h1:after,
.h1:after {
   content: '';
   display: inline-block;
   width: 24px;
   height: 24px;
   background: #EE2329;
   border-radius: 100%;
   margin-left: 12px;
}

h1 .hyphenate {
   display: inline-block;
}

h2,
.h2 {
   font-family: 'BodoniBold', serif;
   font-size: 46px;
   line-height: 1;
   font-weight: normal;
   color: inherit;
   text-transform: uppercase;
   margin: 0 0 30px;
   padding: 0;
   position: relative;
}

.page-title h1+.h2 {
   margin-bottom: 0;
   text-transform: none;
}

.article h2,
.article .h2 {
   margin: 30px 0 30px;
}

.article .title_border h2,
.article .title_border .h2 {
   margin-top: 0;
}

.title_large h2,
.title_large .h2 {
   font-size: 50px;
}

.title_border h2,
.title_border .h2 {
   padding-bottom: 40px;
}

.title_border h2:after,
.title_border .h2:after {
   content: '';
   position: absolute;
   bottom: 0;
   left: 0;
   width: 75px;
   height: 6px;
   background: #111;
}

.title_border.title_small h2,
.title_border.title_small .h2 {
   font-family: 'RobotoMedium';
   font-size: 34px;
   margin-bottom: 50px;
   padding-bottom: 0;
   padding-left: 20px;
}

.title_border.title_small h2:before,
.title_border.title_small .h2:before {
   content: '';
   position: absolute;
   top: 2px;
   left: 0;
   width: 9px;
   height: 28px;
   background: #EE2329;
}

.title_border.title_small h2:after,
.title_border.title_small .h2:after {
   display: none;
}

.title_form h2,
.title_form .h2 {
   font-size: 60px;
   line-height: 0.9;
   margin-bottom: 0;
   margin-top: 0;
}

.title_form h2 span,
.title_form .h2 span {
   font-size: 40px;
   white-space: nowrap;
}

.title_point h2 span,
.title_point .h2 span {
   display: block;
   text-transform: none;
   position: relative;
}

.title_point h2 span:after,
.title_point .h2 span:after {
   content: '';
   display: inline-block;
   width: 11px;
   height: 11px;
   background: #EE2329;
   border-radius: 100%;
   margin-left: 6px;
}

h3,
.h3 {
   font-family: 'RobotoBold', sans-serif;
   font-size: 22px;
   font-weight: normal;
   color: inherit;
   text-transform: uppercase;
   margin: 0 0 20px;
   padding: 0;
   position: relative;
}

.title_small h3,
.title_small .h3 {
   text-transform: none;
}

.title_border h3,
.title_border .h3 {
   padding-left: 20px;
}

.title_border h3:before,
.title_border .h3:before {
   content: '';
   position: absolute;
   top: 2px;
   left: 0;
   width: 9px;
   height: 28px;
   background: #EE2329;
}

h4,
.h4 {
   font-family: 'RobotoBold', sans-serif;
   font-size: 18px;
   line-height: 1.5;
   font-weight: normal;
   color: inherit;
   text-transform: uppercase;
   margin: 0 0 20px;
   padding: 0;
   position: relative;
}

h5,
.h5 {
   font-family: 'RobotoBold', sans-serif;
   font-size: 16px;
   line-height: 1.5;
   font-weight: normal;
   color: inherit;
   margin: 0 0 20px;
   padding: 0;
   position: relative;
}

h6,
.h6 {
   font-family: 'RobotoBold', sans-serif;
   font-size: inherit;
   line-height: 1.5;
   font-weight: normal;
   color: inherit;
   margin: 0 0 20px;
   padding: 0;
   position: relative;
}

@media screen and (max-width: 1366px) {
   .page-title {
      margin-top: 120px;
   }

   h1,
   .h1 {
      font-size: 80px;
   }

   h1 span,
   .h1 span {
      font-size: 70px;
   }

   h1:after,
   .h1:after {
      width: 20px;
      height: 20px;
   }

   h2,
   .h2 {
      font-size: 40px;
   }
}

@media screen and (max-width: 1279px) {
   .page-title {
      margin-top: 100px;
   }

   h1,
   .h1 {
      font-size: 70px;
   }

   h1 span,
   .h1 span {
      font-size: 60px;
   }

   h1:after,
   .h1:after {
      width: 16px;
      height: 16px;
      margin-left: 10px;
   }

   h2,
   .h2 {
      font-size: 35px;
   }

   .title_large h2,
   .title_large .h2 {
      font-size: 45px;
   }

   .title_border.title_small h2,
   .title_border.title_small .h2 {
      font-size: 28px;
   }

   .title_border.title_small h2:before,
   .title_border.title_small .h2:before {
      top: -1px;
   }
}

@media screen and (max-width: 1024px) {
   .page-title {
      margin-top: 80px;
   }

   h1,
   .h1 {
      font-size: 60px;
   }

   h1 span,
   .h1 span {
      font-size: 50px;
   }

   h1:after,
   .h1:after {
      width: 13px;
      height: 13px;
      margin-left: 8px;
   }

   h2,
   .h2 {
      font-size: 30px;
      margin-bottom: 50px;
   }

   .title_large h2,
   .title_large .h2 {
      font-size: 40px;
   }

   .title_border h2,
   .title_border .h2 {
      padding-bottom: 30px;
   }

   .title_border h2:after,
   .title_border .h2:after {
      width: 55px;
   }

   .title_border.title_small h2,
   .title_border.title_small .h2 {
      font-size: 24px;
      margin-bottom: 40px;
      padding-left: 16px;
   }

   .title_border.title_small h2:before,
   .title_border.title_small .h2:before {
      width: 5px;
      height: 24px;
   }

   .title_form h2,
   .title_form .h2 {
      font-size: 40px;
   }

   .title_form h2 span,
   .title_form .h2 span {
      font-size: 28px;
   }

   .title_border h3,
   .title_border .h3 {
      font-size: 18px;
      padding-left: 16px;
   }

   .title_border h3:before,
   .title_border .h3:before {
      top: 0;
      width: 5px;
      height: 24px;
   }
}

@media screen and (max-width: 767px) {
   .page-title {
      margin-top: 60px;
   }

   h1,
   .h1 {
      font-size: 48px;
   }

   h1 span,
   .h1 span {
      font-size: 40px;
   }

   h1:after,
   .h1:after {
      width: 11px;
      height: 11px;
      margin-left: 6px;
   }

   h2,
   .h2 {
      font-size: 28px;
   }

   .article h2,
   .article .h2 {
      margin: 50px 0 25px;
   }

   .title_large h2,
   .title_large .h2 {
      font-size: 35px;
   }

   .title_form h2,
   .title_form .h2 {
      font-size: 36px;
   }

   .title_form h2 span,
   .title_form .h2 span {
      font-size: 26px;
   }

   h3,
   .h3 {
      font-size: 18px;
   }

   h4,
   .h4 {
      margin-bottom: 15px;
   }
}

@media screen and (max-width: 480px) {
   .page-title {
      margin-bottom: -5px;
      margin-top: 50px;
   }

   h1,
   .h1 {
      font-size: 36px;
   }

   h1 span,
   .h1 span {
      font-size: 30px;
   }

   h1:after,
   .h1:after {
      width: 9px;
      height: 9px;
      margin-left: 5px;
   }

   h2,
   .h2 {
      font-size: 26px;
      margin-bottom: 40px;
   }

   .article h2,
   .article .h2 {
      margin: 40px 0 20px;
   }

   .title_large h2,
   .title_large .h2 {
      font-size: 30px;
   }

   .title_border h2,
   .title_border .h2 {
      padding-bottom: 20px;
   }

   .title_border h2:after,
   .title_border .h2:after {
      width: 50px;
      height: 4px;
   }

   .title_border.title_small h2,
   .title_border.title_small .h2 {
      font-size: 20px;
      padding-left: 12px;
      margin-bottom: 30px;
   }

   .title_border.title_small h2:before,
   .title_border.title_small .h2:before {
      top: 1px;
      height: 18px;
   }

   .title_form h2,
   .title_form .h2 {
      font-size: 30px;
   }

   .title_form h2 span,
   .title_form .h2 span {
      font-size: 24px;
   }

   .title_point h2 span:after,
   .title_point .h2 span:after {
      width: 9px;
      height: 9px;
      margin-left: 5px;
   }

   h3,
   .h3 {
      font-size: 16px;
      margin-bottom: 15px;
   }

   .title_border h3,
   .title_border .h3 {
      font-size: 16px;
      padding-left: 12px;
   }

   .title_border h3:before,
   .title_border .h3:before {
      top: 2px;
      height: 18px;
   }

   h4,
   .h4 {
      font-size: 16px;
      margin-bottom: 10px;
   }
}

@media screen and (max-width: 375px) {
   .page-title {
      margin-top: 40px;
   }

   h1,
   .h1 {
      font-size: 31px;
   }

   h1 span,
   .h1 span {
      font-size: 26px;
   }

   h1 span br,
   .h1 span br {
      display: none;
   }
}

/*text elements styles*/
p {
   margin: 0 0 20px;
   padding: 0;
}

p:last-child {
   margin-bottom: 0;
}

.font_large {
   font-size: 18px;
}

.font_small {
   font-size: 14px;
}

.font_serif {
   font-family: 'BodoniBold';
}

@media screen and (max-width: 767px) {
   .font_large {
      font-size: 16px;
   }
}

@media screen and (max-width: 480px) {
   .font_large {
      font-size: 14px;
   }

   .font_small {
      font-size: 12px;
   }
}

.text_uppercase {
   text-transform: uppercase;
}

.text_centered {
   text-align: center;
}

.highlight {
   color: #EE2329;
}

.article-note {
   display: inline-block;
   padding-top: 15px;
   border-top: 1px solid #111;
   font-size: 14px;
}

@media screen and (max-width: 480px) {
   .article-note {
      font-size: 12px;
      margin: 0 -20px;
      padding: 10px 20px 0;
   }
}

.hyphenate {
   white-space: normal;
}

b,
strong {
   font-family: 'RobotoBold', sans-serif;
   font-weight: normal;
}

em,
i,
cite,
dfn,
q {
   font-style: italic;
}

sup {
   font-size: 0.7em;
   position: relative;
   vertical-align: super;
}

sub {
   font-size: 0.7em;
   vertical-align: sub;
}

img {
   border: 0;
   max-width: 100%;
}

p img {
   margin: 20px 0;
   height: auto;
}

figure {
   width: 100%;
   margin: 0 0 20px 0;
}

figure img {
   display: block;
}

figcaption {
   padding-top: 5px;
}

figure p {
   margin: 0;
}

.table-box {
   overflow: auto;
}

table {
   border-collapse: collapse;
   border-spacing: 0;
   margin-bottom: 20px;
}

th,
td {
   padding: 20px;
   border: 0;
}

tr:nth-child(even) td,
tr:nth-child(even) th {
   background: #F0F0F0;
}

.tr-total td {
   background: #EE2329 !important;
   color: #FFF;
   font-family: 'RobotoMedium';
}

th {
   font-family: 'RobotoBold', sans-serif;
   font-weight: normal;
   text-align: inherit;
}

table p {
   margin: 0;
}

@media screen and (max-width: 767px) {

   th,
   td {
      padding: 10px;
   }
}

@media screen and (max-width: 375px) {

   th,
   td {
      padding: 5px;
   }
}

ul {
   list-style: none;
   padding: 0;
   margin: 0 0 20px;
}

ul:last-child {
   margin-bottom: 0;
}

ul li {
   padding: 0 0 0 20px;
   margin: 0 0 10px;
   position: relative;
}

ul.no-decor li {
   padding-left: 0;
}

ul li:before {
   content: '';
   position: absolute;
   top: 8px;
   left: 0;
   width: 8px;
   height: 8px;
   background: #EE2329;
}

ul.no-decor li:before {
   display: none;
}

ul li ul {
   margin: 10px 0 0 20px;
}

ol {
   padding: 0;
   margin: 0 0 20px 25px;
}

ol li {
   padding: 0 0 0 5px;
   margin: 0 0 10px;
}

ol li ol,
ol li ul,
ol li ul:last-child {
   margin: 10px 0 20px 0;
}

ol li li {
   padding-left: 20px;
}

ol li h3 {
   text-transform: none;
   margin-bottom: 0;
   font-size: 20px;
   line-height: 1.2;
}

ol li::marker {
   font-family: 'RobotoBold'
}

@media screen and (max-width: 767px) {
   ol li h3 {
      font-size: 18px;
   }
}

@media screen and (max-width: 480px) {
   ul li:before {
      top: 7px;
   }

   ol li h3 {
      font-size: 16px;
   }
}

/*links*/
a {
   color: #EE2329;
   text-decoration: none;
   text-decoration-skip-ink: none;
   position: relative;
   -webkit-transition: all 0.3s ease 0s;
   transition: all 0.3s ease 0s;
}

.link_border {
   color: #EE2329;
   position: relative;
}

a:hover {
   color: #EE2329;
}

a:after,
.link_border:after {
   content: '';
   position: absolute;
   bottom: 0;
   left: 0;
   width: 0%;
   height: 1px;
   background: #000;
   -webkit-transition: width 0.3s ease-in 0s;
   transition: width 0.3s ease-in 0s;
}

.bg_black a:after,
.bg_black .link_border:after {
   background: #EE2329;
}

a:hover:after,
.link-border-parent:hover .link_border:after {
   width: 100%;
}

.link-border-parent:after,
.article h2 a:after {
   display: none;
}

.link_no-decor:after {
   display: none;
}

.link_phone {
   white-space: nowrap;
   color: inherit;
}

.link_phone:hover {
   color: inherit;
}

.link_phone:after {
   display: none;
}

.link_email {
   white-space: nowrap;
}

.link_email:after {
   display: none;
}

.link_callback {
   color: inherit;
   display: inline-block;
}

.link_callback:before {
   content: '';
   position: absolute;
   top: 5px;
   right: 100%;
   margin-right: 5px;
   width: 18px;
   height: 17px;
   background: url('../i/phone-icon.svg') 0 0 / contain no-repeat;
}

.link_arrow {
   position: relative;
   display: inline-block;
   padding-right: 40px;
   line-height: 1.2;
}

.link_arrow:after {
   display: none;
}

.link_arrow:before {
   content: '';
   position: absolute;
   top: 5px;
   right: 0;
   width: 28px;
   height: 16px;
   background: url('../i/arrow-link.svg') 0 0 no-repeat;
}

@media screen and (max-width: 480px) {
   .link_arrow:before {
      top: 2px;
   }
}

.link_file {
   position: relative;
   display: inline-block;
}

.link_file:after {
   display: none;
}

.link_file .svg-icon__image {
   width: 51px;
   height: 65px;
   margin-bottom: -4px;
}

.link_file .svg-fill_white {
   fill: #FFF;
}

.link_file:hover .svg-fill_white {
   fill: #EE2329;
}

.link_file .svg-fill_red {
   fill: #EE2329;
}

.link_file .svg-stroke_white {
   stroke: #FFF;
}

.link_file:hover .svg-stroke_white {
   stroke: #EE2329;
}

.link_file .svg-icon__text {
   line-height: 1.5;
   padding-left: 30px;
}

@media screen and (max-width: 1024px) {
   .link_file .svg-icon__image {
      width: 32px;
      height: 42px;
   }

   .link_file .svg-stroke {
      stroke-width: 4;
   }

   .link_file .svg-icon__text {
      padding-left: 10px;
   }
}

@media screen and (max-width: 767px) {
   .link_file .svg-icon__text {
      font-size: 14px;
   }
}

@media screen and (max-width: 480px) {
   .link_file .svg-icon__text {
      font-size: 13px;
   }
}

.link_close {
   display: block;
   position: absolute;
   top: 20px;
   right: 20px;
   width: 36px;
   height: 36px;
   border-radius: 100%;
   background: #EE2329;
   cursor: pointer;
   z-index: 2;
   -webkit-transition: all 0.3s ease 0s;
   transition: all 0.3s ease 0s;
}

.link_close:hover {
   background: #111;
}

.link_close:before,
.link_close:after {
   content: '';
   position: absolute;
   top: 17px;
   bottom: auto;
   left: 5px;
   width: 26px;
   height: 2px;
   background: #FFF;
}

.link_close:before {
   -webkit-transform: rotate(45deg);
   transform: rotate(45deg);
}

.link_close:after {
   -webkit-transform: rotate(-45deg);
   transform: rotate(-45deg);
}

.link_close:hover:after {
   width: 26px;
}

@media screen and (max-width: 480px) {
   .link_close {
      top: 15px;
      right: 15px;
      width: 24px;
      height: 24px;
   }

   .link_close:before,
   .link_close:after {
      top: 11px;
      left: 4px;
      width: 16px;
   }

   .link_close:hover:after {
      width: 16px;
   }
}

.link_fancybox {
   display: inline-block;
}

.link_fancybox img {
   display: block;
   position: relative;
   z-index: 1;
}

.link_fancybox:after {
   display: none;
}

.link_fancybox:before {
   content: '';
   position: absolute;
   top: 20px;
   right: 20px;
   width: 25px;
   height: 25px;
   background: url('../i/zoom.svg') 0 0 / contain no-repeat;
   z-index: 2;
   -webkit-transition: all 0.3s ease 0s;
   transition: all 0.3s ease 0s;
}

.link_fancybox:hover:before {
   transform: scale(1.2);
}

@media screen and (max-width: 480px) {
   .link_fancybox:before {
      top: 10px;
      right: 10px;
   }
}

.link_3d {
   position: relative;
   display: block;
   perspective: 1000px;
   text-align: center;
   color: #EE2329;
   text-transform: uppercase;
}

.link_3d,
.flipper__front,
.flipper__back {
   width: 193px;
   height: 193px;
   line-height: 193px;
   border-radius: 100%;
}

.link_3d:after {
   display: none;
}

.flipper {
   transition: 0.6s;
   transform-style: preserve-3d;
   will-change: transform;
   position: relative;
}

.no-touchevents .link_3d:hover .flipper {
   transform: rotateY(180deg);
}

.flipper__front,
.flipper__back {
   backface-visibility: hidden;
   position: absolute;
   top: 0;
   left: 0;
   will-change: transform;
}

.flipper__front {
   z-index: 2;
   background: #111;
}

.flipper__back {
   background: #EE2329;
   color: #FFF;
   transform: rotateY(180deg);
}

.touchevents .flipper__back {
   transform: rotateY(0);
   opacity: 0;
   transition: opacity 0.3s ease 0s;
}

.touchevents .link_3d:hover .flipper__back {
   opacity: 1;
}

.touchevents .flipper__front {
   transition: opacity 0.3s ease 0s;
}

.touchevents .link_3d:hover .flipper__front {
   opacity: 0;
}

.link_3d span {
   display: inline-block;
   vertical-align: middle;
   text-align: left;
   padding-left: 10px;
   font-size: 16px;
   line-height: 1.5;
}

.link_3d span>span {
   display: block;
   padding-left: 0;
   font-family: 'RobotoLight';
   font-size: 50px;
   line-height: 1.2;
   color: #FFF;
}

.link_3d .flipper__back span>span {
   font-family: 'RobotoRegular';
   color: #111;
}

@media screen and (max-width: 1024px) {

   .link_3d,
   .flipper__front,
   .flipper__back {
      width: 139px;
      height: 139px;
      line-height: 139px;
   }

   .link_3d span>span {
      font-size: 40px;
      line-height: 0.9;
   }
}

@media screen and (max-width: 480px) {

   .link_3d,
   .flipper__front,
   .flipper__back {
      width: 89px;
      height: 89px;
      line-height: 89px;
   }

   .link_3d span {
      font-size: 10px;
   }
}

/*global classes*/
.easing,
.easing * {
   -webkit-transition: all 0.3s ease 0s;
   transition: all 0.3s ease 0s;
}

.clear:before,
.clear:after {
   content: " ";
   display: table;
}

.clear:after {
   clear: both;
}

.cl:after {
   clear: both;
   content: ".";
   display: block;
   height: 0;
   visibility: hidden;
}

.fl {
   float: left;
}

.fr {
   float: right;
}

.tb {
   display: table;
   width: 100%;
   height: 100%;
}

.tb__head {
   display: table-header-group;
}

.tb__body {
   display: table-row-group;
}

.tb__row {
   display: table-row;
}

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

.flex {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
   -webkit-flex-wrap: wrap;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
}

.flex_nowrap {
   -webkit-flex-wrap: nowrap;
   -ms-flex-wrap: nowrap;
   flex-wrap: nowrap;
}

.flex_column {
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -webkit-flex-direction: column;
   -ms-flex-direction: column;
   flex-direction: column;
   -webkit-flex-wrap: wrap;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
}

.flex_middle {
   -webkit-box-align: center;
   -webkit-align-items: center;
   -ms-flex-align: center;
   align-items: center;
}

.flex_top {
   -webkit-box-align: flex-start;
   -webkit-align-items: flex-start;
   -ms-flex-align: flex-start;
   align-items: flex-start;
}

.flex_bottom {
   -webkit-box-align: flex-end;
   -webkit-align-items: flex-end;
   -ms-flex-align: flex-end;
   align-items: flex-end;
}

.flex_stretch {
   -webkit-box-align: stretch;
   -webkit-align-items: stretch;
   -ms-flex-align: stretch;
   align-items: stretch;
}

.flex_justify {
   -webkit-box-pack: justify;
   -webkit-justify-content: space-between;
   -ms-flex-pack: justify;
   justify-content: space-between;
}

.flex_center {
   -webkit-box-pack: center;
   -webkit-justify-content: center;
   -ms-flex-pack: center;
   justify-content: center;
}

.columns_2 {
   -webkit-columns: 2 auto;
   columns: 2 auto;
}

.columns_3 {
   -webkit-columns: 3 auto;
   columns: 3 auto;
}

.columns_4 {
   -webkit-columns: 4 auto;
   columns: 4 auto;
}

.svg-icon {
   position: relative;
   white-space: nowrap;
}

a.svg-icon {
   text-decoration: none;
}

a.svg-icon:after {
   display: none;
}

.svg-icon__image,
.svg-icon__text {
   display: inline-block;
   vertical-align: middle;
   line-height: 1;
   position: relative;
}

.svg-icon svg {
   vertical-align: top;
   max-width: 100%;
   max-height: 100%;
}

.svg-fill,
.svg-stroke {
   -webkit-transition: all 0.3s ease 0s;
   transition: all 0.3s ease 0s;
}

.bg_black {
   background: #111;
   color: #FFF;
}

.bg_gray {
   background: #F4F4F4;
}

.bg_white {
   padding: 50px 40px;
   background: #FFF;
}

@media screen and (max-width: 1279px) {
   .bg_white {
      padding: 40px 30px;
   }
}

@media screen and (max-width: 1024px) {
   .bg_white {
      padding: 40px 20px;
   }
}

@media screen and (max-width: 480px) {
   .bg_white {
      padding: 30px 20px;
      margin: 0 -20px;
   }
}


/*buttons*/
.btn {
   display: inline-block;
   height: 56px;
   line-height: 56px;
   white-space: nowrap;
   padding: 0 50px 0 20px;
   background: #111;
   text-align: center;
   font-family: 'RobotoRegular';
   font-size: 18px;
   color: #FFF;
   text-transform: uppercase;
   -webkit-transition: all 0.3s ease 0s;
   transition: all 0.3s ease 0s;
   position: relative;
   cursor: pointer;
}

.btn_reverse {
   padding: 0 20px 0 50px;
}

.btn_light {
   background: #FFF;
   color: #EE2329;
   padding: 0 30px;
}

.btn_red {
   background: #EE2329;
}

a.btn {
   text-decoration: none;
}

.btn:hover {
   background: #EE2329;
   color: #FFF;
}

.btn_light:hover {
   background: #EE2329;
   color: #FFF;
}

.btn_red:hover {
   background: #BD0000;
}

.btn_active {
   background: #BD0000;
}

.btn_disabled,
.btn_disabled:hover {
   background: #BDBDBD;
   cursor: default;
}

a.btn:after {
   display: none;
}

.btn:before {
   content: '';
   position: absolute;
   top: 50%;
   right: 22px;
   width: 12px;
   height: 12px;
   margin-top: -6px;
   background: url('../i/arrow-btn.svg') 0 0 /contain no-repeat;
}

.btn_reverse:before {
   right: auto;
   left: 22px;
   background: url('../i/arrow-btn-left.svg') 0 0 /contain no-repeat;
}

.btn_light:before {
   display: none;
}

.btn_down:before {
   -webkit-transform: rotate(90deg);
   transform: rotate(90deg);
}

input[type="submit"].btn {
   height: 40px;
   line-height: normal;
   padding: 0 20px;
   width: 200px;
   font-size: 16px;
}

.btn span {
   display: inline-block;
   vertical-align: middle;
   line-height: 1.2;
   white-space: normal;
}

.btn.btn_wrap {
   height: auto;
   min-height: 56px;
   max-width: 520px;
   padding-top: 10px;
   padding-bottom: 10px;
   text-align: left;
   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;
}

.btn_wrap span {
   line-height: 1.4;
}

@media screen and (max-width: 767px) {
   .btn {
      font-size: 16px;
   }
}

@media screen and (max-width: 375px) {
   .btn {
      height: 48px;
      line-height: 48px;
      font-size: 14px;
   }
}

/*buttons list*/
.buttons-list {
   margin-left: -20px;
   margin-bottom: -20px;
}

.buttons-list__item {
   width: 50%;
   padding-left: 20px;
   margin-bottom: 20px;
}

.buttons-list__item .btn {
   width: 100%;
}

@media screen and (min-width: 768px) {
   .buttons-list_project {
      width: 600px;
   }

   .buttons-list_nav .buttons-list__item {
      width: 300px;
   }
}

@media screen and (min-width: 768px) and (max-width: 1279px) {
   .buttons-list_project {
      width: 280px;
   }

   .buttons-list_project .buttons-list__item {
      width: 100%;
   }
}

@media screen and (max-width: 767px) {
   .buttons-list_nav .buttons-list__item .btn_nav {
      text-indent: -9999px;
      padding: 0;
      background: #D1D1D1;
   }

   .buttons-list_nav .buttons-list__item .btn_nav:before {
      left: 50%;
      top: 50%;
      right: auto;
      width: 16px;
      height: 16px;
      margin: -8px 0 0 -8px;
      background: url('../i/arrow-btn_black.svg') 0 0 /contain no-repeat;
   }

   .buttons-list_nav .buttons-list__item .btn_nav.btn_reverse:before {
      background: url('../i/arrow-btn-left_black.svg') 0 0 /contain no-repeat;
   }
}

@media screen and (min-width: 481px) and (max-width: 567px) {
   .buttons-list__item .btn {
      font-size: 14px;
      padding: 0 30px 0 20px;
   }

   .buttons-list__item .btn_reverse {
      padding: 0 20px 0 30px;
   }

   .buttons-list__item .btn:before {
      right: 12px;
   }

   .buttons-list__item .btn_reverse:before {
      left: 12px;
   }
}

@media screen and (max-width: 480px) {
   .buttons-list {
      display: block;
      margin-left: 0;
      margin-bottom: 0;
   }

   .buttons-list__item {
      width: 100%;
      padding-left: 0;
      margin-bottom: 20px;
   }

   .buttons-list__item:last-child {
      margin-bottom: 0;
   }

   .buttons-list_nav:after {
      clear: both;
      content: ".";
      display: block;
      height: 0;
      visibility: hidden;
   }

   .buttons-list_nav .buttons-list__item:nth-child(1),
   .buttons-list_nav .buttons-list__item:nth-child(2) {
      width: calc(50% - 10px);
      margin-bottom: 0;
   }

   .buttons-list_nav .buttons-list__item:nth-child(1) {
      float: left;
   }

   .buttons-list_nav .buttons-list__item:nth-child(2) {
      float: right;
   }

   .buttons-list_nav .buttons-list__item:nth-child(3) {
      clear: both;
      padding-top: 20px;
   }
}

@media screen and (max-width: 375px) {
   .buttons-list__item .btn {
      max-width: 100%
   }
}


/*====================================================
   Form elements
====================================================*/
input:-moz-focus-inner {
   border: 0;
   padding: 0;
}

input::-ms-clear {
   display: none;
}

button:-moz-focus-inner {
   border: 0;
   padding: 0;
   outline: none;
}

input[type="submit"],
button {
   -webkit-appearance: none;
   border: 0;
   border-radius: 0;
   cursor: pointer;
}

input:invalid,
textarea:invalid {
   box-shadow: none;
}

input:-webkit-autofill {
   -webkit-box-shadow: inset 0 0 0 40px #FFF !important;
   /* Цвет фона */
   -webkit-text-fill-color: #111 !important;
   /* цвет текста */
   color: #111 !important;
   /* цвет текста */
}

input[type="text"],
input[type="name"],
input[type="email"],
input[type="tel"],
input[type="password"],
textarea {
   display: block;
   width: 100%;
   height: 40px;
   background: #FFF;
   border: 1px solid #828282;
   border-radius: 0;
   padding: 0 20px;
   font-family: 'RobotoRegular';
   font-size: 16px;
   line-height: 1;
   color: #111;
   -webkit-appearance: none;
}

.bg_black input[type="text"],
.bg_black input[type="name"],
.bg_black input[type="email"],
.bg_black input[type="tel"],
.bg_black input[type="password"],
.bg_black textarea {
   border: 0;
}

textarea {
   height: 100px;
   padding: 15px 20px;
   resize: none;
}

label {
   display: inline-block;
}

/*disappearing placeholder*/
input::-webkit-input-placeholder {
   color: #828282;
   opacity: 1;
}

input::-moz-placeholder {
   color: #828282;
   opacity: 1;
}

input:-moz-placeholder {
   color: #828282;
   opacity: 1;
}

input:-ms-input-placeholder {
   color: #828282;
   opacity: 1;
}

input:focus::-webkit-input-placeholder {
   opacity: 0;
}

input:focus::-moz-placeholder {
   opacity: 0;
}

input:focus:-moz-placeholder {
   opacity: 0;
}

input:focus:-ms-input-placeholder {
   opacity: 0;
}

textarea::-webkit-input-placeholder {
   color: #828282;
   opacity: 1;
}

textarea::-moz-placeholder {
   color: #828282;
   opacity: 1;
}

textarea:-moz-placeholder {
   color: #828282;
   opacity: 1;
}

textarea:-ms-input-placeholder {
   color: #828282;
   opacity: 1;
}

textarea:focus::-webkit-input-placeholder {
   opacity: 0;
}

textarea:focus::-moz-placeholder {
   opacity: 0;
}

textarea:focus:-moz-placeholder {
   opacity: 0;
}

textarea:focus:-ms-input-placeholder {
   opacity: 0;
}

html[data-agent*="iPhone"] input::-webkit-input-placeholder {
   padding-top: 3px;
}

html[data-agent*="iPad"] input::-webkit-input-placeholder {
   padding-top: 3px;
}

/*checkbox-input*/
.checkbox {
   position: relative;
   font-size: 0;
   line-height: 0;
}

.checkbox+.checkbox {
   margin-top: 10px;
}

.checkbox input[type="checkbox"] {
   opacity: 0;
   position: absolute;
}

.checkbox__label {
   position: relative;
   cursor: pointer;
   text-align: left;
   font-size: 14px;
   line-height: 1.2;
}

.checkbox__text {
   position: relative;
   padding-left: 30px;
   display: inline-block;
   vertical-align: top;
}

.checkbox__text:before,
.checkbox__text:after {
   content: '';
   position: absolute;
}

.checkbox__text:before {
   top: 0;
   left: 0;
   z-index: 1;
   width: 16px;
   height: 16px;
   background: #FFF;
   border: 1px solid #111;
}

.bg_black .checkbox__text:before {
   border-color: #FFF;
}

.checkbox__text:after {
   top: 2px;
   left: 2px;
   z-index: 2;
   width: 12px;
   height: 12px;
   background: url('../i/check-red.svg') 0 0 / contain no-repeat;
   opacity: 0;
   -webkit-transform: scale(0);
   transform: scale(0);
   -webkit-transition: all 0.3s ease 0s;
   transition: all 0.3s ease 0s;
}

.checkbox input[type="checkbox"]:checked+.checkbox__text:after {
   opacity: 1;
   -webkit-transform: scale(1);
   transform: scale(1);
}

/*radio input*/
.radio {
   position: relative;
   font-size: 0;
   line-height: 0;
}

.radio+.radio {
   margin-top: 10px;
}

.radio input[type="radio"] {
   opacity: 0;
   position: absolute;
}

.radio__label {
   position: relative;
   cursor: pointer;
   text-align: left;
   font-size: 14px;
   line-height: 1.2;
}

.radio__text {
   position: relative;
   padding-left: 30px;
   display: inline-block;
   vertical-align: top;
}

.radio__text:before,
.radio__text:after {
   content: '';
   position: absolute;
}

.radio__text:before {
   top: -1px;
   left: 0;
   width: 18px;
   height: 18px;
   border-radius: 100%;
   background: #FFF;
   border: 1px solid #111;
}

.bg_black .radio__text:before,
.bg_gray .radio__text:before {
   border-color: #FFF;
}

.radio__text:after {
   top: 3px;
   left: 4px;
   width: 10px;
   height: 10px;
   border-radius: 100%;
   background: #EE2329;
   opacity: 0;
   -webkit-transform: scale(0);
   transform: scale(0);
   -webkit-transition: all 0.3s ease 0s;
   transition: all 0.3s ease 0s;
}

.radio input[type=radio]:checked+.radio__text:after {
   opacity: 1;
   -webkit-transform: scale(1);
   transform: scale(1);
}

/*file input*/
.form__file input[type="file"] {
   position: absolute;
   top: 0px;
   right: 0px;
   width: 100%;
   height: 100%;
   opacity: 0;
   margin: 0;
   padding: 0;
}

.form__file .svg-icon {
   display: block;
   height: 33px;
   width: 100%;
}

.form__file .svg-icon__image {
   width: 29px;
   height: 33px;
}

.form__file .svg-icon__text {
   position: absolute;
   top: 0;
   left: 0;
   padding-left: 0;
   width: 100%;
}

.form__file .jq-file {
   display: block;
   overflow: hidden;
   width: 100%;
   height: 33px;
   padding-left: 50px;
}

.form__file .jq-file__name {
   max-width: 100%;
   text-align: left;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
   font-family: 'RobotoMedium';
   font-size: 18px;
   line-height: 38px;
   color: #EE2329;
   text-transform: uppercase;
}

.form__file .jq-file.changed .jq-file__name {
   font-family: 'RobotoLight';
   font-size: 14px;
   color: #FFF;
   text-transform: none;
}

.form__file .jq-file__browse {
   position: absolute;
   top: 0;
   left: 0;
   width: 29px;
   height: 33px;
}

/*search*/
.search {
   position: relative;
}

.search input[type="text"] {
   padding: 0 44px 0 10px;
   width: 100%;
}

.search input[type="submit"] {
   position: absolute;
   top: 50%;
   right: 10px;
   width: 24px;
   height: 24px;
   margin-top: -12px;
   background: url('../i/search.svg') 0 0 / cover no-repeat;
}

/*form fields*/
.form__fieldset {
   position: relative;
}

.form__fieldset {
   margin-left: -20px;
}

.form__fieldset .form__field {
   float: left;
   width: 50%;
   padding-left: 20px;
}

.form__fieldset_3 .form__field {
   width: 33.333%;
}

.form__legend {
   position: relative;
   width: 100%;
}

.form__field {
   position: relative;
   margin-bottom: 20px;
}

.form__agreement {
   margin-bottom: 25px;
}

@media screen and (min-width: 481px) {
   .form__fieldset input[type="submit"] {
      width: 100%;
   }
}

@media screen and (min-width: 481px) and (max-width: 1024px) {
   .form__file .svg-icon {
      width: 230px;
      max-width: 100%;
      margin: 0 auto;
   }
}

@media screen and (max-width: 767px) {
   .form__file .jq-file__name {
      font-size: 16px;
      line-height: 39px;
   }
}

@media screen and (max-width: 480px) {
   .form__fieldset {
      margin-left: 0;
   }

   .form__fieldset .form__field {
      float: none;
      width: 100%;
      padding-left: 0;
   }

   input[type="text"],
   input[type="name"],
   input[type="email"],
   input[type="tel"],
   input[type="password"],
   textarea {
      font-size: 14px;
   }

   .form__file .jq-file {
      padding-left: 45px;
   }

   .form__file .jq-file__name {
      font-size: 14px;
      line-height: 40px;
   }

   .form__file .jq-file.changed .jq-file__name {
      font-size: 12px;
   }

   .form__submit {
      text-align: center;
   }
}

*:disabled {
   cursor: default;
}

.a-n-t-i-s-p-a-m {
   display: none !important;
}


/*====================================================
   .header
====================================================*/
.header {
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   background: #FFF;
   z-index: 10;
}

.header__in {
   height: 136px;
   -webkit-transition: height 0.35s ease-in-out 0s;
   transition: height 0.35s ease-in-out 0s;
}

.header__logo {
   width: 176px;
   min-width: 176px;
   -webkit-transition: all 0.35s ease-in-out 0s;
   transition: all 0.35s ease-in-out 0s;
}

.logo {
   display: inline-block;
}

a.logo {
   text-decoration: none;
}

a.logo:after {
   display: none;
}

.header__phone {
   font-size: 16px;
}

.header__hamburger {
   position: relative;
}

.menu-toggle {
   cursor: pointer;
   z-index: 2;
}

.menu-toggle__text {
   margin-right: 45px;
   height: 22px;
   overflow: hidden;
   font-size: 22px;
   line-height: 1;
   color: #EE2329;
   text-transform: uppercase;
   position: relative;
}

.menu-toggle__text>div {
   -webkit-transition: transform 0.3s ease 0.3s, opacity .3s ease 0.3s, color 0.3s ease 0s;
   transition: transform 0.3s ease 0.3s, opacity 0.3s ease 0.3s, color 0.3s ease 0s;
}

.menu-toggle-text__open {
   -webkit-transform: translate3d(0, 0, 0);
   transform: translate3d(0, 0, 0);
}

.menu-toggle-text__close {
   opacity: 0;
   color: #111;
   -webkit-transform: translate3d(0, -200%, 0);
   transform: translate3d(0, -200%, 0);
}

.menu-toggle_active .menu-toggle-text__close {
   opacity: 1;
   -webkit-transform: translate3d(0, -100%, 0);
   transform: translate3d(0, -100%, 0);
}

.menu-toggle_active .menu-toggle-text__open {
   opacity: 0;
   -webkit-transform: translate3d(0, 100%, 0);
   transform: translate3d(0, 100%, 0);
}

.menu-toggle__lines {
   position: relative;
   width: 48px;
   height: 29px;
}

.hamburger {
   position: absolute;
   top: 50%;
   right: 0;
   width: 100%;
   height: 100%;
   margin-top: -15px;
}

.hamburger span {
   display: block;
   width: 100%;
   height: 3px;
   margin-bottom: 10px;
   overflow: hidden;
   position: relative;
}

.hamburger span:last-child {
   margin: 0;
   width: 30px;
   float: right;
}

.hamburger span:before,
.hamburger span:after {
   content: '';
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background: #030303;
   -webkit-transform: translateX(-200%);
   transform: translateX(-200%);
   -webkit-transition: transform ease 0.3s;
   transition: transform ease 0.3s;
}

.hamburger span:after {
   -webkit-transform: translateX(0);
   transform: translateX(0);
}

.hamburger span:nth-child(2):before,
.hamburger span:nth-child(2):after {
   -webkit-transition-delay: 75ms;
   transition-delay: 75ms;
}

.hamburger span:last-child:before,
.hamburger span:last-child:after {
   -webkit-transition-delay: 150ms;
   transition-delay: 150ms;
   background: #EE2329;
}

.menu-toggle:not(.menu-toggle_active):hover .hamburger span:before {
   -webkit-transform: translateX(0);
   transform: translateX(0);
}

.menu-toggle:not(.menu-toggle_active):hover .hamburger span:after {
   -webkit-transform: translateX(200%);
   transform: translateX(200%);
}

.menu-toggle_active .hamburger span:before {
   -webkit-transform: translateX(100%);
   transform: translateX(100%);
}

.menu-toggle_active .hamburger span:after {
   -webkit-transform: translateX(200%);
   transform: translateX(200%);
}

.cross {
   position: absolute;
   width: 38px;
   height: 38px;
   top: 50%;
   right: 5px;
   margin-top: -19px;
   opacity: 0;
   -webkit-transform: rotate(45deg);
   transform: rotate(45deg);
}

.menu-toggle_active .cross {
   opacity: 1;
}

.cross * {
   -webkit-transition: 0.25s ease-in-out;
   transition: 0.25s ease-in-out 0.5s;
}

.cross span {
   display: block;
   background: #EE2329;
}

.cross span:nth-child(1) {
   height: 0;
   width: 3px;
   position: absolute;
   top: 0;
   left: 17px;
   -webkit-transition-delay: 0s;
   transition-delay: 0s;
}

.cross span:nth-child(2) {
   width: 0;
   height: 3px;
   position: absolute;
   left: 0;
   top: 17px;
   -webkit-transition-delay: 0.25s;
   transition-delay: 0.25s;
}

.menu-toggle_active .cross span:nth-child(1) {
   height: 100%;
   -webkit-transition-delay: 0.625s;
   transition-delay: 0.625s;
}

.menu-toggle_active .cross span:nth-child(2) {
   width: 100%;
   -webkit-transition-delay: 0.375s;
   transition-delay: 0.375s;
}

@media screen and (min-width: 1025px) {
   .header_fixed .header__in {
      height: 90px;
   }

   .header_fixed .header__logo {
      width: 120px;
      min-width: 120px;
   }
}

@media screen and (max-width: 1024px) {
   .header__in {
      height: 100px;
   }

   .header__logo {
      width: 120px;
      min-width: 120px;
   }
}

@media screen and (max-width: 767px) {
   .header__in {
      height: 57px;
   }

   .header__logo {
      width: 68px;
      min-width: 68px;
   }

   .menu-toggle__text {
      margin-right: 8px;
      height: 14px;
      font-size: 14px;
   }

   .menu-toggle__lines {
      width: 24px;
      height: 14px;
   }

   .hamburger {
      margin-top: -7px;
   }

   .hamburger span {
      height: 2px;
      margin-bottom: 4px;
   }

   .hamburger span:last-child {
      width: 16px;
   }

   .cross {
      width: 20px;
      height: 20px;
      right: 3px;
      margin-top: -10px;
   }

   .cross span:nth-child(1) {
      width: 2px;
      left: 9px;
   }

   .cross span:nth-child(2) {
      height: 2px;
      top: 9px;
   }
}

@media screen and (max-width: 480px) {
   .header__phone {
      font-size: 16px;
   }
}

@media screen and (max-width: 375px) {
   .header__phone {
      font-size: 12px;
   }
}

@media screen and (max-width: 767px) and (orientation: landscape) {
   .header__phone {
      font-size: 16px;
   }
}

@media screen and (max-width: 667px) and (orientation: landscape) {
   .header__phone {
      font-size: 12px;
   }
}


/*====================================================
   .menu
====================================================*/
.menu {
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   padding-top: 136px;
   background: #F4F4F4;
   z-index: 9;
   visibility: hidden;
   -webkit-transform: translateY(-100vh);
   transform: translateY(-100vh);
   -webkit-transition: transform 0.8s cubic-bezier(0.980, 0.005, 0.000, 0.995) 0s, visibility 0.8s cubic-bezier(0.980, 0.005, 0.000, 0.995) 0s;
   transition: transform 0.8s cubic-bezier(0.980, 0.005, 0.000, 0.995) 0s, visibility 0.8s cubic-bezier(0.980, 0.005, 0.000, 0.995) 0s;
}

.menu_opened {
   visibility: visible;
   -webkit-transform: translateY(0);
   transform: translateY(0);
}

.menu__in {
   max-height: 100%;
   height: 100%;
   overflow: auto;
   padding-bottom: 10vh;
}

.menu__top {
   text-align: right;
   padding-top: 10vh;
   margin-bottom: 10vh;
}

.menu__phone {
   font-size: 40px;
}

.menu__callback {
   font-size: 22px;
}

.menu__callback .link_callback {
   white-space: nowrap;
}

.menu__callback .link_callback:before {
   top: 5px;
   width: 24px;
   height: 23px;
}

.menu__callback .link_callback:after {
   background: #EE2329;
   width: 100%;
}

.menu__social {
   margin: 40px 0;
}

.social-list {
   font-size: 0;
   line-height: 0;
}

.social-list__item {
   display: inline-block;
}

.menu__social .social-list__item {
   width: 42px;
   height: 42px;
}

.social-list__item a {
   display: block;
   position: relative;
   opacity: 0.65;
}

.social-list__item a:hover {
   opacity: 1;
}

.social-list__item a:after {
   display: none;
}

.social-list__item img {
   position: relative;
   z-index: 1;
}

ul.nav {
   margin: 0;
   padding: 0;
}

.menu__nav ul.nav {
   margin-bottom: -60px;
}

.nav li {
   margin: 0;
   line-height: 1;
   text-transform: uppercase;
}

.menu__nav li {
   margin-bottom: 60px;
   font-size: 30px;
   line-height: 1.2;
   text-transform: uppercase;
   position: relative;
}

.menu__nav li:before {
   top: 14px;
}

.nav li a {
   display: inline-block;
   position: relative;
   color: inherit;
}

.nav li a:hover,
.nav li.current>a {
   color: #EE2329;
}

.nav li.parent>a {
   padding-right: 20px;
}

.nav li.parent>a:before {
   content: '';
   position: absolute;
   right: 0;
   top: 14px;
   border-top: 8px solid #EE2329;
   border-left: 6px solid transparent;
   border-right: 6px solid transparent;
   transition: all 0.3s ease 0s;
}

.nav li.parent:hover>a:before,
.nav li.parent.active>a:before {
   transform: rotateX(180deg);
}

.nav li a:after {
   display: none;
}

.touchevents .menu__nav .submenu {
   display: none;
}

.menu__nav .submenu ul.nav {
   margin-bottom: 0;
}

.menu__nav .submenu li {
   margin: 0 0 10px;
   font-size: 16px;
   text-transform: none;
}

.menu__nav .submenu li:last-child {
   margin-bottom: 0;
}

.menu__nav .submenu li:before {
   top: 6px;
}

@media screen and (min-width: 1025px) {
   .header_fixed+.menu {
      padding-top: 90px;
   }

   .menu__in .inner {
      display: block;
   }

   .menu__top {
      float: right;
   }

   .menu__nav {
      clear: both;
   }

   .menu__nav ul.nav {
      font-size: 0;
      line-height: 0;
      margin-right: -40px;
   }

   .menu__nav li {
      display: inline-block;
      vertical-align: top;
      width: 33.333%;
      padding-right: 40px;
   }

   .menu__nav a {
      display: inline-block;
      position: relative;
      z-index: 1;
   }

   .no-touchevents .nav li.parent:hover>a:before {
      transition: all 0.3s ease 0.3s;
   }

   .menu__nav .submenu {
      position: absolute;
      z-index: 2;
      bottom: 100%;
      padding-bottom: 20px;
      left: -20px;
      right: 40px;
   }

   .no-touchevents .menu__nav .submenu {
      opacity: 0;
      visibility: hidden;
      transform: translateY(40px);
      transition: all 0.3s ease 0s;
   }

   .no-touchevents .menu__nav li.parent:hover .submenu {
      opacity: 1;
      visibility: visible;
      transform: translateY(0);
      transition: all 0.3s ease 0.3s;
   }

   .menu__nav .submenu ul.nav {
      background: #FFF;
      box-shadow: 0px 4px 8px rgb(0 0 0 / 25%);
      padding: 40px 0 30px 20px;
      margin-right: 0;
   }

   .menu__nav .submenu ul li {
      width: 50%;
      padding-top: 0;
      padding-right: 20px;
   }
}

@media screen and (min-width: 1025px) and (max-width: 1366px) {
   .menu__top {
      padding-top: 5vh;
      margin-bottom: 5vh;
   }

   .menu__nav ul.nav {
      margin-bottom: -40px;
      margin-right: -20px;
   }

   .menu__nav li {
      margin-bottom: 40px;
   }

   .menu__nav .submenu {
      right: 20px;
   }

   .menu__nav .submenu li {
      font-size: 14px;
   }

   .menu__nav .submenu li:before {
      top: 4px;
   }
}

@media screen and (max-height: 767px) and (orientation: landscape) {
   .menu__top {
      padding-top: 20px;
      margin-bottom: 20px;
   }
}

@media screen and (min-width: 1025px) and (max-width: 1279px) {
   .menu__nav li {
      font-size: 24px;
   }

   .menu__nav li:before,
   .nav li.parent>a:before {
      top: 11px;
   }

   .menu__nav .submenu ul.nav {
      padding-right: 10px;
   }

   .menu__nav .submenu li {
      font-size: 13px;
      padding-right: 10px;
   }

   .menu__nav .submenu li:before {
      top: 5px;
      width: 6px;
      height: 6px;
   }
}

@media screen and (max-width: 1024px) {
   .menu {
      padding-top: 100px;
   }

   .menu__in {
      padding-top: 80px;
      padding-bottom: 80px;
   }

   .menu__in .inner:after {
      display: none;
   }

   .menu__top {
      padding: 0;
      margin: -10px 0 0;
   }

   .menu__phone {
      font-size: 36px;
   }

   .menu__callback {
      font-size: 20px;
   }

   .menu__callback .link_callback:before {
      top: 7px;
   }

   .menu__social .social-list__item {
      width: 46px;
      height: 46px;
   }

   .menu__nav ul.nav {
      margin: 0;
   }

   .menu__nav li {
      display: block;
      width: 100%;
      margin-bottom: 30px;
      font-size: 26px;
   }

   .menu__nav li:last-child {
      margin-bottom: 0;
   }

   .menu__nav li:before,
   .nav li.parent>a:before {
      top: 12px;
   }

   .menu__nav .submenu {
      display: none;
      margin-left: -20px;
   }

   .menu__nav .submenu ul.nav {
      padding-top: 25px;
   }

   .menu__nav .submenu li {
      margin-bottom: 15px;
      font-size: 18px;
   }

   .menu__nav .submenu li:before {
      top: 7px;
   }
}

@media screen and (min-width: 481px) and (max-width: 1024px) {
   .menu__top {
      order: 2;
      -webkit-box-ordinal-group: 2;
      -webkit-order: 2;
      -ms-flex-order: 2;
   }

   .menu__nav {
      order: 1;
      -webkit-box-ordinal-group: 1;
      -webkit-order: 1;
      -ms-flex-order: 1;
   }
}

@media screen and (max-width: 767px) {
   .menu {
      padding-top: 57px;
   }

   .menu__top {
      margin-top: -5px;
   }

   .menu__phone {
      font-size: 32px;
   }

   .menu__callback {
      font-size: 18px;
   }

   .menu__callback .link_callback:before {
      top: 6px;
      width: 21px;
      height: 20px;
   }

   .menu__social {
      margin: 30px 0 0;
   }

   .menu__social .social-list {
      padding-left: 20px;
   }

   .menu__social .social-list__item {
      width: 38px;
      height: 38px;
   }

   .menu__nav li {
      font-size: 24px;
      margin-bottom: 25px;
   }

   .menu__nav li:before,
   .nav li.parent>a:before {
      top: 10px;
   }

   .menu__nav .submenu ul.nav {
      padding-top: 20px;
   }

   .menu__nav .submenu li {
      margin-bottom: 10px;
      font-size: 16px;
   }

   .menu__nav .submenu li:before {
      top: 6px;
   }
}

@media screen and (max-width: 599px) {
   .menu__phone {
      font-size: 26px;
      margin-bottom: 10px;
   }

   .menu__callback {
      font-size: 14px;
   }

   .menu__callback .link_callback {
      margin-left: 22px;
   }

   .menu__callback .link_callback:before {
      top: 5px;
      width: 18px;
      height: 17px;
   }

   .menu__social {
      margin: 25px 0 50px;
   }

   .menu__social .social-list {
      padding-left: 0;
      justify-content: center;
      margin-right: 10px;
   }

   .menu__social .social-list__item {
      width: 34px;
      height: 34px;
   }

   .menu__nav li {
      font-size: 18px;
      margin-bottom: 20px;
   }

   .menu__nav li:before {
      top: 7px;
      width: 6px;
      height: 6px;
   }

   .nav li.parent>a:before {
      top: 7px;
      border-top: 7px solid #EE2329;
      border-left: 5px solid transparent;
      border-right: 5px solid transparent;
   }

   .menu__nav .submenu ul.nav {
      padding-top: 15px;
   }

   .menu__nav .submenu li {
      font-size: 14px;
   }

   .menu__nav .submenu li:before {
      top: 5px;
   }
}

@media screen and (max-width: 480px) {
   .menu__in {
      padding-top: 35px;
      text-align: center;
   }

   .menu__in .inner {
      display: block;
   }

   .menu__top {
      display: inline-block;
      text-align: center;
      margin-top: 0;
   }

   .menu__nav {
      text-align: left;
   }
}

@media screen and (max-width: 375px) {
   .menu__in {
      padding-top: 20px;
   }

   .menu__phone {
      font-size: 24px;
      margin-bottom: 5px;
   }

   .menu__callback {
      font-size: 13px;
   }

   .menu__callback .link_callback:before {
      top: 4px;
   }

   .menu__social {
      margin: 20px 0 35px;
   }

   .menu__social .social-list__item {
      width: 30px;
      height: 30px;
   }

   .menu__nav li {
      font-size: 16px;
      padding-left: 15px;
   }

   .menu__nav li:before {
      top: 8px;
      width: 4px;
      height: 4px;
   }

   .nav li.parent>a {
      padding-right: 15px;
   }

   .nav li.parent>a:before {
      top: 8px;
      border-top: 6px solid #EE2329;
      border-left: 4px solid transparent;
      border-right: 4px solid transparent;
   }

   .menu__nav .submenu {
      margin-left: -15px;
   }

   .menu__nav .submenu li {
      font-size: 13px;
   }

   .menu__nav .submenu li:before {
      top: 6px;
   }
}

@media screen and (max-width: 767px) and (orientation: landscape) {
   .menu__in {
      padding-top: 6vh;
   }

   .menu__phone {
      font-size: 26px;
      margin-bottom: 10px;
   }

   .menu__callback {
      font-size: 14px;
   }

   .menu__callback .link_callback {
      margin-left: 0;
   }

   .menu__callback .link_callback:before {
      top: 5px;
      width: 18px;
      height: 17px;
   }

   .menu__social {
      margin: 25px 0 0;
   }

   .menu__social .social-list {
      padding-left: 0;
   }

   .menu__social .social-list__item {
      width: 34px;
      height: 34px;
   }

   .menu__nav li {
      font-size: 18px;
      margin-bottom: 20px;
   }

   .menu__nav li:before {
      top: 7px;
      width: 6px;
      height: 6px;
   }

   .nav li.parent>a:before {
      top: 7px;
      border-top: 7px solid #EE2329;
      border-left: 5px solid transparent;
      border-right: 5px solid transparent;
   }

   .menu__nav .submenu ul.nav {
      padding-top: 15px;
   }

   .menu__nav .submenu li {
      font-size: 14px;
   }

   .menu__nav .submenu li:before {
      top: 5px;
   }
}

@media screen and (max-width: 667px) and (orientation: landscape) {
   .menu__phone {
      font-size: 24px;
      margin-bottom: 5px;
   }

   .menu__callback {
      font-size: 13px;
   }

   .menu__callback .link_callback:before {
      top: 4px;
   }

   .menu__social {
      margin: 20px 0 0;
   }

   .menu__social .social-list__item {
      width: 30px;
      height: 30px;
   }

   .menu__nav li {
      font-size: 16px;
      padding-left: 15px;
   }

   .menu__nav li:before {
      top: 8px;
      width: 4px;
      height: 4px;
   }

   .nav li.parent>a {
      padding-right: 15px;
   }

   .nav li.parent>a:before {
      top: 8px;
      border-top: 6px solid #EE2329;
      border-left: 4px solid transparent;
      border-right: 4px solid transparent;
   }

   .menu__nav .submenu {
      margin-left: -15px;
   }

   .menu__nav .submenu li {
      font-size: 13px;
   }

   .menu__nav .submenu li:before {
      top: 6px;
   }
}


/*====================================================
   .content
====================================================*/
.content {
   position: relative;
   margin-top: 136px;
}

.main-visual+.content {
   margin-top: 0;
}

.content.content_gray:before {
   content: '';
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 150%;
   background: #F4F4F4;
}

@media screen and (max-width: 1024px) {
   .content {
      margin-top: 100px;
   }
}

@media screen and (max-width: 767px) {
   .content {
      margin-top: 57px;
   }
}

/*.breadcrumbs*/
.breadcrumbs {
   padding-top: 20px;
   position: relative;
   border-top: 1px solid #111;
}

.main-visual+.content .breadcrumbs {
   border-top: 0;
}

.content_gray .breadcrumbs:before {
   content: '';
   position: absolute;
   top: 0;
   bottom: -170px;
   left: 0;
   width: 100%;
   background: #FFF;
}

.breadcrumbs ul {
   padding: 0;
   margin: 0;
   font-size: 0;
   line-height: 0;
}

.breadcrumbs ul li {
   display: inline-block;
   margin: 0;
   padding: 0;
   font-size: 14px;
   line-height: 1.3;
}

.breadcrumbs ul li:before {
   display: none;
}

.breadcrumbs ul li span {
   display: inline-block;
   vertical-align: middle;
}

.breadcrumbs ul li span.breadcrumbs__spacer {
   margin: 0 5px;
}

.breadcrumbs ul li a {
   display: inline-block;
   vertical-align: middle;
   color: #111;
}

.breadcrumbs ul li a:hover {
   color: #EE2329;
}

.breadcrumbs ul li a:after {
   background: #EE2329;
}

@media screen and (max-width: 1366px) {
   .content_gray .breadcrumbs:before {
      bottom: -150px;
   }
}

@media screen and (max-width: 1279px) {
   .content_gray .breadcrumbs:before {
      bottom: -125px;
   }
}

@media screen and (max-width: 1024px) {
   .content_gray .breadcrumbs:before {
      bottom: -100px;
   }
}

@media screen and (max-width: 767px) {
   .breadcrumbs {
      padding-top: 15px;
   }

   .content_gray .breadcrumbs:before {
      bottom: -75px;
   }

   .breadcrumbs ul li {
      font-size: 12px;
   }
   .maps__mob{
      display: none;
   }
   .contacts__in {
       position: relative
  }
}

@media screen and (max-width: 480px) {
   .breadcrumbs {
      padding-top: 10px;
   }

   .content_gray .breadcrumbs:before {
      bottom: -62px;
   }

   .breadcrumbs ul li {
      font-size: 10px;
   }
}

@media screen and (max-width: 375px) {
   .content_gray .breadcrumbs:before {
      bottom: -50px;
   }
}

/*.pagination*/
.pagination {
   margin-top: 100px;
}

.pagination ul {
   margin: 0;
   padding: 0;
}

.pagination ul li {
   margin: 0;
   padding: 0;
}

.pagination ul li:before {
   display: none;
}

.pagination ul li a,
.pagination ul li span {
   display: block;
}

.pagination__arrow {
   width: 38px;
   height: 76px;
   position: relative;
}

span.pagination__arrow {
   opacity: 0.7;
}

.pagination__prev {
   margin-right: 20px;
}

.pagination__next {
   margin-left: 20px;
}

.pagination__arrow:before,
.pagination__arrow:after {
   content: '';
   position: absolute;
   width: 52px;
   height: 1px;
   background: #111;
   z-index: 1;
   -webkit-transition: all 0.3s ease 0s;
   transition: all 0.3s ease 0s;
}

.pagination__arrow:hover:before,
.pagination__arrow:hover:after {
   background: #EE2329;
   width: 52px;
}

span.pagination__arrow:hover:before,
span.pagination__arrow:hover:after {
   background: #111;
}

.pagination__prev:before,
.pagination__next:before {
   top: 19px;
}

.pagination__prev:after,
.pagination__next:after {
   bottom: 19px;
}

.pagination__prev:before,
.pagination__prev:after {
   right: -7px;
   left: auto;
}

.pagination__next:before,
.pagination__next:after {
   left: -7px;
}

.pagination__prev:before,
.pagination__next:after {
   -webkit-transform: rotate(-45deg);
   -moz-transform: rotate(-45deg);
   transform: rotate(-45deg);
}

.pagination__prev:after,
.pagination__next:before {
   -webkit-transform: rotate(45deg);
   -moz-transform: rotate(45deg);
   transform: rotate(45deg);
}

.pagination__dot {
   width: 8px;
   height: 8px;
   margin: 0 5px;
   background: #BDBDBD;
   border: 0;
   padding: 0;
   text-indent: -9999px;
   position: relative;
   -webkit-transition: all 0.3s ease 0s;
   transition: all 0.3s ease 0s;
}

.pagination__dot:hover,
span.pagination__dot {
   background: #EE2329;
}

a.pagination__dot:after {
   display: none;
}

.pagination-mobile {
   margin-top: 50px;
}

.pagination-mobile__in {
   position: relative;
   background: #111;
   width: 248px;
   height: 64px;
   margin: 0 auto;
}

.pagination-mobile__in:before {
   content: '';
   position: absolute;
   top: 50%;
   left: 50%;
   margin: -20px 0 0 -1px;
   width: 2px;
   height: 40px;
   background: #EE2329;
}

.pagination-mobile__arrow {
   display: block;
   width: 28px;
   height: 15px;
}

.pagination-mobile__prev {
   margin: 0 0 0 20px;
}

.pagination-mobile__next {
   margin: 0 20px 0 0;
}

.pagination-mobile__arrow svg {
   vertical-align: baseline;
}

.pagination-mobile__arrow .svg-fill {
   fill: #FFF;
}

.pagination-mobile__arrow:hover .svg-fill {
   fill: #EE2329;
}

.pagination-mobile__arrow:after {
   display: none;
}

.load-next-page {
   margin-top: 30px;
   font-size: 18px;
}

@media screen and (max-width: 1024px) {
   .pagination {
      margin-top: 80px;
   }
}

@media screen and (max-width: 480px) {
   .pagination-mobile {
      margin-top: 40px;
   }

   .pagination-mobile__in {
      width: 100%;
      height: 50px;
      margin-top: 30px;
   }
}

/*video html5*/
.video {
   position: relative;
}

.video:before {
   content: '';
   display: block;
   padding-top: 52.891%;
}

.video iframe,
.video video {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   z-index: 1;
}

.video__play {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   cursor: pointer;
   z-index: 2;
   transition: all 0.2s ease-in-out 0s;
}

.video__play.hidden {
   display: block;
   opacity: 0;
   transform: scale(0);
}

.video__play:before {
   content: '';
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background: rgba(0, 0, 0, .4);
   opacity: 0;
   transition: all 0.5s ease-in-out 0s;
}

.video__play:hover:before {
   opacity: 1;
}

.video__play div {
   position: absolute;
   top: 50%;
   left: 50%;
   width: 96px;
   height: 96px;
   border-radius: 100%;
   margin: -48px 0 0 -48px;
   background: rgba(0, 0, 0, .4);
   border: 2px solid #FFF;
   transition: all 0.5s ease-in-out 0s;
}

.video__play:hover div {
   transform: scale(1.7);
}

.video__play div:before {
   content: '';
   position: absolute;
   top: 50%;
   left: 50%;
   margin: -20px 0 0 -10px;
   border-left: 34px solid #FF0000;
   border-bottom: 20px solid transparent;
   border-top: 20px solid transparent;
}

@media screen and (max-width: 767px) {
   .video__play div {
      width: 76px;
      height: 76px;
      margin: -32px 0 0 -32px;
   }

   .video__play div:before {
      margin: -16px 0 0 -8px;
      border-left: 26px solid #FF0000;
      border-bottom: 16px solid transparent;
      border-top: 16px solid transparent;
   }
}

@media screen and (max-width: 480px) {
   .video__play div {
      width: 64px;
      height: 64px;
      margin: -38px 0 0 -38px;
   }

   .video__play div:before {
      margin: -12px 0 0 -6px;
      border-left: 20px solid #FF0000;
      border-bottom: 12px solid transparent;
      border-top: 12px solid transparent;
   }
}

/*video youtube*/
.video-iframe__play {
   display: block;
   position: relative;
   color: #111;
   cursor: pointer;
}

.video-iframe__play:hover {
   color: #111;
}

.video-iframe__play:after {
   display: none;
}

.video-iframe__video,
.video-box-in {
   position: relative;
}

.video-iframe__video:before,
.video-box-in:before {
   content: '';
   display: block;
   padding-top: 69.5%;
}

.video-full .video-iframe__video:before,
.video-box-in:before {
   padding-top: 56.27%;
}

.video-iframe__video iframe,
.video-box iframe {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
}

.video-iframe__poster {
   display: block;
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   overflow: hidden;
   z-index: 2;
   transition: all 0.5s ease-in-out 0.5s;
}

.video-iframe__poster.hidden {
   opacity: 0;
   visibility: hidden;
}

.video-iframe__poster img {
   position: relative;
   z-index: 1;
}

.video-iframe__poster div {
   position: absolute;
   top: 50%;
   left: 50%;
   width: 100px;
   height: 100px;
   border-radius: 100%;
   margin: -50px 0 0 -50px;
   background: rgba(255, 255, 255, .3);
   border: 5px solid rgba(255, 255, 255, .7);
   z-index: 2;
   transition: all 0.5s ease-in-out 0s;
}

.video-iframe__poster:hover div {
   transform: scale(1.2);
}

.video-iframe__poster div:before {
   content: '';
   position: absolute;
   top: 50%;
   left: 50%;
   margin: -24px 0 0 -12px;
   border-left: 40px solid #FFF;
   border-bottom: 24px solid transparent;
   border-top: 24px solid transparent;
}

@media screen and (max-width: 767px) {
   .video-iframe__poster div {
      width: 85px;
      height: 85px;
      margin: -42px 0 0 -42px;
   }

   .video-iframe__poster div:before {
      margin: -20px 0 0 -10px;
      border-left: 30px solid #FFF;
      border-bottom: 20px solid transparent;
      border-top: 20px solid transparent;
   }
}

@media screen and (max-width: 480px) {
   .video-iframe__poster div {
      width: 65px;
      height: 65px;
      margin: -32px 0 0 -32px;
      border-width: 4px;
   }

   .video-iframe__poster div:before {
      margin: -16px 0 0 -8px;
      border-left: 26px solid #FFF;
      border-bottom: 16px solid transparent;
      border-top: 16px solid transparent;
   }
}

/*map*/
.map {
   position: relative;
}

.map:before {
   content: '';
   display: block;
   padding-top: 58.67%;
}

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

/*tooltip*/
.tooltip {
   position: relative;
   display: inline;
}

.tooltip__icon {
   position: absolute;
   top: 0;
   left: 0;
   margin-top: -4px;
   margin-left: 10px;
   width: 26px;
   height: 26px;
   border-radius: 100%;
   background: #EE2329;
   text-align: center;
   font-size: 22px;
   color: #FFF;
   line-height: 26px;
   z-index: 2;
   cursor: pointer;
}

.tooltip__content {
   position: absolute;
   bottom: 13px;
   left: 23px;
   opacity: 0;
   visibility: hidden;
   z-index: 1;
   transform: translate3d(-13px, 13px, 0);
   transition: transform 0.3s ease-in-out 0s, opacity 0.3s ease-in-out 0s, visibility 0.3s ease-in-out 0s;
}

.tooltip:hover .tooltip__content {
   opacity: 1;
   visibility: visible;
   transform: translate3d(0, 0, 0) !important;
}

.tooltip-content__in {
   width: 480px;
   padding: 30px;
   background: #FFF;
   color: #111;
   box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
}

@media screen and (max-width: 1024px) {
   .tooltip-content__in {
      width: 320px;
      padding: 25px;
      font-size: 14px;
   }
}

@media screen and (max-width: 767px) {
   .tooltip__icon {
      width: 22px;
      height: 22px;
      margin-top: -2px;
      margin-left: 8px;
      font-size: 17px;
      line-height: 22px;
   }

   .tooltip__content {
      bottom: 28px;
      left: 8px;
      transform: translate3d(0, 28px, 0);
   }

   .tooltip-content__in {
      width: calc(100vw - 40px);
   }
}

@media screen and (max-width: 480px) {
   .tooltip__icon {
      width: 20px;
      height: 20px;
      margin-top: -1px;
      margin-left: 5px;
      font-size: 16px;
      line-height: 20px;
   }

   .tooltip__content {
      bottom: 24px;
      left: 5px;
      transform: translate3d(0, 24px, 0);
   }

   .tooltip-content__in {
      padding: 20px;
      font-size: 12px;
   }
}

@media screen and (max-width: 375px) {
   .tooltip-content__in {
      padding: 15px;
      font-size: 10px;
   }
}

/*tabs*/
.tabs-list__item {
   height: 0;
   overflow: hidden;
}

.tabs-list__item.visible {
   height: auto;
   overflow: visible;
}

/*.collapsed-text*/
@media screen and (max-width: 767px) {
   .collapsed-text {
      height: 0;
      overflow: hidden;
      transition: height 0.3s ease 0s;
   }

   .collapsed-text__in {
      margin-bottom: 40px;
   }

   .collapsed-text-toggle {
      position: relative;
   }

   .collapsed-text-toggle:after {
      content: '';
      position: absolute;
      top: 50%;
      margin-top: -5px;
      right: 0;
      border-top: 10px solid #111;
      border-left: 7px solid transparent;
      border-right: 7px solid transparent;
      transition: all 0.3s ease 0s;
   }

   .collapsed-text-toggle.active:after {
      border-top-color: #EE2329;
      transform: rotateX(180deg);
   }
}

@media screen and (max-width: 480px) {
   .stages__list .collapsed-text__in {
      margin-bottom: 30px;
   }
}


/*====================================================
   .page-intro
====================================================*/
.page-intro__text {
   padding-right: 5vw;
   max-width: 1100px;
}

.page-intro__text:only-child {
   padding-right: 0;
   max-width: 100%;
}

.page-intro__text_full {
   max-width: 100%;
}

.page-intro__text.hide-class p:last-of-type {
   display: inline;
}

.page-intro__text p:empty {
   display: none;
}

.page-intro__text p:last-of-type {
   margin-bottom: 0;
}

.page-intro__text .text-toggle {
   display: inline-block;
   margin-top: 20px;
}

@media screen and (max-width: 1024px) {
   .page-intro__text {
      padding-right: 60px;
   }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
   .page-intro__text+.page-intro__buttons .buttons-list {
      display: block;
   }

   .page-intro__text+.page-intro__buttons .buttons-list__item {
      width: 100%;
   }
}

@media screen and (max-width: 767px) {
   .page-intro__in {
      display: block;
   }

   .page-intro__text {
      margin-bottom: 50px;
      padding-right: 0;
   }

   .page-intro__text:only-child {
      margin-bottom: 0;
   }
}

@media screen and (max-width: 480px) {
   .page-intro__text {
      margin-bottom: 20px;
   }
}


/*====================================================
   .main-visual (Главная)
====================================================*/
.main-visual {
   position: relative;
   z-index: 2;
   color: #FFF;
   height: 100vh;
   overflow: hidden;
}

.main-visual__image {
   width: 100%;
   max-width: 1792px;
   padding-top: 136px;
   margin: 0 auto;
   text-align: center;
   z-index: 0;
}

.main-visual:not(.main-visual_main) .main-visual__image {
   overflow: hidden;
}

.main-visual__scale {
   width: 100%;
   height: 100%;
   overflow: hidden;
   transform: scale(1.5) translateY(-136px);
   /*filter: blur(1px);*/
   transition: all 1.5s ease-in-out 0s;
}

.main-visual.animated .main-visual__scale {
   transform: scale(1) translateY(0);
   filter: none;
}

.main-visual__image img {
   width: 100%;
   margin-left: 50%;
   object-fit: cover;
   -webkit-transform: translate3d(-50%, 0, 0);
   transform: translate3d(-50%, 0, 0);
}

.main-visual__shadow {
   position: absolute;
   top: 136px;
   bottom: 0;
   left: 50%;
   width: 100%;
   max-width: 1792px;
   background: rgba(0, 0, 0, .5);
   z-index: 1;
   -webkit-transform: translateX(-50%);
   transform: translateX(-50%);
   opacity: 0;
   transition: opacity 1s ease-in-out 1.5s;
}

.main-visual.animated .main-visual__shadow {
   opacity: 1;
}

.main-visual__text {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   padding-top: 136px;
   z-index: 2;
   opacity: 0;
   transition: opacity 0.5s ease-in-out 2.5s;
}

.main-visual.animated .main-visual__text {
   opacity: 1;
}

.main-visual__title {
   margin-bottom: 10px;
}

.main-visual__title h1,
.main-visual__title .h1 {
   margin-bottom: 0;
   line-height: 0.93;
}

.main-visual__title h1:after,
.main-visual__title .h1:after {
   display: none;
}

.main-visual__title h1 span,
.main-visual__title .h1 span {
   font-size: inherit;
   text-transform: uppercase;
}

.animated-words span {
   position: absolute;
   opacity: 0;
   overflow: hidden;
}

.main-visual.animated .animated-words span {
   animation: animateWord 8s linear 3s;
}

.main-visual.animated .animated-words span:nth-child(2) {
   animation-delay: 5s;
}

.main-visual.animated .animated-words span:nth-child(3) {
   animation-delay: 7s;
}

.animated-words span:nth-child(4) {
   display: inline-block;
   position: relative;
}

.main-visual.animated .animated-words span:nth-child(4) {
   animation: animateWordStop 8s linear 9s;
   animation-fill-mode: forwards;
}

.animated-words span:nth-child(4):after {
   content: '';
   display: inline-block;
   width: 24px;
   height: 24px;
   background: #EE2329;
   border-radius: 100%;
   margin-left: 0px;
   opacity: 0;
}

.main-visual.animated .animated-words span:nth-child(4):after {
   transform: scale(0);
   animation: animateOpacity 0.3s linear 10s;
   animation-fill-mode: forwards;
}

.main-visual__subtitle {
   max-width: 500px;
   font-family: 'RobotoLight';
   font-size: 22px;
   line-height: 1.09;
   opacity: 0;
   transform: translateY(100%);
   transition: opacity 0.5s ease-in-out 10s, transform 0.5s ease-in-out 10s;
}

.main-visual.animated .main-visual__subtitle {
   opacity: 1;
   transform: translateY(0);
}

@media screen and (min-width: 1367px) {
   .main-visual__image {
      height: 100%;
   }

   .main-visual__image img {
      min-width: 100%;
      min-height: 100%;
      max-width: none;
      width: auto;
      height: auto;
   }

   .main-visual__title h1,
   .main-visual__title .h1 {
      font-size: 80px;
   }
}

@media screen and (max-width: 1479px) {

   .main-visual__title h1,
   .main-visual__title .h1 {
      font-size: 90px;
   }
}

@media screen and (max-width: 1366px) {
   .main-visual {
      height: auto;
   }

   .main-visual .inner {
      padding-left: 15vw;
   }

   .main-visual__title h1,
   .main-visual__title .h1 {
      font-size: 80px;
   }
}

@media screen and (max-width: 1279px) {

   .main-visual__title h1,
   .main-visual__title .h1 {
      font-size: 70px;
   }

   .animated-words span:nth-child(4):after {
      width: 16px;
      height: 16px;
      margin-left: 10px;
   }
}

@media screen and (max-width: 1024px) {
   .main-visual__image {
      padding-top: 100px;
   }

   .main-visual__scale {
      transform: scale(1.5) translateY(-100px);
   }

   .main-visual__shadow {
      top: 100px;
   }

   .main-visual__text {
      padding-top: 100px;
   }

   .animated-words span:nth-child(4):after {
      width: 13px;
      height: 13px;
      margin-left: 8px;
   }

   .main-visual__subtitle {
      max-width: 340px;
      line-height: 1.18;
   }
}

@media screen and (max-width: 959px) {

   .main-visual__title h1,
   .main-visual__title .h1 {
      font-size: 60px;
   }
}

@media screen and (max-width: 767px) {
   .main-visual__image {
      padding-top: 57px;
   }

   .main-visual__scale {
      transform: scale(1.5) translateY(-57px);
   }

   .main-visual__shadow {
      top: 57px;
   }

   .main-visual__text {
      padding-top: 57px;
   }

   .main-visual__title {
      margin-bottom: 5px;
   }

   .main-visual__title h1,
   .main-visual__title .h1 {
      font-size: 50px;
   }

   .main-visual__subtitle {
      font-size: 20px;
      letter-spacing: 1px;
      text-transform: none;
   }
}

@media screen and (max-width: 667px) {

   .main-visual__title h1,
   .main-visual__title .h1 {
      font-size: 45px;
   }
}

@media screen and (max-width: 480px) {
   .main-visual .inner {
      padding-left: 20px;
   }

   .main-visual__title h1,
   .main-visual__title .h1 {
      font-size: 40px;
   }

   .animated-words span:nth-child(4):after {
      width: 12px;
      height: 12px;
      margin-left: 6px;
   }

   .main-visual__subtitle {
      max-width: 260px;
      font-size: 18px;
   }
}

@media screen and (max-width: 375px) {

   .main-visual__title h1,
   .main-visual__title .h1 {
      font-size: 35px;
   }

   .main-visual__subtitle {
      font-size: 16px;
   }
}

/*words animation*/
@keyframes animateWord {
   0% {
      opacity: 0;
   }

   2% {
      opacity: 0;
      transform: translateY(0%);
   }

   5% {
      opacity: 1;
      transform: translateY(0%);
   }

   17% {
      opacity: 1;
      transform: translateY(0%);
   }

   20% {
      opacity: 0;
      transform: translateY(10%);
   }

   80% {
      opacity: 0;
   }

   100% {
      opacity: 0;
   }
}

@keyframes animateWordStop {
   0% {
      opacity: 0;
   }

   2% {
      opacity: 0;
      transform: translateY(0%);
   }

   5% {
      opacity: 1;
      transform: translateY(0%);
   }

   100% {
      opacity: 1;
   }
}

@keyframes animateOpacity {
   0% {
      opacity: 0;
      transform: scale(0);
   }

   100% {
      opacity: 1;
      transform: scale(1);
   }
}


/*====================================================
   .intro (Главная)
====================================================*/
.intro__title,
.intro__text {
   float: left;
   width: 100%;
   padding-right: calc(58.852% + 6vw);
}

.intro__text p {
   margin-bottom: 40px;
}

.intro__button {
   margin-top: 60px;
}

.intro__image {
   float: left;
   width: 58.852%;
   margin-left: -58.852%;
   position: relative;
   overflow: hidden;
}

.intro__image:before {
   content: '';
   display: block;
   padding-top: 69.658%;
}

.intro__image img {
   position: absolute;
   top: 0;
   left: 0;
}

@media screen and (min-width: 768px) {
   .intro__in {
      display: block;
   }
}

@media screen and (max-width: 1024px) {

   .intro__title,
   .intro__text {
      padding-right: calc(50% + 40px);
   }

   .intro__button {
      margin-top: 20px;
   }

   .intro__image {
      width: 50%;
      margin-left: -50%;
   }
}

@media screen and (max-width: 767px) {

   .intro__title,
   .intro__text {
      float: none;
      padding-right: 0;
   }

   .intro__image {
      float: none;
      width: 100%;
      margin-left: 0;
      margin-bottom: 20px;
   }
}


/*====================================================
   .feedback (Главная)
====================================================*/
.feedback__top,
.feedback__text {
   float: left;
   width: 100%;
   padding-right: calc(47.516% + 20px);
   position: relative;
}

.feedback__top {
   margin-bottom: 80px;
}

.feedback-top__text {
   max-width: 300px;
}

.feedback__text {
   padding-top: 50px;
   overflow: hidden;
}

.feedback__text:before {
   content: '';
   position: absolute;
   top: 0;
   left: 0;
   width: 39px;
   height: 28px;
   background: url('../i/quote.svg') 0 0 / contain no-repeat;
}

.feedback-slider__item {
   font-size: 14px;
   line-height: 1.85;
   opacity: 0;
   -webkit-transition: all 0.3s ease 0s;
   transition: all 0.3s ease 0s;
}

.feedback-slider__item.slick-active {
   opacity: 1;
}

.feedback-slider-item__text {
   padding-bottom: 10px;
   margin-bottom: 10px;
   position: relative;
}

.feedback-slider-item__text:after {
   content: '';
   position: absolute;
   bottom: 0;
   left: 0;
   width: 14px;
   height: 1px;
   background: #111;
}

.feedback__image {
   float: left;
   width: 47.516%;
   margin-left: -47.516%;
   border-radius: 100%;
   overflow: hidden;
   position: relative;
}

.feedback__image:before {
   content: '';
   display: block;
   padding-top: 100%;
}

.feedback-image__in {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
}

.feedback-image-slider__item.slick-current img {
   animation: zoomOut 4s linear 0s alternate;
}

@media screen and (max-width: 1024px) {
   .feedback__text {
      float: none;
      padding-right: 0;
      clear: both;
   }
}

@media screen and (max-width: 767px) {
   .feedback__top {
      padding-right: 0;
      margin-bottom: 40px;
   }

   .feedback-top__text {
      max-width: 100%;
   }
}

@media screen and (min-width: 481px) and (max-width: 767px) {
   .feedback__top .title_border {
      float: left;
      padding-right: 240px;
      height: 220px;
   }

   .feedback-top__text {
      padding-top: 40px;
      clear: both;
   }

   .feedback__image {
      width: 220px;
      margin-left: -220px;
   }
}

@media screen and (max-width: 480px) {
   .feedback__top {
      float: none;
      margin-bottom: 30px;
   }

   .feedback__text {
      padding-top: 30px;
   }

   .feedback__text:before {
      width: 26px;
      height: 20px;
   }

   .feedback__image {
      float: none;
      width: 100%;
      max-width: 320px;
      margin: 0 auto;
   }
}


/*====================================================
   .about-articles (Главная)
====================================================*/
.about-articles__list {
   margin-left: -40px;
}

.about-articles-list__item {
   width: 27.485%;
   padding-left: 40px;
}

.about-articles-list__item:nth-child(3) {
   width: 45.03%;
}

.about-articles-list-item__top {
   margin-bottom: 50px;
}

.about-articles-list__item:nth-child(3) .about-articles-list-item__top {
   border: 1px solid #BD0000;
   padding: 20px;
}

.about-articles-list-item__picture {
   min-width: 220px;
   height: 100%;
   padding: 20px;
   background: #E5E5E5;
   text-align: center;
}

.about-articles-list-item__note {
   padding-left: 20px;
}

.about-articles-list-item__note h4,
.about-articles-list-item__note .h4 {
   margin-bottom: 0;
   line-height: 1.4;
}

.about-articles-list-item__text {
   margin-bottom: 20px;
}

@media screen and (min-width: 1025px) {
   .about-articles-list__item:nth-child(1) {
      order: 2;
      -webkit-box-ordinal-group: 2;
      -webkit-order: 2;
      -ms-flex-order: 2;
   }

   .about-articles-list__item:nth-child(2) {
      order: 3;
      -webkit-box-ordinal-group: 3;
      -webkit-order: 3;
      -ms-flex-order: 3;
   }

   .about-articles-list__item:nth-child(3) {
      display: block;
      order: 1;
      -webkit-box-ordinal-group: 1;
      -webkit-order: 1;
      -ms-flex-order: 1;
   }

   .about-articles-list-item__top {
      height: 218px;
   }

   .about-articles-list-item__image {
      height: 100%;
      overflow: hidden;
   }

   .about-articles-list-item__image img {
      height: 100%;
      max-width: none;
   }
}

@media screen and (max-width: 1279px) {
   .about-articles__list {
      margin-left: -20px;
   }

   .about-articles-list__item {
      padding-left: 20px;
   }
}

@media screen and (min-width: 1025px) and (max-width: 1279px) {
   .about-articles-list-item__picture {
      min-width: 50%;
   }
}

@media screen and (max-width: 1024px) {
   .about-articles-list__item {
      width: 50%;
      margin-bottom: 80px;
   }

   .about-articles-list__item:nth-child(3) {
      width: 100%;
      margin-bottom: 0;
   }

   .about-articles-list-item__top {
      margin-bottom: 30px;
   }

   .about-articles-list-item__title h3,
   .about-articles-list-item__title .h3 {
      margin-bottom: 15px;
   }

   .about-articles-list-item__text {
      margin-bottom: 15px;
   }
}

@media screen and (min-width: 481px) and (max-width: 1024px) {
   .about-articles-list__item:nth-child(3) .about-articles-list-item__top {
      width: 68.17%;
      min-width: 68.17%;
      margin-bottom: 0;
   }

   .about-articles-list-item__picture {
      min-width: 50%;
   }

   .about-articles-list__item:nth-child(3) .about-articles-list-item__content {
      width: 31.83%
   }

   .about-articles-list__item:nth-child(3) .about-articles-list-item__title,
   .about-articles-list__item:nth-child(3) .about-articles-list-item__link {
      padding-left: 20px;
   }
}

@media screen and (max-width: 767px) {
   .about-articles-list__item {
      margin-bottom: 60px;
   }

   .about-articles-list__item:nth-child(3) .about-articles-list-item__title h3,
   .about-articles-list__item:nth-child(3) .about-articles-list-item__title .h3 {
      font-size: 16px;
   }
}

@media screen and (min-width: 481px) and (max-width: 767px) {
   .about-articles-list-item__picture {
      min-width: 45%;
   }

   .about-articles-list-item__note h4,
   .about-articles-list-item__note .h4 {
      font-size: 14px;
   }
}

@media screen and (max-width: 480px) {
   .about-articles__list {
      margin-left: 0;
   }

   .about-articles-list__item {
      width: 100%;
      padding-left: 0;
      margin-bottom: 40px;
   }

   .about-articles-list-item__top {
      margin-bottom: 20px;
   }

   .about-articles-list-item__title h3,
   .about-articles-list-item__title .h3 {
      font-size: 22px;
      margin-bottom: 10px;
   }

   .about-articles-list-item__text {
      margin-bottom: 10px;
   }

   .about-articles-list__item:nth-child(3) {
      display: block;
      -webkit-transform: translate3d(0, 10%, 0);
      transform: translate3d(0, 10%, 0);
      -webkit-transform-origin: bottom;
      transform-origin: bottom;
   }

   .about-articles-list__item:nth-child(3) .about-articles-list-item__top {
      height: 130px;
      padding: 0;
   }

   .about-articles-list-item__picture {
      width: 100%;
      min-width: 0;
   }

   .about-articles-list-item__note {
      display: none;
   }
}


/*====================================================
   .items-list (simple list with text & images)
====================================================*/
.items-list {
   margin-top: -80px;
   margin-left: -80px;
}

.items-list__item {
   margin-top: 80px;
   padding-left: 80px;
}

.items-list_2 .items-list__item {
   width: 50%;
}

.items-list_3 .items-list__item {
   width: 33.333%;
}

.items-list-item__icon {
   margin-bottom: 10px;
}

.items-list-item__title h3,
.items-list-item__title .h3 {
   margin-bottom: 0;
}

@media screen and (max-width: 1024px) {
   .items-list {
      margin-top: -60px;
      margin-left: -60px;
   }

   .items-list__item {
      margin-top: 60px;
      padding-left: 60px;
   }

   .items-list_3 .items-list__item {
      width: 50%;
   }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {

   .items-list-item__title h3,
   .items-list-item__title .h3 {
      font-size: 18px;
   }
}

@media screen and (max-width: 767px) {
   .items-list {
      margin-top: 0;
      margin-left: 0;
   }

   .items-list__item {
      margin-top: 40px;
      padding-left: 0;
      padding-top: 20px;
   }

   .items-list__item:first-child {
      margin-top: 0;
   }

   .items-list_2 .items-list__item {
      width: 100%;
   }

   .items-list_3 .items-list__item {
      width: 100%;
   }

   .items-list-item__icon {
      width: 40px;
      float: left;
      margin-bottom: 0;
      margin-top: -20px;
   }

   .items-list-item__title {
      padding-left: 60px;
   }
}

@media screen and (max-width: 480px) {
   .items-list__item {
      margin-top: 30px;
   }

   .items-list-item__title {
      padding-left: 50px;
   }
}


/*====================================================
   .points-list (list width dots)
====================================================*/
.points-list {
   margin-left: -40px;
}

.points-list__item {
   width: 25%;
   padding-left: 40px;
}

.points-list-item__title {
   padding-top: 30px;
   position: relative;
}

.points-list-item__title:before {
   content: '';
   position: absolute;
   top: 0;
   left: 0;
   width: 16px;
   height: 16px;
   background: #EE2329;
}

@media screen and (min-width: 1025px) {
   .points-list-item__text {
      font-size: 18px;
   }
}

@media screen and (max-width: 1024px) {
   .points-list {
      margin-left: -30px;
   }

   .points-list__item {
      padding-left: 30px;
   }
}

@media screen and (max-width: 767px) {
   .points-list {
      margin-bottom: -40px;
   }

   .points-list__item {
      width: 50%;
      margin-bottom: 40px;
   }

   .points-list-item__title {
      padding: 0 0 0 30px;
   }

   .points-list-item__title:before {
      top: 2px;
   }
}

@media screen and (max-width: 480px) {
   .points-list {
      margin-left: 0;
      margin-bottom: 0;
   }

   .points-list__item {
      width: 100%;
      margin-bottom: 30px;
      padding-left: 0;
   }

   .points-list__item:last-child {
      margin-bottom: 0;
   }

   .points-list-item__title {
      padding-left: 25px;
   }
}


/*====================================================
   .num-list (list width nums)
====================================================*/
.num-list {
   counter-reset: li;
   padding: 0;
   margin: 0 0 -80px -40px;
   list-style: none;
}

.num-list li {
   position: relative;
   margin: 0;
   padding: 0;
   padding-left: 40px;
   padding-top: 90px;
   margin-bottom: 80px;
}

.num-list_4 li {
   width: 25%;
}

.num-list_3 li {
   width: 33.333%;
}

.num-list li:before {
   content: counter(li);
   counter-increment: li;
   position: absolute;
   top: 0;
   left: 40px;
   width: 58px;
   height: 58px;
   border-radius: 100%;
   background: #111;
   color: #FFF;
   text-align: center;
   font-family: 'RobotoBold';
   font-size: 36px;
   line-height: 54px;
}

.num-list-item__title,
.num-list-item__title {
   margin-bottom: 15px;
}

.num-list-item__title h4,
.num-list-item__title .h4 {
   margin-bottom: 0;
}

.num-list-item__text {
   margin-bottom: 20px;
}

.stages__list .num-list-item__text {
   margin-bottom: 0;
}

@media screen and (max-width: 1024px) {
   .num-list {
      margin-bottom: -60px;
   }

   .num-list.num-list_no-adaptive {
      margin-bottom: 0;
   }

   .num-list li {
      width: 50%;
      padding-top: 80px;
      margin-bottom: 60px;
   }

   .num-list.num-list_no-adaptive li {
      width: 100%;
   }

   .num-list.num-list_no-adaptive li:last-child {
      margin-bottom: 0;
   }
}

@media screen and (max-width: 767px) {
   .num-list {
      margin: 0;
   }

   .num-list li {
      width: 100%;
      padding: 0;
      margin-bottom: 40px;
   }

   .num-list_3 li {
      width: 100%;
   }

   .collapsed-text-parent.num-list li {
      margin-bottom: 20px;
   }

   .num-list li:last-child {
      margin-bottom: 0;
   }

   .num-list li:before {
      left: 0;
      width: 50px;
      height: 50px;
      font-size: 30px;
      line-height: 48px;
   }

   .num-list-item__title {
      padding-left: 70px;
      min-height: 50px;
      line-height: 50px;
      margin-bottom: 15px;
   }

   .num-list-item__title h4,
   .num-list-item__title .h4 {
      display: inline-block;
      vertical-align: middle;
   }
}

@media screen and (max-width: 480px) {
   .num-list li {
      margin-bottom: 30px;
   }

   .num-list-item__title br {
      display: none;
   }

   .num-list-item__text {
      margin-bottom: 0;
   }

   .num-list-item__text p {
      margin-bottom: 5px;
   }
}


/*====================================================
   .list-with-icons
====================================================*/
.list-with-icons__item {
   margin-top: 70px;
}

.list-with-icons__image {
   width: 125px;
   float: left;
}

.list-with-icons__title {
   margin-bottom: 20px;
}

.list-with-icons__title h3,
.list-with-icons__title .h3 {
   margin-bottom: 0;
}

.list-with-icons__text {
   padding-left: 152px;
}

.list-with-icons__text p {
   margin-bottom: 0;
}

.list-with-icons__price {
   margin: 30px 0;
}

.list-with-icons__price h3,
.list-with-icons__price .h3 {
   margin-bottom: 0;
}

@media screen and (max-width: 1024px) {
   .list-with-icons__item {
      margin-top: 50px;
   }

   .list-with-icons__image {
      width: 95px;
   }

   .list-with-icons__image img {
      max-width: 65px;
      max-height: 60px;
   }

   .list-with-icons__title {
      margin-bottom: 15px;
   }

   .list-with-icons__title h3,
   .list-with-icons__title .h3 {
      font-size: 18px;
   }

   .list-with-icons__text {
      padding-left: 95px;
   }

   .list-with-icons__price {
      margin: 20px 0;
   }

   .list-with-icons__price h3,
   .list-with-icons__price .h3 {
      font-size: 18px;
   }
}

@media screen and (max-width: 767px) {
   .list-with-icons__item {
      margin-top: 40px;
   }

   .list-with-icons__image {
      width: 100%;
      float: none;
      margin-bottom: 20px;
   }

   .list-with-icons__text {
      padding-left: 0;
   }

   .list-with-icons__link {
      margin-top: 10px;
   }

   .list-with-icons__price h3,
   .list-with-icons__price .h3 {
      font-size: 16px;
   }

   .list-with-icons__price h3 span,
   .list-with-icons__price .h3 span {
      display: block;
   }
}

@media screen and (max-width: 480px) {
   .list-with-icons__item {
      margin-top: 30px;
   }

   .list-with-icons__image {
      margin-bottom: 15px;
   }

   .list-with-icons__title {
      margin-bottom: 10px;
   }

   .list-with-icons__title h3,
   .list-with-icons__title .h3 {
      margin-bottom: 5px;
      font-size: 16px;
   }

   .list-with-icons__price {
      margin: 10px 0;
   }

   .list-with-icons__price h3,
   .list-with-icons__price .h3 {
      font-size: 14px;
   }
}


/*====================================================
   .columns-block (Simple columns with text & image)
====================================================*/
.columns-block {
   margin-left: -50px;
   margin-bottom: -60px;
}

.columns-block__item {
   padding-left: 50px;
   margin-bottom: 60px;
}

.columns-block-item__title {
   padding: 20px 30px 0;
}

.columns-block-item__title h4,
.columns-block-item__title .h4 {
   margin-bottom: 0;
}

.columns-block-item__text {
   margin-top: 50px;
}

@media screen and (min-width: 481px) {
   .columns-block_2 .columns-block__item {
      width: 50%;
   }
}

@media screen and (min-width: 1025px) {
   .columns-block_4 .columns-block__item {
      width: 25%;
   }
}

@media screen and (max-width: 1024px) {
   .columns-block {
      margin-left: -20px;
      margin-bottom: -50px;
   }

   .columns-block__item {
      padding-left: 20px;
      margin-bottom: 50px;
   }

   .columns-block-item__text {
      margin-top: 30px;
   }

   .columns-block-item__title {
      padding: 20px 20px 0;
   }

   .columns-block-item__title h4,
   .columns-block-item__title .h4 {
      font-size: 16px;
   }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
   .columns-block_4 .columns-block__item {
      width: 50%;
   }
}

@media screen and (max-width: 767px) {
   .columns-block-item__text {
      font-size: 14px;
   }
}

@media screen and (min-width: 481px) and (max-width: 767px) {
   .columns-block-item__title {
      padding: 15px 0 0;
   }

   .columns-block-item__title h4,
   .columns-block-item__title .h4 {
      font-size: 14px;
   }
}

@media screen and (max-width: 480px) {
   .columns-block {
      margin: 0 -20px;
   }

   .columns-block__item {
      padding-left: 0;
      margin-bottom: 40px;
   }

   .columns-block__item:last-child {
      margin-bottom: 0;
   }

   .columns-block-item__title {
      padding: 15px 20px 0;
   }

   .columns-block-item__text {
      margin-top: 20px;
      padding: 0 20px;
   }
}


/*====================================================
   .align-middle-block (image & text align middle)
====================================================*/
.align-middle-block__in {
   position: relative;
   overflow: hidden;
}

.align-middle-block__image {
   position: relative;
   z-index: 1;
}

.align-middle-block__content {
   width: 480px;
   margin-left: -182px;
   position: relative;
   z-index: 2;
}

.align-middle-block__content .title_border:only-child h3,
.align-middle-block__content .title_border:only-child .h3 {
   margin-bottom: 0;
}

.align-middle-block__text {
   padding-left: 20px;
   line-height: 1.85;
}

.align-middle-block__text ul li {
   margin-bottom: 0;
}

@media screen and (min-width: 1025px) {
   .align-middle-block__image {
      width: 100%;
      text-align: right;
   }

   .align-middle-block_text-left .align-middle-block__image {
      order: 2;
      -webkit-box-ordinal-group: 2;
      -webkit-order: 2;
      -ms-flex-order: 2;
   }

   .align-middle-block__content {
      min-width: 480px;
   }

   .align-middle-block_text-left .align-middle-block__content {
      margin-left: 0;
      margin-right: -182px;
      order: 1;
      -webkit-box-ordinal-group: 1;
      -webkit-order: 1;
      -ms-flex-order: 1;
   }
}

@media screen and (min-width: 1025px) and (max-width: 1279px) {
   .align-middle-block__content {
      margin-left: -320px;
      min-width: 320px;
   }

   .align-middle-block_text-left .align-middle-block__content {
      margin-right: -320px;
   }

   .align-middle-block__image {
      width: calc(100% - 60px);
   }

   .align-middle-block_text-left .align-middle-block__image {
      margin-left: 0;
   }
}

@media screen and (max-width: 1024px) {
   .align-middle-block__in {
      display: block;
   }

   .align-middle-block__content {
      width: 360px;
   }

   .align-middle-block__text {
      padding-left: 16px;
   }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
   .align-middle-block__image {
      width: calc(100% - 60px);
      text-align: right;
   }

   .align-middle-block_text-left .align-middle-block__image {
      width: 100%;
   }

   .align-middle-block_text-left .align-middle-block__image img {
      margin-right: -60px;
   }

   .align-middle-block__content {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      right: 0;
      margin-left: 0;
   }

   .align-middle-block_text-left .align-middle-block__content {
      right: auto;
      left: 0;
   }

   .align-middle-block__content .services-list-item__title br {
      display: none;
   }
}

@media screen and (max-width: 767px) {
   .align-middle-block__content {
      width: calc(100vw - 120px);
      margin: 0 auto;
      margin-top: -80px;
   }

   .align-middle-block__in {
      overflow: visible;
   }

   .align-middle-block__text {
      padding-left: 0;
   }
}

@media screen and (max-width: 480px) {
   .align-middle-block__content {
      width: calc(100vw - 80px);
      padding: 30px 20px;
   }

   .align-middle-block__image {
      margin: 0 -20px;
   }
}


/*====================================================
   .hover-items-list (simple galley width hover effect)
====================================================*/
.hover-items-list {
   margin-left: -35px;
   margin-bottom: -200px;
}

.hover-items-list .hover-item {
   width: 50%;
   padding-left: 35px;
   margin-bottom: 200px;
}

.hover-item__top {
   position: relative;
   overflow: hidden;
}

.hover-item__top:before {
   content: '';
   display: block;
   padding-top: 69.52380952380952%;
}

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

.hover-item__top .hover-item__image img {
   min-width: 100%;
   min-height: 100%;
   transition: all 1s ease-in-out 0s;
}

.hover-items-list .hover-item__in:hover .hover-item__image img {
   transform: scale(1.1);
   transition: all 1s ease-in-out 0s;
}

.hover-item__top:after {
   content: '';
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   opacity: 0;
   background: #EE2329;
   z-index: 2;
   transition: all 0.25s linear 0.25s;
}

.hover-items-list .hover-item__in:hover .hover-item__top:after {
   opacity: 0.3;
   transition: all 0.5s linear 0s;
}

.hover-items-list .hover-item__link {
   position: absolute;
   top: 35px;
   left: 35px;
   opacity: 0;
   z-index: 3;
   color: #FFF;
   transform: translateX(-100%);
   transition: all 0.25s linear 0s;
}

.hover-items-list .hover-item__in:hover .hover-item__link {
   opacity: 1;
   transform: translateX(0);
   transition: all 0.5s ease-in-out 0.25s;
}

.hover-items-list .hover-item__link .h3 {
   margin-bottom: 0;
}

.hover-item__bottom {
   height: 95px;
   padding: 0 35px;
}

.hover-item__bottom:not(.bg_black) {
   background: #FFF;
}

.hover-item__bottom h3,
.hover-item__bottom .h3 {
   margin-bottom: 0;
}

.hover-item__bottom:not(.bg_black) h3 {
   color: #111
}

.hover-item__details .item-size {
   width: 61px;
   height: 61px;
   line-height: 61px;
   border-radius: 100%;
   background: #EE2329;
   font-size: 18px;
   color: #FFF;
   text-align: center;
}

.hover-item__details .item-size div {
   display: inline-block;
   vertical-align: middle;
   line-height: 1;
}

.hover-item__details .item-size span {
   display: block;
   margin-right: -5px;
}

@media screen and (max-width: 1366px) {
   .hover-items-list {
      margin-bottom: -140px;
   }

   .hover-items-list .hover-item {
      margin-bottom: 140px;
   }

   .hover-item__bottom {
      height: 85px;
   }

   .hover-item__bottom h3,
   .hover-item__bottom .h3 {
      font-size: 20px;
   }
}

@media screen and (max-width: 1279px) {
   .hover-items-list {
      margin-bottom: -100px;
   }

   .hover-items-list .hover-item {
      margin-bottom: 100px;
   }

   .hover-item__bottom {
      height: 75px;
   }

   .hover-item__bottom h3,
   .hover-item__bottom .h3 {
      font-size: 18px;
   }

   .hover-item__details .item-size {
      width: 56px;
      height: 56px;
      line-height: 56px;
      font-size: 16px;
   }
}

@media screen and (max-width: 1024px) {
   .hover-items-list {
      margin-left: -20px;
      margin-bottom: -70px;
   }

   .hover-items-list .hover-item {
      padding-left: 20px;
      margin-bottom: 70px;
   }

   .hover-items-list .hover-item__link {
      top: 20px;
      left: 20px;
   }

   .hover-item__bottom {
      height: 65px;
      padding: 0 20px;
   }

   .hover-item__bottom h3,
   .hover-item__bottom .h3 {
      font-size: 16px;
   }

   .hover-item__details .item-size {
      width: 48px;
      height: 48px;
      line-height: 48px;
      font-size: 14px;
   }
}

@media screen and (max-width: 599px) {
   .hover-items-list {
      margin-left: 0;
      margin-bottom: 0;
   }

   .hover-items-list .hover-item {
      width: 100%;
      padding-left: 0;
      margin-bottom: 40px;
   }

   .hover-items-list .hover-item:last-child {
      margin-bottom: 0;
   }

   .hover-item__details .item-size {
      width: 40px;
      height: 40px;
      line-height: 40px;
      font-size: 12px;
   }

   .hover-item__details .item-size span {
      display: block;
      margin-right: -3px;
   }
}

@media screen and (max-width: 480px) {
   .hover-items-list {
      margin: 0 -20px;
   }
}


/*====================================================
   .quote-block
====================================================*/
.quote-block__image {
   width: 180px;
   float: left;
}

.quote-block__image img {
   border-radius: 100%;
}

.quote-block__text {
   padding-left: 220px;
   font-size: 22px;
   line-height: 1.86;
   text-transform: uppercase;
}

@media screen and (max-width: 1024px) {
   .quote-block__image {
      width: 150px;
   }

   .quote-block__text {
      padding-left: 180px;
      font-size: 18px;
      line-height: 2.1;
   }
}

@media screen and (max-width: 767px) {
   .quote-block__image {
      float: none;
      margin: 0 auto 30px;
   }

   .quote-block__text {
      padding-left: 0;
      font-size: 16px;
   }
}

@media screen and (max-width: 480px) {
   .quote-block__image {
      width: 105px;
      margin-bottom: 20px;
   }

   .quote-block__text {
      padding-left: 0;
      font-size: 14px;
      line-height: 2.5;
   }
}


/*====================================================
   .centered-slider
====================================================*/
.centered-slider {
   position: relative;
}

.centered-slider__border {
   position: absolute;
   top: 50%;
   left: 0;
   width: 100%;
   height: 1px;
   margin-top: -1px;
   background: #EE2329;
   z-index: -1;
}

.centered-slider__item {
   text-align: center;
   padding: 0 40px;
}

.centered-slider-item__image {
   height: 100%;
   transform: scale(0.7);
   transition: transform .75s cubic-bezier(.19, 1, .22, 1) 0.15s;
}

.centered-slider__item.slick-center .centered-slider-item__image {
   transform: scale(1);
}

.centered-slider-item__image a:after {
   display: none;
}

.centered-slider-item__image img {
   margin: 0 auto;
}

@media screen and (max-width: 1279px) {
   .centered-slider__item {
      padding: 0 30px;
   }
}

@media screen and (max-width: 1024px) {
   .centered-slider__item {
      padding: 0 25px;
   }
}

@media screen and (max-width: 767px) {
   .centered-slider {
      margin: 0 -20px;
   }

   .centered-slider__item {
      padding: 0 20px;
   }
}

@media screen and (max-width: 480px) {
   .centered-slider__item {
      padding: 0;
   }

   .centered-slider-item__image {
      transform: scale(0.65);
   }
}


/*====================================================
   .images-slider (large images slider with animation)
====================================================*/
.images-list {
   overflow: hidden;
   max-width: 1920px;
}

.images-list__in.bg_white {
   padding-top: 70px;
}

.images-list__in.bg_white .images-list__container {
   margin: 0 -40px;
}

.images-list__container {
   position: relative;
   overflow: hidden;
}

.images-list__large {
   width: 53.2295vw;
   overflow: hidden;
   position: relative;
}

.images-list__small {
   top: 50%;
   left: calc(53.2295vw + 50px);
   width: 41.4323vw;
   overflow: hidden;
   position: absolute;
   transform: translateY(-50%);
}

.images-list-item__image {
   position: relative;
   height: 100%;
   overflow: hidden;
}

.images-list-item__image img {
   display: block;
   width: 100%;
   object-fit: cover;
}

/*.no-touchevents .images-list__item.slick-current .images-list-item__image.active img {perspective: 3000px; animation: sliderScale 2s ease-in-out 0s backwards;}*/
.images-list__slider .slick-arrow {
   position: absolute;
   top: 50%;
   margin-top: -38px;
   text-indent: -9999px;
}

.images-list__slider .slick-prev {
   left: 20px;
}

.images-list__slider .slick-next {
   right: 20px;
}

.images-list__slider .slick-arrow:before,
.images-list__slider .slick-arrow:after {
   background: #FFF;
}

/*titles slider*/
.images-list__title {
   padding-top: 20px;
   width: 53.2295vw;
}

.images-list-title__slider .slick-list {
   overflow: visible;
}

.images-list-title-item__in {
   display: inline-block;
   max-width: 70%;
   position: relative;
   opacity: 0;
   transform: translateY(100%);
   transition: all 0.3s ease-in-out 0s;
}

.images-list-title__item.slick-current .images-list-title-item__in {
   opacity: 1;
   transform: translateY(0);
}

.images-list-title__item a {
   display: inline-block;
}

.images-list-title__item a:not(:hover) {
   color: #111;
}

.images-list-title__item a:after {
   display: none;
}

.images-list-title__item h3,
.images-list-title__item .h3 {
   display: inline;
}

.images-list__text {
   margin-bottom: 40px;
}

.images-list__bottom {
   padding-top: 40px;
}

@media screen and (min-width: 1280px) {
   .images-list__slider .slick-arrow {
      width: 56px;
      height: 107px;
      margin-top: -53px;
   }

   .images-list__slider .slick-prev {
      left: 40px;
   }

   .images-list__slider .slick-next {
      right: 40px;
   }

   .images-list__slider .slick-arrow:before,
   .images-list__slider .slick-arrow:after {
      width: 76px;
      height: 2px;
   }

   .images-list__slider .slick-prev:before,
   .images-list__slider .slick-next:before {
      top: 26px;
   }

   .images-list__slider .slick-prev:after,
   .images-list__slider .slick-next:after {
      bottom: 26px;
   }

   .images-list__slider .slick-prev:before,
   .images-list__slider .slick-prev:after {
      right: -10px;
   }

   .images-list__slider .slick-next:before,
   .images-list__slider .slick-next:after {
      left: -10px;
   }
}

@media screen and (min-width: 481px) {
   .images-list:not(.images-list_with-title) .images-list__in.bg_white {
      padding-bottom: 0;
   }
}

@media screen and (min-width: 1025px) {
   .images-list__text {
      padding-right: 30%;
   }

   .images-list_full .inner_full {
      max-width: 100%;
      padding: 0;
   }

   .images-list_full .images-list__large {
      width: 69.584vw;
   }

   .images-list_full .images-list__small {
      left: calc(69.584vw + 50px);
      width: 48vw;
   }

   .images-list__container .slider-controls {
      width: 69.584vw;
   }
}

@media screen and (max-width: 1279px) {
   .images-list__in.bg_white .images-list__container {
      margin: 0 -30px;
   }
}

@media screen and (max-width: 1024px) {
   .images-list__in.bg_white {
      padding-top: 60px;
   }

   .images-list__in.bg_white .images-list__container {
      margin: 0 -20px;
   }

   .images-list__large {
      width: 73vw;
   }

   .images-list__small {
      left: calc(73vw + 30px);
      width: 57vw;
   }

   .images-list__title {
      width: 73vw;
   }

   .images-list__text {
      margin-bottom: 30px;
   }

   .images-list__bottom {
      padding-top: 30px;
   }
}

@media screen and (max-width: 767px) {
   .images-list__in.bg_white {
      padding-top: 50px;
   }

   .images-list__container {
      margin-right: -20px;
   }

   .images-list__large {
      width: 75vw;
   }

   .images-list__small {
      left: calc(75vw + 20px);
      width: 59vw;
   }

   .images-list__title {
      width: 75vw;
   }

   .images-list-title-item__in {
      max-width: 100%;
   }

   .images-list-title__item .tooltip:hover .tooltip__content {
      margin-left: -20px;
   }
}

@media screen and (max-width: 480px) {
   .images-list__in.bg_white {
      padding-top: 40px;
   }

   .images-list__in.bg_white .images-list__container {
      margin-left: 0;
   }

   .images-list_full .images-list__container {
      padding: 0;
   }

   .images-list__large {
      width: 77vw;
   }

   .images-list__small {
      left: calc(77vw + 10px);
      width: 61vw;
   }

   .images-list__title {
      width: 77vw;
      padding-top: 15px;
   }

   .images-list-title__item .tooltip:hover .tooltip__content {
      margin-left: 0;
   }

   .images-list__text {
      margin-bottom: 20px;
   }

   .images-list__bottom {
      padding-top: 20px;
   }
}

@keyframes sliderScale {
   0% {
      transform: scale(1);
   }

   50% {
      transform: scale(1.07);
   }

   100% {
      transform: scale(1) translateY(0);
   }
}


/*====================================================
   .images-static
====================================================*/
.images-static__buttons {
   margin-bottom: 60px;
}

.images-static__list {
   margin-left: -40px;
   margin-bottom: -40px;
}

.images-static-list__item {
   width: 25%;
   padding-left: 40px;
   margin-bottom: 40px;
}

.images-static-list-item__in {
   display: block;
   height: 100%;
}

.images-static-list-item__in.link_fancybox:before {
   top: 50%;
   left: 50%;
   margin: -12px 0 0 -12px;
}

.images-static-list-item__image {
   height: 100%;
}

@media screen and (max-width: 1279px) {
   .images-static-list__item {
      width: 33.333%;
   }
}

@media screen and (max-width: 1024px) {
   .images-static__buttons {
      margin-bottom: 40px;
   }
}

@media screen and (max-width: 767px) {
   .images-static__list {
      margin-left: -20px;
      margin-bottom: -20px;
   }

   .images-static-list__item {
      width: 50%;
      padding-left: 20px;
      margin-bottom: 20px;
   }
}

@media screen and (max-width: 480px) {
   .images-static__buttons {
      margin-bottom: 30px;
   }

   .images-static__list {
      margin-right: -20px;
      margin-bottom: 0;
   }

   .images-static-list__item {
      width: 100%;
      padding-left: 0;
   }

   .images-static-list__item:last-child {
      margin-bottom: 0;
   }
}


/*====================================================
   .team-slider
====================================================*/
.team-slider-item__image {
   margin-bottom: 40px;
}
.social-list {
    font-size: 0;
    line-height: 0;
	
}
.team-slider-item__image img {
   border-radius: 100%;
}

.team-slider-item__text {
   margin: 0 -50vw;
   opacity: 0;
   transform: translateY(50%);
   transition: all 0.3s cubic-bezier(.19, 1, .22, 1) 0s;
}

.team-slider__item.slick-center .team-slider-item__text {
   opacity: 1;
   transform: translateY(0);
   transition: all 0.75s cubic-bezier(.19, 1, .22, 1) 0.3s;
}

.team-slider-item__person h3,
.team-slider-item__person .h3 {
   margin-bottom: 0;
}

@media screen and (min-width: 1025px) {
   .team__list .centered-slider__border {
      left: 80px;
      width: calc(100% - 160px);
   }
}

@media screen and (min-width: 768px) {
   .team__list .slick-arrow {
      position: absolute;
      top: 50%;
      text-indent: -9999px;
      -webkit-transition: none;
      transition: none;
   }

   .team__list .slick-prev {
      left: 0;
   }

   .team__list .slick-next {
      right: 0;
   }

   .team__list .centered-slider__border {
      left: 40px;
      width: calc(100% - 80px);
   }
}

@media screen and (max-width: 1279px) {
   .team-slider-item__image {
      margin-bottom: 30px;
   }

   .team-slider-item__person h3,
   .team-slider-item__person .h3 {
      font-size: 20px;
   }
}

@media screen and (min-width: 1025px) and (max-width: 1279px) {
   .team__slider {
      padding: 0 10px;
   }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
   .team__slider {
      padding: 0 15px;
   }
}

@media screen and (max-width: 1024px) {
   .team-slider-item__image {
      margin-bottom: 20px;
   }

   .team-slider-item__person h3,
   .team-slider-item__person .h3 {
      font-size: 18px;
   }

   .team-slider-item__job {
      font-size: 16px;
   }
}

@media screen and (max-width: 767px) {
   .team-slider-item__image {
      margin-bottom: 15px;
   }
}

@media screen and (max-width: 480px) {
   .team-slider-item__image {
      margin-bottom: 10px;
   }

   .team-slider-item__person h3,
   .team-slider-item__person .h3 {
      font-size: 16px;
   }

   .team-slider-item__job {
      font-size: 14px;
   }
}


/*====================================================
   .gallery
====================================================*/
.gallery {
   overflow: hidden;
}

.gallery__slider {
   margin-right: -10px;
}

.gallery-slider__item {
   width: auto;
   padding-right: 10px;
}

.gallery-slider .slick-list {
   overflow: visible;
}

.gallery-slider__item .link_fancybox {
   display: block;
}

.gallery__bottom {
   margin-top: 50px;
}

@media screen and (max-width: 1024px) {
   .gallery__slider {
      margin-left: 30px;
      overflow: hidden;
   }

   .gallery-slider__item {
      width: 530px;
   }

   .gallery__bottom {
      margin-top: 40px;
   }
}

@media screen and (max-width: 767px) {
   .gallery__slider {
      margin-left: 20px;
   }

   .gallery-slider__item {
      width: 440px;
   }

   .gallery__bottom {
      margin-top: 30px;
   }
}

@media screen and (max-width: 480px) {
   .gallery-slider__item {
      width: 260px;
   }

   .gallery__bottom {
      margin-top: 20px;
   }
}


/*====================================================
   .materials
====================================================*/
.materials__text {
   margin-bottom: 40px;
}

.materials__title {
   margin-bottom: 60px;
}

.materials__title h4,
.materials__title .h4 {
   margin-bottom: 0;
}

.materials__list {
   margin-right: 9.0909%;
}

.materials-list__item {
   width: 9.0909%;
   position: relative;
   z-index: auto;
   cursor: pointer;
}

.materials-list__item:nth-child(1) {
   margin-left: 0;
}

.materials-list__item:hover {
   z-index: 12;
}

.materials-list-item__image {
   width: 212.71%;
   position: relative;
}

.materials-list-item__image:before {
   content: '';
   display: block;
   padding-top: 100%;
}

.materials-list-item__image img {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   border-radius: 100%;
   transition: all 0.3s ease 0s;
}

.materials-list__item:hover .materials-list-item__image img {
   transform: scale(1.5);
}

.materials-list-item__title {
   margin-left: 80%;
   padding-top: 20px;
   font-size: 16px;
   white-space: nowrap;
}

.materials-list__item:nth-child(1) .materials-list-item__title {
   margin-left: 25%;
}

.materials-list__item:nth-child(4) .materials-list-item__title {
   margin-left: 60%;
}

.materials-list__item:nth-child(7) .materials-list-item__title {
   margin-left: 55%;
}

.materials-list__item:nth-child(11) .materials-list-item__title {
   margin-left: 70%;
}

@media screen and (max-width: 1366px) {
   .materials-list-item__title {
      font-size: 14px;
   }
}

@media screen and (max-width: 1279px) {
   .materials-list-item__title {
      font-size: 13px;
   }
}

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


/*====================================================
   .projects-slider
====================================================*/
.projects {
   overflow: hidden;
}

.projects-rubrics__top .projects__search {
   width: 100%;
   padding: 0 10vw;
}

/*projects-rubrics*/
.projects-rubrics__slider {
   margin-right: -440px;
   margin-top: -40px;
}

.projects-rubrics__slider .slick-list {
   padding-top: 40px;
   overflow: visible;
}

.projects-rubrics__item {
   width: 440px !important;
   padding-right: 10px;
   transition: all 0.3s ease-in-out 0s;
}

.projects-rubrics__item.disable {
   opacity: 0.25;
}

.projects-rubrics__item.disable:hover {
   opacity: 1;
}

.projects-rubrics-item__in {
   position: relative;
   z-index: 1;
   cursor: pointer;
   will-change: transform;
   transition: all 0.25s ease-in-out 0s;
}

.projects-rubrics__item.active .projects-rubrics-item__in {
   z-index: 4;
   transform: scale(1.46512) translate3d(15.8%, 13%, 0);
   transition: all 0.5s ease-in-out 0s;
}

/*image*/
.projects-rubrics-item__image {
   margin-bottom: 30px;
   position: relative;
   z-index: 2;
   will-change: transform;
   transition: all 0.25s ease-in-out 0s;
}

.js-projects-rubrics-item_active .projects-rubrics-item__image {
   transition: all 0.5s ease-in-out 0s;
}

.projects-rubrics-item__image img {
   display: block;
}

/*button*/
.projects-rubrics-item__button {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   will-change: transform;
   transform: scale(1.2);
   opacity: 0;
   transition: all 0.5s ease-in-out 0s;
}

.projects-rubrics__item.active .projects-rubrics-item__button {
   transform: scale(1);
   opacity: 1;
}

.projects-rubrics-item__button .btn {
   height: 64px;
   line-height: 64px;
   transition: all 0.5s ease-in-out 0s;
}

.projects-rubrics-item__in:hover .btn {
   background: #EE2329;
   color: #FFF;
}

/*close*/
.projects-rubrics-item__close {
   opacity: 0;
   transition: all 0.25s ease-in-out 0s;
}

.projects-rubrics__item.active .projects-rubrics-item__close {
   opacity: 1;
}

.projects-rubrics-item__close .link_close {
   top: 10px;
   right: 10px;
}

/*title*/
.projects-rubrics-item__title {
   transition: all 0.25s ease-in-out 0s;
}

.projects-rubrics__item.active .projects-rubrics-item__title {
   color: #EE2329;
   transition: all 0.5s ease-in-out 0s;
}

/*text*/
.projects-rubrics-item__text {
   position: relative;
   z-index: 1;
   padding-right: 40px;
   transition: all 0.5s ease-in-out 0s;
}

.projects-rubrics-item__text.hidden {
   opacity: 0;
   transform: translateY(10%);
}

/*projects-list*/
.projects__section {
   position: relative;
}

.projects-section__top {
   opacity: 0;
   margin-bottom: 30px;
   transition: all 0.3s ease-in-out 0s;
}

.projects-section__top.visible {
   opacity: 1;
}

.projects-section-top__title.highlight {
   margin-left: 20px;
}

.projects-section-top__title h3,
.projects-section-top__title .h3 {
   margin-bottom: 0;
   white-space: nowrap;
}

.projects-section-top__close {
   margin-left: 115px;
}

.projects-section__top .link_close {
   position: relative;
   top: auto;
   right: auto;
}

/*projects-list_slider*/
.projects-list_slider .projects-list__item {
   width: 640px !important;
   padding-right: 10px;
   z-index: 1;
}

.projects-list-item__in {
   opacity: 0;
   transform: translateY(50%);
   transition: all 0.75s ease-in-out 0s;
}

.projects-list-item__in.show {
   opacity: 1;
   transform: translateY(0);
   transition: all 0.75s ease-in-out 0.5s;
}

a.projects-list-item__in {
   display: block;
}

a.projects-list-item__in:after {
   display: none;
}

.projects-list-item__in>a:after {
   display: none;
}

.projects-list_slider .projects-list__item:not(.slick-cloned) .projects-list-item__in {
   transform: translateX(100%);
}

.projects-list_slider .projects-list__item:not(.slick-cloned) .projects-list-item__in.show {
   transform: translateX(0);
}

.projects-list_slider .projects-list-item__image {
   margin-bottom: 30px;
}

.projects-list_slider .projects-list-item__title h3,
.projects-list_slider .projects-list-item__title .h3 {
   margin-bottom: 15px;
}

/*projects-list_static*/
.projects-list_static {
   padding-top: 60px;
}

@media screen and (min-width: 768px) {
   .projects-rubrics__top {
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
   }
}

@media screen and (min-width: 1025px) {

   /*projects-rubrics*/
   .projects-rubrics__slider .slick-list {
      overflow: visible;
   }

   .no-touchevents .projects-rubrics-item__in:hover {
      z-index: 3;
      transition: all 0.5s ease-in-out 0s;
   }

   .no-touchevents .projects-rubrics__item:not(.active) .projects-rubrics-item__in:hover .projects-rubrics-item__image {
      transform: scale(1.14285) translateX(6.5%);
      transition: all 0.5s ease-in-out 0s;
   }

   .projects-rubrics__item.active .projects-rubrics-item__image {
      margin-bottom: 20px;
   }

   .no-touchevents .projects-rubrics-item__in:hover .projects-rubrics-item__button {
      transform: scale(1);
      opacity: 1;
   }

   .no-touchevents .projects-rubrics-item__in:hover .projects-rubrics-item__button .btn {
      transform: scale(0.87505);
   }

   .projects-rubrics__item.active .projects-rubrics-item__button .btn {
      transform: scale(0.68252) !important;
   }

   .projects-rubrics__item.active .projects-rubrics-item__close .link_close {
      transform: scale(0.6826);
   }

   .projects-rubrics__item.active .projects-rubrics-item__title {
      transform: scale(1.2) translateX(8%);
   }

   .no-touchevents .projects-rubrics-item__in:hover .projects-rubrics-item__image~.projects-rubrics-item__title {
      color: #EE2329;
      transition: all 0.5s ease-in-out 0s;
   }

   /*projects-list*/
   .projects-list_slider .slick-list {
      overflow: visible;
   }
}

@media screen and (max-width: 1024px) {
   .projects-rubrics__top .projects__search {
      padding: 5px 40px 0;
   }

   /*projects-rubrics*/
   .projects-rubrics__slider {
      margin-right: -30px;
      margin-top: 0;
   }

   .projects-rubrics__slider .slick-list {
      padding-top: 0;
      overflow: hidden;
   }

   .projects-rubrics__item.active .projects-rubrics-item__in {
      transform: scale(1) translate3d(0, 0, 0);
   }

   .projects-rubrics-item__image {
      margin-bottom: 20px;
   }

   .projects-rubrics-item__title h3,
   .projects-rubrics-item__title .h3 {
      margin-bottom: 10px;
   }

   .projects-rubrics-item__button {
      transform: scale(1);
      opacity: 1;
   }

   .projects-rubrics-item__text.hidden {
      height: 0;
   }

   /*projects-list*/
   .projects__section {
      margin-top: 20px;
   }

   .projects-section__top {
      margin-bottom: 20px;
   }

   /*.projects-list_slider*/
   .projects-list_slider {
      margin-right: -30px;
   }

   .projects-list_slider .projects-list__item {
      width: 440px !important;
   }

   .projects-list_slider .projects-list-item__image {
      margin-bottom: 20px;
   }

   .projects-list_slider .projects-list-item__title h3,
   .projects-list_slider .projects-list-item__title .h3 {
      margin-bottom: 5px;
   }

   /*projects-list_static*/
   .projects-list_static {
      padding-top: 40px;
   }
}

@media screen and (max-width: 767px) {
   .projects-rubrics__top .projects__search {
      padding-right: 0;
   }

   /*projects-rubrics*/
   .projects-rubrics__slider {
      margin-right: -20px;
   }

   /*projects-list_slider*/
   .projects-list_slider {
      margin-right: -20px;
   }

   /*projects-list_static*/
   .projects-list_static {
      padding-top: 20px;
   }

   .projects-section-top__close {
      margin-left: 40px;
   }
}

@media screen and (max-width: 480px) {
   .projects-rubrics__top {
      display: block;
   }

   .projects-rubrics__top .projects__search {
      padding: 0;
      margin-top: 30px;
   }

   /*projects-rubrics*/
   .projects-rubrics__item {
      width: 260px !important;
   }

   .projects-rubrics-item__text {
      padding-right: 20px;
   }

   .projects-rubrics-item__button .btn {
      height: 37px;
      line-height: 37px;
      font-size: 14px;
      padding: 0 10px;
   }

   /*projects-list_slider*/
   .projects-list_slider .projects-list__item {
      width: 260px !important;
   }

   /*projects-list_static*/
   .projects-section__top {
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
      justify-content: space-between;
   }

   .projects-section-top__title.highlight {
      margin-left: 0;
   }

   .projects-section-top__close {
      margin-left: 0;
   }

   .projects-list_static {
      padding-top: 10px;
   }
}


/*====================================================
   Project page (Проект)
====================================================*/

/*.project__plan*/
.project__plan .title_border h2,
.project__plan .title_border .h2 {
   margin-bottom: 0;
}

.floors-nums {
   float: left;
   width: 105px;
   text-align: center;
   margin-top: 80px;
}

.floors-nums__item {
   margin-bottom: 25px;
   padding-bottom: 25px;
   line-height: 1;
   position: relative;
   cursor: pointer;
}

.floors-nums__item:last-child {
   padding-bottom: 0;
   margin-bottom: 0;
}

.floors-nums__item:after {
   content: '';
   position: absolute;
   bottom: 0;
   left: 50%;
   width: 38px;
   height: 4px;
   margin: -2px 0 0 -19px;
   background: #111;
}

.floors-nums__item:last-child:after {
   display: none;
}

.floors-nums-item__in {
   width: 100%;
   text-align: center;
   font-size: 60px;
   line-height: 1;
   transition: all 0.5s ease-in-out 0s;
}

.floors-nums__item.active .floors-nums-item__in {
   transform: scale(3);
   color: #EE2329;
   margin: 80px 0 50px;
}

.floors-nums__item:first-child.active .floors-nums-item__in {
   margin-top: 40px;
}

.floors-nums+.project-plan__floors {
   padding-left: 240px;
}

.floors__item {
   position: relative;
}

.floors-item__note {
   position: absolute;
   top: 0;
   left: 0;
}

.floors .tooltip__content {
   top: 30px;
   bottom: auto;
   left: 30px;
   transform: translate3d(-30px, -30px, 0);
}

.floors .tooltip__icon {
   width: 60px;
   height: 60px;
   margin: 0;
   font-size: 60px;
   line-height: 60px;
}

@media screen and (min-width: 481px) {
   .floors-nums {
      display: block;
   }
}

@media screen and (max-width: 1024px) {
   .floors-nums {
      width: 55px;
      margin-top: 40px;
      margin-left: -10px;
   }

   .floors-nums__item {
      margin-bottom: 20px;
      padding-bottom: 20px;
   }

   .floors-nums__item:after {
      width: 32px;
      height: 3px;
      margin: -1px 0 0 -16px;
   }

   .floors-nums-item__in {
      font-size: 30px;
   }

   .floors-nums__item.active .floors-nums-item__in {
      transform: scale(3.3);
      margin: 52px 0 30px;
   }

   .floors-nums__item:first-child.active .floors-nums-item__in {
      margin-top: 20px;
   }

   .floors-nums+.project-plan__floors {
      padding-left: 120px;
   }

   .floors .tooltip__icon {
      width: 45px;
      height: 45px;
      font-size: 45px;
      line-height: 45px;
   }

   .floors .tooltip__content {
      top: 22px;
      left: 22px;
      transform: translate3d(-22px, -22px, 0);
   }
}

@media screen and (max-width: 767px) {
   .floors-nums {
      width: 40px;
      margin-left: -7px;
   }

   .floors-nums__item {
      margin-bottom: 15px;
      padding-bottom: 15px;
   }

   .floors-nums__item:after {
      width: 26px;
      height: 2px;
      margin: -1px 0 0 -13px;
   }

   .floors-nums__item.active .floors-nums-item__in {
      transform: scale(2.8);
      margin: 40px 0 20px;
   }

   .floors-nums__item:first-child.active .floors-nums-item__in {
      margin-top: 15px;
   }

   .floors-nums+.project-plan__floors {
      padding-left: 60px;
   }

   .floors .tooltip__content {
      top: 0;
      left: 0;
      margin-left: 13px;
      margin-top: 24px;
      transform: translate3d(0, -28px, 0);
   }

   .floors .tooltip-content__in {
      width: calc(100vw - 118px);
   }
}

@media screen and (max-width: 480px) {
   .floors-nums {
      float: none;
      width: 100%;
      height: 45px;
      margin-top: 30px;
      margin-bottom: 30px;
      margin-left: -20px;
   }

   .floors-nums__item {
      width: 55px;
      margin-bottom: 0;
      padding: 0;
   }

   .floors-nums__item:first-child {
      padding-left: 0;
   }

   .floors-nums__item:after {
      display: none;
   }

   .floors-nums-item__in {
      width: 55px;
      z-index: 1;
      transition: all 0.3s ease-in 0s;
   }

   .floors-nums__item.active .floors-nums-item__in {
      transform: scale(2);
      width: 20px;
      margin: 0 0 0 17px;
      z-index: 2;
   }

   .floors-nums__item:first-child.active .floors-nums-item__in {
      margin-top: 0;
      margin-left: 20px;
   }

   .floors-nums+.project-plan__floors {
      padding-left: 0;
   }

   .floors .tooltip__icon {
      width: 30px;
      height: 30px;
      font-size: 30px;
      line-height: 30px;
   }

   .floors .tooltip__content {
      margin-top: 20px;
      transform: translate3d(0, -24px, 0);
   }

   .floors .tooltip-content__in {
      width: calc(100vw - 56px);
   }
}

/*.project__facade*/
.project-facade-thumbs__item {
   text-align: center;
   cursor: pointer;
}

.project-facade-thumbs-item__in {
   height: 100%;
   padding: 10px;
   -webkit-transition: all 0.3s ease 0s;
   transition: all 0.3s ease 0s;
}

.project-facade-thumbs__item.active .project-facade-thumbs-item__in {
   box-shadow: inset 0 0 0 1px #EE2329;
}

@media screen and (min-width: 1025px) {

   .project__facade .title_border h2,
   .project__facade .title_border .h2 {
      margin-bottom: 0;
   }

   .project-facade__slider {
      width: calc(100% - 300px);
   }

   .project-facade__thumbs {
      display: block;
      width: 300px;
      min-width: 300px;
   }

   .project-facade-thumbs__item {
      margin-bottom: 20px;
      height: 157px;
   }

   .project-facade-thumbs__item:last-child {
      margin-bottom: 0;
   }
}

@media screen and (min-width: 1025px) and (max-width: 1279px) {
   .project-facade__slider {
      width: calc(100% - 200px);
   }

   .project-facade__thumbs {
      display: block;
      width: 200px;
      min-width: 200px;
   }
}

@media screen and (max-width: 1024px) {
   .project-facade__in {
      display: block;
   }

   .project-facade__slider {
      margin-bottom: 20px;
   }

   .project-facade__thumbs {
      margin-left: -10px;
   }

   .project-facade-thumbs__item {
      width: 25%;
      padding-left: 10px;
   }
}

@media screen and (max-width: 767px) {
   .project-facade-thumbs-item__in {
      padding: 5px;
   }
}

@media screen and (max-width: 480px) {
   .project-facade__thumbs {
      margin-left: -5px;
   }

   .project-facade-thumbs__item {
      padding-left: 5px;
   }

   .project-facade-thumbs-item__in {
      padding: 3px;
   }
}


/*====================================================
   .services__list (columns list with icons)
====================================================*/
.services__list {
   margin-left: -20px;
   margin-bottom: -20px;
}

.services_intro .services__list {
   margin-bottom: -60px;
   margin-right: -20px;
}

.services-list__item {
   position: relative;
   background: #fff;
   padding: 20px
}

.services__list .services-list__item {
   width: 33.333%;
   padding-left: 20px;
   margin-bottom: 20px;
}

.services_intro .services__list .services-list__item {
   width: 20%;
   margin-bottom: 60px;
}

.services-list-item__in {
   display: inline-block;
   height: 100%;
   color: #111;
   position: relative;
}

.services_intro .services-list-item__in {
   padding-bottom: 20px;
}

.services__list.delay-list .services-list-item__in {
   transform: translateZ(0);
}

.services-list-item__icon {
   margin-bottom: 30px;
}

.services__list .services-list-item__icon {
   height: 91px;
   line-height: 91px;
}

.services__list .services-list-item__icon img {
   vertical-align: bottom;
}

.services_intro .services-list-item__title {
   white-space: nowrap;
   transform: translateZ(0);
}

.services-list-item__text {
   padding-left: 20px;
   margin-bottom: 20px;
   line-height: 1.85;
   color: #111;
}

.services-list-item__link {
   padding-left: 20px;
}

.services_intro .services__list .services-list-item__link {
   position: absolute;
   bottom: 0;
   left: 0;
   padding-left: 0;
   text-transform: lowercase;
}

@media screen and (max-width: 1024px) {
   .services__list .services-list-item__icon {
      height: 70px;
      line-height: 70px;
   }

   .services-list-item__icon img {
      max-width: 70px;
      max-height: 70px;
   }

   .services-list-item__title .title_border h3,
   .services-list-item__title .title_border .h3 {
      padding-left: 16px;
   }

   .services_intro .services-list-item__title h4 {
      font-size: 16px;
   }

   .services-list-item__text {
      padding-left: 16px;
      margin-bottom: 15px;
   }

   .services-list-item__link {
      padding-left: 16px;
   }
}

@media screen and (max-width: 767px) {
   .services__list {
      margin-left: 0;
   }

   .services_intro .services__list {
      margin-right: 0;
   }

   .services__list .services-list__item {
      width: calc(100vw - 120px);
   }

   .services:not(.services_intro) .services__list .services-list__item {
      padding-left: 0;
      margin: 60px auto 0;
   }

   .services_intro .services__list .services-list__item {
      width: 33.333%;
   }

   .services__list .services-list-item__icon {
      height: 60px;
      line-height: 60px;
   }

   .services-list-item__icon img {
      max-width: 65px;
      max-height: 65px;
   }
}

@media screen and (max-width: 480px) {
   .services__list .services-list__item {
      width: 100%;
   }

   .services:not(.services_intro) .services__list .services-list__item {
      margin-top: 50px;
   }

   .services_intro .services__list .services-list__item {
      width: 50%;
      margin-bottom: 50px;
   }

   .services-list-item__icon {
      margin-bottom: 25px;
   }

   .services-list-item__title .title_border h3,
   .services-list-item__title .title_border .h3 {
      padding-left: 12px;
   }

   .services-list-item__text {
      padding-left: 0;
      margin-bottom: 10px;
   }

   .services-list-item__link {
      padding-left: 0;
   }
}

@media screen and (max-width: 375px) {
   .services:not(.services_intro) .services__list .services-list__item {
      margin-top: 40px;
   }

   .services_intro .services__list .services-list__item {
      margin-bottom: 40px;
   }

   .services-list-item__title .hyphenate+br {
      display: none;
   }

   .services_intro .services-list-item__title h4 {
      font-size: 14px;
   }
}


/*====================================================
   Services page (Услуги)
====================================================*/
.services__section .align-middle-block {
   margin-bottom: 80px;
}

@media screen and (min-width: 1025px) {
   .services__section .align-middle-block__content {
      min-width: 33.333%;
      padding-left: 10px;
   }
}

@media screen and (min-width: 1280px) {
   .services__section .align-middle-block__content {
      width: 33.333%;
   }
}

@media screen and (max-width: 767px) {
   .services__section .align-middle-block {
      margin-bottom: 0;
   }
}

@media screen and (max-width: 480px) {
   .services__section .align-middle-block__content {
      padding: 0 20px;
   }
}


/*====================================================
   Design page (Дизайн)
====================================================*/
.design-intro {
   margin-bottom: 0;
}

.design-intro+.images-list {
   margin-top: 0;
   margin-bottom: 0;
}

.design-intro+.images-list+.images-list {
   margin-top: 0;
}

.design-intro__image {
   float: left;
}

@media screen and (min-width: 1025px) {
   .design-intro__text {
      padding-left: 340px;
   }
}

@media screen and (max-width: 1024px) {
   .design-intro__image {
      margin-bottom: 20px;
   }
}

@media screen and (min-width: 481px) and (max-width: 1024px) {
   .design-intro__title {
      width: 100%;
      float: left;
      padding-right: 140px;
      padding-top: 20px;
   }

   .design-intro__image {
      width: 120px;
      margin-left: -120px;
   }

   .design-intro__text {
      clear: both;
   }
}

@media screen and (max-width: 480px) {
   .design-intro__image {
      float: none;
   }

   .design-intro__image img {
      max-width: 30%;
   }
}


/*====================================================
   Design item page (Дизайн один)
====================================================*/
.design-item-section__in {
   position: relative;
   padding-bottom: 136px;
}

.design-item .align-middle-block__image {
   text-align: center;
}

.design-item .align-middle-block__image img {
   display: block;
   margin: 0 auto;
}

.design-item .slider-controls {
   position: absolute;
   bottom: 0;
   left: 0;
   width: 100%;
   max-width: 982px;
}

.design-item .align-middle-block_text-left~.slider-controls {
   left: auto;
   right: 0;
}

@media screen and (min-width: 1025px) {
   .design__slider {
      max-width: 982px;
      margin-right: -60px;
   }

   .design-item .align-middle-block_text-left .design__slider {
      margin-right: 0;
      margin-left: -60px;
      float: right;
      width: 100%;
      height: 100%;
   }
}

@media screen and (max-width: 1279px) {
   .design__slider {
      width: 100%;
   }
}

@media screen and (min-width: 768px) and (max-width: 1279px) {
   .design-item .slider-controls {
      width: calc(100% - 60px);
   }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
   .design-item .align-middle-block_text-left .design__slider {
      float: right;
      width: calc(100% - 60px);
   }

   .design-item .align-middle-block_text-left .design__slider img {
      margin-right: 0;
   }
}

@media screen and (max-width: 1024px) {
   .design-item-section__in {
      padding-bottom: 116px;
   }
}

@media screen and (max-width: 767px) {
   .design-item-section__in {
      padding-bottom: 104px;
   }

   .design-item .align-middle-block__content {
      display: none;
   }
}

@media screen and (max-width: 480px) {
   .design-item-section__in {
      padding-bottom: 80px;
   }
}


/*====================================================
   Projection page (Проектирование)
====================================================*/

/*projection-intro*/
.projection-intro__text {
   column-gap: 40px;
}

@media screen and (max-width: 1024px) {
   .projection-intro__text {
      columns: 2 auto;
   }
}

@media screen and (max-width: 480px) {
   .projection-intro__text {
      columns: auto;
   }
}

/*.projection-stages*/
.projection-stages__text {
   margin-bottom: 60px;
}

.projection-stages .stages__list a {
   display: inline-block;
}

@media screen and (max-width: 1024px) {
   .projection-stages__text {
      margin-bottom: 50px;
   }
}

@media screen and (max-width: 480px) {
   .projection-stages__text {
      margin-bottom: 40px;
   }
}

/*projection-features*/
.projection-features__3d {
   margin-left: 70px;
}

.projection-features__3d .link_3d {
   margin-top: -40px;
}

@media screen and (min-width: 1025px) {
   .projection-features__in {
      padding: 80px;
   }

   .projection-features__3d .link_3d,
   .projection-features__3d .flipper__front,
   .projection-features__3d .flipper__back {
      width: 205px;
      height: 205px;
   }

   .projection-features__3d .link_3d span>span {
      font-size: 80px;
      line-height: 1;
   }
}

@media screen and (max-width: 1279px) {
   .projection-features__3d {
      margin-left: 50px;
   }
}

@media screen and (min-width: 1025px) and (max-width: 1279px) {
   .projection-features__in {
      padding: 80px 60px;
   }
}

@media screen and (max-width: 1024px) {
   .projection-features__top {
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
      justify-content: space-between;
   }

   .projection-features__3d {
      margin-left: 40px;
   }

   .projection-features__3d .link_3d {
      margin-top: -30px;
   }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
   .projection-features__in {
      padding: 60px 30px 40px 20px;
   }
}

@media screen and (max-width: 767px) {
   .projection-features__3d {
      margin-left: 20px;
   }

   .projection-features__3d .link_3d,
   .projection-features__3d .flipper__front,
   .projection-features__3d .flipper__back {
      width: 89px;
      height: 89px;
      line-height: 89px;
   }

   .projection-features__3d .link_3d {
      margin-top: 0;
   }

   .projection-features__3d .link_3d span {
      font-size: 9px;
      margin-left: -4px;
   }

   .projection-features__3d .link_3d span span {
      font-size: 36px;
      margin-left: 2px;
   }
}

@media screen and (max-width: 480px) {
   .projection-features__top {
      display: block;
      padding-top: 110px;
      position: relative;
   }

   .projection-features__3d {
      position: absolute;
      top: 0;
      left: 0;
      margin-left: 0;
   }
}

/*projection-result*/
.projection-result h3,
.projection-result .h3 {
   margin-bottom: 60px;
}

@media screen and (max-width: 1024px) {

   .projection-result h3,
   .projection-result .h3 {
      margin-bottom: 40px;
   }
}

@media screen and (max-width: 1024px) {

   .projection-result h3,
   .projection-result .h3 {
      margin-bottom: 30px;
   }
}

/*.projection-services*/
.projection-services {
   z-index: 2;
}

.projection-services__row {
   position: relative;
   margin-left: -60px;
   margin-bottom: 100px;
}

.projection-services__row:last-child {
   margin-bottom: 0;
}

.projection-services__section {
   width: 50%;
   padding-left: 60px;
}

.projection-services__section_full {
   width: 100%;
}

.projection-services__list.columns_2 {
   column-gap: 60px;
}

.projection-services-list__item {
   margin-bottom: 40px;
}

.projection-services-list-item__link {
   display: inline-block;
}

.projection-services-list-item__link:after {
   display: none;
}

.projection-services-list-item__icon {
   width: 90px;
   min-width: 90px;
}

.projection-services-list-item__title h3,
.projection-services-list-item__title .h3 {
   margin-bottom: 0;
   line-height: 1.3;
}

.projection-services-list-item__in .projection-services-list-item__title h3,
.projection-services-list-item__in .projection-services-list-item__title .h3 {
   color: #EE2329;
}

.projection-services-list-item__in .projection-services-list-item__title span {
   display: block;
   padding-top: 10px;
   font-size: 14px;
   text-transform: none;
   color: #000;
   transition: all 0.3s ease 0s;
}

a.projection-services-list-item__link:hover .projection-services-list-item__title span {
   color: #EE2329;
}

.projection-services-list-item__details {
   position: absolute;
   top: 60px;
   left: 60px;
   width: calc(100% - 60px);
   z-index: 2;
   opacity: 0;
   visibility: hidden;
   transform: translateY(10%);
   transition: all 0.3s ease 0s;
}

.projection-services-list-item__details.visible {
   opacity: 1;
   visibility: visible;
   z-index: 3;
   transform: translateY(0);
}

.projection-modal-details__in {
   position: relative;
   padding: 40px 80px;
   background: #FFF;
}

.projection-modal-details__in .link_close {
   top: 30px;
   right: 30px;
}

.projection-modal-details__left {
   width: 45%;
}

.projection-modal-details__top {
   margin-bottom: 40px;
}

.projection-modal-details__top h3,
.projection-modal-details__top .h3 {
   margin-bottom: 0;
}

.projection-modal-details__text {
   margin-bottom: 20px;
}

.projection-modal-details__text h4,
.projection-modal-details__text .h4 {
   margin-bottom: 10px;
}

.projection-modal-details__text ul {
   margin-bottom: 0;
}

.projection-modal-details__text ul li {
   margin-bottom: 0;
}

.projection-modal-details__buy h3,
.projection-modal-details__buy .h3 {
   margin-bottom: 0;
   padding-right: 20px;
}

.projection-modal-details__right {
   width: 55%;
   padding-left: 60px;
   padding-top: 20px;
}

@media screen and (max-width: 1366px) {
   .projection-modal-details__in {
      padding: 60px;
   }
}

@media screen and (max-width: 1279px) {

   .projection-services-list-item__title h3,
   .projection-services-list-item__title .h3 {
      font-size: 20px;
   }

   .projection-services-list-item__details {
      left: 30px;
      right: -30px;
      width: auto;
   }

   .projection-modal-details__in {
      padding: 60px 30px 40px;
   }

   .projection-modal-details__buy h3,
   .projection-modal-details__buy .h3 {
      font-size: 18px;
   }
}

@media screen and (max-width: 1024px) {
   .projection-services__row {
      margin-left: -40px;
      margin-bottom: 60px;
   }

   .projection-services__section {
      padding-left: 40px;
   }

   .projection-services__list.columns_2 {
      column-gap: 40px;
   }

   .projection-services-list-item__title h3,
   .projection-services-list-item__title .h3 {
      font-size: 18px;
   }

   .projection-services-list-item__details {
      left: 10px;
   }

   .projection-modal-details__in {
      font-size: 14px;
   }

   .projection-modal-details__buy {
      display: block;
   }

   .projection-modal-details__buy h3,
   .projection-modal-details__buy .h3 {
      font-size: 16px;
      text-transform: none;
      margin-bottom: 15px;
      padding-right: 0;
   }
}

@media screen and (max-width: 767px) {
   .projection-services__row {
      display: block;
      margin-left: 0;
      margin-bottom: 0;
   }

   .projection-services__section {
      width: 100%;
      padding-left: 0;
      margin-bottom: 60px;
   }

   .projection-services__list.columns_2 {
      columns: auto;
   }

   .projection-services-list__item {
      position: relative;
   }

   .projection-modal-details {
      top: 0;
      left: -20px;
      right: -20px;
   }

   .projection-modal-details__in {
      display: block;
      padding: 40px 60px 40px 20px;
   }

   .projection-modal-details__in .link_close {
      right: 20px;
   }

   .projection-modal-details__left {
      width: 100%;
      margin-bottom: 30px;
   }

   .projection-modal-details__top {
      margin-bottom: 30px;
   }

   .projection-modal-details__right {
      width: 100%;
      padding-left: 0;
      padding-top: 0;
   }
}

@media screen and (max-width: 480px) {
   .projection-services__section {
      margin-bottom: 50px;
   }

   .projection-services__section .title_border h2,
   .projection-services__section .title_border .h2 {
      margin-bottom: 20px;
   }

   .projection-services-list__item {
      margin-bottom: 30px;
   }

   .projection-services-list-item__icon {
      width: 70px;
      min-width: 70px;
   }

   .projection-services-list-item__icon img {
      max-width: 60px;
      max-height: 55px;
   }

   .projection-services-list-item__title h3,
   .projection-services-list-item__title .h3 {
      font-size: 16px;
   }

   .projection-services-list-item__in .projection-services-list-item__title span {
      padding-top: 5px;
   }

   .projection-modal-details__in {
      padding: 30px 60px 30px 20px;
   }

   .projection-modal-details__left {
      margin-bottom: 20px;
   }

   .projection-modal-details__top {
      margin-bottom: 20px;
   }
}


/*====================================================
   Building page (Строительство)
====================================================*/

/*building-materials*/
.building-materials__text {
   margin-bottom: 80px;
}

.building-materials__slider {
   max-width: 1100px;
   margin: 0 auto;
}

.article .logo-slider {
   margin: 40px 0;
}

.logo-slider__item {
   padding: 0 20px;
   text-align: center;
}

.logo-slider-item__in {
   height: 100%;
}

@media screen and (max-width: 1279px) {
   .building-materials__text {
      margin-bottom: 60px;
   }
}

@media screen and (max-width: 1024px) {
   .building-materials__text {
      margin-bottom: 40px;
   }

   .building-materials__slider {
      padding: 0;
   }
}

@media screen and (max-width: 767px) {
   .logo-slider {
      margin: 0 -15px;
   }

   .logo-slider__item {
      padding: 0 15px;
   }
}

@media screen and (max-width: 480px) {
   .building-materials__text {
      margin-bottom: 30px;
   }

   .logo-slider {
      margin: 0 -8px;
   }

   .logo-slider__item {
      padding: 0 8px;
   }
}

/*building-solutions*/
.building-solutions__text {
   max-width: 640px;
   padding-right: 40px;
}

.building-solutions__slider {
   width: 300px;
   margin-top: -70px;
}

.certificates-slider .link_fancybox:before,
.certificates-list-link.link_fancybox:before {
   top: 50%;
   left: 50%;
   margin: -12px 0 0 -12px;
   background: url('../i/zoom-red.svg') 0 0 / contain no-repeat;
}

@media screen and (max-width: 1279px) {
   .building-solutions__slider {
      margin-top: -60px;
   }
}

@media screen and (max-width: 1024px) {
   .building-solutions__slider {
      width: 233px;
      max-width: 100%;
      margin-top: -30px;
   }
}

@media screen and (max-width: 767px) {
   .building-solutions__slider {
      margin-top: 0;
   }
}

@media screen and (min-width: 481px) and (max-width: 767px) {
   .building-solutions__slider {
      width: 180px;
   }

   .building-solutions__slider .slider-buttons-svg {
      width: 180px;
   }
}

@media screen and (max-width: 480px) {
   .building-solutions__content {
      display: block;
   }

   .building-solutions__text {
      margin-bottom: 30px;
   }

   .building-solutions__slider {
      width: 100%;
   }

   .certificates-slider {
      width: 233px;
      max-width: 100%;
      margin: 0 auto;
   }
}

/*building-quality*/
.building-quality {
   overflow: hidden;
}

.building-quality__in {
   margin-left: -60px;
}

.building-quality__in>div {
   padding-left: 60px;
}

.building-quality__text {
   width: 32%;
}

.building-quality__list {
   width: 18%;
   white-space: nowrap;
}

.building-quality__list ul li {
   text-transform: uppercase;
   margin-bottom: 0;
}

.building-quality__guaranty {
   width: 50%;
   margin: -37px -37px -37px 0;
}

.guaranty {
   transform: translateY(-50%);
   margin-top: 80px;
   float: right;
   font-family: 'RobotoMedium';
   font-size: 38px;
   line-height: 1.1;
   text-transform: uppercase;
}

.guaranty__text {
   padding-right: 30px;
   color: #BD0000;
}

.guaranty__num {
   width: 360px;
   height: 360px;
   padding: 30px;
   border-radius: 100%;
   border: 7px solid #F4F4F4;
   border-left-color: #BD0000;
   text-align: center;
}

.guaranty__num>div {
   width: 100%;
   height: 100%;
   padding-top: 20px;
   border-radius: 100%;
   background: #BD0000;
   color: #FFF;
}

.guaranty__num span {
   display: block;
   margin-bottom: 30px;
   font-family: 'RobotoRegular';
   font-size: 160px;
   line-height: 1;
}

@media screen and (max-width: 1279px) {
   .guaranty {
      margin-top: 70px;
      font-size: 28px;
   }

   .guaranty__text {
      padding-right: 25px;
   }

   .guaranty__num {
      width: 260px;
      height: 260px;
      padding: 20px;
      font-size: 28px;
   }

   .guaranty__num span {
      font-size: 110px;
      margin-bottom: 15px;
   }
}

@media screen and (max-width: 1024px) {
   .building-quality__text {
      width: 100%;
      margin-bottom: 40px;
      padding-left: 0;
   }

   .building-quality__list {
      width: 40%;
   }

   .building-quality__guaranty {
      width: 60%;
      margin: -22px -22px -22px 0;
   }

   .guaranty {
      transform: translateY(0);
      margin-top: 0;
      font-size: 30px;
   }

   .guaranty__text {
      padding-right: 20px;
   }

   .guaranty__num {
      width: 220px;
      height: 220px;
      padding: 15px;
      font-size: 24px;
   }

   .guaranty__num>div {
      padding-top: 15px;
   }

   .guaranty__num span {
      font-size: 90px;
   }
}

@media screen and (max-width: 667px) {
   .building-quality__guaranty {
      margin: -17px -17px -17px 0;
   }

   .guaranty {
      font-size: 20px;
   }

   .guaranty__text {
      padding-right: 20px;
   }

   .guaranty__num {
      width: 170px;
      height: 170px;
      padding: 10px;
      font-size: 20px;
   }

   .guaranty__num span {
      font-size: 70px;
      margin-bottom: 5px;
   }
}

@media screen and (max-width: 480px) {
   .building-quality__in {
      margin-left: 0;
   }

   .building-quality__in>div {
      padding-left: 0;
   }

   .building-quality__text {
      margin-bottom: 30px;
   }

   .building-quality__list {
      width: 100%;
      margin-bottom: 30px;
   }

   .building-quality__guaranty {
      width: 100%;
      text-align: center;
   }

   .guaranty {
      float: none;
      display: inline-block;
   }
}

/*building-docs*/
.building-docs__text {
   width: 50%;
   padding-right: 40px;
}

.building-docs__list {
   width: 50%;
   text-align: center;
}

.building-docs__list h3,
.building-docs__list .h3 {
   margin-bottom: 40px;
}

.building-docs__list ul {
   max-width: 400px;
   margin: 0 auto;
   padding: 0;
}

.building-docs__list li {
   width: 25%;
   margin: 0;
   padding: 0;
}

.building-docs__list li:before {
   display: none;
}

.building-docs__list .svg-icon {
   display: inline-block;
   white-space: normal;
   text-align: center;
}

.building-docs__list .svg-icon__image {
   margin-bottom: 10px;
}

.building-docs__list .svg-stroke_black {
   stroke: #000;
}

.building-docs__list .svg-icon:hover .svg-stroke_black {
   stroke: #EE2329;
}

.building-docs__list .svg-fill_white {
   fill: #FFF;
}

.building-docs__list .svg-stroke_red {
   stroke: #EE2329;
}

.building-docs__list .svg-icon__text {
   display: block;
   line-height: 1.5;
}

@media screen and (max-width: 1024px) {
   .building-docs__text {
      width: 60%;
   }

   .building-docs__list {
      width: 40%;
   }

   .building-docs__list h3,
   .building-docs__list .h3 {
      font-size: 18px;
   }

   .building-docs__list ul {
      max-width: 240px;
      margin-bottom: -40px;
   }

   .building-docs__list li {
      width: 50%;
      margin-bottom: 40px;
   }
}

@media screen and (max-width: 767px) {
   .building-docs__in {
      display: block;
   }

   .building-docs__text {
      width: 100%;
      padding-right: 0;
      margin-bottom: 60px;
   }

   .building-docs__list {
      width: auto;
   }
}

@media screen and (min-width: 481px) and (max-width: 767px) {
   .building-docs__list ul {
      max-width: 360px;
   }
}

@media screen and (max-width: 480px) {
   .building-docs__text {
      margin-bottom: 40px;
   }

   .building-docs__list h3,
   .building-docs__list .h3 {
      margin-bottom: 20px;
   }
}

/*communication*/
.communication__in {
   min-height: 577px;
   padding: 50px 45% 50px 70px;
   background: #1E1E1E;
   position: relative;
   color: #FFF;
}

.communication__image {
   position: absolute;
   bottom: 0;
   right: 0;
   z-index: 0;
   max-width: 90%;
}

.communication__content {
   position: relative;
   z-index: 1;
}

.communication__title {
   padding-left: 120px;
   padding-right: 20px;
   margin-bottom: 60px;
   position: relative;
}

.communication__title:before {
   content: '';
   position: absolute;
   top: 0;
   left: 0;
   width: 85px;
   height: 85px;
   background: url('../i/whatsapp-icon.png') 0 0 / contain no-repeat;
}

.communication__title h2,
.communication__title .h2 {
   display: inline;
   font-family: 'RobotoMedium';
   font-size: 30px;
   line-height: 1.2;
}

@media screen and (max-width: 1279px) {
   .communication__title {
      padding-left: 80px;
      margin-bottom: 50px;
   }

   .communication__title:before {
      width: 60px;
      height: 60px;
   }

   .communication__title h2,
   .communication__title .h2 {
      font-size: 28px;
   }
}

@media screen and (max-width: 1024px) {
   .communication__in {
      min-height: 0;
      padding: 50px;
   }

   .communication__image {
      display: none;
   }

   .communication__title {
      padding-left: 60px;
      margin-bottom: 40px;
   }

   .communication__title:before {
      width: 40px;
      height: 40px;
   }

   .communication__title h2,
   .communication__title .h2 {
      font-size: 22px;
   }
}

@media screen and (max-width: 767px) {
   .communication__in {
      padding: 40px 20px;
      margin: 0 -20px;
   }

   .communication__title {
      margin-bottom: 30px;
   }
}

@media screen and (max-width: 480px) {
   .communication__in {
      padding: 30px 20px;
   }

   .communication__title {
      padding-left: 40px;
      margin-bottom: 20px;
   }

   .communication__title:before {
      width: 30px;
      height: 30px;
   }

   .communication__title h2,
   .communication__title .h2 {
      font-size: 20px;
   }
}


/*====================================================
   Repairs page (Ремонт)
====================================================*/

/*repairs-services*/
.repairs-services__text {
   margin-bottom: 40px;
}

.repairs-services__button {
   margin-top: 40px;
}

@media screen and (max-width: 767px) {
   .repairs-services__text {
      margin-bottom: 30px;
   }
}

@media screen and (max-width: 480px) {
   .repairs-services__text {
      margin-bottom: 20px;
   }

   .repairs-services__button {
      margin-top: 30px;
   }
}

/*repairs-features*/
@media screen and (max-width: 1024px) {
   .repairs-features.wrapper_border .inner {
      padding-bottom: 0;
   }

   .repairs-features.wrapper_border .inner:after {
      display: none;
   }
}


/*====================================================
   Finishing page (Отделка)
====================================================*/

/*.finishing-services*/
.finishing-services {
   margin-bottom: 0;
}

.finishing-services+.images-list {
   margin-top: 0;
}

@media screen and (min-width: 768px) {
   .finishing-services .list-with-icons__image {
      width: 95px;
   }

   .finishing-services .list-with-icons__text {
      padding-left: 95px;
   }
}

/*.finishing-design*/
.finishing-design__left {
   text-align: center;
}

.finishing-design__image {
   width: 220px;
   min-width: 220px;
   margin-bottom: 20px;
}

.finishing-design__person h3,
.finishing-design__person .h3 {
   margin-bottom: 0;
}

.finishing-design__text {
   margin-top: 60px;
   margin-left: 40px;
}

@media screen and (min-width: 481px) {
   .finishing-design__left {
      display: block;
   }
}

@media screen and (max-width: 767px) {
   .finishing-design__image {
      width: 150px;
      min-width: 150px;
   }

   .finishing-design__person h3,
   .finishing-design__person .h3 {
      font-size: 16px;
   }

   .finishing-design__job {
      font-size: 14px;
   }

   .finishing-design__text {
      margin-top: 30px;
      margin-left: 30px;
   }
}

@media screen and (max-width: 480px) {
   .finishing-design__in {
      display: block;
   }

   .finishing-design__image {
      width: 100px;
      min-width: 0;
      margin-right: 20px;
      margin-bottom: 15px;
   }

   .finishing-design__person h3,
   .finishing-design__person .h3 {
      font-size: 14px;
   }

   .finishing-design__job {
      font-size: 12px;
   }

   .finishing-design__text {
      margin-top: 0;
      margin-left: 0;
   }
}


/*====================================================
   About company page (О компании)
====================================================*/

/*.about-intro*/
.about-intro__companies {
   padding-bottom: 100px;
}

.about-intro-companies__logo {
   text-align: center;
   padding-bottom: 30px;
   position: relative;
   z-index: 2;
}

.about-intro-companies__list {
   padding-top: 40px;
   position: relative;
   z-index: 1;
}

.about-intro-companies-list__item {
   display: inline-block;
   position: relative;
   padding-top: 10px;
}

.about-intro-companies-list__item h3,
.about-intro-companies-list__item .h3 {
   margin-bottom: 0;
}

.about-intro-companies-list__item:before,
.about-intro-companies-list__item:after {
   content: '';
   position: absolute;
   background: #EE2329;
}

.about-intro-companies-list__item:before {
   left: 0;
   top: 0;
   width: 100%;
   height: 3px;
}

.about-intro-companies-list__item:after {
   bottom: 100%;
   width: 1px;
}

.about-intro-companies-list__item:nth-child(1):after,
.about-intro-companies-list__item:nth-child(2):after {
   right: 0;
}

.about-intro-companies-list__item:nth-child(3):after,
.about-intro-companies-list__item:nth-child(4):after {
   left: 0;
}

.about-intro-companies-list__item:nth-child(1):after {
   height: 300px;
   transform: rotate(80deg) translate3D(149px, -124px, 0);
}

.about-intro-companies-list__item:nth-child(2):after {
   height: 70px;
   transform: rotate(45deg) translate3D(26px, -9px, 0);
}

.about-intro-companies-list__item:nth-child(3):after {
   height: 70px;
   transform: rotate(-45deg) translate3D(-26px, -9px, 0);
}

.about-intro-companies-list__item:nth-child(4):after {
   height: 300px;
   transform: rotate(-80deg) translate3D(-149px, -124px, 0);
}

.about-intro__image {
   margin-bottom: 70px;
}

.about-intro__text .columns_2 {
   column-gap: 80px;
}

@media screen and (min-width: 481px) {

   .about-intro-companies-list__item h3 br,
   .about-intro-companies-list__item .h3 br {
      display: none;
   }
}

@media screen and (max-width: 1279px) {
   .about-intro__companies {
      padding-bottom: 80px;
   }

   .about-intro-companies-list__item h3,
   .about-intro-companies-list__item .h3 {
      font-size: 18px;
   }

   .about-intro-companies-list__item:nth-child(1):after {
      height: 270px;
      transform: rotate(78deg) translate3D(133px, -107px, 0);
   }

   .about-intro-companies-list__item:nth-child(2):after {
      height: 65px;
      transform: rotate(45deg) translate3D(24px, -7px, 0);
   }

   .about-intro-companies-list__item:nth-child(3):after {
      height: 65px;
      transform: rotate(-45deg) translate3D(-24px, -7px, 0);
   }

   .about-intro-companies-list__item:nth-child(4):after {
      height: 270px;
      transform: rotate(-78deg) translate3D(-133px, -107px, 0);
   }

   .about-intro__image {
      margin-bottom: 50px;
   }

   .about-intro__text .columns_2 {
      column-gap: 60px;
   }
}

@media screen and (max-width: 1024px) {
   .about-intro__companies {
      padding-bottom: 50px;
   }

   .about-intro-companies__logo {
      padding-bottom: 15px;
      background: #FFF;
   }

   .about-intro-companies__list {
      padding-top: 90px;
      margin: 0 -10px;
   }

   .about-intro-companies-list__item {
      width: 25%;
      padding-left: 10px;
      padding-right: 10px;
      text-align: center;
   }

   .about-intro-companies-list__item h3,
   .about-intro-companies-list__item .h3 {
      font-size: 16px;
      white-space: nowrap;
   }

   .about-intro-companies-list__item:before {
      width: auto;
      left: 10px;
      right: 10px;
   }

   .about-intro-companies-list__item:nth-child(1):after {
      height: 240px;
      transform: rotate(78deg) translate3D(70px, 0px, 0);
   }

   .about-intro-companies-list__item:nth-child(2):after {
      height: 90px;
      transform: rotate(55deg) translate3D(-30px, 40px, 0);
   }

   .about-intro-companies-list__item:nth-child(3):after {
      height: 90px;
      transform: rotate(-55deg) translate3D(30px, 40px, 0);
   }

   .about-intro-companies-list__item:nth-child(4):after {
      height: 240px;
      transform: rotate(-78deg) translate3D(-70px, 0px, 0);
   }

   .about-intro__image {
      margin-bottom: 30px;
   }

   .about-intro__text .columns_2 {
      column-gap: 40px;
   }
}

@media screen and (max-width: 767px) {
   .about-intro__companies {
      padding-bottom: 40px;
   }

   .about-intro-companies__logo img {
      width: 180px;
   }

   .about-intro-companies__list {
      padding-top: 60px;
   }

   .about-intro-companies-list__item h3,
   .about-intro-companies-list__item .h3 {
      font-size: 14px;
   }

   .about-intro-companies-list__item:before {
      height: 2px;
   }

   .about-intro-companies-list__item:nth-child(1):after {
      height: 240px;
      transform: rotate(78deg) translate3D(80px, -30px, 0);
   }

   .about-intro-companies-list__item:nth-child(2):after {
      height: 90px;
      transform: rotate(55deg) translate3D(-20px, 30px, 0);
   }

   .about-intro-companies-list__item:nth-child(3):after {
      height: 90px;
      transform: rotate(-55deg) translate3D(20px, 30px, 0);
   }

   .about-intro-companies-list__item:nth-child(4):after {
      height: 240px;
      transform: rotate(-78deg) translate3D(-80px, -30px, 0);
   }

   .about-intro__image {
      margin-bottom: 20px;
   }

   .about-intro__text .columns_2 {
      columns: auto;
   }
}

@media screen and (max-width: 599px) {
   .about-intro-companies__logo img {
      width: 160px;
   }

   .about-intro-companies__list {
      margin: 0 -5px;
   }

   .about-intro-companies-list__item {
      padding-left: 5px;
      padding-right: 5px;
   }

   .about-intro-companies-list__item h3,
   .about-intro-companies-list__item .h3 {
      font-size: 11px;
   }

   .about-intro-companies-list__item:before {
      left: 5px;
      right: 5px;
      height: 2px;
   }

   .about-intro-companies-list__item:nth-child(1):after {
      height: 27vw;
      transform: rotate(76deg) translate3D(7vw, 3vw, 0);
   }

   .about-intro-companies-list__item:nth-child(2):after {
      height: 12vw;
      transform: rotate(55deg) translate3D(-4vw, 6vw, 0);
   }

   .about-intro-companies-list__item:nth-child(3):after {
      height: 12vw;
      transform: rotate(-55deg) translate3D(4vw, 6vw, 0);
   }

   .about-intro-companies-list__item:nth-child(4):after {
      height: 27vw;
      transform: rotate(-76deg) translate3D(-7vw, 3vw, 0);
   }
}

@media screen and (max-width: 480px) {
   .about-intro__companies {
      padding-bottom: 30px;
   }

   .about-intro-companies__list {
      padding-top: 40px;
   }

   .about-intro-companies__logo img {
      width: 140px;
   }

   .about-intro__image {
      margin: 0 -20px 15px;
   }
}

@media screen and (max-width: 375px) {
   .about-intro-companies__logo img {
      width: 110px;
   }

   .about-intro-companies__list {
      padding-top: 30px;
   }

   .about-intro-companies-list__item h3,
   .about-intro-companies-list__item .h3 {
      font-size: 9px;
   }
}

/*objects*/
.objects__list {
   max-width: 1100px;
   margin: 0 auto;
}


/*====================================================
   .articles-list (Articles page, News page)
====================================================*/
.articles-list__item {
   margin-bottom: 60px;
}

.articles-list__item:last-child {
   margin-bottom: 0;
}

.articles-list-item__title .title_border h2,
.articles-list-item__title .title_border .h2 {
   margin-bottom: 20px;
}

.articles-list-item__title h2 a,
.articles-list-item__title .h2 a {
   color: #111;
}

.articles-list-item__title h2 a:hover,
.articles-list-item__title .h2 a:hover {
   color: #EE2329;
}

.articles-list-item__title h2 a:after,
.articles-list-item__title .h2 a:after {
   display: none;
}

.articles-list-item__date {
   margin-bottom: 20px;
}

.articles-list-item__date,
.articles-list-item__text {
   padding-left: 20px;
}

@media screen and (max-width: 1024px) {

   .articles-list-item__date,
   .articles-list-item__text {
      padding-left: 16px;
   }
}

@media screen and (max-width: 767px) {
   .articles-list__item {
      margin-bottom: 50px;
   }
}

@media screen and (min-width: 481px) and (max-width: 767px) {

   .articles-list-item__title .title_border.title_small h2,
   .articles-list-item__title .title_border.title_small .h2 {
      font-size: 22px;
   }
}

@media screen and (max-width: 480px) {
   .articles-list__item {
      margin-bottom: 40px;
   }

   .articles-list-item__title h2,
   .articles-list-item__title .h2 {
      margin-bottom: 15px;
   }

   .articles-list-item__date {
      margin-bottom: 15px;
   }

   .articles-list-item__date,
   .articles-list-item__text {
      padding-left: 0;
   }
}


/*====================================================
   .articles-item (Articles item page, News item page)
====================================================*/
.article-item__date {
   margin-bottom: 20px;
}

.article-item__image {
   float: left;
   width: 410px;
}

.article-item__text {
   padding-left: 460px;
}

.article-item__title+.article-item__text {
   padding-left: 0;
}

.article-item__text h2 {
   margin: 40px 0 20px;
}

.article-item__text h3 {
   margin: 30px 0 15px;
}

@media screen and (max-width: 1024px) {
   .article-item__image {
      float: none;
      width: 100%;
      margin-bottom: 30px;
   }

   .article-item__text {
      padding-left: 0;
   }
}

@media screen and (max-width: 480px) {
   .article-item__image {
      margin-bottom: 20px;
   }
}


/*====================================================
   .videogallery (Video gallery page)
====================================================*/
.videogallery__list {
   margin-left: -50px;
   margin-bottom: -75px;
}

.videogallery-list__item {
   width: 50%;
   padding-left: 50px;
   margin-bottom: 75px;
}

.videogallery-list-item__bottom {
   padding: 15px 20px 15px 35px;
   background: #FFF;
}

.videogallery-list-item__title {
   padding-right: 20px;
}

.videogallery-list-item__title h4,
.videogallery-list-item__title .h4 {
   margin-bottom: 0;
}

.videogallery-list-item__num {
   width: 58px;
   min-width: 58px;
   height: 58px;
   line-height: 58px;
   border-radius: 100%;
   background: #111;
   text-align: center;
   font-family: 'RobotoBold';
   font-size: 34px;
   color: #FFF;
   transition: all 0.3s ease 0s;
}

.videogallery-list-item__in:hover .videogallery-list-item__num {
   background: #EE2329;
}

@media screen and (max-width: 1024px) {
   .videogallery__list {
      margin-left: -20px;
   }

   .videogallery-list__item {
      padding-left: 20px;
   }

   .videogallery-list-item__bottom {
      padding: 10px 20px 10px 20px;
   }

   .videogallery-list-item__title h4,
   .videogallery-list-item__title .h4 {
      font-size: 16px;
   }

   .videogallery-list-item__num {
      width: 48px;
      min-width: 48px;
      height: 48px;
      line-height: 48px;
      font-size: 30px;
   }
}

@media screen and (max-width: 767px) {
   .videogallery__list {
      margin-bottom: -60px;
   }

   .videogallery-list__item {
      margin-bottom: 60px;
   }

   .videogallery-list-item__num {
      width: 40px;
      min-width: 40px;
      height: 40px;
      line-height: 40px;
      font-size: 24px;
   }
}

@media screen and (max-width: 599px) {
   .videogallery__list {
      margin-left: 0;
      margin-bottom: 0;
   }

   .videogallery-list__item {
      width: 100%;
      padding-left: 0;
      margin-bottom: 50px;
   }

   .videogallery-list__item:last-child {
      margin-bottom: 0;
   }
}

@media screen and (max-width: 480px) {
   .videogallery__list {
      margin: 0 -20px;
   }
}


/*====================================================
   .contacts (Contacts page)
====================================================*/
.contacts .contacts__in.bg_white {
   padding-bottom: 0;
}

.contacts__section {
   font-size: 24px;
   line-height: 1.2;
   margin-bottom: 100px;
}

.contacts__section:last-child {
   margin-bottom: 0;
}

.contacts-section__item {
   margin-bottom: 40px;
}

.contacts-section__item:last-child {
   margin-bottom: 0;
}

.contacts-image__note {
   position: relative;
   margin-left: 20px;
   padding-bottom: 20px;
}

.contacts-image-note__arrow {
   position: absolute;
   top: 100%;
   right: 100%;
   width: 280px;
   height: 110px;
   transform: translate3d(40px, -40px, 0);
}

.contacts-section .map {
   margin: 0 -40px;
}

@media screen and (max-width: 1024px) {
   .contacts__section {
      margin-bottom: 60px;
   }

   .contacts-image__note {
      padding-bottom: 0;
      margin-left: 40px;
   }

   .contacts-image-note__text {
      font-size: 18px;
   }

   .contacts-image-note__arrow {
      top: 50%;
      right: 100%;
      width: 142px;
      height: 54px;
      transform: translate3d(-20px, -27px, 0);
   }

   .contacts-section .map {
      margin: 0 -20px;
   }
}

@media screen and (max-width: 767px) {
   .contacts__section {
      font-size: 20px;
   }

   .contacts__image {
      display: block;
   }

   .contacts-image__note {
      margin-left: 0;
      padding-top: 20px;
      float: right;
      margin-right: 15%;
   }

   .contacts-image-note__text {
      font-size: 16px;
   }

   .contacts-image-note__arrow {
      top: auto;
      bottom: 100%;
      right: 50%;
      width: 65px;
      height: 90px;
      overflow: hidden;
      transform: translate3d(8px, 30px, 0) rotate(90deg);
   }

   .contacts-image-note__arrow img {
      width: 90px;
      max-width: none;
   }
}

@media screen and (max-width: 480px) {
   .contacts__section {
      font-size: 18px;
   }

   .contacts-section__item {
      margin-bottom: 30px;
   }

   .contacts__section p {
      margin-bottom: 15px;
   }

   .contacts-image-note__text {
      font-size: 14px;
   }
}

@media screen and (max-width: 375px) {
   .contacts-image-note__text {
      font-size: 12px;
   }
}


/*====================================================
   .content-form
====================================================*/
.content-form__in {
   padding: 80px 100px;
}

.content-form__top {
   margin-bottom: 50px;
}

.content-form__title img {
   margin-right: 20px;
   min-width: 107px;
   border-radius: 100%;
}

.content-form-top__right {
   max-width: 45%;
   padding-left: 30px;
}

.content-form__subtitle {
   font-family: 'RobotoMedium';
   font-size: 18px;
   text-transform: uppercase;
}

.content-form__person {
   font-size: 14px;
}

.content-form__person>div:first-child {
   margin-bottom: 5px;
   padding-bottom: 5px;
   border-bottom: 1px solid #EE2329;
   font-size: 16px;
}

.content-form__link {
   font-size: 14px;
   padding-top: 10px;
}

.content-form__tabs .tabs__links {
   margin-left: -50px;
   margin-bottom: 50px;
}

.content-form__tabs .tabs-links__item {
   width: 33.333%;
   padding-left: 50px;
   cursor: pointer;
}

.content-form__tabs .tabs-links-item__in {
   padding-bottom: 10px;
   text-transform: uppercase;
   position: relative;
   overflow: hidden;
   transition: all 0.3s ease 0s;
}

.content-form__tabs .tabs-links__item:hover .tabs-links-item__in,
.content-form__tabs .tabs-links__item.current .tabs-links-item__in {
   color: #EE2329;
}

.content-form__tabs .tabs-links-item__in:before,
.content-form__tabs .tabs-links-item__in:after {
   content: '';
   position: absolute;
   bottom: 0;
   left: 0;
   height: 1px;
   transition: all 0.3s ease 0s;
}

.content-form__tabs .tabs-links-item__in:before {
   width: 100%;
   background: #FFF;
}

.content-form__tabs .tabs-links-item__in:after {
   width: 0;
   background: #EE2329;
}

.content-form__tabs .tabs-links__item:hover .tabs-links-item__in:after,
.content-form__tabs .tabs-links__item.current .tabs-links-item__in:after {
   width: 100%;
}

.content-form__tabs .content-form__form {
   opacity: 0;
   transform: translateY(10%);
   transition: opacity 0.8s ease 0.15s, transform 0.65s ease 0.15s;
}

.content-form__tabs .tabs-list__item.visible .content-form__form {
   opacity: 1;
   transform: translateY(0);
}

@media screen and (min-width: 1025px) {
   .content-form__fieldset {
      margin-left: -50px;
   }

   .content-form__fieldset>div {
      padding-left: 50px;
   }

   .content-form__left {
      width: 33.333%;
   }

   .content-form__right {
      width: 66.667%;
   }

   .content-form__right textarea {
      padding: 12px 20px;
   }

   .content-form__fieldset .form__fieldset {
      margin-left: 0;
   }

   .content-form__fieldset .form__fieldset .form__field {
      float: none;
      width: 100%;
      padding: 0;
   }

   .content-form__bottom .form__field {
      margin-bottom: 0;
   }

   .content-form__bottom .form__agreement {
      padding-left: 20px;
      order: 2;
      -webkit-box-ordinal-group: 2;
      -webkit-order: 2;
      -ms-flex-order: 2;
   }

   .content-form__bottom .form__submit {
      order: 1;
      -webkit-box-ordinal-group: 1;
      -webkit-order: 1;
      -ms-flex-order: 1;
   }
}

@media screen and (max-width: 1279px) {
   .content-form__in {
      padding: 60px 80px;
   }

   .content-form__subtitle {
      font-size: 16px;
   }
}

@media screen and (max-width: 1024px) {
   .content-form__in {
      padding: 40px 50px 50px;
   }

   .content-form__top {
      margin-bottom: 40px;
   }

   .content-form-top__right {
      max-width: 60%;
   }

   .content-form__subtitle {
      font-size: 14px;
   }

   .content-form__link {
      font-size: 13px;
   }

   .content-form__tabs .tabs__links {
      display: block;
      margin-left: 0;
   }

   .content-form__tabs .tabs-links__item {
      width: 100%;
      padding-left: 0;
      margin-bottom: 25px;
   }

   .content-form__tabs .tabs-links__item:last-child {
      margin-bottom: 0;
   }

   .content-form__right {
      clear: both;
   }

   .content-form__fieldset {
      display: block;
   }

   .content-form__bottom {
      display: block;
      text-align: center;
   }

   .content-form__bottom .form__submit {
      margin-bottom: 0;
   }
}

@media screen and (min-width: 481px) and (max-width: 1024px) {
   .content-form__left .form__fieldset .form__field:first-child {
      width: 100%;
   }
}

@media screen and (min-width: 600px) and (max-width: 1024px) {
   .content-form__title img {
      width: 64px;
      min-width: 64px;
   }
}

@media screen and (max-width: 767px) {
   .content-form__in {
      padding: 40px 20px 50px;
      margin: 0 -20px;
   }
}

@media screen and (min-width: 600px) and (max-width: 767px) {
   .content-form__subtitle {
      font-size: 13px;
   }

   .content-form__link {
      font-size: 12px;
   }
}

@media screen and (max-width: 599px) {
   .content-form__top {
      display: block;
   }

   .content-form-top__left {
      max-width: 100%;
      margin-bottom: 40px;
   }

   .content-form-top__right {
      max-width: 100%;
      padding-left: 0;
   }

   .content-form__upload {
      text-align: center;
      padding-bottom: 20px;
   }

   .content-form__person {
      display: inline-block;
   }

   .content-form__tabs .tabs__links {
      margin-bottom: 40px;
   }

   .content-form__tabs .tabs-links-item__in {
      margin-right: -20px;
   }
}

@media screen and (max-width: 480px) {
   .content-form__top {
      margin-bottom: 30px;
   }

   .content-form-top__left {
      margin-bottom: 30px;
   }

   .content-form__title img {
      width: 76px;
      min-width: 76px;
   }

   .content-form__subtitle {
      font-size: 12px;
   }

   .content-form__link {
      font-size: 11px;
   }

   .content-form__upload {
      padding-bottom: 10px;
   }

   .content-form__tabs .tabs__links {
      margin-bottom: 30px;
   }
}


/*====================================================
   404 page
====================================================*/
.page-title_404 {
   white-space: nowrap;
   transform: translateX(-10vw);
}

.content-404 {
   font-size: 22px;
}

.page-title_404 h1,
.page-title_404.h1 {
   font-size: 150px;
   font-size: 7.8vw;
}

.content-404__link {
   margin-top: -10vw;
   margin-bottom: 80px;
}

.content-404__link a {
   display: block;
   width: 264px;
   height: 264px;
   text-align: center;
   line-height: 264px;
   border-radius: 100%;
   margin: 0 auto;
   background: #FFF;
   color: #111;
}

.content-404__link a:hover {
   background: #111;
   color: #FFF;
}

.content-404__link a:after {
   display: none;
}

.content-404__link a span {
   display: inline-block;
   vertical-align: middle;
   line-height: 1.5;
}

.content-404__text {
   text-align: center;
}

.content-404__text div {
   margin-bottom: 40px;
}

.content-404__text div:last-child {
   margin-bottom: 0;
}

@media screen and (max-width: 1279px) {
   .content-404__link {
      margin-top: -12vw;
   }
}

@media screen and (max-width: 1024px) {

   .page-title_404 h1,
   .page-title_404.h1 {
      font-size: 75px;
      font-size: 10vw;
   }

   .content-404__link {
      margin-top: -14vw;
      margin-bottom: 60px;
   }

   .content-404__link a {
      width: 186px;
      height: 186px;
      line-height: 186px;
   }

   .content-404__text div {
      margin-bottom: 30px;
   }
}

@media screen and (max-width: 767px) {

   .page-title_404 h1,
   .page-title_404.h1 {
      font-size: 65px;
      font-size: 12vw;
   }

   .content-404__link {
      margin-top: -15vw;
      margin-bottom: 40px;
   }

   .content-404__link a {
      width: 146px;
      height: 146px;
      line-height: 146px;
      font-size: 16px;
   }
}

@media screen and (max-width: 480px) {

   .page-title_404 h1,
   .page-title_404.h1 {
      font-size: 60px;
      font-size: 18vw;
   }

   .content-404__link {
      margin-top: -20vw;
      margin-bottom: 30px;
   }

   .content-404__link a {
      width: 134px;
      height: 134px;
      line-height: 134px;
      font-size: 14px;
   }

   .content-404__text div {
      margin-bottom: 20px;
   }
}


/*====================================================
   Custom styles (old pages)
====================================================*/

/*----- .material-variants : start -----*/
.material-variants {
   text-align: center;
   font-size: 0;
   line-height: 0;
}

.item-material {
   display: inline-block;
   vertical-align: top;
   width: 23.439%;
   position: relative;
   margin: 0 0 2.081333% 2.081333%;
   overflow: hidden;
   position: relative;
}

a.item-material {
   cursor: pointer;
}

.item-material:after {
   display: block;
   content: '';
   font-size: 0;
   line-height: 0;
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background: rgba(0, 0, 0, 0.25);
   opacity: 0;
   -webkit-transition: all 0.3s ease 0s;
   transition: all 0.3s ease 0s;
   z-index: 3;
}

.item-material:hover:after {
   opacity: 1;
}

.item-material img {
   display: block;
   margin: 0;
   padding: 0;
   width: 100% !important;
   height: auto !important;
   position: relative;
   z-index: 0;
}

.item-material .material-name {
   display: block;
   position: absolute;
   left: 50%;
   bottom: 10px;
   -webkit-transform: translateX(-50%);
   transform: translateX(-50%);
   width: 169px;
   max-width: 90%;
   height: 37px;
   background: #EE2329;
   color: #fff;
   font-size: 14px;
   line-height: 31px;
   text-align: center;
   z-index: 5;
}

.item-material .material-name>span {
   display: inline-block;
   vertical-align: middle;
   line-height: 100%;
}

@media all and (min-width: 768px) {
   .item-material:nth-child(4n+1) {
      margin-left: 0;
   }
}

@media all and (min-width: 481px) and (max-width: 767px) {
   .item-material {
      width: 46%;
      margin: 0 0 8% 8%;
   }

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

@media all and (max-width: 479px) {
   .item-material {
      width: 100%;
      max-width: 100%;
      margin: 0 0 20px 0;
   }

   .item-material:last-child {
      margin-bottom: 0;
   }
}

/*----- .material-variants : end -----*/

/*----- .gallery-box : start -----*/
.gallery-box {
   text-align: center;
   font-size: 0;
   line-height: 0;
}

.gallery-slide {
   display: inline-block;
   vertical-align: top;
   width: 23.439%;
   position: relative;
   margin: 0 0 2.081333% 2.081333%;
   overflow: hidden;
}

.item-sl {
   display: block;
   max-width: 100%;
}

a.item-sl {
   cursor: pointer;
}

a.item-sl:after {
   display: none;
}

.item-sl img {
   display: block;
   margin: 0;
   padding: 0;
   width: 100% !important;
   height: auto !important;
   position: relative;
   z-index: 0;
}

.gallery-box .hidden {
   display: none;
}

@media all and (min-width: 768px) {
   .gallery-slide:nth-child(4n+1) {
      margin-left: 0;
   }
}

@media all and (min-width: 481px) and (max-width: 767px) {
   .gallery-slide {
      width: 46%;
      margin: 0 0 8% 8%;
   }

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

@media all and (max-width: 480px) {
   .gallery-box {
      margin-bottom: 30px;
   }

   .gallery-slide {
      width: 100%;
      max-width: 100%;
      margin: 0 0 20px 0;
   }

   .gallery-slide:last-child {
      margin-bottom: 0;
   }
}

/*----- .gallery-box : end -----*/

/*----- .content-links : start -----*/
.content-links {
   padding: 30px;
   box-shadow: 0 2px 8px rgba(0, 0, 0, .3);
   margin: 40px 0;
}

.content-links-title h3,
.content-links-title .h3 {
   font-size: 20px;
   line-height: 130%;
   text-transform: uppercase;
   padding-bottom: 20px;
}

.content-links-in {
   font-size: 0;
   line-height: 0;
   margin-left: -30px;
}

.content-links-item {
   display: inline-block;
   vertical-align: top;
   width: 33.333%;
   font-size: 13px;
   line-height: 1.5;
   text-align: center;
   padding: 0 0 30px 30px;
}

.content-in .content-links-item img {
   margin-bottom: 5px;
}

@media all and (min-width: 960px) {
   .content-links {
      padding: 30px 20px;
   }

   .content-links-in {
      margin-left: -20px;
   }

   .content-links-item {
      padding-left: 20px;
   }
}

@media all and (max-width: 959px) {
   .content-links {
      padding: 30px 20px;
   }

   .content-links-in {
      margin-left: -20px;
   }

   .content-links-item {
      padding: 0 0 30px 20px;
   }
}

@media all and (min-width: 481px) and (max-width: 767px) {
   .content-links-item {
      width: 50%;
   }
}

@media all and (max-width: 480px) {
   .content-links-in {
      margin-left: 0
   }

   .content-links-item {
      display: block;
      width: 100%;
      padding-left: 0;
   }
}

/*----- .content-links : end -----*/

/*----- .content-in-gallery : start -----*/
.content-in-gallery {
   font-size: 0;
   line-height: 0;
   padding: 20px 0 0;
   margin-left: -20px;
}

.content-in-gallery a {
   display: inline-block;
   vertical-align: top;
   font-size: 13px;
   line-height: 1;
   text-align: center;
   padding: 0 0 20px 20px;
}

.content-in-gallery a:after {
   display: none;
}

.content-in-gallery-5 a {
   width: 20%;
}

.content-in-gallery img {
   margin: 0;
}

.content-in-gallery-5 img {
   margin: 0;
   width: 100%;
   max-width: 100%;
   height: auto;
}

@media all and (min-width: 768px) and (max-width: 1024px) {
   .content-in-gallery-5 a {
      width: 33.333%;
   }
}

@media all and (min-width: 481px) and (max-width: 767px) {
   .content-in-gallery-5 a {
      width: 50%;
   }
}

@media all and (max-width: 480px) {
   .content-in-gallery-5 a {
      width: 100%;
   }
}

/*----- .content-in-gallery : end -----*/


/*----- .list-block : start -----*/
.list-block-item {
   text-align: center;
   padding: 0 20px;
}

.list-block-3 .list-block-item {
   width: 33.333%;
}

.list-block-item-in:after {
   display: none;
}

.list-block-item img {
   margin-bottom: 10px;
   height: auto;
}

@media all and (max-width: 767px) {
   .list-block-item {
      padding: 0 10px;
   }
}

@media all and (max-width: 480px) {
   .list-block-3 .list-block-item {
      width: 100%;
      margin-bottom: 40px;
   }

   .list-block-item:last-child {
      margin-bottom: 0;
   }
}

/*----- .list-block : end -----*/

/*----- .kvadrat : start -----*/
.kvadrat {
   margin: 20px 0 25px;
   text-align: center;
}

.kvadrat>span {
   display: inline-block;
   vertical-align: top;
   text-align: center;
   background: #EE2329;
   width: 115px;
   margin: 0 15px;
   font-size: 14px;
   line-height: 1.3;
   color: #FFF;
   padding: 20px 0;
}

.kvadrat>span>span {
   color: #FFF;
   text-align: center;
   font-size: 36px;
   line-height: 36px;
   display: block;
}

@media all and (max-width: 959px) {
   .kvadrat {
      margin: 20px 0 10px;
   }

   .kvadrat>span {
      margin: 0 10px 20px;
   }
}

/*----- .kvadrat : end -----*/

/*----- .wienerberger-about : start -----*/
.wienerberger-about {
   margin-bottom: 40px
}

.wienerberger-about__logo {
   margin-bottom: 40px;
}

.wienerberger-about__in {
   margin-bottom: 40px;
}

.wienerberger-about__image {
   min-width: 205px;
   margin-left: 40px;
}

.wienerberger-about .logo-list {
   padding-right: 245px;
}

@media all and (max-width: 1024px) {
   .wienerberger-about .logo-list {
      padding-right: 0;
   }
}

@media all and (max-width: 767px) {
   .wienerberger-about__in {
      display: block;
   }

   .wienerberger-about__text {
      margin-bottom: 40px;
   }

   .wienerberger-about__image {
      min-width: none;
      text-align: center;
      margin-left: 0;
   }

   .wienerberger-about .logo-list {
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center;
      margin-bottom: -20px;
   }

   .wienerberger-about .logo-list>div {
      padding: 0 10px;
      margin-bottom: 20px;
      text-align: center;
   }
}

@media all and (max-width: 480px) {
   .wienerberger-about__logo {
      margin-bottom: 20px;
   }

   .wienerberger-about__in {
      margin-bottom: 30px;
   }

   .wienerberger-about__text {
      margin-bottom: 30px;
   }
}

/*----- .wienerberger-about : end -----*/

/*----- .porotherm-slider : start -----*/
.porotherm-about__text {
   padding-right: 40px;
}

.porotherm-about__slider {
   width: 40%;
}

.porotherm-slider-item {
   text-align: center;
}

.porotherm-slider-item a:after {
   display: none;
}

.porotherm-slider-item span {
   display: block;
}

@media all and (max-width: 1024px) {
   .porotherm-about__slider {
      width: 50%;
   }
}

@media all and (max-width: 767px) {
   .porotherm-about__in {
      display: block;
   }

   .porotherm-about__text {
      padding-right: 0;
      margin-bottom: 40px;
   }

   .porotherm-about__slider {
      width: 100%;
      max-width: 380px;
      margin: 0 auto;
   }
}

@media all and (max-width: 480px) {
   .porotherm-about__text {
      margin-bottom: 20px;
   }
}

/*----- .porotherm-slider : end -----*/

/*----- .porotherm-advantages : start -----*/
.advantages-list {
   margin: 40px 0;
   padding: 0;
   -webkit-columns: 2 auto;
   columns: 2 auto;
}

.advantages-list li {
   padding-left: 0;
   text-align: left;
   margin: 0 0 20px;
}

.advantages-list li:before {
   display: none;
}

.advantages-icon {
   width: 60px;
}

.advantages-title {
   padding-left: 20px;
}

@media all and (max-width: 767px) {
   .advantages-list {
      -webkit-columns: auto;
      columns: auto;
   }
}

/*----- .porotherm-advantages : end -----*/

.slider-dia {
   margin: 0;
   padding: 0;
}

.slider-dia li {
   margin: 0;
   padding: 0;
}

.slider-dia li:before {
   display: none;
}


/*====================================================
   .footer
====================================================*/
.footer {
   padding: 80px 0;
   position: relative;
   z-index: 1;
}

.footer__in {
   margin-bottom: 60px;
}

.footer__contacts {
   float: right;
   text-align: right;
}

.footer__phone {
   font-size: 26px;
}

.footer__address {
   font-size: 16px;
}

.footer__social .social-list__item a:not(:hover) {
   opacity: 0.55;
}

.footer__nav ul {
   margin-bottom: -30px;
   margin-right: -20px;
   columns: 3 auto;
}

.footer__nav li {
   font-size: 16px;
   line-height: 1.2;
   margin-bottom: 30px;
   padding-right: 20px;
   page-break-inside: avoid;
   break-inside: avoid;
}

.footer__nav li:before {
   top: 6px;
   width: 4px;
   height: 4px;
}

.footer__bottom {
   padding-top: 20px;
   border-top: 1px solid rgba(255, 255, 255, 0.5);
   clear: both;
}

.footer__copyright {
   font-size: 14px;
}

.footer__developer {
   font-size: 12px;
   color: rgba(255, 255, 255, .7);
}

.footer__developer img {
   margin-right: 20px;
   opacity: 0.7;
}

.footer__developer a {
   color: #FFF;
   opacity: 0.6;
}

.footer__developer a:hover {
   color: #FFF;
   opacity: 1;
}

.footer__developer a:after {
   display: none;
}

@media screen and (min-width: 1025px) {
   .footer__logo {
      height: 80px;
   }

   .footer__contacts {
      width: 250px;
   }

   .footer__phone {
      width: 100%;
      height: 80px;
      margin-top: -80px;
      order: 1;
      -webkit-box-ordinal-group: 1;
      -webkit-order: 1;
      -ms-flex-order: 1;
   }

   .footer__social {
      width: 100%;
      padding-left: 25px;
      order: 3;
      -webkit-box-ordinal-group: 3;
      -webkit-order: 3;
      -ms-flex-order: 3;
   }

   .footer__address {
      width: 100%;
      margin-bottom: 35px;
      order: 2;
      -webkit-box-ordinal-group: 2;
      -webkit-order: 2;
      -ms-flex-order: 2;
   }

   .footer__address>div {
      display: inline-block;
      text-align: left;
   }

   .footer__nav {
      padding: 0 250px 0 200px;
   }
}

@media screen and (min-width: 1025px) and (max-width: 1279px) {
   .footer__nav {
      padding-left: 100px;
   }
}

@media screen and (max-width: 1024px) {
   .footer {
      padding: 60px 0 40px;
   }

   .footer__in {
      margin-bottom: 50px;
   }

   .footer__social .social-list {
      width: 220px;
      margin: 0 auto;
   }
}

@media screen and (min-width: 481px) and (max-width: 1024px) {
   .footer__logo {
      float: left;
      width: 95px;
   }

   .footer__contacts {
      width: calc(100% - 95px);
   }

   .footer__nav {
      width: 100%;
      padding-top: 50px;
      clear: both;
   }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
   .footer__phone {
      width: 200px;
      margin-bottom: 10px;
      order: 2;
      -webkit-box-ordinal-group: 2;
      -webkit-order: 2;
      -ms-flex-order: 2;
   }

   .footer__social {
      width: calc(100% - 200px);
      text-align: center;
      order: 1;
      -webkit-box-ordinal-group: 1;
      -webkit-order: 1;
      -ms-flex-order: 1;
   }

   .footer__address {
      width: 100%;
      order: 3;
      -webkit-box-ordinal-group: 3;
      -webkit-order: 3;
      -ms-flex-order: 3;
   }
}

@media screen and (max-width: 767px) {
   .footer__in {
      margin-bottom: 40px;
   }

   .footer__phone,
   .footer__social,
   .footer__address {
      width: 100%;
   }

   .footer__nav ul {
      columns: 2 auto;
   }

   .footer__bottom {
      display: block;
      text-align: center;
   }

   .footer__copyright {
      margin-bottom: 30px;
   }

   .footer__developer {
      display: inline-block;
      text-align: left;
   }
}

@media screen and (min-width: 481px) and (max-width: 767px) {
   .footer__social .social-list {
      float: right;
      padding: 15px 0;
   }

   .footer__nav ul.nav {
      margin-bottom: 0;
   }
}

@media screen and (max-width: 480px) {
   .footer {
      padding: 40px 0;
   }

   .footer__in {
      text-align: center;
      margin-bottom: 40px;
   }

   .footer__logo {
      margin-bottom: 25px;
   }

   .footer__contacts {
      display: block;
      float: none;
      text-align: center;
   }

   .footer__phone,
   .footer__social {
      margin-bottom: 25px;
   }

   .footer__address {
      margin-bottom: 40px;
   }

   .footer__nav ul {
      display: inline-block;
      text-align: left;
      margin-bottom: -25px;
      margin-right: 0;
      columns: auto;
   }

   .footer__nav li {
      margin-bottom: 25px;
      padding-right: 0;
   }

   .footer__copyright {
      font-size: 14px;
   }

   .footer__developer {
      font-size: 12px;
   }
}

@media screen and (max-width: 375px) {
   .footer__in {
      margin-bottom: 30px;
   }

   .footer__address {
      margin-bottom: 30px;
   }

   .footer__nav ul {
      margin-bottom: -20px;
   }

   .footer__nav li {
      margin-bottom: 20px;
      font-size: 14px;
   }

   .footer__nav li:before {
      top: 5px;
   }

   .footer__copyright {
      font-size: 12px;
   }
}

@media screen and (max-width: 767px) and (orientation: landscape) {
   .footer__nav ul {
      margin-bottom: -25px;
   }

   .footer__nav li {
      margin-bottom: 25px;
   }

   .footer__copyright {
      font-size: 14px;
   }

   .footer__developer {
      font-size: 12px;
   }
}

@media screen and (max-width: 667px) and (orientation: landscape) {
   .footer__nav ul {
      margin-bottom: -20px;
   }

   .footer__nav li {
      margin-bottom: 20px;
   }

   .footer__copyright {
      font-size: 12px;
   }
}


/*====================================================
   .modal-block
====================================================*/
.modal-block {
   visibility: hidden;
   position: fixed;
   top: 0;
   left: 0;
   right: 0;
   height: 100vh;
   overflow: hidden;
   text-align: center;
   font-size: 0;
   line-height: 0;
   z-index: 100;
   -webkit-transition: all 0.3s ease 0s;
   transition: all 0.3s ease 0s;
}

.modal-block_visible {
   visibility: visible;
}

.modal-block__overlay {
   opacity: 0;
   visibility: hidden;
   width: 100%;
   height: 100%;
   overflow: auto;
   position: relative;
   z-index: 100;
   background: rgba(0, 0, 0, 0.7);
   -webkit-transition: all 0.3s ease 0s;
   transition: all 0.3s ease 0s;
}

.modal-block_visible .modal-block__overlay {
   visibility: visible;
   opacity: 1;
}

.modal-block__overlay:before {
   content: '';
   display: inline-block;
   vertical-align: middle;
   height: 100%;
   width: 0;
}

.modal-block__inner {
   opacity: 0;
   visibility: hidden;
   position: relative;
   width: 768px;
   max-width: 100%;
   max-height: 100vh;
   overflow: auto;
   -webkit-overflow-scrolling: touch;
   padding: 60px 40px;
   display: inline-block;
   vertical-align: middle;
   background: #FFF;
   text-align: left;
   -webkit-transform: scale(1.1);
   transform: scale(1.1);
   -webkit-transition: all 0.3s ease 0s;
   transition: all 0.3s ease 0s;
}

.modal-block__inner.modal-block__inner_gallery {
   width: 1280px;
   padding-left: 0;
   padding-right: 0;
   padding-bottom: 40px;
   -webkit-transform: scale(1);
   transform: scale(1);
}

.modal-block_visible .modal-block__inner {
   opacity: 1;
   visibility: visible;
   -webkit-transform: scale(1);
   transform: scale(1);
}

.modal-block__content {
   font-size: 20px;
   line-height: 1.298;
}

.modal-block__title {
   margin-bottom: 50px;
}

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

.modal-block__note p {
   margin-bottom: 0;
}

.modal-block__content .slider-top {
   margin-bottom: 5vh;
   padding: 0 40px;
}

@media screen and (min-width: 1025px) {
   .modal-form__fieldset {
      margin-left: -20px;
   }

   .modal-form__fieldset>div {
      padding-left: 20px;
   }

   .modal-form__left {
      width: 50%;
   }

   .modal-form__right {
      width: 50%;
   }

   .modal-block__form textarea {
      padding: 12px 20px;
   }

   .modal-form__fieldset .form__fieldset {
      margin-left: 0;
   }

   .modal-form__fieldset .form__fieldset .form__field {
      float: none;
      width: 100%;
      padding: 0;
   }

   .modal-form__bottom .form__field {
      margin-bottom: 0;
   }

   .modal-form__bottom .form__agreement {
      padding-left: 20px;
      order: 2;
      -webkit-box-ordinal-group: 2;
      -webkit-order: 2;
      -ms-flex-order: 2;
   }

   .modal-form__bottom .form__submit {
      order: 1;
      -webkit-box-ordinal-group: 1;
      -webkit-order: 1;
      -ms-flex-order: 1;
   }
}

@media screen and (max-width: 1024px) {
   .modal-block__inner {
      padding: 60px 30px 40px;
   }

   .modal-block__title {
      margin-bottom: 40px;
   }

   .modal-block__content .slider-top {
      margin-bottom: 30px;
      padding: 0 20px;
   }

   .modal-form__fieldset {
      display: block;
   }

   .modal-form__right {
      clear: both;
   }

   .modal-form__bottom {
      display: block;
      text-align: center;
   }
}

@media screen and (min-width: 481px) and (max-width: 1024px) {
   .modal-form__left .form__fieldset .form__field:first-child {
      width: 100%;
   }
}

@media screen and (max-width: 767px) {
   .modal-block__inner {
      padding: 60px 20px 40px;
   }

   .modal-block__inner.modal-block__inner_gallery {
      padding-bottom: 20px;
   }

   .modal-block__inner_gallery .title_border.title_small h2,
   .modal-block__inner_gallery .title_border.title_small .h2 {
      font-size: 18px;
   }
}

@media screen and (max-width: 480px) {
   .modal-block__inner {
      padding: 50px 20px 40px;
   }

   .modal-block__title {
      margin-bottom: 30px;
   }

   .modal-block__content .slider-top {
      margin-bottom: 20px;
   }

   .modal-block__inner_gallery .title_border.title_small h2,
   .modal-block__inner_gallery .title_border.title_small .h2 {
      font-size: 16px;
   }

   .modal-block__inner_gallery .title_border.title_small h2 br,
   .modal-block__inner_gallery .title_border.title_small .h2 br {
      display: none;
   }
}


/*====================================================
   .back-top
====================================================*/
.back-top {
   opacity: 0;
   position: fixed;
   bottom: 30px;
   right: 30px;
   width: 100px;
   height: 100px;
   z-index: 8;
   cursor: pointer;
   -webkit-transition: all 0.2s ease 0s;
   -moz-transition: all 0.2s ease 0s;
   transition: all 0.2s ease 0s;
}

.back-top_visible {
   opacity: 1;
}

.back-top:before,
.back-top:after {
   content: '';
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
}

.back-top:before {
   background: #000;
   opacity: 0.2;
   -webkit-transition: opacity 0.3s ease 0s;
   transition: opacity 0.3s ease 0s;
}

.no-touchevents .back-top:hover:before,
.touchevents .back-top:active:before {
   opacity: 0.85;
}

.back-top:after {
   background: url('../i/arrow-backtop.svg') 50% 50% no-repeat;
}

.no-touchevents .back-top:hover:after {
   -webkit-transform: translateY(6px);
   transform: translateY(6px);
   animation-name: hang;
   -webkit-animation-name: hang;
   animation-duration: 1.5s;
   -webkit-animation-duration: 1.5s;
   animation-iteration-count: infinite;
   -webkit-animation-iteration-count: infinite;
}

@media all and (max-width: 1024px) {
   .back-top {
      width: 60px;
      height: 60px;
   }

   .back-top:after {
      background-size: 38px auto;
   }
}

@media all and (max-width: 767px) {
   .back-top {
      bottom: 20px;
      right: 20px;
      width: 50px;
      height: 50px;
   }

   .back-top:after {
      background-size: 34px auto;
   }
}

@media all and (max-width: 480px) {
   .back-top {
      width: 40px;
      height: 40px;
   }

   .back-top:after {
      background-size: 30px auto;
   }
}

@media screen and (max-width: 767px) and (orientation: landscape) {
   .back-top {
      width: 40px;
      height: 40px;
   }

   .back-top:after {
      background-size: 30px auto;
   }
}


/*====================================================
   Slick slider
====================================================*/
.slick-slider {
   position: relative;
   display: block;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
   -webkit-touch-callout: none;
   -khtml-user-select: none;
   -ms-touch-action: pan-y;
   touch-action: pan-y;
   -webkit-tap-highlight-color: transparent;
}

.slick-list {
   position: relative;
   display: block;
   overflow: hidden;
   margin: 0;
   padding: 0;
}

.slick-list:focus {
   outline: none;
}

.slick-list.dragging {
   cursor: pointer;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
   -webkit-transform: translate3d(0, 0, 0);
   -moz-transform: translate3d(0, 0, 0);
   -ms-transform: translate3d(0, 0, 0);
   -o-transform: translate3d(0, 0, 0);
   transform: translate3d(0, 0, 0);
   -webkit-backface-visibility: hidden;
   -moz-backface-visibility: hidden;
   backface-visibility: hidden;
}

.slick-track {
   position: relative;
   top: 0;
   left: 0;
   display: block;
}

.slick-track:before,
.slick-track:after {
   display: table;
   content: '';
}

.slick-track:after {
   clear: both;
}

.slick-loading .slick-track {
   visibility: hidden;
}

.slick-slide {
   display: none;
   float: left;
   height: 100%;
   min-height: 1px;
   outline: none;
}

[dir='rtl'] .slick-slide {
   float: right;
}

.slick-slide.slick-loading img {
   display: none;
}

.slick-slide.dragging img {
   pointer-events: none;
}

.slick-initialized .slick-slide {
   display: block;
}

.slick-loading .slick-slide {
   visibility: hidden;
}

.slick-vertical .slick-slide {
   display: block;
   height: auto !important;
   width: auto !important;
}

/* --- slider controls --- */
.slider-top {
   margin-bottom: 60px;
}

.slider-top h2,
.slider-top .h2,
.slider-top .title_small h2,
.slider-top .title_small .h2 {
   margin-bottom: 0;
}

.slider-top .slider-controls {
   margin-left: 20px;
}

.slider-controls_center {
   text-align: center;
   margin-top: 60px;
}

.slider-controls_center .slider-controls__in {
   display: inline-block;
}

.slider-controls .slick-dots {
   white-space: nowrap;
}

.slider-controls_center .slick-dots {
   margin-left: 0;
}

@media screen and (max-width: 1024px) {
   .slider-top {
      margin-bottom: 50px;
   }

   .slider-controls_center {
      margin-top: 40px;
   }
}

@media screen and (max-width: 767px) {
   .slider-top {
      margin-bottom: 0;
   }

   .slider-top h2,
   .slider-top .h2,
   .slider-top .title_small h2,
   .slider-top .title_small .h2 {
      margin-bottom: 40px;
   }

   .slider-top .slider-controls {
      display: none;
   }

   .slider-top .gallery__3d {
      margin-bottom: 40px;
   }
}

@media screen and (max-width: 480px) {

   .slider-top h2,
   .slider-top .h2,
   .slider-top .title_small h2,
   .slider-top .title_small .h2 {
      margin-bottom: 30px;
   }

   .slider-controls_center {
      margin-top: 30px;
   }

   .slider-top .gallery__3d {
      margin-bottom: 30px;
   }
}

p:empty {
   margin: 0;
}

/* --- dots --- */
.slick-dots {
   display: block !important;
   height: 8px;
   text-align: center;
   padding: 0;
   margin: 0 0 0 50px;
   font-size: 0;
   line-height: 0;
}

.slick-dots li {
   display: inline-block;
   padding: 0;
   margin: 0 5px;
   z-index: 5;
}

.slick-dots li:first-child {
   margin-left: 0;
}

.slick-dots li:last-child {
   margin-right: 0;
}

.slick-dots li:before {
   display: none;
}

.slick-dots li button {
   display: block;
   width: 8px;
   height: 8px;
   background: #BDBDBD;
   border: 0;
   padding: 0;
   text-indent: -9999px;
   position: relative;
   -webkit-transition: all 0.3s ease 0s;
   transition: all 0.3s ease 0s;
}

.slick-dots li.slick-active button,
.slick-dots li:hover button {
   background: #EE2329;
}

@media screen and (max-width: 1024px) {
   .slick-dots {
      margin-left: 20px;
   }
}

/* --- arrows --- */
.slick-arrow {
   width: 38px;
   height: 76px;
   z-index: 5;
   cursor: pointer;
   position: relative;
   background: transparent;
   -webkit-transition: all 0.3s ease 0s;
   transition: all 0.3s ease 0s;
}

.slick-prev {
   margin-right: 25px;
}

.slick-next {
   margin-left: 25px;
}

.slick-arrow:before,
.slick-arrow:after {
   content: '';
   position: absolute;
   width: 52px;
   height: 1px;
   background: #111;
   z-index: 1;
   -webkit-transition: all 0.3s ease 0s;
   transition: all 0.3s ease 0s;
}

.slick-arrow:hover:before,
.slick-arrow:hover:after {
   background: #EE2329;
}

.slick-prev:before,
.slick-next:before {
   top: 19px;
}

.slick-prev:after,
.slick-next:after {
   bottom: 19px;
}

.slick-prev:before,
.slick-prev:after {
   right: -7px;
}

.slick-next:before,
.slick-next:after {
   left: -7px;
}

.slick-prev:before,
.slick-next:after {
   -webkit-transform: rotate(-45deg);
   -moz-transform: rotate(-45deg);
   transform: rotate(-45deg);
}

.slick-prev:after,
.slick-next:before {
   -webkit-transform: rotate(45deg);
   -moz-transform: rotate(45deg);
   transform: rotate(45deg);
}

.slick-arrow.slick-disabled {
   opacity: 0.5;
   cursor: default;
}

.slick-arrow.slick-disabled:hover:before,
.slick-arrow.slick-disabled:hover:after {
   background: #111;
}

/* --- simple-slider --- */
.simple-slider-wrapper {
   position: relative;
}

.simple-slider__item {
   text-align: center;
}

@media screen and (min-width: 768px) {

   .simple-slider,
   .logo-slider {
      padding: 0 60px;
   }

   .simple-slider-wrapper .slick-arrow,
   .simple-slider .slick-arrow,
   .logo-slider .slick-arrow {
      position: absolute;
      top: 50%;
      margin: -38px 0 0;
      text-indent: -9999px;
   }

   .simple-slider-wrapper .slick-prev,
   .simple-slider .slick-prev,
   .logo-slider .slick-prev {
      left: 0;
   }

   .simple-slider-wrapper .slick-next,
   .simple-slider .slick-next,
   .logo-slider .slick-next {
      right: 0;
   }
}

/* --- arrows svg --- */
.slider-buttons-svg {
   position: relative;
   background: #111;
   width: 248px;
   height: 64px;
   margin-top: 50px;
}

.slider-buttons-svg:before {
   content: '';
   position: absolute;
   top: 50%;
   left: 50%;
   margin: -20px 0 0 -1px;
   width: 2px;
   height: 40px;
   background: #EE2329;
}

.slider-buttons-svg .slick-arrow {
   width: 28px;
   height: 15px;
}

.slider-buttons-svg .slick-prev {
   margin: 0 0 0 20px;
}

.slider-buttons-svg .slick-next {
   margin: 0 20px 0 0;
}

.slider-buttons-svg .slick-arrow svg {
   vertical-align: top;
}

.slider-buttons-svg .slick-arrow .svg-fill {
   fill: #FFF;
}

.slider-buttons-svg .slick-arrow:hover .svg-fill {
   fill: #EE2329;
}

.slider-buttons-svg .slick-arrow:before,
.slider-buttons-svg .slick-arrow:after {
   display: none;
}

@media screen and (max-width: 767px) {
   .slider-buttons-svg {
      margin: 40px auto 0;
   }
}

@media screen and (max-width: 480px) {
   .slider-buttons-svg {
      width: 100%;
      height: 50px;
      margin-top: 30px;
   }
}


/*====================================================
   FancyBox v2.1.5
====================================================*/
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp {
   padding: 0;
   margin: 0;
   border: 0;
   outline: none;
   vertical-align: top;
}

.fancybox-wrap {
   position: absolute;
   top: 0;
   left: 0;
   z-index: 8020;
}

.fancybox-skin {
   position: relative;
   background: #FFF;
   color: #FFF;
   text-shadow: none;
}

.fancybox-opened {
   z-index: 8030;
}

.fancybox-opened .fancybox-skin {
   box-shadow: 0 10px 25px rgba(0, 0, 0, 0.7);
}

.fancybox-outer,
.fancybox-inner {
   position: relative;
}

.fancybox-inner {
   overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
   -webkit-overflow-scrolling: touch;
}

.fancybox-error {
   color: #444;
   font: 14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
   margin: 0;
   padding: 15px;
   white-space: nowrap;
}

.fancybox-image,
.fancybox-iframe {
   display: block;
   width: 100%;
   height: 100%;
}

.fancybox-image {
   max-width: 100%;
   max-height: 100%;
}

#fancybox-loading {
   position: fixed;
   top: 50%;
   left: 50%;
   margin-top: -22px;
   margin-left: -22px;
   background-position: 0 -108px;
   opacity: 0.8;
   cursor: pointer;
   z-index: 8060;
}

#fancybox-loading div {
   width: 44px;
   height: 44px;
   background: url('../i/fancybox/fancybox_loading.gif') center center no-repeat;
}

.fancybox-close {
   position: absolute;
   top: 20px;
   right: 20px;
   width: 36px;
   height: 36px;
   border-radius: 100%;
   background: #EE2329;
   cursor: pointer;
   z-index: 2;
   -webkit-transition: all 0.3s ease 0s;
   transition: all 0.3s ease 0s;
   cursor: pointer;
   z-index: 8040;
}

.fancybox-close:hover {
   background: #111;
}

.fancybox-close:before,
.fancybox-close:after {
   content: '';
   position: absolute;
   top: 17px;
   bottom: auto;
   left: 5px;
   width: 26px;
   height: 2px;
   background: #FFF;
}

.fancybox-close:before {
   -webkit-transform: rotate(45deg);
   transform: rotate(45deg);
}

.fancybox-close:after {
   -webkit-transform: rotate(-45deg);
   transform: rotate(-45deg);
}

.fancybox-close:hover:after {
   width: 26px;
}

@media screen and (max-width: 480px) {
   .fancybox-close {
      width: 24px;
      height: 24px;
   }

   .fancybox-close:before,
   .fancybox-close:after {
      top: 11px;
      left: 4px;
      width: 16px;
   }

   .fancybox-close:hover:after {
      width: 16px;
   }
}

.fancybox-nav {
   position: absolute;
   top: 0;
   width: 40%;
   height: 100%;
   cursor: pointer;
   text-decoration: none;
   background: transparent url('../i/fancybox/blank.gif');
   /* helps IE */
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
   z-index: 8040;
}

.fancybox-prev,
.fancybox-prev span {
   left: 0;
}

.fancybox-next,
.fancybox-next span {
   right: 0;
}

.fancybox-nav span {
   position: absolute;
   top: 50%;
   width: 54px;
   height: 54px;
   margin-top: -27px;
   background: #111;
   cursor: pointer;
   z-index: 8040;
   visibility: hidden;
   opacity: 0;
   -webkit-transition: all 0.2s ease 0s;
   transition: all 0.2s ease 0s;
}

.fancybox-nav:hover span {
   opacity: 1;
   visibility: visible;
}

.fancybox-nav span:before,
.fancybox-nav span:after {
   content: '';
   position: absolute;
   top: 25px;
   width: 24px;
   height: 1px;
   background: #FFF;
   -webkit-transition: all 0.2s ease 0s;
   transition: all 0.2s ease 0s;
}

.fancybox-prev span:before,
.fancybox-prev span:after {
   left: 13px;
}

.fancybox-next span:before,
.fancybox-next span:after {
   left: 17px;
}

.fancybox-prev span:before,
.fancybox-next span:after {
   -webkit-transform: rotate(45deg);
   transform: rotate(45deg);
}

.fancybox-prev span:after,
.fancybox-next span:before {
   -webkit-transform: rotate(-45deg);
   transform: rotate(-45deg);
}

.fancybox-prev span:before,
.fancybox-next span:before {
   margin-top: 9px;
}

.fancybox-prev span:after,
.fancybox-next span:after {
   margin-top: -7px;
}

.fancybox-tmp {
   position: absolute;
   top: -99999px;
   left: -99999px;
   visibility: hidden;
   max-width: 99999px;
   max-height: 99999px;
   overflow: visible !important;
}

/* Overlay helper */
.fancybox-lock {
   overflow: hidden !important;
   width: auto;
}

.fancybox-lock body {
   overflow: hidden !important;
}

.fancybox-lock-test {
   overflow-y: hidden !important;
}

.fancybox-overlay {
   position: absolute;
   top: 0;
   left: 0;
   overflow: hidden;
   display: none;
   z-index: 8010;
   background: rgba(0, 0, 0, 0.7);
}

.fancybox-overlay-fixed {
   position: fixed;
   bottom: 0;
   right: 0;
}

.fancybox-lock .fancybox-overlay {
   overflow: auto;
   overflow-y: scroll;
}

/* Title helper */
.fancybox-title {
   visibility: hidden;
   opacity: 0;
   font-size: 12px;
   line-height: 1.7;
   color: #FFF;
   position: absolute;
   bottom: 0;
   left: 0;
   padding: 10px 20px;
   background: rgba(0, 0, 0, 0.8);
   text-shadow: none;
   z-index: 8050;
   -webkit-transition: all 0.2s ease 0s;
   transition: all 0.2s ease 0s;
}

.fancybox-opened .fancybox-title {
   visibility: visible;
   opacity: 1;
}

.fancybox-title-float-wrap {
   position: absolute;
   bottom: 0;
   right: 50%;
   margin-bottom: -35px;
   z-index: 8050;
   text-align: center;
}

.fancybox-title-float-wrap .child {
   display: inline-block;
   margin-right: -100%;
   padding: 2px 20px;
   background: transparent;
   /* Fallback for web browsers that doesn't support RGBa */
   background: rgba(0, 0, 0, 0.8);
   -webkit-border-radius: 15px;
   -moz-border-radius: 15px;
   border-radius: 15px;
   text-shadow: 0 1px 2px #222;
   color: #FFF;
   font-weight: bold;
   line-height: 24px;
   white-space: nowrap;
}

.fancybox-title-outside-wrap {
   position: relative;
   margin-top: 10px;
   color: #FFF;
}

.fancybox-title-over-wrap {
   position: absolute;
   bottom: 0;
   left: 0;
   color: #FFF;
   padding: 10px;
   background: #000;
   background: rgba(0, 0, 0, 0.8);
}

.fancybox-title .tb,
.fancybox-title .tb-cell {
   display: block;
}

.fancybox-title p {
   margin-bottom: 0;
}


/*====================================================
   Animation
====================================================*/
.animate {
   -webkit-transition: transform 0.5s ease-in-out 0s, opacity 0.45s ease-in-out 0s;
   transition: transform 0.5s ease-in-out 0s, opacity 0.45s ease-in-out 0s;
}

.animate_slow {
   -webkit-transition: transform 1s ease-in-out 0s, opacity 1s ease-in-out 0s;
   transition: transform 1s ease-in-out 0s, opacity 1s ease-in-out 0s;
}

.animate.delay_05 {
   -webkit-transition-delay: 0.5s;
   transition-delay: 0.5s;
}

.animate.delay_1 {
   -webkit-transition-delay: 1s;
   transition-delay: 1s;
}

.animate.delay_15 {
   -webkit-transition-delay: 1.5s;
   transition-delay: 1.5s;
}

.animate.delay_2 {
   -webkit-transition-delay: 2s;
   transition-delay: 2s;
}

.animate.delay_25 {
   -webkit-transition-delay: 2.5s;
   transition-delay: 2.5s;
}

.animate.delay_3 {
   -webkit-transition-delay: 3s;
   transition-delay: 3s;
}

.animate.delay_35 {
   -webkit-transition-delay: 3.5s;
   transition-delay: 3.5s;
}

.animated {
   visibility: visible !important;
}

/*opacity*/
.opacity {
   opacity: 0;
}

.animated.opacity {
   opacity: 1;
}

/*translate*/
.from_top {
   -webkit-transform: translate3d(0, -100%, 0);
   transform: translate3d(0, -100%, 0);
   -webkit-transform-origin: top;
   transform-origin: top;
}

.animated.from_top {
   -webkit-transform: translate3d(0, 0, 0);
   transform: translate3d(0, 0, 0);
}

.from_bottom {
   -webkit-transform: translate3d(0, 100%, 0);
   transform: translate3d(0, 100%, 0);
   -webkit-transform-origin: bottom;
   transform-origin: bottom;
}

.from_bottom-short {
   -webkit-transform: translate3d(0, 10%, 0);
   transform: translate3d(0, 10%, 0);
   -webkit-transform-origin: bottom;
   transform-origin: bottom;
}

.animated.from_bottom,
.animated.from_bottom-short {
   -webkit-transform: translate3d(0, 0, 0);
   transform: translate3d(0, 0, 0);
}

.from_right {
   -webkit-transform: translate3d(100%, 0, 0);
   transform: translate3d(100%, 0, 0);
   -webkit-transform-origin: right;
   transform-origin: right;
}

.animated.from_right {
   -webkit-transform: translate3d(0, 0, 0);
   transform: translate3d(0, 0, 0);
}

.from_left {
   -webkit-transform: translate3d(-100%, 0, 0);
   transform: translate3d(-100%, 0, 0);
   -webkit-transform-origin: left;
   transform-origin: left;
}

.from_left-short {
   -webkit-transform: translate3d(-10%, 0, 0);
   transform: translate3d(-10%, 0, 0);
   -webkit-transform-origin: left;
   transform-origin: left;
}

.animated.from_left,
.animated.from_left-short {
   -webkit-transform: translate3d(0, 0, 0);
   transform: translate3d(0, 0, 0);
}

/*cover image*/
.cover {
   position: relative;
   overflow: hidden;
}

.cover__bg {
   z-index: 2;
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background: #FFF;
   -webkit-transform: translate3d(0, 0, 0);
   transform: translate3d(0, 0, 0);
}

.cover__bg.from_right.animated {
   -webkit-transform: translate3d(-100%, 0, 0);
   transform: translate3d(-100%, 0, 0);
}

.cover__bg.from_left.animated {
   -webkit-transform: translate3d(100%, 0, 0);
   transform: translate3d(100%, 0, 0);
}

.cover__image {
   -webkit-transition: all 0.65s ease 0.65s;
   transition: all 0.65s ease 0.65s;
}

/*rotate*/
.rotate_x {
   -webkit-transform: rotateX(90deg);
   transform: rotateX(90deg);
}

.animated.rotate_x {
   -webkit-transform: rotateX(0deg);
   transform: rotateX(0deg);
}

.rotate_y {
   -webkit-transform: rotateY(90deg);
   transform: rotateY(90deg);
}

.animated.rotate_y {
   -webkit-transform: rotateY(0deg);
   transform: rotateY(0deg);
}

/*scale*/
.scale_0 {
   -webkit-transform: scale(0);
   transform: scale(0);
}

.animated.scale_0 {
   -webkit-transform: scale(1);
   transform: scale(1);
}

/*zoom*/
.zoom.animated {
   animation: zoomIn 4s linear 0s forwards alternate;
}

.zoom_out.animated {
   animation: zoomOut 4s linear 0s forwards alternate;
}

/*hang*/
@keyframes hang {
   0% {
      transform: translateY(0%);
   }

   50% {
      transform: translateY(10%);
   }

   100% {
      transform: translateY(0%);
   }
}

@-webkit-keyframes hang {
   0% {
      -webkit-transform: translateY(0%);
   }

   50% {
      -webkit-transform: translateY(10%);
   }

   100% {
      -webkit-transform: translateY(0%);
   }
}

/*slide down*/
@-webkit-keyframes slideDown {
   from {
      -webkit-transform: translateY(-100%);
   }

   to {
      -webkit-transform: translateY(0)
   }
}

@keyframes slideDown {
   from {
      transform: translateY(-100%)
   }

   to {
      transform: translateY(0)
   }
}

/*zoom*/
@keyframes zoomOut {
   0% {
      transform: scale(1.1)
   }

   to {
      transform: scale(1)
   }
}

@keyframes zoomIn {
   0% {
      transform: scale(1)
   }

   to {
      transform: scale(1.1)
   }
}



.contacts__in {
   position: absolute;
}
.content-hide{
   display: none;
}
.social-list__item{
   margin-right: 7px;
}
.social-list{
  justify-content: flex-start;
}

@media screen and (max-width: 767px) {
   .breadcrumbs {
      padding-top: 15px;
   }

   .content_gray .breadcrumbs:before {
      bottom: -75px;
   }

   .breadcrumbs ul li {
      font-size: 12px;
   }
   .maps__mob{
      display: none;
   }
   .contacts__in {
       position: relative
  }
}