a.tel {
    display: block;
    padding-top: 10px;
    opacity: 0.49;
    color: #ffffff;
    font-size: 18px;
    line-height: 20px;
    letter-spacing: 0.9px;
}
img{
    max-width: 100%;
}
@font-face {
    font-family: Gilroy;
    src: url("./fonts/Gilroy-Light.otf") format("opentype");
    font-weight: 300;
}

@font-face {
    font-family: Gilroy;
    src: url("./fonts/Gilroy-ExtraBold.otf") format("opentype");
    font-weight: 800;
}

@font-face {
    font-family: ProximaNova;
    src: url("./fonts/ProximaNovaRegular.otf") format("opentype");
    font-weight: 400;
}

@font-face {
    font-family: ProximaNova;
    src: url("./fonts/ProximaNovaBold.otf") format("opentype");
    font-weight: 700;
}

.mobile {
    display: none;
}

.preloader {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: transparent;
    z-index: 30;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100vw;
    height: 100vh;
}

.preloader:before, .preloader:after {
    z-index: -1;
    background: #fff;
    content: '';
    width: 100%;
    height: 50vh;
    display: block;
    position: absolute;
}

.preloader.remove:before, .preloader.remove:after {
    animation: .5s remove forwards;
}

@keyframes remove {
    0% {
        height: 50vh;
    }
    100% {
        height: 0vh;
    }
}

.preloader:before {
    top: 0;
}

.preloader:after {
    bottom: 0;
}

.bar {
    position: relative;
    z-index: 1;
    background: #1e9dae;
    height: 1px;
    width: 50px;
    margin: auto;
    animation: 2s prograss infinite;
}

@keyframes prograss {
    0% {
        width: 0;
    }
    100% {
        width: 100%;
    }
}

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

body {
    padding-top: 88px;
    background-color: #efefef;
    font-family: Gilroy;
    font-weight: 300;
}

a:hover {
    text-decoration: none;
}

input, button {
    display: block;
    box-shadow: none;
    background: none;
    border: none;
    outline: none !important;
}

.scroll_top {
    width: 30px;
    height: 55px;
    position: fixed;
    bottom: 30px;
    right: 30px;
    z-index: 30;
    cursor: pointer;
    transition: transform .3s;
    display: none;
}

.scroll_top img {
    height: 100%;
    width: auto;
}

.scroll_top:hover {
    transform: translateY(-20%);
}

header svg {
    stroke: black;
    fill: black;
}

.catalog header svg {
    fill: #efefef;
    stroke: #efefef;
}

.catalog svg {
    fill: #1e9dae;
    stroke: #1e9dae;
}

.catalog header .nav ul li:not(:nth-of-type(2n))::before {
    background-color: #efefef;
}

.catalog .slider {
    display: none;
}

.catalog .contacts {
    margin-top: 40px;
}

button {
    cursor: pointer;
}

