/*

Version : v.4.1
Created : august-december 2021
HTML/CSS/JS : https://andreym1986.github.io

*/
@import url('https://fonts.googleapis.com/css2?family=Exo+2&display=swap');

@font-face {
  font-family: 'Bender';
  src: local('Bender Light'), local('Bender-Light'), url('../fonts/benderlight.woff2') format('woff2'), url('../fonts/benderlight.woff') format('woff'), url('../fonts/benderlight.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: 'Bender';
  src: local('Bender Light Italic'), local('Bender-LightItalic'), url('../fonts/benderlightitalic.woff2') format('woff2'), url('../fonts/benderlightitalic.woff') format('woff'), url('../fonts/benderlightitalic.ttf') format('truetype');
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: 'Bender';
  src: local('Bender'), url('../fonts/bender.woff2') format('woff2'), url('../fonts/bender.woff') format('woff'), url('../fonts/bender.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'Bender';
  src: local('Bender Italic'), local('Bender-Italic'), url('../fonts/benderitalic.woff2') format('woff2'), url('../fonts/benderitalic.woff') format('woff'), url('../fonts/benderitalic.ttf') format('truetype');
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: 'Bender';
  src: local('Bender Bold'), local('Bender-Bold'), url('../fonts/benderbold.woff2') format('woff2'), url('../fonts/benderbold.woff') format('woff'), url('../fonts/benderbold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: 'Bender';
  src: local('Bender Bold Italic'), local('Bender-BoldItalic'), url('../fonts/benderbolditalic.woff2') format('woff2'), url('../fonts/benderbolditalic.woff') format('woff'), url('../fonts/benderbolditalic.ttf') format('truetype');
  font-weight: 700;
  font-style: italic;
}
@font-face {
  font-family: 'Bender';
  src: local('Bender Black'), local('Bender-Black'), url('../fonts/benderblack.woff2') format('woff2'), url('../fonts/benderblack.woff') format('woff'), url('../fonts/benderblack.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: 'Bender';
  src: local('Bender Black Italic'), local('Bender-BlackItalic'), url('../fonts/benderblackitalic.woff2') format('woff2'), url('../fonts/benderblackitalic.woff') format('woff'), url('../fonts/benderblackitalic.ttf') format('truetype');
  font-weight: 900;
  font-style: italic;
}

html {box-sizing: border-box; -ms-overflow-style: scrollbar;}
*,
*::before,
*::after {box-sizing: inherit;}

body,
html {height: 100%;-moz-osx-font-smoothing: grayscale;}
::selection {color: #fff;background:#71D8C5;}
::-moz-selection {color: #fff;background:#71D8C5;}

body {background: #e5e5e5; font: normal normal 0.875rem/1.35 'Exo 2', Arial, Tahoma, sans-serif;color:#201B1B;}
@media (min-width:475px) {
  body {font-size: 1rem;}
}
@media (min-width:1440px) {
  body {font-size: 1.125rem;}
}


/* Typography */
a {color: #201B1B; text-decoration:underline; transition: .2s linear;}
a:hover,a:active {color:#71D8C5; text-decoration: underline;}
a:focus {outline: none;}

h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6 {margin:0;line-height: 1.2;font-weight: 400;}

img {max-width: 100%;}
svg {display: block;}
b, strong, .bold {font-weight:700 !important;}
.semibold {font-weight: 600 !important}
p {margin: 0 0 16px}
.underline {text-decoration:underline}
.right {text-align: right;}
.center {text-align: center}
.block {display: block}

/* .dark */
.dark {color:#fff;}
.dark a {color:#fff;}
.dark a:hover, .dark a:active {color: #71D8C5;}

.bender,
.first__title,
.section__title,
.house__title,
.btn,
.obrab__item__title,
.obrabSlider__title,
.form__title,
.obrabPage__title, .obrabPage__item__title,
.pages__text__title, .pages__text__title2,
.house__items__title {font-family: 'Bender';}


@media (min-width:992px) {
  .hidden__desktop {display: none !important}
}
@media (max-width:991px) {
  .hidden__mobile {display: none !important}
}

/* .container */
.container {width: 100%;position: relative;z-index:2;padding-left:20px;padding-right:20px;margin-left: auto;margin-right: auto;}
@media (min-width:576px) {
  .container {max-width:540px}
}
@media (min-width:768px) {
  .container {max-width:720px}
}
@media (min-width:992px) {
  .container {max-width:960px}
}
@media (min-width:1200px) {
  .container {max-width:1160px}
}
@media (min-width:1440px) {
  .container {max-width:1320px}
  .container__sm {max-width:1180px !important;}
}

/* main */
.section {min-height: 100vh;position: relative;overflow: hidden;}
.section__page {min-height: 100vh;}
.section__content {padding-top: 148px;padding-bottom: 60px;}
.section__col {position: absolute;height: 100%;transition: 1.5s ease 0s;top:0;}
.section__col__dark {background-color:#201B1B;}
.section__col__white {background-color:#fff;}
.section__col__dark1 {width:50%;right:50%;}
.section__col__white1 {width:50%;left:50%;}
.section__col__dark2 {width:100%;right:calc(50% + 270px);}
.section__col__white2 {width:100%;left:calc(50% - 270px);}
.section__col__dark3 {
  background-image:url(../images/obrabPage-logoBg.png);background-repeat:no-repeat;background-position:100% 50%;
  width: calc(50% + 78px);right:0;top:148px; height:calc(100% - 148px);
}
body.dark {background-color:#201B1B;}
body.white {background-color:#fff;}

/* .row */
.row {display: flex;justify-content: space-between;}
.row .col__30 {width:29%;}
.row .col__45 {width:44%;}
.row .col__50 {width:50%;}
.row .col__55 {width:56%;}
.row .col__70 {width:71%;}

@media (max-width:1439px) {
  .section__content {padding-top: 108px;}
  .section__col__dark2 {width:100%;right:calc(50% + 236px)}
  .section__col__white2 {width:100%;left:calc(50% - 236px)}
  .section__col__dark3 {width: calc(50% + 68px);top:108px;height:calc(100% - 108px)}
}
@media (max-width:1199px) {
  .section__content {padding-top:88px;padding-bottom:40px;}
  .section__col__dark2 {width:100%;right:calc(50% + 194px)}
  .section__col__white2 {width:100%;left:calc(50% - 194px)}
  .section__col__dark3 {width: calc(50% + 56px);top:88px;height:calc(100% - 88px)}
}
@media (max-width:991px) {
  .section__col {display: none;}
  .row {flex-wrap: wrap;}
  .row .col__30 {width:100%;}
  .row .col__45 {width:100%;}
  .row .col__50 {width:100%;}
  .row .col__55 {width:100%;}
  .row .col__70 {width:100%;}
}

/* .section__title */
.section__title {
  line-height:1;font-weight:900;font-size:4.5rem;color:#201B1B;
  text-transform: uppercase;text-align: right;margin-bottom:80px;position:relative;z-index:2;
}
.section__titleIcons {position: relative;display: flex;align-items: center;justify-content: flex-end;min-height: 320px;}
.section__titleIcons__icon {position: absolute; right: 0; top: 50%; transform: translate3d(25%,-50%,0);height:320px}

@media (max-width:1439px) {
  .section__title {font-size:4rem;margin-bottom:70px}
  .section__titleIcons {min-height: 280px;}
  .section__titleIcons__icon {height:280px}
}
@media (max-width:1199px) {
  .section__title {font-size: 3.25rem;margin-bottom:40px}
  .section__titleIcons {min-height: 200px;}
  .section__titleIcons__icon {height:200px}
}
@media (max-width:575px) {
  .section__title {font-size: 2.5rem;margin-bottom: 20px;}
  .section__titleIcons {min-height: 160px;}
  .section__titleIcons__icon {height:160px;transform: translate3d(10%,-50%,0);}
}
@media (max-width:475px) {
  .section__title {font-size: 2.25rem;}
  .section__titleIcons {min-height: 130px;}
  .section__titleIcons__icon {height:130px}
}

/* .biglogo */
.biglogo {position: absolute;top:50%;left:50%;z-index:2;width:388px; height:390px; transform: translate3d(-50%,-50%,0);}
.biglogo__img {display:block;margin-left: auto;margin-right: auto;transition: 1.5s linear;}
.biglogo__img svg {display: block;margin-left: auto;margin-right: auto;transition: all 1.5s linear;}
.loaded .biglogo__img svg {color:#71D8C5;}
@media (max-width:1439px) {
  .biglogo {transform: translate3d(-50%,-50%,0) scale(0.85);}
}
@media (max-width:1199px) {
  .biglogo {transform: translate3d(-50%,-50%,0) scale(0.75);}
}
@media (max-width:991px) {
  .biglogo {transform: translate3d(-50%,-50%,0) scale(0.9);z-index:3;left: 100%;}
  .loaded .biglogo__img svg {color:#71D8C5}
}
@media (max-width:575px) {
  .biglogo {transform: translate3d(-50%,-50%,0) scale(0.8);}
}

/* .onload */
.onload {position: fixed; left: 0;top: 0;right: 0;bottom: 0;background: #201B1B;z-index: 1001;}
.loaded_hiding .onload {transition: 2s opacity; opacity: 0;}
.loaded .onload {display: none;}

.onload__line {position: absolute;display: block;background-color: #71D8C5;transition: 0.2s linear}
.onload1 {left:0;top:50%;width:40%;height: 1px;}
.onload2 {right:0;top:50%;width:40%;height: 1px;}
.onload3 {top:0;left:50%;width:1px;height: 35%;}
.onload4 {bottom: 0;left:50%;width:1px;height:35%;}
.onload1 {
  -webkit-animation-fill-mode: both; animation-fill-mode: both;
  -webkit-animation: onload1 1.5s linear; animation: onload1 1.5s linear;
}
.onload2 {
  -webkit-animation-fill-mode: both; animation-fill-mode: both;
  -webkit-animation: onload2 1.5s linear; animation: onload2 1.5s linear;
}
.onload3{
  -webkit-animation-fill-mode: both; animation-fill-mode: both;
  -webkit-animation: onload3 1.5s linear; animation: onload3 1.5s linear;
}
.onload4 {
  -webkit-animation-fill-mode: both; animation-fill-mode: both;
  -webkit-animation: onload4 1.5s linear; animation: onload4 1.5s linear;
}
@keyframes onload1 {
  from {transform:translate3d(-100%,0,0)}
  to {transform:translate3d(0,0,0)}
}
@keyframes onload2 {
  from {transform:translate3d(100%,0,0)}
  to {transform:translate3d(0,0,0)}
}
@keyframes onload3 {
  from {transform:translate3d(0,-100%,0)}
  to {transform:translate3d(0,0,0)}
}
@keyframes onload4 {
  from {transform:translate3d(0,100%,0)}
  to {transform:translate3d(0,0,0)}
}

.onload .biglogo_1 {
  -webkit-animation-fill-mode: both; animation-fill-mode: both;
  -webkit-animation: biglogo1 1s linear; animation: biglogo1 1s linear;
}
.onload .biglogo_2 {
  -webkit-animation-fill-mode: both; animation-fill-mode: both;
  -webkit-animation: biglogo2 0.5s linear; animation: biglogo2 0.5s linear;
}
.onload .biglogo_3 {
  -webkit-animation-fill-mode: both; animation-fill-mode: both;
  -webkit-animation: biglogo3 1s linear; animation: biglogo3 1s linear;
}
@keyframes biglogo1 {
  from {opacity: 0; transform: translate3d(0, -100%,0);}
  to {opacity:1; transform: translate3d(0,0,0);}
}
@keyframes biglogo3 {
  from {opacity: 0; transform: translate3d(0, 100%,0);}
  to {opacity:1; transform: translate3d(0,0,0);}
}
@keyframes biglogo2 {
  from {opacity: 0;}
  to {opacity:1;}
}
@media (max-width:991px) {
  .onload__line {visibility: hidden}
  .onload1 {width:90%;visibility: visible}
}

/* .header */
.header {position:absolute;z-index: 1001; left:0;top:0;width: 100%;}
.header__inner {padding-top: 60px;display: flex;align-items:center;justify-content: space-between;}
.header__box {display: flex;align-items:center}
.section__header .header {display: block;}

@media (max-width:1439px) {
  .header__inner {padding-top:40px;}
}
@media (max-width:1199px) {
  .header__inner {padding-top:20px;}
}
@media (max-width:991px) {
  .header__inner {padding-bottom:20px;}
}

/* .logo */
.logo__img {height:48px;display:block;}

/* .telephone */
.telephone {text-decoration:none;font-weight: bold}
#nav .telephone {color:#fff;font-size: 1.5rem;}
#nav .telephone:hover, #nav .telephone:focus {color:#71D8C5;}

/* .navhead */
.navhead {list-style: none;padding: 0;margin:0;display:flex;}
.navhead a {display:block; text-transform: uppercase;text-decoration: none;padding-left:34px;padding-right: 34px;}
.navhead a:hover, .navhead a:focus {text-decoration: underline;}
.navhead__arrow {position: relative;}
.navhead__arrow > a {position: relative;}
.navhead__arrow > a:after {
  content:""; width: 8px; height: 8px; position: absolute; top:50%; right:8px;
  border-bottom: 1px solid #fff; border-right: 1px solid #fff;
  transform: rotate(45deg) translate3d(-100%,0%,0);
}
.navhead__arrow:hover > a:after {border-color:#71D8C5}
.navhead__arrow > ul {list-style: none;padding:10px 0 0 0;display: none;margin:0; position: absolute;top:100%;left:0;}
.navhead__arrow > ul li {margin-bottom:10px;}
.navhead__arrow:hover > ul {display: block;}
.navhead__white a {color:#fff;}
.navhead__white a:hover, .navhead__white:focus,
.navhead__arrow:hover > a {color:#71D8C5 !important;}

.navheadWhite .navhead__white a {color:#201B1B}
.navheadWhite .navhead__arrow > a:after {border-color:#201B1B}
.navheadWhite .navhead__arrow:hover > a:after {border-color:#71D8C5}
.navheadWhite .navhead__arrow > ul {background-color:#fff}

@media (max-width:1439px) {
  .navhead a {padding-left:30px;padding-right: 30px;}
  .navhead__arrow > a:after {right:8px;}
}
@media (max-width:1199px) {
  .navhead a {padding-left:26px;padding-right:26px;}
  .navhead__arrow > a:after {width:6px;height:6px;}
}
@media (max-width:991px) {
  .navhead, .telephone {display:none;}
}

/* #nav */
#nav {
  position: fixed; right: 0; top: 0; width:400px; height: 100vh; z-index: 1002;
  background:#201B1B; overflow-x: hidden; overflow-y: auto;color:#fff;
  -webkit-transition: transform 0.3s linear; transition: transform 0.3s linear;
  -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0);
  padding: 62px 50px;
}
.nav__active #nav {-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
.nav__active .nav__over {position:fixed;top: 0;left:0;width:80%;height:100%; z-index: 1001;}

/* .nav__toggle */
.nav__toggle {
  display: block; width:24px; height: 40px; padding: 0; border: 0;
  background:none; cursor: pointer; font-size: 0; text-indent: -9999px; color: transparent;
  margin-left:66px;position: relative;
}
.nav__toggle__btn,
.nav__toggle__btn:before,
.nav__toggle__btn:after {position: absolute; display: block; background-color: #201B1B;left:0;height: 1px;width:24px;}
.nav__toggle__btn {top: 0; right: 0; bottom: 0; left: 0; margin:auto;}
.nav__toggle__btn:before {content: "";top:-8px;transition:transform 0.2s ease 0s}
.nav__toggle__btn:after {content: "";bottom:-8px;transition:transform 0.2s ease 0s}
.nav__toggle:focus {outline: none}

.dark .nav__toggle__btn,
.dark .nav__toggle__btn:before,
.dark .nav__toggle__btn:after {background-color: #fff;}

.nav__closebox {display: flex;justify-content: flex-end;}
.nav__close .nav__toggle__btn {background:none !important;}
.nav__close .nav__toggle__btn:before {height:1px;transform:rotate(-45deg);top:0;background-color: #71D8C5;}
.nav__close .nav__toggle__btn:after {height:1px;transform:rotate(45deg);top: 0;background-color: #71D8C5;}

@media (max-width:1439px) {
  #nav {padding: 48px 40px;width: 380px;}
}
@media (max-width:1199px) {
  #nav {padding: 25px 30px;width: 340px;}
}
@media (max-width:991px) {
  #nav {width:380px;}
  .first .nav__toggle__btn,
  .first .nav__toggle__btn:before,
  .first .nav__toggle__btn:after {background-color:#fff}
}
@media (max-width:475px) {
  #nav {width:320px;padding-right: 20px;}
}
@media (max-width:375px) {
  #nav {width:280px;}
}

/* .nav__menu */
.nav__menu {padding-top:50px;padding-bottom:50px;}
.nav__menu a {color:#fff; text-decoration: none;}
.nav__menu a:hover, .nav__menu a:focus, .nav__menu a.show {text-decoration: underline;color:#71D8C5;}

/* .dropdown */
.dropdown {position: relative;}
.dropdown-toggle {white-space: nowrap;position: relative;display: block;}
.dropdown-toggle::after {
  content:""; width: 8px; height: 8px; position: absolute; top:50%; right:8px;
  border-bottom: 1px solid #fff; border-right: 1px solid #fff;
  transform: rotate(45deg) translate3d(-100%,0%,0);
  transition: all 0.3s ease;
}
.dropdown-toggle.show::after {transform: rotate(135deg) translate3d(-50%,0%,0);border-color:#71D8C5}
.dropdown-menu {position: static !important; display: none; transform: none !important;padding-top: 20px;}
.dropdown-menu.show { display: block;}

/* .nav__list1 */
.nav__list1 {list-style: none;margin-bottom: 0;padding-left: 0}
.nav__list1 > li {margin-bottom: 22px;}
.nav__list1 > li:last-child {margin-bottom:0;}
.nav__list1 > li > a {font-size: 1.5rem;}
.nav__list2 {margin-bottom: 22px;}
.nav__list2 li {margin-bottom:6px}
.nav__list2__m {margin-bottom: 0 !important;}
.nav__label {color:rgba(255,255,255,0.6);display: block;margin-bottom:5px;}

@media (max-width:1439px) {
  .nav__menu {padding-top:40px;padding-bottom:40px;}
}
@media (max-width:1199px) {
  .nav__list1 > li {margin-bottom: 15px;}
  .nav__list2 {margin-bottom: 15px;}
}
@media (max-width:991px) {
  .nav__list1 {}
  .nav__list1 > li > a {font-size: 1.375rem;}
}

@media (max-width:475px) {
  .nav__list1 > li > a {font-size: 1.25rem;}
}

/* .form */
.form {padding:50px 45px;}
.form__border {position: relative;z-index:1;border:1px solid #201B1B;max-width: 332px;margin:0 auto 70px;}
.form__border__inner {position: relative;z-index: 2;}
.form__border:after {position: absolute;left: 14px;top: 14px;width:100%;height:100%;border:1px solid #201B1B;content:"";z-index: 1;}
.form__title {color:#201B1B; font-size: 1.5rem;text-transform: uppercase;margin-bottom: 32px;text-align: center;font-weight: 700;}
.form__box {margin-bottom:20px;position: relative;}
.form__label {
  display: block; position: absolute; left: 0; top: 0; transition: all 0.3s;
  line-height: 40px; font-size:0.875rem; color:#201B1B;
}
.form__box.focus .form__label {font-size: .625rem;line-height: 11px;}

.form__btn {padding-top:20px;display:flex;justify-content: center;}
.form__input {
  display: block; width:100%; font-size:0.875rem; color:#201B1B; background:none;
  font-weight:400; border:0; border-bottom:1px solid #201B1B;
  padding: 14px 0 8px 0; line-height: 1; -webkit-appearance:none;
}
.form__input:focus {outline:none;}
.form__input::placeholder {color:#201B1B;}
@media (max-width:1199px) {
  .form {padding:40px 32px;}
}
@media (max-width:991px) {
  .obrabPage .form {margin-right: 14px;max-width: 100%}
  .obrabPage .form__border {border-color:#fff;margin-bottom: 0}
  .obrabPage .form__border:after {border-color:#fff}
  .obrabPage .form__input {color:#fff;border-bottom-color:#fff}
  .obrabPage .form__input::placeholder {color:#fff;}
  .obrabPage .form__label {color:#fff}
  .obrabPage .form__title {color:#fff}

}


/* .btn */
.btn {
  display:inline-block;vertical-align: middle;position: relative;
  border: 1px solid #71D8C5; background:none;padding:20px 70px;line-height: 1;
  font-weight:700;font-size:1.125rem; text-decoration:none; color:#201B1B;
  transition: 0.2s linear;text-transform: uppercase;
}
.btn:hover, .btn:focus {text-decoration: none;color:#201B1B}
.btn:after {left:-1px;top:-1px;right:-1px;bottom:-1px;position: absolute;content:"";border: 1px solid #71D8C5;transition: 0.2s linear;}
.btn:hover:after {transform: translate3d(8px,8px,0);}
.btn:focus {outline: none}
.btn:active {background:#71D8C5;color:#201B1B}

.btn__dark {color:#fff}
.btn__dark:hover, .btn__dark:focus {color:#fff}
.btn__dark:hover:after {color:#fff}
.btn__dark:active {color:#201B1B}

.btn__sm {font-size: 1.5rem;padding: 15px 36px;}
.btn__sm:after {left:4px;top:4px}
@media (max-width:1199px) {
  .btn__sm {font-size: 0.875rem;padding: 12px 24px;}
}



/* .first */
.first .section__col__dark {transform: translate3d(0,0,0) !important}
.first .section__col__white {transform: translate3d(0, 0, 0) !important}
.first__container {position: static;height:100vh; min-height: 100vh}
.first__left, .first__right {display: flex;flex-direction: column;height: auto;}
.first__left {align-items: flex-start; justify-content: flex-end;}
.first__right {justify-content: flex-start;align-items:flex-end}
.first__left__content, .first__right__content {width:360px;}
.first__title {font-size:4rem;margin-bottom:24px;font-weight:700;line-height: 1.2;}
.first__title a {text-decoration: none;}
.first__title a:hover, .first__title a:focus {text-decoration: underline;}
.first__list {padding-left:20px;line-height: 1.7;}

.first__left:before, .first__right:before {position: absolute;z-index:3;top:0;width:50%;height:100%;content:"";}
.first__left:before {left:0;}
.first__right:before {right:0}
.first__left__content, .first__right__content {position: relative;z-index:4;}
.first__colDark:before, .first__colWhite:before {
  content:"";position: absolute;left:0;top:0;width:100%;height:100%;opacity: 0;
  background-position: 50% 50%;background-repeat: no-repeat;background-size: cover;transition: opacity 0.5s ease-in-out;
}

@media (max-width:991px) {
  .first__container {height: auto; min-height: calc(var(--vh, 1vh) * 100);}
  .first__colDark:before {background-image:url(../images/first/black-1.jpg);opacity: 1}
  .first__colWhite:before {background-image:url(../images/first/white-1.jpg);opacity: 1}
}
@media (min-width:992px) {
  .first__l1 .first__colDark:before {background-image:url(../images/first/black-1.jpg);}
  .first__l2 .first__colDark:before {background-image:url(../images/first/black-2.jpg);}
  .first__l3 .first__colDark:before {background-image:url(../images/first/black-3.jpg);}
  .first__l1 .first__left:hover ~ .first__colDark:before,
  .first__l1 .header.bgl:hover + .section .first__colDark:before {opacity: 1;}
  .first__l2 .first__left:hover ~ .first__colDark:before,
  .first__l2 .header.bgl:hover + .section .first__colDark:before {opacity: 1;}
  .first__l3 .first__left:hover ~ .first__colDark:before,
  .first__l3 .header.bgl:hover + .section .first__colDark:before {opacity: 1;}

  .first__r1 .first__colWhite:before {background-image:url(../images/first/white-1.jpg);}
  .first__r2 .first__colWhite:before {background-image:url(../images/first/white-2.jpg);}
  .first__r3 .first__colWhite:before {background-image:url(../images/first/white-3.jpg);}
  .first__r1 .first__right:hover ~ .first__colWhite:before,
  .first__r1 .header.bgr:hover + .section .first__colWhite:before {opacity: 1;}
  .first__r2 .first__right:hover ~ .first__colWhite:before,
  .first__r2 .header.bgr:hover + .section .first__colWhite:before {opacity: 1;}
  .first__r3 .first__right:hover ~ .first__colWhite:before,
  .first__r3 .header.bgr:hover + .section .first__colWhite:before {opacity: 1;}
}
@media (max-width:1439px) {
  .first__title {font-size:3.5rem;}
  .first__left__content, .first__right__content {width:300px;}
}
@media (max-width:1199px) {
  .first__title {font-size:3rem;}
  .first__list {font-size: 1rem;}
  .first__left__content,
  .first__right__content {width:272px;}
}
@media (max-width:991px) {
  .first .section__col {display:block;}
  .first .section__col__dark1 {width:100%;right:0%;height:50%;transform: translate3d(-100%,0,0);}
  .first .section__col__white1 {width: 100%; left: 0%; height: 50%;  top: auto; bottom: 0;transform: translate3d(100%,0,0);}
  .first {padding-top: 0;}
  .first__left { justify-content: flex-start; position:relative;z-index:2}
  .first__right {justify-content: flex-end;align-items:flex-start;position:relative;z-index:2}
  .first .dark {color:#fff}
  .first__title {font-size: 2.75rem;}
}
@media (max-width:767px) {
  .first__left__content, .first__right__content {width:250px}
}
@media (max-width:575px) {
  .first__left__content, .first__right__content {width:220px}
  .first__title {font-size: 2.5rem;}
  .first__list {font-size: .875rem;}
}
@media (max-width:475px) {
  .first__title {font-size: 2.25rem;}
  .first__list {font-size: .75rem;}
}

/* .house */
.house__left .house__content {padding-left:70px;}
.house__right .house__content {padding-left: 60px;}

.house__img {display:flex;width:100%;position: relative}
.house__left .house__img {justify-content: flex-end}
.house__right .house__img {justify-content: flex-start}
.house__nav {display: none}

.house__title {font-size:2.25rem;margin-bottom: 32px;font-weight: 700}
.house__title a {text-decoration: none}
.house__list {margin:0;padding-left: 28px;line-height: 1.2}
.house__list li {margin-bottom: 7px;}
.house__list a {text-decoration: none;}
.house__list a:hover, .house__list a:focus {text-decoration: underline;}
.house__list a.active {color:#71D8C5;text-decoration: underline}

.house__bgbox {display: flex;flex-direction: column;justify-content: center;min-height:600px;position: relative}
.house__btn {margin-bottom: 64px}
.house__footer {display: flex;align-items:center;justify-content: space-between;}
.house__graf {position: absolute;top:50%;right:0;transform: translate3d(20%,-50%,0)}
.house__graf img {height:600px;}

.houseContent .section__content {position: static}
.house__footer__mobile {display: none}

.house__plus {
  position: absolute;z-index: 2;width:32px;height: 32px;
  background: rgba(113, 216, 197, 0.5);border: 1px solid #71D8C5;border-radius: 50%;
  transition: background 0.2s linear;
}
.house__plus:before, .house__plus:after {
  position: absolute;position: absolute;left:50%;top:50%;content:"";display: block;
  background-color: #fff;transform: translate(-50%,-50%); transition: color 0.2s linear;
}
.house__plus:before {width:14px;height:2px;}
.house__plus:after {width:2px;height: 14px;}
.house__plus:hover, .house__plus.active {background: #71D8C5;}
.house__plus:hover:before, .house__plus:hover:after, .house__plus.active:before, .house__plus.active:after {background-color:#201B1B;}


.house__plus1 {right: 41%;top: 30%;}
.house__plus2 {right: 76%; bottom: 13%;}
.house__plus3 {bottom: 24%; right: 48%;}
.house__plus4 {left: 18%; bottom: 25%;}
.house__plus5 {left: 34%; top: 50%;}
.house__plus6 {top: 55%; left: 9%;}
.house__plus7 {left: 4%; bottom: 13%;}
.house__plus8 {bottom: 19%; left: 52%;}
.house__plus9 {bottom: 12%; left: 56%;}
.house__plus10 {top: 42%; left: 70%;}

@media (max-width:1439px) {
  .house__left .house__content {padding-left:40px;}
  .house__title {font-size:2rem;}

  .house__bgbox {min-height: 480px}
  .house__graf {transform: translate3d(15%,-50%,0)}
  .house__graf img {height:480px;}
  .house__btn {margin-bottom:40px}

.house__plus1 {right: 47%;top: 30%;}
.house__plus2 {right: 87%;bottom: 13%;}
.house__plus3 {bottom: 24%;right: 56%;}
.house__plus4 {left: 21%;bottom: 25%;}
.house__plus5 {left: 37%;top: 50%;}
.house__plus6 {top: 55%;left: 11%;}
.house__plus7 {left: 4%;bottom: 13%;}
.house__plus8 {bottom: 19%;left: 60%;}
.house__plus9 {bottom: 12%;left: 64%;}
.house__plus10 {top: 42%;left: 80%;}
}
@media (max-width:1199px) {
  .house__left .house__content {padding-left: 40px;}
  .house__right .house__content {padding-left: 40px;}
  .house__title {font-size:1.75rem;}

  .house__bgbox {min-height: 400px}
  .house__graf {transform: translate3d(10%,-50%,0)}
  .house__graf img {height:400px;}

}
@media (max-width:991px) {
  .house1 {background-color: #201B1B;}
  .house2 {background-color: #fff;}
  .house1 .nav__toggle__btn, .house1 .nav__toggle__btn:before, .house1 .nav__toggle__btn:after {background-color: #fff}

  .house1 .house__left {display: block}
  .house1 .house__right {display: none}
  .house2 .house__left {display: none}
  .house2 .house__right {display: block}

  .house__img {height: 310px;margin-bottom: 20px;width: 285px;}

  .house__nav {display: flex;justify-content: space-between;margin-bottom: 32px}
  .house__nav__btn {color:#201B1B;background: none;border:0;padding: 0;}
  .house__nav__btn:hover, .house__nav__btn:active {color:#71D8C5}
  .house__nav__btn svg {height:16px}
  .house1 .house__nav__btn {color:#fff}
  .house2 .house__nav__btn {color:#201B1B;}

  .house__left .house__content {padding-left: 0}
  .house__right .house__content {padding-left: 0}

  .house__btn {margin-bottom:10px}
  .house__bgbox {min-height: 380px;margin-bottom: 40px}
  .house__graf {position: static;transform: none}
  .house__graf img {height:380px;}

  .house__bgbox .house__title {margin-top:20px;}
  .house__footer {flex-direction: column;align-items: inherit;}
  .house__footer .btn {margin-bottom:64px}

  .house__footer__btn {display: none !important}
  .house__footer__mobile {display: block}

.house__plus1 {right: 44%;top: 30%;}
.house__plus2 {right: 85%;bottom: 11%;}
.house__plus3 {bottom: 21%;right: 52%;}
.house__plus4 {left: 19%;bottom: 20%;}
.house__plus5 {left: 33%;top: 48%;}
.house__plus6 {top: 50%;left: 6%;}
.house__plus7 {left: 2%;bottom: 10%;}
.house__plus8 {bottom: 18%;left: 55%;}
.house__plus9 {bottom: 9%;left: 62%;}
.house__plus10 {top: 42%;left: 78%;}


}
@media (max-width:575px) {
  .house__left .house__img {transform: translateX(20px)}
  .house__right .house__img {transform: translateX(-20px)}
  .house__graf img {height: 360px;}
  .house__title {font-size:1.5rem;}
  .house__list {padding-left: 20px;}
}
@media (max-width:375px) {
   .house__graf img {height: 340px;}
}


/* .house__items */
.house__items {font-size: 1rem;line-height: 1.9}
.house__items__title {font-size:2.25rem;margin-bottom: 20px;font-weight: 700}
.house__item {margin-bottom: 70px;display: flex;align-items:center;justify-content: space-between;line-height: 1.7;}
.house__item__text {width:540px}
.house__item__pic {width:600px;}
.house__item__pic img {width:100%}

.house__item__pic {transform:translateX(25%)}
.house__item + .house__item .house__item__pic {transform:translateX(-25%)}

@media (max-width:1439px) {
  .house__item__text {width:480px}
  .house__item__pic {width:500px;}
  .house__item__pic {transform:translateX(20%)}
.house__item + .house__item .house__item__pic {transform:translateX(-20%)}
}
@media (max-width:1199px) {
  .house__item {margin-bottom:40px;}
  .house__item__text {width:420px}
  .house__item__pic {width:400px}
  .house__item__pic {transform:translateX(15%)}
.house__item + .house__item .house__item__pic {transform:translateX(-15%)}
}
@media (max-width:991px) {
  .house__items {margin-bottom: 20px;}
  .dark .house__items {color:#fff}
  .house__item {display:flex;flex-direction: column;margin-bottom: 0;}
  .house__items__title {font-size:2rem;}
  .house__item__text {width:100%}
  .house__item__pic {width:100%;max-width:444px;margin-bottom: 20px;transform: none !important}

  .dark .house .btn2 {color:#fff !important;}
}
@media (max-width:475px) {
  .house__items__title {font-size:1.75rem;}
}

/* bootstrap */
.fade {transition: opacity 0.15s linear;}
@media (prefers-reduced-motion: reduce) {
  .fade {transition: none;}
}
.fade:not(.show) {opacity: 0;}
.collapse:not(.show) {display: none;}
.collapsing {position: relative;height: 0;overflow: hidden;transition: height 0.35s ease;}
@media (prefers-reduced-motion: reduce) {
  .collapsing {transition: none;}
}
.accordion {overflow-anchor: none;}
.accordion.fade {transition: opacity 0.15s linear;}
@media (prefers-reduced-motion: reduce) {
  .fade {transition: none;}
}
.fade:not(.show) {opacity: 0;}
.collapse:not(.show) {display: none;}
.collapsing {position: relative;height: 0;overflow: hidden;transition: height 0.35s ease;}
@media (prefers-reduced-motion: reduce) {
  .collapsing {transition: none;}
}

/* bootstrap tabs */
.tab-content > .tab-pane {display: none;}
.tab-content > .active {display: block}

/* .houseTabsList */
.houseTabsList {margin:0;padding-left: 28px;}
.houseTabsList li {margin-bottom:5px}
.houseTabsList a {background: none;border:0;padding: 0;color:#201B1B;text-decoration: none}
.houseTabsList a:hover, .houseTabsList a:focus, .houseTabsList a.active {text-decoration: underline;color: #71D8C5 !important;}
.houseTabsList a:focus {outline: none;}
body.dark .houseTabsList a {color:#fff}

/* .obrab */
.obrab .section__content {padding-top: 230px}
.obrab .section__title {margin-bottom:64px}

.obrab__items {display: flex; flex-direction: column;}
.obrab__item {position: relative;min-height: 442px;margin-bottom: 30px;display: flex;align-items: center;}
.obrab__item.active, .obrab__item.active a {color:#fff;}

.obrab__item__bg {
  position: absolute;left:0;top:0;width:100%;height:100%;content:"";z-index:-1;opacity:0;
  background-color:#00483B;background-position: 50% 50%;background-repeat: no-repeat;background-size: cover;
  transition: 0.8s linear; transform: translate3d(-100%,0,0);
}
.obrab__item:nth-child(even) .obrab__item__bg {transform: translate3d(100%,0,0);}
.obrab__item_1 .obrab__item__bg {background-image:url(../images/obrab/obrabBg-1.jpg)}
.obrab__item_2 .obrab__item__bg {background-image:url(../images/obrab/obrabBg-2.jpg)}
.obrab__item_3 .obrab__item__bg {background-image:url(../images/obrab/obrabBg-3.jpg)}
.obrab__item.active .obrab__item__bg {z-index:1;opacity:1;transform: translate3d(0,0,0) !important;}


.obrab__item__inner {max-width:480px;position: relative;z-index:2;}
.obrab__item_1 .obrab__item__inner {margin-left:20%;transform: translate(0,0);}
.obrab__item_2 .obrab__item__inner {margin-left: auto;transform: translate(0,0);}
.obrab__item_3 .obrab__item__inner {margin-left:20%;transform: translate(0,0);}

.obrab__item__imgbox {position: absolute;left:0;top:0;display: block;width:434px;height: 434px;}
.obrab__item__imgbox img {display: block;}
.obrab__item_1 .obrab__item__imgbox {transform: translate(-50%,-60%);}
.obrab__item_2 .obrab__item__imgbox {transform: translate(0%,-65%);}
.obrab__item_3 .obrab__item__imgbox {transform: translate(-50%,-65%);}

.obrab__item__title {font-size: 4rem;font-weight: 700; margin-bottom: 20px;transition: opacity 0.3s linear;position: relative}
.obrab__item__list {padding:0 0 0 25px; margin:0;line-height: 1.6;;position: relative}
.obrab__item__list a {text-decoration: none;transition: opacity 0.3s linear;}
.obrab__item__list a:hover, .obrab__item__list a:focus {text-decoration:underline;}

@media (max-width:1439px) {
  .obrab .section__content {padding-top:160px;}
  .obrab__item {min-height: 400px}
  .obrab__item__inner {max-width:440px;}
  .obrab__item_1 .obrab__item__inner {margin-left:15%;}
  .obrab__item_3 .obrab__item__inner {margin-left:15%;}
  .obrab__item_1 .obrab__item__imgbox {transform: translate(-45%,-50%);}
  .obrab__item_2 .obrab__item__imgbox {transform: translate(0%,-60%);}
  .obrab__item_3 .obrab__item__imgbox {transform: translate(-45%,-60%);}
  .obrab__item__imgbox img {max-width:90%;}
  .obrab__item__title {font-size:3.5rem}
}
@media (max-width:1199px) {
  .obrab .section__content {padding-top:100px;}
  .obrab__item {min-height: 360px}
  .obrab__item__inner {max-width:400px;}
  .obrab__item_1 .obrab__item__inner {margin-left:10%;}
  .obrab__item_3 .obrab__item__inner {margin-left:10%;}
  .obrab__item_1 .obrab__item__imgbox {transform: translate(-40%,-45%);}
  .obrab__item_2 .obrab__item__imgbox {transform: translate(0%,-55%);}
  .obrab__item_3 .obrab__item__imgbox {transform: translate(-40%,-55%);}
  .obrab__item__imgbox img {max-width:80%;}
  .obrab__item__title {font-size:3rem;margin-bottom:10px}

}
@media (max-width:991px) {
  .obrab__item {min-height: 300px}
  .obrab__item__inner {margin-left:0 !important;max-width:100%;}
  .obrab__item__imgbox {width:240px;height:240px;}
  .obrab__item__imgbox img {max-width:100%}
  .obrab__item_1 .obrab__item__imgbox {transform: translate(50%,-50%);}
  .obrab__item_2 .obrab__item__imgbox {transform: translate(50%,-50%);}
  .obrab__item_3 .obrab__item__imgbox {transform: translate(50%,-50%);}
  .obrab__item__title {font-size: 2.25rem;}
}

/* .obrabSlider__item */
.obrabSlider {overflow: hidden;padding-top: 132px;margin-bottom:132px}
.obrabSlider .swiper-container {margin-left:-40px;margin-right:-40px;}
.swiper-slide {transition:all 200ms linear; transform: scale(0.7);}
.swiper-slide-active {transform: scale(1);}
.swiper-slide-active .obrabSlider__item {margin-left:-60px;margin-right:-60px;}
.obrabSlider__img {display:block;width:100%;height:320px;position:relative;}
.obrabSlider__img img {
  position: absolute;left:50%;top:50%;transform: translate3d(-50%,-50%,0);
  display: block;width: 100%;transition: width 0.5s ease-in-out;
}
.obrabSlider__item__content {display:none;visibility: hidden;margin-top:-100px;position: relative;z-index: 2;}
.swiper-slide-active .obrabSlider__item__content {visibility: visible;display:block;}
.obrabSlider__title {display:block;font-size:4rem;font-weight:700; margin-bottom:40px;line-height: 1;}
.obrabTabsList {padding-left: 20px;}
.obrabTabsList li {margin-bottom:5px}
.obrabTabsList a {border:0;background:none;text-decoration: underline;padding:0;text-align: left;font-size:1rem}
.obrabTabsList a:hover, .obrabTabsList a:focus, .obrabTabsList a.active {color:#71D8C5;}
.obrabTabsList a:focus {outline: none;}

@media (max-width:1439px) {
  .obrabSlider {overflow: hidden;padding-top: 100px;margin-bottom:100px}
  .obrabSlider .swiper-container {margin-left: -30px;margin-right: -30px;}
  .swiper-slide-active .obrabSlider__item {margin-left: -40px;margin-right: -40px;}
  .obrabSlider__img {height:300px}
  .obrabSlider__title {font-size: 3rem;}
}
@media (max-width:1199px) {
  .obrabSlider {overflow: hidden;padding-top:60px;margin-bottom:60px}
  .obrabSlider__img {height:250px}
  .obrabSlider__item__content {margin-top:-80px}
  .obrabSlider__title {font-size: 2.5rem;margin-bottom:20px}
}
@media (max-width:991px) {
  .obrabSlider {padding-top:0;margin-bottom: 0;}
  .obrabSlider .swiper-container {margin-left:0;margin-right:0;}
  .swiper-slide {transform: scale(1);}
  .swiper-slide-active .obrabSlider__item {margin-left:0;margin-right:0;}
  .obrabSlider__title {font-size:2.25rem}
  .obrabSlider__img img {height:250px}
  .obrabTabsList button {text-decoration:none}
}



/* .footer */
.footer {position: relative;z-index:10;color:#fff;font-size:1rem;line-height: 1.9;background-color: #201B1B;}
.footer__inner {padding-bottom:110px;padding-top:55px;display: flex;justify-content: space-between;}
.section__footer .footer {display: block;}
.footer__nav {display:flex;flex-direction: column;}
.footer__nav a {color:#fff;text-decoration: none;}
.footer__nav a:hover, .footer__nav a:focus {color:#fff;text-decoration: underline;}
.footer__nav__lg {font-size: 1.125rem}
.footer__adress {text-decoration: underline;}
.footer__social {margin-top:24px;display:flex;}
.footer__social a {margin-right: 22px;}
.footer__social a:last-child {margin-right: 0;}
.footer__social a img {width:32px;height:32px;}

@media (max-width:1439px) {
  .footer__inner {padding-bottom:80px;padding-top:40px;}
}
@media (max-width:1199px) {

}
@media (max-width:991px) {
  .footer__inner {flex-direction: column;padding-bottom: 40px}
  .footer__col {margin-bottom: 32px;}
  .footer__col:last-child {margin-bottom: 0;}
  .pages .footer {display: none}
}

/* .modal */
.modal {
  position: fixed; top: 0;left: 0; z-index: 1055;display: none; width: 100%; height: 100%;
  overflow-x: hidden; overflow-y: auto; outline: 0;
}
.modal-dialog {position: relative; width: auto; margin:14px; pointer-events: none;}
.modal.fade .modal-dialog {transition: transform 0.3s ease-out; transform: translate(0, -50px);}
@media (prefers-reduced-motion: reduce) {
  .modal.fade .modal-dialog {transition: none;}
}
.modal.show .modal-dialog { transform: none;}
.modal.modal-static .modal-dialog {transform: scale(1.02);}
.modal-dialog-scrollable { height: calc(100% - 1rem);}
.modal-dialog-scrollable .modal-content { max-height: 100%; overflow: hidden;}
.modal-dialog-scrollable .modal-body { overflow-y: auto;}
.modal-dialog-centered {display: flex; align-items: center; min-height: calc(100% - 1rem);}

.modal-content {position: relative; display: flex; flex-direction: column; width: 100%; pointer-events: auto; background-color: #fff; background-clip: padding-box; outline: 0;}
.modal-content:after {position:absolute;left:14px;top:14px;content:"";width:100%;height:100%;background-color:rgba(255,255,255,0.4)}
.modal-backdrop { position: fixed; top: 0; left: 0; z-index: 1050; width: 100vw; height: 100vh; background-color: #201B1B;}
.modal-backdrop.fade {opacity: 0;}
.modal-backdrop.show {opacity: 0.8;}
.modal-body {position: relative;z-index:1;flex: 1 1 auto;}

/* .modal-close */
.modal-close {
  position:absolute; top:10px; right:10px; width: 32px; height:32px;
  display: block; background:none;border:0;z-index:10;
}
.modal-close:before, .modal-close:after {
  content:"";position: absolute;top:0;background-color: #201B1B;width:1px;
  height: 100%;transition: all 0.2s ease;
}
.modal-close:hover:hover:before, .modal-close:hover:after {background-color:#71D8C5 ;}
.modal-close:before {right: 50%;transform:rotate(45deg);}
.modal-close:after {left: 50%;transform:rotate(-45deg);}

@media (min-width: 576px) {
  .modal-dialog {max-width:330px; margin: 1.75rem auto;}
}
@media (min-width:1200px) {
  .modal-dialog {margin: 3.75rem auto;}
}


/* .obrabPage */
.obrabPage .section__title {display: none}
.obrabPage__right {padding-top:32px;}
.obrabTabsPane {padding-left:80px;}
.obrabPage__form2 {display:none}
@media (min-width:992px) {
  .obrabPage__form2 {display:none !important}
}

@media (max-width:1439px) {
  .obrabTabsPane {padding-left:60px}
}
@media (max-width:1199px) {
  .obrabTabsPane {padding-left:40px;}
}
@media (max-width:991px) {
  .obrabPage .section__content {padding-bottom: 0;min-height: 100vh;}
  .obrabPage .section__title {display:block;text-align: left;}
  .obrabTabsPane {padding-left:0;margin-bottom:72px;}
  .obrabPage__left {position:absolute;left: 0;top: 88px;right: 0;z-index:1;padding-left: 20px;padding-right: 20px;}
  .obrabPage__right {
    display: none;
    background: #201B1B url(../images/obrabPage-logoBg.png) 100% 50% no-repeat;background-size:contain;
    padding-bottom: 40px;color:#fff;
    padding: 20px 20px 140px;margin-left:-20px;margin-right:-20px;box-sizing: content-box;position:relative;
  }
  .obrabPage__right.active {display:block;z-index: 10;}
  .obrabPage__form1 {display:none;}
}

/* .obrabPage__close */
#obrabPage__close__mobile {display: none}
.obrabPage__close {display: flex;justify-content: flex-end;margin-bottom:40px;}
.obrabPage__close__link {width:56px;height: 56px;position: relative;display: block;}
.obrabPage__close__link:before, .obrabPage__close__link:after {content:"";position: absolute;top:0;background-color: #fff;width:1px;height: 100%;transition: all 0.2s ease;}
.obrabPage__close__link:hover:before, .obrabPage__close__link:hover:after {background-color:#71D8C5 ;}
.obrabPage__close__link:before {right: 50%;transform:rotate(45deg);}
.obrabPage__close__link:after {left: 50%;transform:rotate(-45deg);}
@media (max-width:1439px) {
  .obrabPage__close__link {width:48px;height: 48px;}
}
@media (max-width:1199px) {
  .obrabPage__close {margin-bottom:0px}
  .obrabPage__close__link {width:40px;height: 40px;}
}
@media (max-width:991px) {
  #obrabPage__close__desktop {display: none}
  #obrabPage__close__mobile {display: flex}
  .obrabPage__close__link {width:24px;height:24px;}
}

/* .obrabPage__items */
.obrabPage__title {color:#71D8C5;font-size:3rem;font-weight:700;margin-bottom:72px;line-height:1}
.obrabPage__item {display: flex;justify-content: space-between;align-items: flex-start;margin-bottom:80px;font-size:1rem;line-height:1.9}
.obrabPage__item:last-child {margin-bottom:0 !important}
.obrabPage__item__title {font-size:1.5rem;font-weight:700;margin-bottom:24px;line-height:1.5}
.obrabPage__item__pic {width:50%;}
.obrabPage__item__pic img {}
.obrabPage__item__text {width:50%;}
.obrabPage__item:nth-child(even) .obrabPage__item__text {width:45%;}
.obrabPage__item__text p:last-child {margin-bottom:0}
.obrabPage__item__text ul {padding-left: 20px;}
.obrabPage__item:nth-child(odd) .obrabPage__item__pic {order:2; transform: translateX(15%);width: auto;min-width: 50%;margin-right: -24px;}
.obrabPage__item:nth-child(odd) .obrabPage__item__text {order:1}

@media (max-width:1439px) {
  .obrabPage__item {margin-bottom:40px}
  .obrabPage__title {font-size:2.75rem;margin-bottom:60px}
}
@media (max-width:1199px) {
  .obrabPage__title {font-size:2.5rem;margin-bottom:70px}
  .obrabPage__item:nth-child(odd) .obrabPage__item__pic {margin-right: -16px}
}
@media (max-width:991px) {
  .obrabPage__title {font-size: 2.25rem;}
  .obrabPage__item {flex-direction: column;margin-bottom:32px}
  .obrabPage__item__pic {width:100%;order:2;max-width:500px;margin: 0 auto;transform:translateX(0) !important;}
  .obrabPage__item__pic img {width:100%}
  .obrabPage__item:nth-child(odd) .obrabPage__item__pic {width:100%;margin-right: auto}
  .obrabPage__item__text {width:100% !important;order:1;margin-bottom:32px}
}

/* .pages */
.pages {background: #fff}
.pages .section__content {padding-bottom: 0}
.pages__right {padding-left:70px;padding-bottom: 60px;}
.pages__left {position: relative;padding-top:144px;padding-bottom: 60px}
.pages__content {position: relative;z-index: 2;padding-right: 60px;margin-bottom:70px}
.pages__text {line-height: 2;}
.pages__text__title {display: none}
.pages__text__title2 {font-size: 2.25rem;font-weight: 700;margin-bottom:20px}
.pages__btnbox {padding-top: 100px}
@media (max-width:1439px) {
  .pages__left {padding-top: 124px}
  .pages__content {padding-right: 40px;}
  .pages__text__title2 {font-size: 2rem;}
  .pages__right {padding-left: 60px;}
  .pages__btnbox {padding-top: 80px}
}
@media (max-width:1199px) {
  .pages__left {padding-top:94px;padding-bottom: 40px;}
  .pages__content {margin-bottom:40px;padding-right: 20px;padding-bottom: 40px;}
  .pages__text__title2 {font-size: 1.75rem;}
  .pages__right {padding-left: 40px;}
  .pages__btnbox {padding-top: 60px}
}
@media (max-width:991px) {
  .pages .section__content {padding-bottom: 100px; height: auto; min-height: calc(var(--vh, 1vh) * 100);}
  .pages .section__footer {display: none}
  .pages__left {order:2;position: static;padding: 0;height: 0;}
  .pages__right {padding-left:0;order:1;padding-bottom: 0}

  .pages__content {
     background: #201B1B url(../images/logo-pagesContent.png) 0 100% no-repeat;
     padding: 25px 25px 90px 25px;
     position: absolute; left: 0;bottom: 0;  right: 0; z-index: 10; margin-bottom:0;
     transform:translate3d(0,100%,0); transition:transform 0.5s linear;
  }
  .pages__active .pages__content {display: block; top: 88px;transform:translate3d(0,0,0)}

  .pages__text__title {display: block;font-size: 1.75rem;font-weight: 900;margin-bottom: 24px;line-height: 1;}
  .pages__text__title2 {margin-bottom:10px}
  .pages__btnbox {display: flex;justify-content: center;}
}

/* .pagesNav */
.pagesNav {display:none;align-items: center;justify-content: space-between;position: absolute;left: 20px;right: 20px;bottom: 20px;}
.pagesNav__left, .pagesNav__right {color:#201B1B;}
.pagesNav__left svg, .pagesNav__right svg {width:19px;height: 16px;}
.pagesNav__left:hover, .pagesNav__right:hover {color:#71D8C5}
.pagesNav__more {}
.pagesNav__hidden {visibility: hidden}

.pagesNav2 {display:none;align-items: center;justify-content: space-between;position: absolute;left: 20px;right: 20px;bottom: 20px;z-index: 10}
.pagesNav2__left, .pagesNav2__right {color:#fff;text-decoration: none; display: flex;flex-direction: column;}
.pagesNav2__left {align-items: flex-start}
.pagesNav2__right {align-items: flex-end}
.pagesNav2__left span, .pagesNav2__right span {font-size: 0.875rem;font-weight: 600;margin-bottom: 10px;}
.pagesNav2__left svg, .pagesNav2__right svg {width:78px;height: 16px;color:#71D8C5;}
.pagesNav2__left:hover, .pagesNav2__right:hover {color:#fff;text-decoration: none;}
.pagesNav2__left:hover svg, .pagesNav2__right:hover svg {color:#fff}

.pagesNav__close {display: none}

@media (max-width:991px) {
  .pagesNav, .pagesNav2 {display: flex}
  .pagesNav__close {display: flex;margin-bottom:24px;}
}

/* .pagesBack */
.pagesBack {display: flex;align-items:center;font-size: 1.125rem;color:#fff; text-decoration: none;}
.pagesBack__dark {color:#201B1B}
.pagesBack svg {width:79px; height:24px}
.pagesBack svg + span {margin-left:20px;}
.pagesBack span + svg {margin-left:20px;}
.pagesBack:hover {text-decoration: none;color:#71D8C5}
.pagesBack:focus {outline: none;}
.pages .pagesBack {margin-bottom:140px}

@media (max-width:1439px) {
  .pagesBack svg {width:72px; height:22px;}
  .pages .pagesBack {margin-bottom:122px}
}
@media (max-width:1199px) {
  .pagesBack svg {width:60px; height:18px;}
  .pages .pagesBack {margin-bottom:72px;}
}
@media (max-width:991px) {
  .pages .pagesBack {display:none;margin: 0;}
}

/* .pagesScroll */
.pagesScroll {
  font-size: 0.75rem;color: #6D6767;display: flex;flex-direction: column;
  position: absolute;bottom:10px;right:20px;align-items: center;width:16px;text-decoration: none;
}
.pagesScroll span {transform: rotate(-90deg);margin-bottom:40px;white-space: nowrap;}
.pagesScroll svg {width: 16px;height:36px;color: #fff;}

.pagesScroll__invert {bottom:32px}
.pagesScroll__invert span {margin-bottom: 0;margin-top:40px;}

.obrabPage .pagesScroll__invert {display: none}
.obrabPage .pagesScroll__invert span {margin-top:24px;}

@media (max-width:991px) {
  .pages .pagesScroll {display: none;}
  .obrabPage .pagesScroll {display: flex}
}

/* .pagesLogo */
.pagesLogo {position: absolute;display: block;}
.pagesLogo1 {bottom:0;left:0;transform: translateX(-100%)}
.pagesLogo2 {left: -30%;bottom: 0;width: 900px;}
.pagesLogo3 {left: 0;bottom: 14%;width: 1360px;}
.pagesLogo4 {right:20px;bottom: 0}
@media (max-width:1439px) {
  .pagesLogo3 {bottom: 13%;width: 1260px;}
}
@media (max-width:1199px) {
  .pagesLogo3 {bottom: 16%;width: 1000px;}
}
@media (max-width:991px) {
  .pagesLogo {display:none}
}

/* .videobox */
.videobox__inner {padding-bottom:56.25%; overflow: hidden;position: relative;}
.videobox iframe {position: absolute;left:0;top:0;right:0;bottom: 0;width:100%;height: 100%;}
.videobox__inner:before {
  position: absolute; left: 0; top: 0; width: 100%;height: 100%; content: "";
  z-index: 1; background: rgba(0,0,0, 0.6); transition: 2s linear
}
.videobox .videobox__inner.active:before {z-index: -1; opacity: 0}
.videobox__cover {position: absolute;top:0;left:0;width:100%;height:100%;background-size: cover;}
.videobox__btn {
  width:60px;height:60px; border: 0;background:none;padding: 0; border: 2px solid #71D8C5; color:#71D8C5;
  border-radius: 50%;position: absolute;z-index:1; left: 50%;top: 50%;
  transform: translate3d(-50%, -50%, 0); display:flex;align-items: center;justify-content: center;
}
.videobox__btn:before, .videobox__btn:after {
  position: absolute;content:"";animation: radial-pulse 1.5s infinite;
  border-radius: 50%;border: 1px solid #71D8C5;
}
.videobox__btn:before {left:-5%;top:-5%;width:110%;height:110%;}
.videobox__btn:after {left:-20%;top:-20%;width:140%;height:140%;}
.videobox__btn svg {height: 19px;width:23px;}
.videobox__btn:focus {outline: none;}
@-webkit-keyframes radial-pulse {
  0% {transform: scale(1);opacity:1}
  100% {transform: scale(1.4);opacity: 0;}
}
@keyframes radial-pulse {
  0% {transform: scale(1);opacity:1}
  100% {transform: scale(1.4);opacity: 0;}
}

/* .partners */
.partners {display:flex;justify-content: space-between;flex-wrap: wrap;}
.partner {width:212px;margin-bottom:70px}
@media (max-width:1439px) {
  .partner {width:200px;margin-bottom:40px}
}
@media (max-width:1199px) {
  .partner {width:180px;margin-bottom:20px}
}
@media (max-width:991px) {
  .partners {justify-content: center;}
}
@media (max-width:575px) {
  .partner {width:160px}
}
@media (max-width:375px) {
  .partner {width:140px}
}

/* .map */
.map {padding-bottom:56.25%; overflow: hidden;position: relative;}
.map iframe {position: absolute;left:0;top:0;right:0;bottom: 0;width:100%;height: 100%;}
@media (max-width:991px) {
  .map {margin-bottom:40px}
}
@media (max-width:575px) {
  .map {margin-bottom:20px}
}


/* .about__items */
.about__items {display: flex;width: 100%;justify-content: space-between;}
.about__items img {width:100%}
.about__items__box1 {margin-right: 45px;display: flex;flex-direction: column;align-items: flex-end;}
.about__items__box2 {position: relative;display: flex;align-items: flex-end;}
.about__items__box3 {display: flex;flex-direction: column;align-items: flex-start;justify-content: space-between;width: 60%;}
.about__items__box4 {display: flex; flex-direction: column;}
.about__items__img {margin-bottom:30px;}
.about__items_1 {margin-bottom:30px}
.about__items_2 {margin-bottom:0}
.about__items_3 {margin-left: auto;}
.about__items_4 {margin-right: 70px;}
.about__items_5 {margin-right: 30px;}
.about__items_6 {position: absolute;top:0;right: 0;z-index: 1;transform: translate3d(50%,-30%,0);margin-bottom:0}
.about__items_7 {}
.about__items_7 img {width:inherit}
@media (max-width:1439px) {
  .about__items__box1 {margin-right: 15px;}
  .about__items__img {margin-bottom:15px;}
  .about__items_4 {margin-right:0;}
  .about__items_5 {margin-right: 15px;}
  .about__items_6 {max-width: 90%;}
}
@media (max-width:1199px) {
  .about__items_6 {max-width: 80%;}
}
@media (max-width:991px) {
  .about__items {flex-direction:column;position: relative;padding-top: 20px;}
  .about__items__box1 {flex-direction: row; align-items: flex-start;}
  .about__items__box2 {padding-top: 40px;position: static;}
  .about__items__box3 {flex-direction: row;width: 100%;align-items: self-end;}
  .about__items__box4 {}
  .about__items_1 {margin-right: 15px;}
  .about__items_3 {margin-top: 40px;margin-right: 15px;}
  .about__items_6 {transform: none; right: 90px; top: -64px; width: 240px;}
}
@media (max-width:575px) {
    .about__items_6 {right: 84px; top: -44px; width: 170px;}
}
@media (max-width:475px) {
    .about__items_6 {top: -40px; width: 144px;}
}

/*colslider*/
.swiper__colslider1 {overflow: hidden}
.swiper__colslider2 .swiper-wrapper {display: flex;flex-wrap: wrap;justify-content: space-between;transform: none !important;  flex-wrap: wrap;}
.swiper__colslider2 .swiper-slide {width: 220px !important;transform: none !important;}

.colslider_link {margin-bottom:20px}
.colslider_link__inner {display: flex;flex-direction: column;position: relative;z-index: 2;padding: 35px 0;align-items: center;}
.colslider_link__icon {margin-bottom:20px;}
.colslider_link__icon img {width:48px;height:48px;}
.colslider__link__name {font-weight:700;font-size: 1.125rem;}
.swiper__colslider2 .swiper-slide.swiper-slide-thumb-active .colslider_link {color:#71D8C5;text-decoration:underline}
.swiper__colslider2 .swiper-slide.swiper-slide-thumb-active .colslider_link:after {border-color:#C9C9C9}

@media (max-width:1439px) {
  .swiper__colslider2 .swiper-slide {width:200px !important;}
  .colslider_link {margin-bottom:0}
}
@media (max-width:1199px) {
  .swiper__colslider2 .swiper-slide {width:160px !important;}
  .colslider_link__icon {margin-bottom:16px;}
  .colslider_link__icon img {width:40px;height:40px;}
}
@media (max-width:991px) {
  .swiper__colslider2 .swiper-slide {width:50% !important;}
  .colslider_link__inner {padding-top: 20px;padding-bottom: 20px;}
  .colslider_link__icon img {width:48px;height:48px;}
  .colslider__link__name {font-size: 1rem;}
}

/* animation */
@media (prefers-reduced-motion:reduce),
print {
  .animate__animated {
    -webkit-animation-duration: 1ms !important;
    animation-duration: 1ms !important;
    -webkit-transition-duration: 1ms !important;
    transition-duration: 1ms !important;
    -webkit-animation-iteration-count: 1 !important;
    animation-iteration-count: 1 !important
  }
  .animate__animated[class*=Out] {
    opacity: 0
  }
}

@media (min-width:992px) {
.animate__animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-duration: var(--animate-duration);
  animation-duration: var(--animate-duration);
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
    -webkit-animation-delay: 0.5s !important;animation-delay: 0.5s !important;
}

.animate__fadeIn {
  -webkit-animation-name: fadeIn; animation-name: fadeIn;
  -webkit-animation-duration: 2s !important;animation-duration: 2s !important
}

.animate__fadeInUp {
  -webkit-animation-name: fadeInUp; animation-name: fadeInUp;
  -webkit-animation-duration: 2s !important;animation-duration: 2s !important
}

.animate__fadeInDown {
  -webkit-animation-name: fadeInDown; animation-name: fadeInDown;
  -webkit-animation-duration: 2s !important;animation-duration: 2s !important
}

.animate__fadeInRight {
  visibility: visible;
  -webkit-animation-name: fadeInRight;animation-name: fadeInRight;
  -webkit-animation-duration: 2s !important;animation-duration: 2s !important
}
.animate__fadeInLeft {
  -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft;
  -webkit-animation-duration: 2s !important;animation-duration: 2s !important
}

}

.delay__03s {-webkit-animation-delay: 0.3s !important;animation-delay: 0.3s !important;}
.delay__05s {-webkit-animation-delay: 0.5s !important;animation-delay: 0.5s !important;}
.delay__1s {-webkit-animation-delay: 1s !important;animation-delay: 1s !important;}
.delay__12s {-webkit-animation-delay: 1.2s !important;animation-delay: 1.2s !important;}
.delay__14s {-webkit-animation-delay: 1.4s !important;animation-delay: 1.4s !important;}
.delay__16s {-webkit-animation-delay: 1.6s !important;animation-delay: 1.6s !important;}
.delay__15s {-webkit-animation-delay: 1.5s !important;animation-delay: 1.5s !important;}
.delay__18s {-webkit-animation-delay: 1.8s !important;animation-delay: 1.8s !important;}
.delay__20s {-webkit-animation-delay: 2s !important;animation-delay: 2s !important;}
.delay__25s {-webkit-animation-delay: 2.5s !important;animation-delay: 2.5s !important;}
.delay__30s {-webkit-animation-delay: 3s !important;animation-delay: 3s !important;}

/* animation */
@-webkit-keyframes fadeIn {
  0% {  opacity: 0  }
  to {  opacity: 1  }
}
@keyframes fadeIn {
  0% {  opacity: 0  }
  to {  opacity: 1  }
}

@keyframes fadeInRight {
  0% {opacity: 0; -webkit-transform: translate3d(100%, 0, 0);  transform: translate3d(100%, 0, 0)  }
  to { opacity: 1; -webkit-transform: translateZ(0);  transform: translateZ(0)  }
}

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0)
  }

  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0)
  }

  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0)
  }

  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0)
  }

  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInDown {
  from {
    opacity: 0;
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

.animation__updown {
  -webkit-animation-fill-mode: both; animation-fill-mode: both;
  -webkit-animation: updown 2s linear infinite; animation: updown 2s linear infinite;
  animation-delay: 2s;
}
@-webkit-keyframes updown {
  0% {opacity: 0; transform: translate(0, -10px);}
  10%, 90% {opacity: 0;}
  50% {opacity: 1;  transform: translate(0, 0);}
  100% {opacity: 0; transform: translate(0, 10px);}
}
@keyframes updown {
  0% {opacity: 0; transform: translate(0, -10px);}
  10%, 90% {opacity: 0;}
  50% {opacity: 1;  transform: translate(0, 0);}
  100% {opacity: 0; transform: translate(0, 10px);}
}

.animation__downup {
  -webkit-animation-fill-mode: both; animation-fill-mode: both;
  -webkit-animation: downup 2s linear infinite; animation: downup 2s linear infinite;
  animation-delay: 2s;
}
@-webkit-keyframes downup {
  0% {opacity: 0; transform: translate(0, 10px);}
  10%, 90% {opacity: 0;}
  50% {opacity: 1;  transform: translate(0, 0);}
  100% {opacity: 0; transform: translate(0, -10px);}
}
@keyframes downup {
  0% {opacity: 0; transform: translate(0, 10px);}
  10%, 90% {opacity: 0;}
  50% {opacity: 1;  transform: translate(0, 0);}
  100% {opacity: 0; transform: translate(0, -10px);}
}