.link a {
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.link span {
    display: block;
    transition: opacity .3s;
    opacity: .5;
}

.link:hover span {
    opacity: 1;
}

.link i {
    display: block;
    margin-left: 10px;
    transition: margin .3s;
}

.link:hover i {
    margin-left: 25px;
}

header, section, footer, .breadcrumbs {
    position: relative;
}

header > div, section > div, footer > div {
    z-index: 2;
}

header svg:not(.separator), section svg:not(.separator), footer svg:not(.separator), .breadcrumbs svg {
    z-index: 0;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    width: 100%;
    height: 100%;
    position: absolute;
}

.home svg:not(.separator) {
    z-index: 8;
}

header {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    z-index: 10;
    color: #151515;
    font-size: 16px;
    letter-spacing: 0.8px;
    box-shadow: 0 8px 20px 4px rgba(31, 31, 31, 0.2);
    background-color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

header.fixed {
    position: fixed;
    transition: opacity .5s;
}

header .logo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
}

header .logo .image {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    margin-right: 12px;
    max-width: 109px;
    max-height: 109px;
    width: 100%;
    height: 100%;
    padding: 10px;
}

header .logo .image img {
    height: 100%;
    width: 100%;
}

header .logo .image:after {
    position: absolute;
    right: 0;
    content: "";
    display: block;
    width: 1px;
    height: 60px;
    background-color: #111111;
    opacity: 0.25;
}

header .logo .text {
    line-height: 1.1;
    font-size: 14px;
}

header .nav {
    width: 50%;
}

header .nav .button {
    display: none;
}

header .nav ul {
    flex: 1 1 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    color: #111111;
    font-size: 18px;
}

header .nav ul li {
    display: block;
    position: relative;
}

header .nav ul li:not(:nth-of-type(even)):before {
    content: '';
    display: block;
    transform: scaleX(0);
    background: #000;
    position: absolute;
    bottom: 0;
    height: 2px;
    transition: transform .3s;
    transform-origin: center right;
    width: 100%;
}

header .nav ul li:hover:before {
    transform: scaleX(1);
    transform-origin: center left;
}

header .nav ul li a {
    color: inherit;
    font-size: inherit;
    white-space: nowrap;
}

header .nav ul li a.active {
    font-weight: 600;
}

header .right {
    min-width: 350px;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

header .right .tel {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-right: auto;
}

header .right .tel button {
    display: none;
}

header .right .tel a {
    white-space: nowrap;
    font-size: 18px;
    color: #111111;
    display: block;
}

header .right .lang {
    text-transform: uppercase;
    position: relative;
    font-weight: 800;
    font-size: 18px;
    margin-right: 1%;
    margin-left: 65px;
}

header .right .lang:before {
    top: 49%;
    position: absolute;
    left: -55px;
    content: "";
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 40px;
    height: 1px;
    background-color: #1e9dae;;
    transition: left 0.3s, width 0.3s;
    z-index: 0;
}

header .right .lang:hover:before {
    left: 0;
    width: 25px;
}

header .right .lang .lang_current {
    cursor: default;
    padding-left: 10px;
    padding-right: 10px;
    position: relative;
    z-index: 1;
}

header .right .lang:hover .lang_switch {
    line-height: 1.2;
}

header .right .lang:hover .lang_current, header .right .lang:hover .lang_switch {
    transition: line-height .3s;
    border-left: 2px solid #1e9dae;;
    width: 100%;
    background: black;
}

header .right .lang:hover .lang_switch a {
    color: #fff;
}

header .right .lang:hover .lang_switch li {
    padding-bottom: 5px;
    opacity: 1;
}

header .right .lang .lang_switch {
    padding-left: 10px;
    padding-right: 10px;
    overflow: hidden;
    position: absolute;
    line-height: 0;
}

header .right .lang .lang_switch li {
    display: block;
    opacity: 0;
    transition: opacity 1s;
}

header .right .lang .lang_current {
    color: #1e9dae;
    line-height: 35px;
    text-decoration: underline;
}

header .right .search {
    margin-right: 7%;
}

header .mobile_menu {
    display: none;
}

.home {
    position: relative;
}

.home .pretitle {
    left: 5%;
    top: 20%;
    position: absolute;
    z-index: 9;
    opacity: 0.8;
    color: #ffffff;
    font-size: 26px;
    line-height: 1.2;
    letter-spacing: 2.14px;
    padding-left: 5px;
}

.home .next {
    cursor: pointer;
    -webkit-transform: rotateZ(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotateZ(-90deg);
    left: 5%;
    top: 95%;
    position: absolute;
    z-index: 9;
    opacity: 0.7;
    color: #ffffff;
    font-size: 12px;
    letter-spacing: 0.7px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
}

.home .next div {
    width: 73px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-end;
}

.home .next span {
    display: block;
    width: 33px;
    height: 2px;
    background-color: #d7d7d7;
    opacity: 0.8;
    transition: margin 0.3s;
}

.home .next span:nth-of-type(1) {
    margin-right: 20px;
    background-color: #1e9dae;
}

.home .next span:nth-of-type(2) {
    margin-right: 40px;
}

.home .next span:nth-of-type(3) {
    margin-right: 30px;
}

.home .next:hover span:nth-of-type(1) {
    margin-right: 30px;
    background-color: #1e9dae;
}

.home .next:hover span:nth-of-type(2) {
    margin-right: 10px;
}

.home .next:hover span:nth-of-type(3) {
    margin-right: 20px;
}

.home .swiper-slide {
    overflow: hidden;
    background: black;
    position: relative;
    height: calc(100vh - 88px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
}

.home .swiper-slide .h2 {
    text-transform: uppercase;
    position: absolute;
    left: 5%;
    color: #ffffff;
    font-size: 180px;
    font-weight: 800;
    letter-spacing: 17.81px;
    opacity: 0;
}

.home.projects-slide .swiper-slide .h2 {
    letter-spacing: 10px;
    font-size: 130px;
}

.home .swiper-slide-active .h2 {
    left: 5%;
    opacity: 1;
    transition: left 1s, opacity .3s 0.7s;
}

.home .swiper-slide-prev .h2 {
    left: 105%;
    opacity: 0;
    transition: left 1s, opacity .3s;
}

.home .swiper-slide-next .h2 {
    left: -95%;
    opacity: 0;
}

.home .swiper-slide .child {
    -webkit-transform: skewX(5deg);
    -ms-transform: skewX(5deg);
    transform: skewX(5deg);
    overflow: hidden;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    left: 40%;
    position: absolute;
    width: 100%;
}

.home .swiper-slide .child .h2 {
    left: -35%;
    -webkit-transform: skewX(-5deg);
    -ms-transform: skewX(-5deg);
    transform: skewX(-5deg);
    color: #000;
}

.home .swiper-slide-active .child .h2 {
    left: -35%;
}

.home .swiper-slide-prev .child .h2 {
    left: 65%;
}

.home .swiper-slide-next .child .h2 {
    left: -135%;
}

.home .swiper-slide .child .bg {
    position: absolute;
    z-index: -1;
    height: 100%;
    width: 75%;
    background-size: cover;
    background-repeat: no-repeat;
    left: 0%;
    transform: skewX(-5deg);
}

.home .swiper-slide-active .child .bg {
    left: -15%;
    transition: left 1s;
}

.home .swiper-slide-prev .child .bg {
    left: 50%;
    transition: left 1s;
}

.home .swiper-slide-next .child .bg {
    left: -50%;
}

.about {
    padding-bottom: 60px;
    padding-top: 100px;
    background: url(/wp-content/uploads/image/about-barex.png) no-repeat, linear-gradient(105deg, #fff 60%, #efefef 60%) no-repeat;
    background-size: 70% auto, 100%;
    background-position: 90% 35%;
}

.about .mission .h2 {
    position: relative;
    color: #141414;
    font-size: 40px;
    font-weight: 800;
    line-height: 50px;
    letter-spacing: 2px;
    z-index: 0;
}

.about .mission .h2:after {
    position: absolute;
    content: "";
    background: url(/wp-content/uploads/image/h2.jpg) center center no-repeat;
    background-size: 100% 100%;
    width: 260px;
    height: 260px;
    top: -46px;
    left: -46px;
    z-index: -2;
    overflow: hidden;
    transform-origin: center;
    transition: background .5s;
}

.about .mission .h2:hover::after {
    background-size: 120% 120%;
}

.about .mission .h2:before {
    position: absolute;
    content: "";
    background-color: #fff;
    background-size: 100% 100%;
    width: 210px;
    height: 210px;
    top: -21px;
    left: -21px;
    z-index: -1;
}

.about .mission p {
    margin-bottom: 10px;
    color: #141414;
    font-size: 21px;
    line-height: 1.2;
}

.about .mission p b {
    font-weight: 800;
}

.about .description {
    padding-top: 200px;
}

.about .description .h2 {
    margin-bottom: 50px;
    color: #151515;
    font-size: 60px;
    font-weight: 800;
    letter-spacing: 3px;
}

.about .description .text {
    background: rgba(255, 255, 255, .7);
    color: #141414;
    font-size: 18px;
    line-height: 30px;
}

.about .description .link .save {
    cursor: pointer;
    display: flex;
    color: #1a1919;
    font-size: 21px;
    align-items: center;
}

.about .bg {
    background: url(/wp-content/uploads/image/about-catalog.png) 100% 50px no-repeat;
}

.gallery {
    padding-top: 140px;
    padding-bottom: 90px;
    background: url(/wp-content/uploads/image/bg-gallery.png) 90% 250px no-repeat;
    background-size: 60% auto;
}

.gallery .h2 {
    color: #151515;
    font-size: 60px;
    font-weight: 800;
    letter-spacing: 3px;
    margin-bottom: 50px;
}

.gallery ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 80px;
}

.gallery ul li {
    cursor: pointer;
    padding: 0 35px;
    color: #151515;
    font-size: 24px;
    letter-spacing: 2.4px;
    position: relative;
    line-height: 1;
}

.gallery ul li:before {
    transition: transform 0.3s;
    content: "";
    display: block;
    width: 2px;
    height: 21px;
    background-color: #1e9dae;
    position: absolute;
    top: 0;
    left: 0;
}

.gallery ul li:hover:before {
    transform: rotateZ(45deg);
}

.gallery .swiper-container {
    position: relative;
}

.gallery .swiper-container button {
    z-index: 10;
    border: none;
    outline: none;
    cursor: pointer;
    position: absolute;
    top: 50%;
    transform: translateY(-50%) rotateZ(-45deg);
    width: 50px;
    height: 50px;
    background: #f7f7f7;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    align-items: center;
}

.gallery .swiper-pagination {
    display: none;
}

.gallery .swiper-container button i {
    font-size: 20px;
    color: #939393;
    transform: rotateZ(45deg);
}

.gallery .swiper-container .swiper-button-next {
    left: calc(50% + 575px);
}

.gallery .swiper-container .swiper-button-prev {
    left: initial;
    right: calc(50% + 575px);
}

.gallery .swiper-slide {
    position: relative;
    max-width: 1000px;
    color: #151515;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 380px;
}

@media screen and (min-width: 992px) {
    .gallery .swiper-slide.swiper-slide-prev .image {
        left: 50%;
    }

    .gallery .swiper-slide.swiper-slide-active .image {
        left: 0%;
    }

    .gallery .swiper-slide.swiper-slide-active .content {
        right: 0%;
        transition: right 2s;
    }

    .gallery .swiper-slide.swiper-slide-next .content {
        right: 50%;
    }

    .gallery .swiper-slide.swiper-slide-duplicate-next .image {
        left: 50%;
    }

    .gallery .swiper-slide .image {
        transition: left 2s;
        position: relative;
        z-index: 1;
        width: 50%;
    }
}

.gallery .swiper-slide .image img {
    height: 100%;
    width: 100%;
}

.gallery .swiper-slide .content {
    transition: right 1s;
    position: relative;
    background: #fff;
    padding: 40px 30px;
    width: 50%;
}

.gallery .swiper-slide .title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    margin-bottom: 30px;
}

.gallery .swiper-slide .subtitle {
    font-size: 26px;
    font-weight: 800;
    letter-spacing: 1.3px;
}

.gallery .swiper-slide .made {
    color: #151515;
    font-size: 18px;
}

.gallery .swiper-slide .made b {
    font-weight: 800;
}

.gallery .swiper-slide .description {
    color: #151515;
    font-size: 16px;
    line-height: 21px;
}

.gallery .swiper-slide .description p {
    margin-bottom: 34px;
}

.gallery .link {
    margin-top: 90px;
}

.gallery .link a {
    margin-left: 50%;
    transform: translateX(-25%);
    color: #1a1919;
    font-size: 21px;
}

.trust {
    padding-top: 160px;
    padding-bottom: 120px;
    background: linear-gradient(105deg, #efefef 30%, #fff 30%) no-repeat;
    background-size: 100% 100%;
}

.trust .row:first-of-type {
    padding-bottom: 50px;
}

.trust .h2 {
    position: relative;
    z-index: 0;
    height: 124px;
    color: #151515;
    font-size: 60px;
    font-weight: 800;
    line-height: 70px;
    letter-spacing: 3px;
}

.trust .h2:after {
    position: absolute;
    content: "";
    background: url(/wp-content/uploads/image/h2.jpg) center center no-repeat;
    background-size: 100% 100%;
    width: 260px;
    height: 260px;
    top: -46px;
    left: -46px;
    z-index: -2;
    overflow: hidden;
    transform-origin: center;
    transition: background .5s;
}

.trust .h2:hover::after {
    background-size: 120% 120%;
}

.trust .h2:before {
    position: absolute;
    content: "";
    background-color: #efefef;
    background-size: 100% 100%;
    width: 210px;
    height: 210px;
    top: -21px;
    left: -21px;
    z-index: -1;
}

.trust .description {
    margin-top: 50px;
    background: url("/wp-content/uploads/image/patern.png");
    color: #141414;
    font-size: 18px;
    line-height: 30px;
    padding-top: 60px;
    padding-bottom: 30px;
}

.trust .description b {
    font-weight: 800;
}

.trust .col-md-6 {
    padding-left: 150px;
    margin-bottom: 30px;
}

.trust .head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
}

.trust .head .title {
    padding-left: 16px;
    color: #2b2b2b;
    font-size: 27px;
    font-weight: 800;
    line-height: 30px;
    text-transform: uppercase;
}

.trust .content {
    padding-top: 14px;
    padding-bottom: 15px;
    color: #2b2b2b;
    font-size: 18px;
    line-height: 24px;
}

.country {
    background: #fbfbfb;
    padding-bottom: 60px;
}

.country .h2 {
    margin-top: -45px;
    color: #000000;
    font-size: 36px;
    font-weight: 800;
    line-height: 40px;
    margin-bottom: 70px;
}

.country .swiper-container button {
    position: absolute;
    z-index: 10;
    border: none;
    outline: none;
    cursor: pointer;
    position: absolute;
    top: 50%;
    transform: rotateZ(-45deg);
    width: 50px;
    height: 50px;
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    align-items: center;
    transform-origin: center;
}

.country .swiper-container button i {
    font-size: 20px;
    color: #939393;
    transform: rotateZ(45deg);
}

.country .swiper-container .swiper-button-next {
    right: 10px;
    left: initial;
}

.country .swiper-container .swiper-button-prev {
    left: 10px;
}

.country .swiper-slide img {
    display: block;
    margin: auto;
    width: 85px;
    height: 64px;
}

.country .link {
    margin-top: 70px;
}

.country .link a {
    margin-left: 50%;
    margin-right: 0;
    transform: translateX(-25%);
    color: #1a1919;
    font-size: 21px;
}

.interior {
    background: linear-gradient(105deg, #efefef 15%, #fff 15%) no-repeat;
    padding-top: 100px;
    padding-bottom: 80px;
}

.interior .swiper-container {
}

.interior .swiper-wrapper {
    margin-top: 80px;
    position: relative;
}

.interior .swiper-container button {
    position: absolute;
    z-index: 10;
    border: none;
    outline: none;
    cursor: pointer;
    position: absolute;
    margin: 0;
    transform: rotateZ(-45deg);
    width: 50px;
    height: 50px;
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    align-items: center;
}

.interior .swiper-container button i {
    font-size: 20px;
    color: #939393;
    transform: rotateZ(45deg);
}

.interior .swiper-container .swiper-button-prev {
    left: 10px;
}

.interior .swiper-container .swiper-button-next {
    right: 10px;
}

.interior .swiper-container .swiper-slide img {
    display: block;
    width: 100%;
}

.interior .swiper-pagination-bullet {
    background-color: #fff;
}

.interior .swiper-pagination-bullet-active {
    background-color: #1e9dae;
}

.interior .right {
    padding-left: 100px;
}

.interior .h2 {
    color: #151515;
    font-size: 60px;
    font-weight: 800;
    line-height: 70px;
    letter-spacing: 3px;
    margin-bottom: 70px;
    position: relative;
    z-index: 1;
}

.interior .h2:after {
    position: absolute;
    content: "";
    background: url(/wp-content/uploads/image/h2.jpg) center center no-repeat;
    background-size: 100% 100%;
    width: 200px;
    height: 200px;
    top: -46px;
    left: -46px;
    z-index: -2;
    overflow: hidden;
    transform-origin: center;
    transition: background .5s;
}

.interior .h2:hover::after {
    background-size: 120% 120%;
}

.interior .h2:before {
    position: absolute;
    content: "";
    background-color: #fff;
    background-size: 100% 100%;
    width: 170px;
    height: 170px;
    top: -30px;
    left: -30px;
    z-index: -1;
}

.interior .subtitle {
    color: #141414;
    font-size: 18px;
    font-weight: 800;
    padding: 20px;
}

.interior .content {
    margin-bottom: 20px;
    color: #141414;
    font-size: 18px;
    padding: 20px 30px;
    background: url(/wp-content/uploads/image/patern.png);
}

.interior .content ul {
    font-size: 16px;
}

.interior .link {
    padding-left: 20px;
}

.interior .link a {
    color: #1a1919;
    font-size: 21px;
}

.news {
    padding-top: 80px;
    padding-bottom: 100px;
    background: url(/wp-content/uploads/image/news-bg.png) 80% 150px no-repeat, linear-gradient(#f7f7f7, #f7f7f7 50%, transparent 50%, transparent 82%, #efefef 82%), url(/wp-content/uploads/image/patern.png);
    background-size: 60% auto;
}

.news .h2 {
    color: #151515;
    font-size: 60px;
    font-weight: 800;
    letter-spacing: 3px;
    margin-bottom: 100px;
}

.news .news-item {
    z-index: 0;
    overflow: hidden;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.news .news-item .image {
    z-index: -1;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    transition: transform 1s;
}

.news .news-item:hover .image {
    transform: scale(1.2);
}

.news .news-item:before {
    padding-bottom: 100%;
    content: "";
}

.news .news-item .title {
    width: 90%;
    background: #f7f7f7;
    padding: 15px;
    color: #141414;
    font-size: 16px;
    font-weight: 800;
    line-height: 18px;
    letter-spacing: 0.8px;
    border-bottom: 2px solid #fff;
}

.news .news-item .date{
    width: 90%;
    background: #f7f7f7;
    color: #1e9dae;
    padding: 0 15px;
    border-bottom: 2px solid #fff;
}

.news .news-item .link {
    width: 90%;
    background: #f7f7f7;
    padding: 5px 15px 10px;
    text-align: right;
}

.news .news-item .link {
    color: #1a1919;
    font-size: 18px;
    display: flex;
    align-items: center;
}

.news .links {
    margin-top: 110px;
    text-align: center;
}

.news .links a {
    margin-left: 50%;
    transform: translateX(-25%);
    font-size: 21px;
    color: #1a1919;
}

.cooperation {
    padding-top: 60px;
    padding-bottom: 120px;
    background: linear-gradient(105deg, #efefef 45%, #fff 45%) no-repeat, url(/wp-content/uploads/image/patern.png), linear-gradient(110deg, transparent 45%, #fff 45%);
    background-size: 100% 70%, 100% 100%, 100% 100%;
}

.cooperation .row {
    position: relative;
}

.cooperation .h2 {
    color: #151515;
    font-size: 50px;
    font-weight: 800;
    letter-spacing: 2.5px;
    margin-bottom: 60px;
}

.cooperation .content {
    position: relative;
    z-index: 1;
    box-shadow: 0 24px 87px 9px rgba(31, 31, 31, 0.35);
    background-color: rgba(247, 247, 247, 0.9);
    padding: 50px 110px 50px 50px;
    color: #141414;
    font-size: 16px;
}

.cooperation .content b {
    font-weight: 800;
}

.cooperation .content ul {
    color: #2b2b2b;
    font-size: 18px;
    line-height: 30px;
}

.cooperation .content .link {
    margin-top: 80px;
}

.cooperation .content .link a {
    color: #1a1919;
    font-size: 18px;
    font-size: 21px;
    color: #1a1919;
}

.cooperation .image {
    padding: 0;
    height: calc(100% + 40px);
    position: absolute;
    right: 0;
    overflow: hidden;
    margin: -20px;
    width: calc(100% + 40px);
}

.cooperation .image img {
    height: 100%;
    position: relative;
    width: 100%;
}

.contacts {
    padding: 60px 0 60px;
    background: #efefef;
}

.contacts .h2 {
    color: #151515;
    font-size: 24px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 1.2px;
}

.contacts h2 {
    color: #151515;
}

.contacts p {
    padding-right: 50px;
    opacity: 0.49;
    color: #151515;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 0.8px;
}

.contacts form {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.contacts form .form-group {
    padding-top: 30px;
    position: relative;
    z-index: 1;
    flex: 0 0 25%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
}

.contacts form .form-group:hover label {
    top: 0 !important;
}

.contacts form input {
    width: 100%;
    z-index: 1;
    position: relative;
    border-bottom: 2px solid #151515;
}

.contacts form label {
    transition: top 0.5s;
    z-index: 0;
    position: absolute;
    top: 50%;
    opacity: 0.85;
    color: #151515;
    font-size: 16px;
    letter-spacing: 0.8px;
}

.contacts form button {
    transform: skewX(-5deg);
    position: relative;
    color: #efefef;
    font-size: 18px;
    line-height: 1;
    letter-spacing: 0.9px;
    background: #151515;
    padding: 15px 50px;
}

.contacts form button:before, .contacts form button:after {
    position: relative;
    z-index: 0;
    content: "";
    display: block;
    background: #efefef;
    position: absolute;
    transform: translateY(-50%);
    width: 24px;
    height: 1px;
    top: 50%;
    transition: height 0.5s, width 0.5s;
}

.contacts form button:before {
    left: -2px;
}

.contacts form button:after {
    right: -2px;
}

.contacts form button span {
    position: relative;
    z-index: 2;
    transform: skewX(5deg);
}

.contacts form button:hover {
    color: #151515;
}

.contacts form button:hover:before, .contacts form button:hover:after {
    height: 20px;
    width: 100%;
    transition: width 0.5s, height 0.5s 0.2s;
}

.contacts .wpcf7-validation-errors {
    display: none !important;
}

.contacts .form-group .wpcf7-not-valid-tip {
    position: absolute;
}

.contacts .wpcf7-mail-sent-ok {
    position: absolute;
    top: 105%;
    margin: auto;
    left: 0;
    text-align: center;
    width: 100%;
}

footer {
    padding-top: 60px;
    background-color: #151515;
}

footer .logo img {
    max-width: 109px
}

footer .title {
    color: #fff;
    padding-bottom: 10px;
    font-size: 18px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.9px;
}

footer p {
    opacity: 0.49;
    color: #ffffff;
    font-size: 18px;
    line-height: 20px;
    letter-spacing: 0.9px;
}

footer ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
}

footer ul li {
    margin-right: 15px;
}

footer i {
    font-size: 25px;
    color: #fff;
    opacity: 0.49;
}

footer .copyright {
    opacity: 0.25;
    color: #ffffff;
    font-size: 16px;
    letter-spacing: 0.8px;
    padding-top: 30px;
    padding-bottom: 50px;
}

footer .copyright a {
    color: #ffffff;
    font-size: 16px;
}

footer .copyright div:last-of-type {
    text-align: right;
}

.page.news {
    padding-top: 80px;
    padding-bottom: 100px;
    background: #fff url(/wp-content/uploads/image/news-bg.png) 100% 25% no-repeat;
    background-size: 60% auto;
}

.page.news .h2 {
    color: #141414;
    font-size: 40px;
    font-weight: 800;
    line-height: 50px;
    letter-spacing: 2px;
    margin-bottom: 15px;
    position: relative;
    z-index: 0;
}

.page.news .h2:after {
    position: absolute;
    content: "";
    background: url(/wp-content/uploads/image/h2.jpg) center center no-repeat;
    background-size: 100% 100%;
    width: 260px;
    height: 260px;
    top: -46px;
    left: -46px;
    z-index: -2;
    overflow: hidden;
    transform-origin: center;
    transition: background .5s;
}

.page.news .h2:hover::after {
    background-size: 120% 120%;
}

.page.news .h2:before {
    position: absolute;
    content: "";
    background-color: #fff;
    background-size: 100% 100%;
    width: 210px;
    height: 210px;
    top: -21px;
    left: -21px;
    z-index: -1;
}

.page.news .subtitle {
    position: relative;
    z-index: 1;
    color: #141414;
    font-size: 21px;
    margin-left: 100px;
    margin-bottom: 150px;
}

.page.news .subtitle p {
    margin-bottom: 0px;
}

.page.news .subtitle b {
    font-weight: 800;
}

.page.news .filter > div {
    white-space: nowrap;
    position: absolute;
}

.page.news .filter p {
    letter-spacing: 1.2px;
    font-weight: 800;
    text-transform: uppercase;
    margin-bottom: 10px;
    font-size: 21px;
}

.page.news .filter li a {
    font-size: 21px;
    cursor: pointer;
    color: inherit;
}

.page.news .filter li a:hover {
    transition: color .3s;
    color: #1e9dae;
}

.page.news .news-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    margin-bottom: 50px;
}

.page.news .news-item .title {
    background: #f7f7f7;
    padding: 15px;
    color: #141414;
    font-size: 16px;
    font-weight: 800;
    line-height: 18px;
    letter-spacing: 0.8px;
    border-bottom: 2px solid #fff;
}

.page.news .news-item .link {
    background: #f7f7f7;
    padding: 10px 15px;
}

.page.news .news-item .link a {
    color: #1a1919;
    font-size: 18px;
}

.pagination {
    margin-bottom: 30px;
    justify-content: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.pagination ul {
    justify-content: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.pagination ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.pagination a, .pagination span {
    display: block;
    margin: 0 10px;
    color: #141414;
    font-size: 18px;
    font-weight: 800;
}

.catalog .pagination a, .pagination span {
    color: #efefef;
}

.pagination a.current, .pagination span.current {
    display: block;
    color: #1e9dae;
}

.pagination .prev, .pagination .next {
    margin: 0 25px 5px;
    transition: all .3s;
    position: relative;
    right: 0;
    left: 0;
}

#search .pagination a, #search .pagination span {
    color: #141414;
}

#search a.current, #search span.current {
    color: #1e9dae;
}

.pagination .prev {
}

.pagination .prev:hover {
    left: -5px;
    right: 5px;
}

.pagination .next:hover {
    left: 5px;
    right: initial;
}

.pagination button {
    margin: 0 !important;
    display: block;
    position: relative;
    border: none;
    outline: none;
    cursor: pointer;
    transform: translateY(0) rotateZ(-45deg);
    width: 50px;
    height: 50px;
    background: #f7f7f7;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    align-items: center;
}

.pagination button img {
    transform: rotateZ(45deg);
    max-width: 100%;
    max-height: 100%;
}

.pagination button.prev img {
    transform: rotateZ(225deg);
}

.new {
    background: #fff;
    padding-top: 100px;
}
.new img{
    height: auto!important;
}

.new h1 {
    color: #141414;
    font-size: 60px;
    line-height: 80px;
    letter-spacing: 3px;
    margin-bottom: 65px;
}

.new .image {
    margin-bottom: 70px;
}

.new .image img {
    width: 100%;
}

.new .content {
    color: #0f0f0f;
    font-family: "ProximaNova";
    font-size: 18px;
    font-weight: 400;
    line-height: 1.2;
    margin-bottom: 100px;
}
.new .content ul{
    list-style: initial;
    padding-left: 25px;
}

.new .pagination {
    justify-content: space-between;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 100px;
}

.new .pagination ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.new .pagination a {
    margin: 0 10px;
    color: #141414;
    font-size: 18px;
    text-transform: uppercase;
}

.new .pagination a.active {
    color: #1e9dae;
}
.new .pagination a.catalog-link{
    font-size: 14px;
    line-height: 16px;
    color: rgba(0, 0, 0, 0.79);
    display: inline-flex;
    align-items: center;
    text-transform: initial;
}

.page-contacts {
    padding-top: 100px;
    padding-bottom: 200px;
    background: linear-gradient(100deg, #fff 0%, #fff 60%, transparent 50%);
}

.page-contacts h1 {
    color: #141414;
    font-size: 60px;
    font-weight: 800;
    letter-spacing: 3px;
    margin-bottom: 60px;
}

.page-contacts .subtitle {
    color: #000000;
    font-size: 28px;
    margin-bottom: 100px;
}

.page-contacts .subtitle ul {
    flex-wrap: wrap;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.page-contacts .subtitle li:not(:last-of-type) {
    margin-right: 40px;
}

.page-contacts .subtitle li {
    cursor: pointer;
    margin-bottom: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
}

.page-contacts .subtitle li span {
    transition: transform .3s;
    margin-right: 20px;
    display: block;
    width: 20px;
    height: 2px;
    background-color: #3eb9c6;
}

.page-contacts .subtitle li.active {
    font-weight: 600;
}

.page-contacts .subtitle li.active span {
    transform: rotateZ(-45deg);
}

.page-contacts .subtitle li:hover span {
    transform: rotateZ(-45deg);
}

.page-contacts .content {
    color: #141414;
    font-size: 21px;
}

.page-contacts .content .item {
    display: none;
}

.page-contacts .content .item .text {
    padding: 70px 60px 40px;
    box-shadow: 0 24px 87px 9px rgba(31, 31, 31, 0.14);
    background-color: #f7f7f7;
}

.page-contacts .content .item.active {
    display: block;
}

.page-contacts .content .image {
    position: absolute;
    right: 0;
    height: 100%;
}

.page-contacts .content .image img {
    margin-left: -170px;
    margin-bottom: -170px;
    height: calc(100% + 170px);
    width: calc(100% + 170px);
    position: relative;

}

.page-contacts .address {
    font-size: 26px;
    letter-spacing: 1.3px;
    margin-bottom: 50px;
}

.page-contacts .desc {
    margin-bottom: 50px;
}

.page-contacts .desc a {
    display: block;
    color: #141414;
    font-size: 21px;
}

.page-contacts button.panorama {
    position: relative;
    margin-bottom: 50px;
    color: #141414;
    font-size: 21px;
    font-weight: 800;
    padding-left: 50px;
}

.page-contacts button.panorama:before {
    position: absolute;
    top: 50%;
    left: 0;
    content: '';
    width: 30px;
    height: 2px;
    background-color: #49c3cd;
}

.page-contacts .modal_close {
    cursor: pointer;
    padding: 15px;
    background: #000;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 15px;
    left: 50%;
    transform: translateX(-50%);
}

.page-contacts .modal_close svg {
    transition: transform .5s;
    position: relative;
    width: 16px;
    height: 16px;
    stroke: #fff;
}

.page-contacts .modal_close:hover svg {
    transform: rotateZ(180deg);
}

.catalog {
    color: #969696;
    background: #000 url(/wp-content/uploads/image/catalog-bg.jpg);
    background-attachment: fixed
}

.catalog header {
    background: rgba(10, 10, 10, .85);
    box-shadow: 0 8px 20px 4px rgba(31, 31, 31, .5);
}

.catalog header .logo .image:after {
    background-color: #efefef;
}

.catalog header .logo .text {
    color: #efefef;
    opacity: 0.6;
}

.catalog header .nav ul {
    color: #efefef;
}

.catalog header .right, .catalog header .right a, .catalog header .right .tel button, .catalog header .right .search button, .catalog header .nav .button {
    background: transparent;
    color: #efefef;
}

.catalog header .nav .button div span {
    background: #efefef;
}

.catalog .content {
    padding-top: 150px;
}

.catalog .content .container {
    padding-top: 50px;
    position: relative;
}

.catalog .filter, .catalog .projects {
    z-index: 1;
}

.catalog .filter .item, .catalog .projects .item {
    margin-bottom: 30px;
}

.catalog .filter .item p, .catalog .projects .item p {
    letter-spacing: 1.2px;
    color: #fff;
    font-weight: 800;
    text-transform: uppercase;
    margin-bottom: 10px;
    font-size: 21px;
}

.catalog .filter .item li, .catalog .projects .item li {
    font-size: 21px;
    margin-bottom: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    cursor: pointer;
    color: #fff;
    transition: opacity .3s;
}

.catalog .filter .item li.disable, .catalog .projects .item li.disable {
    opacity: .1;
    pointer-events: none;
}

.catalog .filter .item li.active, .catalog .projects .item li.active {
    color: #1e9dae;;
    pointer-events: none;
}

.catalog .filter .item li:hover span, .catalog .projects .item li:hover span {
    transition: color .3s;
    color: #1e9dae;
}

.catalog .filter .item li.active svg, .catalog .projects .item li.active svg {
    width: 13px !important;
}

.catalog .filter .item li svg, .catalog .projects .item li svg {
    transition: width .3s;
    margin-right: 5px;
}

.catalog .products .item {
    overflow: hidden;
    position: relative;
    margin-bottom: 30px;
    color: #fefefe;
    font-size: 18px;
    cursor: pointer;
}

.catalog .products .item:before {
    content: "";
    padding-bottom: 130%;
    display: block;
}

.catalog .products .item .info {
    width: calc(100% - 30px);
    position: absolute;
    top: 0;
}

.catalog .products .item .info > div {
    opacity: 0;
}

.catalog .products .item .info .eyes {
    padding: 20px;
    position: absolute;
    right: 0;
    font-size: 25px;
    cursor: pointer;
}

.catalog .products .item .info .eyes i {
    opacity: inherit;
}

.catalog .products .item .info .brand {
    padding: 25px 50px 20px 20px;
    position: relative;
    text-transform: uppercase;
}

.catalog .products .item .info .made {
    padding: 20px 20px 20px 20px;
    position: relative;
    text-transform: uppercase;
}

.catalog .products .item .image {
    position: absolute;
    left: 15px;
    right: 15px;
    top: 0;
    bottom: 0;
    transition: opacity .7s;
    overflow: hidden;
}

.catalog .products .item:hover .image {
    opacity: .5;
}

.catalog .products .item .image div {
    background-position: center;
    background-size: cover;
    position: absolute;
    width: 100%;
    height: 100%;
    transition: transform .7s;
}

.catalog .products .item:hover .image div {
    transform-origin: center;
    transform: scale(1.1);
}

#search {
    padding: 30px 60px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    min-height: 100vh;
    background: #fcfcfc;
    z-index: 35;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    display: none;
    opacity: 0;
    flex-direction: column;
    overflow-x: hidden;
}

#search .modal_header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
}

#search .modal_header button {
    background: black;
    padding: 15px;
    border-radius: 50%;
}

#search .modal_header button:hover svg {
    transform: rotateZ(180deg);
}

#search .modal_header button svg {
    transition: transform .5s;
    display: block;
    width: 16px;
    height: 16px;
    stroke: #fff;
}

#search .modal_body {
    margin-bottom: 100px;
    padding-top: 100px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 65%;
    max-width: 600px;
    position: relative;
}

#search .modal_body form {
    position: relative;
    width: 100%;
}

#search .modal_body input {
    width: 100%;
    background: transparent;
    font-size: 40px;
    padding: 10px;
    padding-right: 50px;
}

#search .modal_body input::placeholder {

}

#search .modal_body button {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    font-size: 30px;
}

#search .modal_body .line {
    position: absolute;
    bottom: 0;
    left: 0;
    content: "";
    width: 100%;
    display: block;
    height: 1px;
    background: #000;
}

#search .result .notreauslt {
    display: none;
}

#search .result .item {
    display: flex;
    position: relative;
    padding-bottom: 10px;
    margin-bottom: 30px;
    color: #fefefe;
    font-size: 18px;
    min-height: 100px;
    align-items: center;
}

#search .result .item:after {
    content: "";
    display: block;
    border-bottom: 2px solid #efefef;
    position: absolute;
    bottom: 0;
    left: 15px;
    right: 15px;
}

#search .result .item .slider {
    display: none;
}

#search .result .item .info {
    padding-left: 150px;
    color: #000;
}

#search .result .item .info .eyes {
    padding: 0 20px;
    position: absolute;
    top: 0;
    left: 0;
    font-size: 25px;
    cursor: pointer;
}

#search .result .item .info .eyes i {
    color: #efefef;
    opacity: inherit;
}

#search .result .item .info .brand {
    font-size: 16px;
    font-weight: 900;
    padding: 0 10px;
    position: relative;
    text-transform: uppercase;
    letter-spacing: 1.2px;
}

#search .result .item .info .made {
    padding: 0 10px 5px 10px;
    position: relative;
    text-transform: uppercase;
    font-size: 14px;
}

#search .result .item .image {
    cursor: pointer;
    position: absolute;
    transition: opacity .7s;
    overflow: hidden;
    width: 150px;
    height: calc(100% - 15px);
    margin-bottom: 15px;
}

#search .result .item:hover .image {
    opacity: .5;
}

#search .result .item .image div {
    background-position: center;
    background-size: cover;
    position: absolute;
    width: 100%;
    height: 100%;
    transition: transform .7s;
}

#search .result .item:hover .image div {
    transform-origin: center;
    transform: scale(1.1);
}

.modal-panorama {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 20;
    display: none;
}

.modal-panorama .modal_header {
    width: 100%;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 20;
    text-align: right;
}

.modal-panorama .modal_header .modal_close i {
    color: #fff;
}

.modal-panorama .modal_body {
}

.modal-panorama .modal_body iframe {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}

.modal_product {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .6);
    z-index: 36;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: none;
    justify-content: center;
    align-items: center;
}

.modal_product .modal_body {
    padding: 50px 30px 30px;
    position: relative;
    background: linear-gradient(105deg, #222 30%, #fff 30%, #efefef 30%) no-repeat;
    width: auto;
    max-width: 95%;
    width: 685px;
    height: 600px;
    max-height: 85%;
}

.modal_product .modal_body .content {
    padding-top: 0;
    width: 100%;
    max-width: 100%;
    height: 100%;
    box-sizing: border-box;
}

.modal_product .modal_close {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background: #151515;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    justify-content: center;
    align-items: center;
    top: 0;
    left: 50%;
    transform: translate(-50%, -50%);
}

.modal_product button {
    background: black;
    padding: 15px;
    border-radius: 50%;
}

.modal_product button:hover svg {
    transform: rotateZ(180deg);
}

.modal_product button svg {
    transition: transform .5s;
    display: block;
    width: 16px;
    height: 16px;
    stroke: #fff;
}

.modal_product .swiper-container {
    width: 100%;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
}

.modal_product .swiper-slide {
    /*background-size: cover;*/
    /*background-position: center;*/

    /*//delete*/


    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.modal_product .gallery-top {
    padding-bottom: 20px;
    height: 80%;
    width: 100%;
}

.modal_product .gallery-thumbs {
    height: 20%;
    width: 80%;
    box-sizing: border-box;
    padding: 10px 0;
}

.modal_product .gallery-thumbs .swiper-slide {
    width: 33%;
    height: 100%;
    opacity: 0.4;
}

.modal_product .gallery-thumbs .swiper-slide-thumb-active {
    opacity: 1;
}

.modal_product button {
    color: rgba(0, 0, 0, .8);
    background: none;
    font-size: 30px;
    bottom: 10%;
    top: initial;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    align-items: center;
}

.modal_product .swiper-button-next {
    right: 20px;
}

.modal_product .swiper-button-prev {
    left: 20px;
}

.modal_product .swiper-slide {
    cursor: pointer;
}

#cooperation {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background: rgba(0, 0, 0, .6);
    z-index: 20;
    display: none;
    justify-content: center;
    align-items: center;
}

#cooperation .modal_body {
    position: relative;
    background: linear-gradient(105deg, #222 20%, #efefef 20%) no-repeat;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 685px;
    max-width: 95%;
    height: 600px;
    max-height: 85%;
}

#cooperation .content {
    max-width: 90%;
}

#cooperation .modal_close {
    cursor: pointer;
    padding: 15px;
    background: #000;
    position: absolute;
    left: 50%;
    top: 0;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}

#cooperation .modal_close svg {
    width: 16px;
    height: 16px;
    stroke: #fff;
    transition: transform .5s;
}

#cooperation div:hover > svg {
    transform: rotateZ(180deg);
}

#cooperation .title {
    text-align: center;
    font-size: 36px;
    font-weight: 900;
    line-height: 1.1;
    text-transform: uppercase;
    letter-spacing: 1.8px;
    padding-bottom: 70px;
}

#cooperation form {
    width: 400px;
    max-width: 90%;
    margin: auto;
}

#cooperation .form-group {
    position: relative;
    margin-bottom: 40px;
}

#cooperation form button {
    margin: auto;
    transform: skewX(-5deg);
    position: relative;
    color: #e8e8e8;
    font-size: 18px;
    line-height: 1.2px;
    letter-spacing: 0.9px;
    background: #151515;
    padding: 22px 50px;
}

#cooperation form button:before, #cooperation form button:after {
    position: relative;
    z-index: 0;
    content: "";
    display: block;
    background: #efefef;
    position: absolute;
    transform: translateY(-50%);
    width: 24px;
    height: 1px;
    top: 50%;
    transition: height 0.5s, width 0.5s;
}

#cooperation form button:before {
    left: -2px;
}

#cooperation form button:after {
    right: -2px;
}

#cooperation form button span {
    position: relative;
    z-index: 2;
    transform: skewX(5deg);
}

#cooperation form button:hover {
    color: #151515;
}

#cooperation form button:hover:before, #cooperation form button:hover:after {
    height: 20px;
    width: 100%;
    transition: width 0.5s, height 0.5s 0.2s;
}

#cooperation .wpcf7-validation-errors {
    display: none !important;
}

#cooperation .form-group .wpcf7-not-valid-tip {
    position: absolute;
}

#cooperation .wpcf7-mail-sent-ok {
    position: absolute;
    top: 105%;
    margin: auto;
    left: 0;
    text-align: center;
    width: 100%;
}

#cooperation form .form-group:hover label {
    top: -90% !important;
}

#cooperation form input {
    width: 100%;
    z-index: 1;
    position: relative;
    border-bottom: 2px solid #151515;
}

#cooperation form label {
    transition: top 0.5s;
    z-index: 0;
    position: absolute;
    top: 0;
    opacity: 0.85;
    color: #151515;
    font-size: 16px;
    letter-spacing: 0.8px;
}

#cooperation span {
    display: block;
}

#cooperation .wpcf7-not-valid-tip {
    width: 100%;
    display: block;
}

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
    opacity: 0;
}

.modal_product .swiper-button-prev {
    color: rgba(255, 255, 255, .8);
}

.load {
    z-index: 30;
    position: fixed;
    overflow: hidden;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    justify-content: center;
    align-items: center;
    background: rgba(0, 0, 0, 1);
    display: none;
}

.load img {
    width: 200px;
}

.scrollmagic-pin-spacer .filter, .scrollmagic-pin-spacer .projects {
    width: auto !important;
}

.contacts div.wpcf7-mail-sent-ok {
    border: none;
}

#contacts {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background: rgba(0, 0, 0, .6);
    z-index: 40;
    display: none;
    justify-content: center;
    align-items: center;
}

#contacts .modal_body {
    position: relative;
    background: linear-gradient(105deg, #222 20%, #efefef 20%) no-repeat;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 685px;
    max-width: 95%;
    height: 600px;
    max-height: 85%;
}

#contacts .content {
    max-width: 90%;
}

#contacts .modal_close {
    cursor: pointer;
    padding: 15px;
    background: #000;
    position: absolute;
    left: 50%;
    top: 0;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}

#contacts .modal_close svg {
    width: 16px;
    height: 16px;
    stroke: #fff;
    transition: transform .5s;
}

#contacts div:hover > svg {
    transform: rotateZ(180deg);
}

#contacts .title {
    text-align: center;
    font-size: 36px;
    font-weight: 900;
    line-height: 1.1;
    text-transform: uppercase;
    letter-spacing: 1.8px;
    padding-bottom: 30px;
}

#contacts .title span {
    font-size: 20px;
}

#contacts form {
    width: 400px;
    max-width: 90%;
    margin: auto;
}

#contacts .form-group {
    position: relative;
    margin-bottom: 40px;
}

#contacts form button {
    margin: auto;
    transform: skewX(-5deg);
    position: relative;
    color: #e8e8e8;
    font-size: 18px;
    line-height: 1.2;
    letter-spacing: 0.9px;
    background: #151515;
    padding: 22px 50px;
}

#contacts form button:before, #contacts form button:after {
    position: relative;
    z-index: 0;
    content: "";
    display: block;
    background: #efefef;
    position: absolute;
    transform: translateY(-50%);
    width: 24px;
    height: 1px;
    top: 50%;
    transition: height 0.5s, width 0.5s;
}

#contacts form button:before {
    left: -2px;
}

#contacts form button:after {
    right: -2px;
}

#contacts form button span {
    position: relative;
    z-index: 2;
    transform: skewX(5deg);
}

#contacts form button:hover {
    color: #151515;
}

#contacts form button:hover:before, #contacts form button:hover:after {
    height: 20px;
    width: 100%;
    transition: width 0.5s, height 0.5s 0.2s;
}

#contacts .wpcf7-validation-errors {
    display: none !important;
}

#contacts .form-group .wpcf7-not-valid-tip {
    position: absolute;
}

#contacts .wpcf7-mail-sent-ok {
    position: absolute;
    top: 105%;
    margin: auto;
    left: 0;
    text-align: center;
    width: 100%;
}

#contacts form .form-group:hover label {
    top: -90% !important;
}

#contacts form input {
    width: 100%;
    z-index: 1;
    position: relative;
    border-bottom: 2px solid #151515;
}

#contacts form textarea {
    width: 100%;
    z-index: 1;
    position: relative;
    resize: none;
    max-height: 50px;
    background: transparent;
    border-bottom: 2px solid #151515;
}

#contacts form label {
    transition: top 0.5s;
    z-index: 0;
    position: absolute;
    top: 0;
    opacity: 0.85;
    color: #151515;
    font-size: 16px;
    letter-spacing: 0.8px;
}

#contacts span {
    display: block;
}

#contacts .wpcf7-not-valid-tip {
    width: 100%;
    display: block;
}






#magazine {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background: rgba(0, 0, 0, .6);
    z-index: 40;
    display: none;
    justify-content: center;
    align-items: center;
}

#magazine .modal_body {
    position: relative;
    background: linear-gradient(105deg, #222 20%, #efefef 20%) no-repeat;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 685px;
    max-width: 95%;
    height: 600px;
    max-height: 85%;
}

#magazine .content {
    max-width: 90%;
}

#magazine .modal_close {
    cursor: pointer;
    padding: 15px;
    background: #000;
    position: absolute;
    left: 50%;
    top: 0;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}

#magazine .modal_close svg {
    width: 16px;
    height: 16px;
    stroke: #fff;
    transition: transform .5s;
}

#magazine div:hover > svg {
    transform: rotateZ(180deg);
}

#magazine .title {
    text-align: center;
    font-size: 36px;
    font-weight: 900;
    line-height: 1.1;
    text-transform: uppercase;
    letter-spacing: 1.8px;
    padding-bottom: 70px;
}

#magazine .title span {
    font-size: 20px;
}

#magazine form {
    width: 400px;
    max-width: 90%;
    margin: auto;
}

#magazine .form-group {
    position: relative;
    margin-bottom: 40px;
}

#magazine form button {
    margin: auto;
    transform: skewX(-5deg);
    position: relative;
    color: #e8e8e8;
    font-size: 18px;
    line-height: 1.2;
    letter-spacing: 0.9px;
    background: #151515;
    padding: 22px 50px;
}

#magazine form button:before, #magazine form button:after {
    position: relative;
    z-index: 0;
    content: "";
    display: block;
    background: #efefef;
    position: absolute;
    transform: translateY(-50%);
    width: 24px;
    height: 1px;
    top: 50%;
    transition: height 0.5s, width 0.5s;
}

#magazine form button:before {
    left: -2px;
}

#magazine form button:after {
    right: -2px;
}

#magazine form button span {
    position: relative;
    z-index: 2;
    transform: skewX(5deg);
}

#magazine form button:hover {
    color: #151515;
}

#magazine form button:hover:before, #magazine form button:hover:after {
    height: 20px;
    width: 100%;
    transition: width 0.5s, height 0.5s 0.2s;
}

#magazine .wpcf7-validation-errors {
    display: none !important;
}

#magazine .form-group .wpcf7-not-valid-tip {
    position: absolute;
}

#magazine .wpcf7-mail-sent-ok {
    position: absolute;
    top: 105%;
    margin: auto;
    left: 0;
    text-align: center;
    width: 100%;
}

#magazine form .form-group:hover label {
    top: -90% !important;
}

#magazine form input {
    width: 100%;
    z-index: 1;
    position: relative;
    border-bottom: 2px solid #151515;
}

#magazine form label {
    transition: top 0.5s;
    z-index: 0;
    position: absolute;
    top: 0;
    opacity: 0.85;
    color: #151515;
    font-size: 16px;
    letter-spacing: 0.8px;
}

#magazine span {
    display: block;
}

#magazine .wpcf7-not-valid-tip {
    width: 100%;
    display: block;
}

#save {
    display: none;
}

.page-error {
    background: url(/wp-content/uploads/image/404.png) center no-repeat;
    background-size: 70% auto;
    padding: 100px 0;
}

.page-error .h2 {
    font-weight: 800;
    font-size: 72px;
}

.page-error .text {
    font-size: 30px;
}

.swiper-button-prev:hover {
    transform: translateX(-15px) !important rotateZ(- 45 deg);
}

.gallery .swiper-container .swiper-button-prev, .gallery .swiper-container .swiper-button-next,
.interior .swiper-container .swiper-button-prev, .country .swiper-container .swiper-button-prev,
.interior .swiper-container .swiper-button-next, .country .swiper-container .swiper-button-next {
    transition: .3s transform;
}

.gallery .swiper-container .swiper-button-prev:hover {
    transform: translateX(-5px) translateY(-50%) rotateZ(-45deg)
}

.gallery .swiper-container .swiper-button-next:hover {
    transform: translateX(5px) translateY(-50%) rotateZ(-45deg)
}

.interior .swiper-container .swiper-button-prev:hover, .country .swiper-container .swiper-button-prev:hover {
    transform: translateX(-5px) rotateZ(-45deg);
}

.interior .swiper-container .swiper-button-next:hover, .country .swiper-container .swiper-button-next:hover {
    transform: translateX(5px) rotateZ(-45deg);
}

.breadcrumbs {
    background: #fff;
    padding-top: 15px;
}

.breadcrumbs ul {
    display: flex;
    font-size: 14px;
}

.breadcrumbs li a {
    margin: 0 10px 0 0;
    color: #000;
}

.breadcrumbs li:last-child {
    color: #757575
}

.breadcrumbs li:not(:last-child):after {
    content: '/';
    padding-right: 10px;
}

#information {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background: rgba(0, 0, 0, .6);
    z-index: 20;
    display: none;
    justify-content: center;
    align-items: center;
}

#information .modal_body {
    position: relative;
    background: linear-gradient(105deg, #222 20%, #efefef 20%) no-repeat;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 685px;
    max-width: 95%;
    height: 600px;
    max-height: 85%;
}

#information .content {
    max-width: 90%;
}

#information .modal_close {
    cursor: pointer;
    padding: 15px;
    background: #000;
    position: absolute;
    left: 50%;
    top: 0;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}

#information .modal_close svg {
    width: 16px;
    height: 16px;
    stroke: #fff;
    transition: transform .5s;
}

#information div:hover > svg {
    transform: rotateZ(180deg);
}

#information .title {
    text-align: center;
    font-size: 36px;
    font-weight: 900;
    line-height: 1.1;
    text-transform: uppercase;
    letter-spacing: 1.8px;
}
#information .subtitle{
    padding-bottom: 70px;
}

#information form {
    width: 400px;
    max-width: 90%;
    margin: auto;
}

#information .form-group {
    position: relative;
    margin-bottom: 40px;
}

#information form button {
    margin: auto;
    transform: skewX(-5deg);
    position: relative;
    color: #e8e8e8;
    font-size: 18px;
    line-height: 1.2px;
    letter-spacing: 0.9px;
    background: #151515;
    padding: 22px 50px;
}

#information form button:before, #information form button:after {
    position: relative;
    z-index: 0;
    content: "";
    display: block;
    background: #efefef;
    position: absolute;
    transform: translateY(-50%);
    width: 24px;
    height: 1px;
    top: 50%;
    transition: height 0.5s, width 0.5s;
}

#information form button:before {
    left: -2px;
}

#information form button:after {
    right: -2px;
}

#information form button span {
    position: relative;
    z-index: 2;
    transform: skewX(5deg);
}

#information form button:hover {
    color: #151515;
}

#information form button:hover:before, #information form button:hover:after {
    height: 20px;
    width: 100%;
    transition: width 0.5s, height 0.5s 0.2s;
}

#information .wpcf7-validation-errors {
    display: none !important;
}

#information .form-group .wpcf7-not-valid-tip {
    position: absolute;
}

#information .wpcf7-mail-sent-ok {
    position: absolute;
    top: 105%;
    margin: auto;
    left: 0;
    text-align: center;
    width: 100%;
}

#information form .form-group:hover label {
    top: -90% !important;
}

#information form input {
    width: 100%;
    z-index: 1;
    position: relative;
    border-bottom: 2px solid #151515;
}

#information form label {
    transition: top 0.5s;
    z-index: 0;
    position: absolute;
    top: 0;
    opacity: 0.85;
    color: #151515;
    font-size: 16px;
    letter-spacing: 0.8px;
}

#information span {
    display: block;
}

#information .wpcf7-not-valid-tip {
    width: 100%;
    display: block;
}
@media screen and (max-width: 767px){
    #information .modal_body {
        position: relative;
        background: linear-gradient(105deg,#222 5%, #efefef 5%) no-repeat;
    }
    #information .title{
        font-size: 25px;
    }
    #information .subtitle{
        text-align: center;
    }
    .new .pagination{
        justify-content: center;
        flex-wrap: wrap;
    }
    .new .pagination ul{
        padding-top: 30px;
    }
    .new .pagination a.catalog-link{
        font-size: 14px;
        line-height: 16px;
        color: rgba(0, 0, 0, 0.79);
        display: inline-flex;
        align-items: center;
        text-transform: initial;
        width: 45%;
        order: -1;
        justify-content: center;
    }
}
.catalog .modal_body .content{
    padding-top: 0;
}
table, tr, td, th{
    border: 1px solid #000;
}

input, textarea {
    border-radius: 0!important;
    outline: none!important;
    box-shadow: none!important;
}