@font-face {
    font-display: swap;
    font-family: 'Gilroy';
    src: url(../fonts/Gilroy-Semibold.eot);
    src: local('Gilroy Semibold'),local('Gilroy-Semibold'),url('../fonts/Gilroy-Semibold.eot?#iefix') format('embedded-opentype'),url(../fonts/Gilroy-Semibold.woff2) format('woff2'),url(../fonts/Gilroy-Semibold.woff) format('woff'),url(../fonts/Gilroy-Semibold.ttf) format('truetype');
    font-weight: 600;
    font-style: normal
}

@font-face {
    font-display: swap;
    font-family: 'Gilroy';
    src: url(../fonts/Gilroy-Bold.eot);
    src: local('Gilroy Bold'),local('Gilroy-Bold'),url('../fonts/Gilroy-Bold.eot?#iefix') format('embedded-opentype'),url(../fonts/Gilroy-Bold.woff2) format('woff2'),url(../fonts/Gilroy-Bold.woff) format('woff'),url(../fonts/Gilroy-Bold.ttf) format('truetype');
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-display: swap;
    font-family: 'Gilroy';
    src: url(../fonts/Gilroy-Regular.eot);
    src: local('Gilroy Regular'),local('Gilroy-Regular'),url('../fonts/Gilroy-Regular.eot?#iefix') format('embedded-opentype'),url(../fonts/Gilroy-Regular.woff2) format('woff2'),url(../fonts/Gilroy-Regular.woff) format('woff'),url(../fonts/Gilroy-Regular.ttf) format('truetype');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-display: swap;
    font-family: 'Gilroy';
    src: url(../fonts/Gilroy-Black.eot);
    src: local('Gilroy Black'),local('Gilroy-Black'),url('../fonts/Gilroy-Black.eot?#iefix') format('embedded-opentype'),url(../fonts/Gilroy-Black.woff2) format('woff2'),url(../fonts/Gilroy-Black.woff) format('woff'),url(../fonts/Gilroy-Black.ttf) format('truetype');
    font-weight: 900;
    font-style: normal
}

@font-face {
    font-display: swap;
    font-family: 'Gilroy';
    src: url(../fonts/Gilroy-Medium.eot);
    src: local('Gilroy Medium'),local('Gilroy-Medium'),url('../fonts/Gilroy-Medium.eot?#iefix') format('embedded-opentype'),url(../fonts/Gilroy-Medium.woff2) format('woff2'),url(../fonts/Gilroy-Medium.woff) format('woff'),url(../fonts/Gilroy-Medium.ttf) format('truetype');
    font-weight: 500;
    font-style: normal
}

html {
    font-size: 10px;
    position: relative;
    height: 100%
}

body {
    font-family: 'Gilroy'!important;
    position: relative;
    height: 100%;
    padding-top: 68px
}

body.error404 {
    padding-top: 0!important
}

* {
    outline: none!important
}

a,button {
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out
}

button,a:hover {
    cursor: pointer;
    text-decoration: none!important
}

button,a:focus {
    text-decoration: none!important
}

#p_prldr {
    background: #fff!important;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    color: #000;
    z-index: 9999
}

#p_prldr.p_prldr_extra {
    background: #fff!important
}

#p_prldr .align {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    width: 100%;
    height: 100%
}

#p_prldr ul {
    margin: 0;
    padding: 0
}

#p_prldr ul li {
    display: none;
    margin: 0;
    padding: 0;
    list-style: none;
    line-height: 6vw;
    font-size: 6vw;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
    color: #000
}

#p_prldr ul li.current {
    display: block
}

#p_prldr .loader {
    position: absolute;
    bottom: 44px;
    left: 102px;
    line-height: 16px;
    font-size: 13px
}

#p_prldr .loader span {
    position: relative;
    display: inline-block;
    width: 236px;
    height: 4px;
    overflow: hidden;
    margin: 6px 13px 0 0;
    vertical-align: top;
    color: #000
}

#p_prldr .loader span:before {
    background: #000;
    display: block;
    width: 100%;
    height: 2px;
    overflow: hidden;
    position: absolute;
    top: 1px;
    left: 0;
    opacity: .5;
    content: ""
}

#p_prldr .loader span:after {
    background: #000;
    display: block;
    width: auto;
    overflow: hidden;
    position: absolute;
    top: 0;
    bottom: 0;
    -webkit-animation-name: line_animation;
    animation-name: line_animation;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    content: ""
}

#p_prldr .loader em {
    -webkit-animation-name: opacity_animation;
    animation-name: opacity_animation;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    font-style: normal;
    color: #000
}

.preloader {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: #fff;
    z-index: 9999;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out
}

.preloader .preloader__row {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    padding: 2.5rem 0 2rem 0;
    -moz-transform: translate(0%,-50%);
    -ms-transform: translate(0%,-50%);
    -webkit-transform: translate(0%,-50%);
    -o-transform: translate(0%,-50%);
    transform: translate(0%,-50%)
}

.preloader .preloader__row .line-1 {
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 1px;
    background: rgba(0,0,0,.3);
    -webkit-transition: all 900ms ease-in-out;
    -moz-transition: all 900ms ease-in-out;
    -ms-transition: all 900ms ease-in-out;
    -o-transition: all 900ms ease-in-out;
    transition: all 900ms ease-in-out
}

.preloader .preloader__row .line-1.active {
    width: 75%
}

.preloader .preloader__row .line-2 {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 0;
    height: 1px;
    background: rgba(0,0,0,.3);
    -webkit-transition: all 900ms ease-in-out;
    -moz-transition: all 900ms ease-in-out;
    -ms-transition: all 900ms ease-in-out;
    -o-transition: all 900ms ease-in-out;
    transition: all 900ms ease-in-out
}

.preloader .preloader__row .line-2.active {
    width: 75%
}

.preloader .preloader__row .preloader__item {
    display: inline-block;
    margin: 0 auto
}

.preloader .preloader__row .preloader__logo {
    display: block;
    max-width: 152px;
    width: 100%;
    height: auto;
    margin: .6rem 0;
    -webkit-transition: all 900ms ease-in-out;
    -moz-transition: all 900ms ease-in-out;
    -ms-transition: all 900ms ease-in-out;
    -o-transition: all 900ms ease-in-out;
    transition: all 900ms ease-in-out;
    -moz-transform: translate(-100vw,0);
    -ms-transform: translate(-100vw,0);
    -webkit-transform: translate(-100vw,0);
    -o-transform: translate(-100vw,0);
    transform: translate(-100vw,0)
}

.preloader .preloader__row .preloader__logo.active {
    -moz-transform: translate(0,0);
    -ms-transform: translate(0,0);
    -webkit-transform: translate(0,0);
    -o-transform: translate(0,0);
    transform: translate(0,0)
}

.preloader .preloader__row .preloader__text {
    display: block;
    max-width: 152px;
    width: 100%;
    height: auto;
    margin: .6rem 0;
    -webkit-transition: all 900ms ease-in-out;
    -moz-transition: all 900ms ease-in-out;
    -ms-transition: all 900ms ease-in-out;
    -o-transition: all 900ms ease-in-out;
    transition: all 900ms ease-in-out;
    -moz-transform: translate(100vw,0);
    -ms-transform: translate(100vw,0);
    -webkit-transform: translate(100vw,0);
    -o-transform: translate(100vw,0);
    transform: translate(100vw,0)
}

.preloader .preloader__row .preloader__text.active {
    -moz-transform: translate(0,0);
    -ms-transform: translate(0,0);
    -webkit-transform: translate(0,0);
    -o-transform: translate(0,0);
    transform: translate(0,0)
}

.container {
    max-width: 1260px!important
}

.header-nav {
    z-index: 100;
    padding: 0rem 0 0rem 0!important;
    background: #fff!important;
    -webkit-transition: all 600ms ease-in-out;
    -moz-transition: all 600ms ease-in-out;
    -ms-transition: all 600ms ease-in-out;
    -o-transition: all 600ms ease-in-out;
    transition: all 600ms ease-in-out
}

.header-nav.no-active {
    -moz-transform: translate(0%,-100%);
    -ms-transform: translate(0%,-100%);
    -webkit-transform: translate(0%,-100%);
    -o-transform: translate(0%,-100%);
    transform: translate(0%,-100%)
}

.header-nav .header-logo {
    position: relative;
    margin-right: 0
}

.header-nav ul {
    margin-right: 1rem
}

.header-nav ul li {
    position: relative;
    padding: 2rem 1.8rem 2rem!important
}

.header-nav ul li a {
    position: relative;
    display: block;
    font-weight: 500;
    color: #000;
    font-size: 1.5rem!important;
    line-height: 1.2;
    padding: .5rem 0rem!important
}

.header-nav ul li a:hover,.header-nav ul li a:focus {
    color: #b42739
}

.header-nav ul li a::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: 1px;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
    background: #b42739
}

.header-nav ul li a:hover::after,.header-nav ul li a:focus::after {
    width: 3rem
}

.header-nav li ul {
    position: absolute;
    display: none;
    z-index: 10;
    width: 24rem;
    left: 1.8rem;
    right: 0;
    top: 100%;
    margin-top: 0;
    margin-right: 0;
    padding-top: 13px;
    padding-bottom: 13px;
    padding-left: 0;
    list-style: none!important;
    background: #fff
}

.header-nav .navbar-nav li ul li {
    margin: 0!important;
    padding: 0rem 3rem 0rem 3rem!important
}

.header-nav .navbar-nav li ul li:last-child {
    border-bottom: 0!important
}

.header-nav li ul li a {
    display: block;
    padding: 8px 0px!important;
    font-weight: 500;
    color: #000;
    font-size: 1.4rem!important;
    line-height: 1!important
}

.header-nav .contact-list {
    padding: .2rem 2rem;
    text-align: center;
    border-width: 0 0 0 1px;
    border-color: rgb(237,237,237);
    border-style: solid
}

.header-nav .contact-list a {
    display: block;
    width: 100%;
    margin: 0.1rem 0rem .4rem 0
}

.header-nav .contact-list a.phone {
    font-size: 1.6rem;
    line-height: 1.2;
    color: rgb(0,0,0);
    font-weight: 600
}

.header-nav .contact-list a.phone span {
    color: #b42739;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out
}

.header-nav .contact-list a.phone:hover,.header-nav .contact-list a.phone:focus {
    color: #b42739
}

.header-nav .contact-list a.phone:hover span,.header-nav .contact-list a.phone:focus span {
    color: rgb(0,0,0)
}

.header-nav .contact-list a.email {
    font-size: 1.5rem;
    line-height: 1.2;
    color: rgb(0,0,0);
    font-weight: 600
}

.header-nav .contact-list a.email:hover,.header-nav .contact-list a.email:focus {
    color: #b42739
}

.header-nav .order-call {
    position: relative;
    display: inline-block;
    overflow: hidden;
    padding: 1.5rem;
    color: #fff;
    background: #b42739;
    font-size: 1.6rem;
    line-height: 1!important;
    border-radius: 0!important;
    font-weight: 600;
    border-width: 1px;
    border-style: solid;
    border-color: #b42739
}

.header-nav .order-call span {
    position: relative;
    z-index: 9
}

.header-nav .order-call:hover,.header-nav .order-call:focus {
    color: #b42739!important;
    box-shadow: 0 2px 10px rgba(0,0,0,.2)
}

.header-nav .order-call::before {
    content: '';
    position: absolute;
    z-index: 5;
    top: -20px;
    left: 50%;
    display: inline-block;
    width: 40px;
    height: 40px;
    border-radius: 50px;
    background: #fff;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.header-nav .order-call:hover::before,.header-nav .order-call:focus::before {
    -webkit-transform: scale(8.3);
    transform: scale(8.3)
}

.header-nav .dropdown {
    position: relative
}

.header-nav .dropdown:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 1px;
    background: rgba(0,0,0,.1)
}

.header-nav .dropdown a {
    position: relative;
    display: inline-block;
    font-size: 1.4rem;
    line-height: 1.4rem;
    font-weight: 500;
    color: #000;
    padding: 1.5rem 3.6rem 1.1rem 2.1rem!important
}

.header-nav .dropdown a svg {
    position: absolute;
    right: 2rem;
    top: 50%;
    margin-top: -2px
}

.header-nav .dropdown a:hover,.header-nav .dropdown a:focus,.header-nav .dropdown a span {
    color: #b42739
}

.dropdown-toggle::after {
    display: none!important
}

.slider-block {
    position: relative;
    z-index: 4;
    overflow: hidden;
    margin-top: -68px
}

.slider-block .container {
    position: relative
}

.slider-block .down-scroll {
    position: absolute;
    z-index: 222;
    display: inline-block;
    left: 50%;
    transform: translateX(-50%);
    bottom: 1rem;
    cursor: pointer;
    padding-bottom: 5.5rem;
    font-size: 1.4rem;
    line-height: 1.6rem;
    color: #fff;
    font-weight: 500;
    text-transform: uppercase
}

.slider-block .down-btn {
    position: absolute;
    z-index: 222;
    display: inline-block;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0rem;
    cursor: pointer;
    animation: animateDownArrow 1s ease-in-out infinite alternate
}

.slider-block .video-block {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

.slider-block .video-block:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    background: rgba(0,0,0,.65)
}

.slider-block .video-block video {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    object-position: center;
    -o-object-fit: cover;
    object-fit: cover
}

.slider-block .top-slider {
    position: relative;
    z-index: 9
}

.slider-block .slide-item {
    position: relative;
    height: 100vh;
    padding-top: 28px
}

.slider-block .slide-item .text .css-typing {
    font-size: 10rem;
    line-height: .85;
    letter-spacing: .7rem;
    -webkit-text-stroke: 2px #fff;
    text-stroke: 2px #fff;
    color: transparent;
    font-weight: 900;
    margin: 0 0 .6rem 0
}

.slider-block .slide-item .text .css-typing-2 {
    font-size: 8rem;
    line-height: 1;
    color: #fff;
    font-weight: 900;
    margin: 0 0 3rem 0
}

.slider-block .slide-item .text .slogan {
    font-size: 2rem;
    line-height: 1;
    color: #fff;
    font-weight: 500;
    text-align: right;
    padding-right: 4rem
}

.slider-block .slide-item .text .slogan span {
    display: inline-block
}

.slider-block .slide-item .text {
    margin: 0 0 4rem 0
}

.slider-block .slide-item .button-list a {
    position: relative;
    z-index: 2;
    overflow: hidden;
    display: inline-block;
    font-size: 1.9rem;
    line-height: 1;
    text-align: center;
    color: #fff;
    border-width: 1px;
    border-style: solid;
    font-weight: 600;
    margin-right: 2rem
}

.slider-block .slide-item .button-list a.button-1 {
    border-color: #b42739;
    background: #b42739;
    padding: 1.9rem 3.5rem 1.8rem 3.5rem
}

.slider-block .slide-item .button-list a.button-1 span {
    position: relative;
    z-index: 9;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out
}

.slider-block .slide-item .button-list a.button-1:hover,.slider-block .slide-item .button-list a.button-1:focus {
    border-color: rgba(255,255,255,1);
    color: rgb(0,0,0)!important;
    box-shadow: 0 2px 10px rgba(0,0,0,.2)
}

.slider-block .slide-item .button-list a.button-1::before {
    content: '';
    position: absolute;
    z-index: 5;
    top: -20px;
    left: 50%;
    display: inline-block;
    width: 40px;
    height: 40px;
    border-radius: 50px;
    background: #fff;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.slider-block .slide-item .button-list a.button-1:hover::before,.slider-block .slide-item .button-list a.button-1:focus::before {
    -webkit-transform: scale(8.3);
    transform: scale(8.3)
}

.slider-block .slide-item .button-list a.button-2 {
    border-color: rgb(255,255,255);
    background: rgba(255,255,255,0);
    padding: 1.9rem 5rem 1.8rem 5rem
}

.slider-block .slide-item .button-list a.button-2 span {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(180,39,57.5);
    transition: 0.5s;
    z-index: -1
}

.slider-block .slide-item .button-list a.button-2 span:nth-child(1) {
    top: -100%;
    left: -100%
}

.slider-block .slide-item .button-list a.button-2:hover span:nth-child(1) {
    top: 0;
    left: 0
}

.slider-block .slide-item .button-list a.button-2 span:nth-child(2) {
    bottom: -100%;
    left: -100%
}

.slider-block .slide-item .button-list a.button-2:hover span:nth-child(2) {
    bottom: 0;
    left: 0
}

.slider-block .slide-item .button-list a.button-2 span:nth-child(3) {
    top: -100%;
    right: -100%
}

.slider-block .slide-item .button-list a.button-2:hover span:nth-child(3) {
    top: 0;
    right: 0
}

.slider-block .slide-item .button-list a.button-2 span:nth-child(4) {
    bottom: -100%;
    right: -100%
}

.slider-block .slide-item .button-list a.button-2:hover span:nth-child(4) {
    bottom: 0;
    right: 0
}

.slider-block .top-slider {
    margin-bottom: 0!important
}

.slick-dots {
    display: inline-block!important;
    width: auto!important;
    left: 5rem!important;
    bottom: 1.5rem!important;
    text-align: left!important
}

.slick-dots li {
    margin: 0 1rem 0 0!important;
    padding: 0!important;
    width: auto!important;
    height: auto!important
}

.slick-dots li.slick-active button {
    width: 2.6rem!important;
    background-color: #b42739!important
}

.slick-dots li button {
    width: 1.5rem!important;
    height: 1.5rem!important;
    border-radius: 0.75rem!important;
    background-color: #fff!important;
    padding: 0!important
}

.slick-dots li button:before,.slick-dots li button:after {
    display: none!important
}

.create-slider-block {
    position: relative;
    padding: 5rem 0 6rem
}

.create-slider-block::before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 60%;
    background: url(../img/calc-bg.png) center bottom no-repeat;
    background-size: 100%
}

.create-slider-block .container {
    position: relative
}

.create-slider-block .container .breadcrumb-list {
    position: absolute;
    left: 1.5rem;
    top: 0;
    z-index: 8
}

.create-slider-block .create-top-slider {
    position: relative;
    z-index: 1
}

.create-slider-block .slide-item {
    position: relative
}

.create-slider-block .slide-content {
    position: absolute;
    left: 0;
    width: 36%;
    top: 52%;
    transform: translateY(-50%)
}

.create-slider-block .slide-content h1 {
    font-weight: 900;
    color: #000;
    font-size: 6.4rem;
    line-height: 8rem;
    margin: 0 0 0rem 0;
    text-transform: uppercase
}

.create-slider-block .slide-content h1 span {
    display: block;
    font-weight: 900;
    color: #b42739;
    font-size: 3.9rem;
    line-height: 5rem;
    margin: 0 0 2rem 0
}

.create-slider-block .slide-content .text {
    font-weight: 400;
    font-size: 1.6rem;
    line-height: 2.1rem;
    color: rgb(36,36,36);
    margin: 0 0 2rem 0
}

.create-slider-block .slide-image {
    max-width: 70%
}

.create-slider-block .slide-content .number-item {
    font-weight: 600;
    font-size: 1.4rem;
    line-height: 2.1rem;
    color: #000;
    margin: 0 0 1rem 0
}

.create-slider-block .slide-content .number-item .line {
    font-weight: 400;
    color: rgba(0,0,0,.35);
    font-size: 2rem;
    margin-right: 1rem
}

.create-slider-block .slide-content .number-item .count {
    font-weight: 900;
    color: rgba(0,0,0,.34);
    font-size: 2rem;
    margin-right: 1rem
}

.create-slider-block .button-list {
    margin-top: 2rem
}

.create-slider-block .button-list a {
    position: relative;
    overflow: hidden;
    border-width: 1px;
    border-style: solid;
    text-align: center;
    padding: 2.2rem 3rem 2rem;
    font-size: 1.5rem;
    line-height: 1.8rem;
    font-weight: 500;
    width: 29rem!important
}

.create-slider-block .button-list a span {
    position: relative;
    z-index: 22;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out
}

.create-slider-block .button-list a svg {
    position: relative;
    z-index: 22;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
    margin-left: 1rem
}

.create-slider-block .button-list a::before {
    content: '';
    position: absolute;
    z-index: 5;
    top: -20px;
    left: 50%;
    display: inline-block;
    width: 40px;
    height: 40px;
    border-radius: 50px;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.create-slider-block .button-list a:hover::before,.create-slider-block .button-list a:focus::before {
    -webkit-transform: scale(22.3);
    transform: scale(22.3)
}

.create-slider-block .button-list a:hover svg,.create-slider-block .button-list a:focus svg {
    -moz-transform: translate(1.5rem,0);
    -ms-transform: translate(1.5rem,0);
    -webkit-transform: translate(1.5rem,0);
    -o-transform: translate(1.5rem,0);
    transform: translate(1.5rem,0)
}

.create-slider-block .button-list a.button-3 {
    border-color: rgb(0,0,0);
    background: rgb(0,0,0);
    color: rgb(255,255,255)
}

.create-slider-block .button-list a.button-3 svg {
    stroke: rgb(255,255,255)
}

.create-slider-block .button-list a::before {
    background: rgb(255,255,255)
}

.create-slider-block .button-list a.button-3:hover,.create-slider-block .button-list a.button-3:focus {
    border-color: rgb(0,0,0);
    color: rgb(0,0,0)
}

.create-slider-block .button-list a.button-3:hover svg,.create-slider-block .button-list a.button-3:focus svg {
    stroke: rgb(0,0,0)
}

.create-about-block {
    overflow: hidden
}

.create-about-block .container {
    position: relative
}

.create-about-block .pxn-2 {
    padding: 0 2rem
}

.create-about-block .title-block {
    position: relative;
    margin: 0 0 3rem 0
}

.create-about-block .title-block .title {
    font-size: 4rem;
    line-height: 1.25;
    color: #000;
    font-weight: 900;
    margin: 0;
    text-transform: uppercase
}

.create-about-block .title-block .subtitle {
    position: relative;
    font-size: 1.5rem;
    line-height: 1;
    color: rgba(29,29,29,1);
    font-weight: 400;
    padding-left: 6rem;
    margin: 0 0 1rem 0
}

.create-about-block .title-block .subtitle:before {
    content: '';
    position: absolute;
    left: 0rem;
    top: .6rem;
    width: 4rem;
    height: .1rem;
    background: #000
}

.create-about-block .content {
    padding: 7rem 3rem 7rem
}

.create-about-block .content::before {
    content: '';
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    right: 0;
    width: 200rem;
    background: rgba(246,246,246,1) url(../img/backround-brif.png) center
}

.create-about-block .content .text {
    font-size: 1.4rem;
    line-height: 2.1rem;
    color: rgb(12,12,12)
}

.create-about-block .content .text p:last-child {
    margin-bottom: 0
}

.create-about-block .icon-item {
    padding: 2rem 0
}

.create-about-block .icon-item .image {
    margin-bottom: 1.4rem
}

.create-about-block .icon-item h3 {
    font-size: 1.8rem;
    line-height: 2.2rem;
    font-weight: 600;
    color: rgb(0,0,0);
    margin-bottom: 1.4rem
}

.create-about-block .icon-block {
    padding: 2rem 1rem
}

.create-about-block .icon-item .text {
    position: relative;
    padding-left: 2.1rem;
    font-size: 1.4rem;
    line-height: 1.6rem;
    color: rgb(90,90,90)
}

.create-about-block .icon-item .text::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: .1rem;
    background: rgb(0,0,0)
}

.create-about-block .icon-item .text::after {
    content: '';
    position: absolute;
    z-index: 22;
    left: -.3rem;
    bottom: 0;
    width: .7rem;
    height: .7rem;
    background: rgb(255,255,255);
    border: 1px solid rgb(0,0,0)
}

.line-block {
    position: absolute;
    z-index: 6;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

.line-block .line-list {
    position: relative;
    height: 110vh
}

.line-block .line-list .line-1 {
    position: absolute;
    top: 0;
    left: 9%;
    width: 1px;
    bottom: 0;
    background: rgba(255,255,255,.18)
}

.line-block .line-list .line-2 {
    position: absolute;
    bottom: 0;
    left: 33%;
    width: 1px;
    height: 16rem;
    background: rgba(255,255,255,.18)
}

.line-block .line-list .line-3 {
    position: absolute;
    top: 0;
    left: 50%;
    width: 1px;
    height: 16rem;
    background: rgba(255,255,255,.18)
}

.line-block .line-list .line-4 {
    position: absolute;
    top: 0;
    right: 23%;
    width: 1px;
    height: 50%;
    background: rgba(255,255,255,.18)
}

.line-block .line-list .line-5 {
    position: absolute;
    top: 0;
    right: 0%;
    width: 1px;
    bottom: 0;
    background: rgba(255,255,255,.18)
}

.text-block {
    padding: 8rem 0;
    background: rgba(246,246,246,1)
}

.text-block .title-block {
    margin: 0 0 3rem 0
}

.text-block .title-block h2, .text-block .title-block h1 {
    font-weight: 900;
    font-size: 3rem;
    line-height: 1.2;
    color: rgba(17,17,17,1)
}

.text-block .text h2,.text-block .text h1 {
    font-weight: 900;
    font-size: 2rem;
    line-height: 1.2;
    margin: 2rem 0 2rem 0;
    color: rgba(17,17,17,1)
}

.text-block .text h3 {
    font-weight: 900;
    font-size: 1.75rem;
    line-height: 1.2;
    margin: 2rem 0 2rem 0;
    color: rgba(17,17,17,1)
}

.text-block .text {
    position: relative;
    font-size: 1.4rem;
    line-height: 1.5;
    color: rgba(0,0,0,1)!important;
    font-weight: 500;
    height: 30rem;
    overflow: hidden!important;
    -ms-overflow-style: none;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: none
}

.text-block .text.style-2 {
    height: 20rem
}

.text-block .scroll-wrapper::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 5rem;
    background: linear-gradient(to bottom,rgba(246,246,246,0),rgba(246,246,246,1));
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out
}

.text-block .text p {
    margin-bottom: 1rem
}

.text-block .text p:last-child {
    padding-bottom: 2rem!important
}

.text-block .logo-img img {
    margin-bottom: .6rem
}

.text-block .logo-img p {
    font-size: 1.7rem;
    margin-bottom: 0;
    font-weight: 500;
    color: rgb(0,0,0)
}

.service-block {
    padding: 6rem 0 8rem 0;
    overflow: hidden
}

.service-block .title-block {
    position: relative;
    padding-left: 5rem;
    margin: 0 0 2rem 0
}

.service-block .title-block .title {
    font-size: 4rem;
    line-height: 1.25;
    color: #000;
    font-weight: 900;
    margin: 0;
    text-transform: uppercase
}

.service-block .title-block .subtitle {
    position: relative;
    font-size: 1.5rem;
    line-height: 1;
    color: rgba(29,29,29,1);
    font-weight: 400;
    margin: 0 0 1rem 0
}

.service-block .title-block .subtitle:before {
    content: '';
    position: absolute;
    left: -5rem;
    top: .6rem;
    width: 4rem;
    height: .1rem;
    background: #000
}

.service-block .new-margin {
    margin: 0 -4rem
}

.service-block .new-padding {
    padding: 4rem
}

.service-block .benefit-item {
    position: relative;
    padding: 3rem 4rem
}

.service-block .benefit-item::before {
    content: '';
    position: absolute;
    right: 0;
    top: 3rem;
    bottom: 3rem;
    width: .1rem;
    background: rgba(0,0,0,.07)
}

.service-block .benefit-item::after {
    content: '';
    position: absolute;
    right: 4rem;
    left: 4rem;
    bottom: 0;
    height: .1rem;
    background: rgba(0,0,0,.07)
}

.service-block .service-item:nth-child(4) .benefit-item::after,.service-block .service-item:nth-child(5) .benefit-item::after,.service-block .service-item:nth-child(6) .benefit-item::after {
    content: none;
    background: rgba(0,0,0,0)
}

.service-block .service-item:nth-child(3) .benefit-item::before,.service-block .service-item:nth-child(6) .benefit-item::before {
    content: none;
    background: rgba(0,0,0,0)
}

.service-block .benefit-item .excerpt {
    position: relative;
    z-index: 4;
    color: rgba(49,49,49,1);
    font-size: 1.4rem;
    line-height: 1.5;
    font-weight: 500;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out
}

.service-block .benefit-item:hover .excerpt,.service-block .benefit-item:focus .excerpt {
    color: rgba(255,255,255,1)
}

.service-block .benefit-item .excerpt h3 {
    position: relative;
    font-weight: 500;
    font-size: 1.8rem;
    line-height: 1.2;
    color: rgba(7,7,7,1);
    margin-bottom: 2rem;
    padding-left: 1.7rem;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out
}

.service-block .benefit-item:hover .excerpt h3,.service-block .benefit-item:focus .excerpt h3 {
    color: rgba(255,255,255,1)
}

.service-block .benefit-item .excerpt h3::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -3px;
    width: 6px;
    height: 6px;
    border-radius: 100%;
    background: rgba(7,7,7,1);
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out
}

.service-block .benefit-item:hover .excerpt h3::before,.service-block .benefit-item:focus .excerpt h3::before {
    background: rgba(255,255,255,1)
}

.service-block .benefit-item .excerpt p:last-child {
    margin: 0!important
}

.service-block .benefit-item .meta {
    position: relative;
    z-index: 4;
    margin-top: 3rem
}

.service-block .benefit-item .meta .price {
    font-size: 1.8rem;
    line-height: 1.2;
    color: #000;
    font-weight: 700;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out
}

.service-block .benefit-item:hover .meta .price,.service-block .benefit-item:focus .meta .price {
    color: #fff
}

.service-block .benefit-item .meta .more {
    font-size: 1.5rem;
    line-height: 1.2;
    font-weight: 500;
    color: #b42739;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out
}

.service-block .benefit-item:hover .meta .more,.service-block .benefit-item:focus .meta .more {
    color: #fff
}

.service-block .benefit-item .meta .more svg {
    margin-left: 1rem;
    -webkit-transition: all 600ms ease-in-out;
    -moz-transition: all 600ms ease-in-out;
    -ms-transition: all 600ms ease-in-out;
    -o-transition: all 600ms ease-in-out;
    transition: all 600ms ease-in-out;
    stroke: #b42739!important;
    fill: #b42739!important
}

.service-block .benefit-item:hover .meta .more svg,.service-block .benefit-item:focus .meta .more svg {
    -moz-transform: translate(1.5rem,0);
    -ms-transform: translate(1.5rem,0);
    -webkit-transform: translate(1.5rem,0);
    -o-transform: translate(1.5rem,0);
    transform: translate(1.5rem,0);
    stroke: #fff!important;
    fill: #fff!important
}

.service-block .button-list {
    text-align: center;
    margin-top: 2rem
}

.service-block .button-list a.button-1 {
    border-color: rgba(7,7,7,1);
    color: rgba(7,7,7,1)
}

.service-block .button-list a.button-1:before {
    position: absolute;
    content: '';
    width: 0%;
    height: 100%;
    background: #b42739;
    top: 0;
    left: auto;
    right: 0;
    z-index: -1;
    transition: all 300ms ease
}

.service-block .button-list a.button-1:hover,.service-block .button-list a.button-1:focus {
    color: #b42739;
    border-color: #b42739;
    color: rgb(255,255,255)
}

.service-block .button-list a.button-1:hover:before,.service-block .button-list a.button-1:focus:before {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    z-index: -1
}

.service-block .button-list a.button-2 {
    border-color: #b42739;
    background: #b42739;
    color: rgba(255,255,255,1)
}

.service-block .button-list a.button-2 span {
    position: relative;
    z-index: 9
}

.service-block .button-list a.button-2:hover,.service-block .button-list a.button-2:focus {
    border-color: #b42739;
    color: #b42739!important;
    box-shadow: 0 2px 10px rgba(0,0,0,.2)
}

.service-block .button-list a.button-2::before {
    content: '';
    position: absolute;
    z-index: 5;
    top: -20px;
    left: 50%;
    display: inline-block;
    width: 40px;
    height: 40px;
    border-radius: 50px;
    background: #fff;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.service-block .button-list a.button-2:hover::before,.service-block .button-list a.button-2:focus::before {
    -webkit-transform: scale(8.3);
    transform: scale(8.3)
}

.service-block .button-list a {
    position: relative;
    overflow: hidden;
    display: inline-block;
    margin: 0 1rem;
    border-width: 1px;
    border-style: solid;
    width: 21rem;
    text-align: center;
    padding: 1.7rem 0 1.5rem 0;
    font-size: 1.5rem;
    line-height: 1.8rem;
    font-weight: 500
}

.hover {
    --width: 100%;
    --time: 0.7s;
    position: relative;
    display: block;
    overflow: hidden
}

.hover span {
    position: absolute;
    display: block;
    content: "";
    z-index: 0;
    width: 0;
    height: 0;
    border-radius: 100%;
    background: #b42739;
    transform: translate(-50%,-50%);
    transition: width var(--time),padding-top var(--time)
}

.hover:hover span,.hover:focus span {
    width: calc(var(--width) * 2.25);
    padding-top: calc(var(--width) * 2.25)
}

.portfolio-block .container-fluid {
    width: 100%!important;
    max-width: 100%!important
}

.portfolio-block .portfolio-item {
    position: relative;
    display: block;
    overflow: hidden
}

.portfolio-block .portfolio-item:before {
    content: '';
    position: relative;
    display: block;
    padding-bottom: 70%
}

.portfolio-block .portfolio-item .number {
    position: absolute;
    z-index: 44;
    left: 0;
    top: 0;
    background: rgb(255,255,255);
    height: 6.6rem;
    width: 6.6rem;
    border-radius: 0 0 100% 0;
    font-weight: 900;
    font-size: 3.2rem;
    line-height: 1;
    color: rgb(0,0,0);
    padding: 1rem .7rem
}

.portfolio-block .portfolio-item .image {
    position: absolute;
    left: -3px;
    right: -3px;
    top: -3px;
    bottom: -3px;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out
}

.portfolio-block .portfolio-item .image img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    border: 0!important
}

.portfolio-block .portfolio-item:hover .image {
    transform: scale(1.4)
}

.portfolio-block .portfolio-item:focus .icon,.portfolio-block .portfolio-item:hover .icon {
    transform: scale(.7)
}

.portfolio-block .portfolio-item .icon {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out
}

.portfolio-block .portfolio-item .icon img {
    position: absolute;
    z-index: 2;
    top: 50%;
    left: 50%;
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.portfolio-block .portfolio-item .excerpt {
    position: absolute;
    z-index: 6;
    bottom: 2.5rem;
    left: 2.5rem;
    right: 2.5rem
}

.portfolio-block .portfolio-item .excerpt .type {
    font-size: 1.5rem;
    line-height: 1.2;
    font-weight: 500;
    margin: 0 0 .5rem 0;
    color: #fff
}

.portfolio-block .portfolio-item .excerpt .title {
    font-size: 2.4rem;
    line-height: 1.2;
    font-weight: 900;
    margin: 0 0 0 0;
    color: #fff
}

.portfolio-block .portfolio-item .excerpt span {
    display: inline-block;
    color: #fff!important;
    font-size: 1.5rem;
    line-height: 1.2;
    font-weight: 500;
    opacity: 1;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
    padding: .5rem 0
}

.portfolio-block .portfolio-item .excerpt span svg {
    margin-left: 1rem;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out
}

.portfolio-block .portfolio-item:hover .excerpt span svg,.portfolio-block .portfolio-item:focus .excerpt span svg {
    -moz-transform: translate(1rem,0);
    -ms-transform: translate(1rem,0);
    -webkit-transform: translate(1rem,0);
    -o-transform: translate(1rem,0);
    transform: translate(1rem,0)
}

.portfolio-block .portfolio-item .more {
    position: absolute;
    z-index: 8;
    top: 50%;
    left: 0;
    right: 0;
    font-size: 1.65rem;
    line-height: 1.2;
    font-weight: 500;
    color: #b42739;
    -moz-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    -webkit-transform: translate(0,-50%);
    -o-transform: translate(0,-50%);
    transform: translate(0,-50%);
    margin-top: 1.3rem
}

.portfolio-block .portfolio-item .more svg {
    margin-left: 1rem;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
    stroke: #b42739!important;
    fill: #b42739!important
}

.portfolio-block .portfolio-item .more svg {
    margin-left: 1rem;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
    stroke: #b42739!important;
    fill: #b42739!important
}

.portfolio-block .portfolio-item:hover .more svg,.portfolio-block .portfolio-item:focus .more svg {
    -moz-transform: translate(1rem,0);
    -ms-transform: translate(1rem,0);
    -webkit-transform: translate(1rem,0);
    -o-transform: translate(1rem,0);
    transform: translate(1rem,0)
}

.portfolio-block .title-block {
    position: relative;
    margin: 0 0 6rem 0
}

.portfolio-block .title-block.style-2 {
    position: relative;
    margin: 0 0 2.5rem 0
}

.portfolio-block .title-block h1 {
    font-size: 4rem;
    line-height: 1.25;
    color: #000;
    font-weight: 900;
    text-transform: uppercase;
    margin: 0 0 0rem 0
}

.portfolio-block .title-block h2 {
    position: relative;
    font-size: 1.5rem;
    line-height: 1;
    color: rgba(0,0,0,1);
    font-weight: 500;
    margin: 0
}

.portfolio-block .nav-tabs {
    width: 100%;
    text-align: center;
    margin-bottom: 3rem;
    border: 0!important
}

.portfolio-block .nav-tabs li {
    display: inline-block;
    float: none
}

.portfolio-block .nav-tabs li a {
    position: relative;
    display: inline-block;
    font-size: 1.4rem;
    line-height: 1.6rem;
    padding: 1.6rem 4rem 1.4rem;
    color: rgba(0,0,0,.75);
    border: 1px solid rgba(0,0,0,.15);
    margin-bottom: 0!important
}

.portfolio-block .nav-tabs li a::before {
    content: '';
    position: absolute;
    z-index: 9;
    left: -1px;
    top: -1px;
    bottom: -1px;
    width: 1px;
    background: rgba(255,255,255,1);
    opacity: 0!important;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out
}

.portfolio-block .nav-tabs li a.active,.portfolio-block .nav-tabs li a:hover,.portfolio-block .nav-tabs li a:focus {
    color: rgb(255,255,255);
    border: 1px solid #b42739;
    background: #b42739
}

.portfolio-block .nav-tabs li a.active::before,.portfolio-block .nav-tabs li a:hover::before,.portfolio-block .nav-tabs li a:focus::before {
    opacity: 1!important
}

.client-block {
    padding: 8rem 0 8rem 0
}

.client-block .title-block {
    position: relative;
    padding-left: 5rem;
    margin: 0 0 4rem 0
}

.client-block .title-block .title {
    font-size: 4rem;
    line-height: 1.25;
    color: #000;
    font-weight: 900;
    margin: 0;
    text-transform: uppercase
}

.client-block .title-block .subtitle {
    position: relative;
    font-size: 1.5rem;
    line-height: 1;
    color: rgba(29,29,29,1);
    font-weight: 400;
    margin: 0 0 1rem 0
}

.client-block .title-block .subtitle:before {
    content: '';
    position: absolute;
    left: -5rem;
    top: .6rem;
    width: 4rem;
    height: .1rem;
    background: #000
}

.client-block .logo-item {
    padding: 1.8rem 0
}

.client-block .logo-item img {
    opacity: .6;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out
}

.client-block .logo-item:hover img,.client-block .logo-item:focus img {
    opacity: 1;
    filter: grayscale(0);
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out
}

.contact-block {
    padding: 8rem 0 5rem;
    background: rgb(0,0,0)
}

.contact-block .title-block {
    margin: 0 0 4rem 0
}

.contact-block .title-block p {
    font-size: 4.7rem;
    line-height: 1.3;
    color: #fff;
    font-weight: 900;
    margin: 0
}

.contact-block .contact-text {
    margin: 0 0 4rem 0;
    font-weight: 500;
    font-size: 1.6rem;
    line-height: 1.3;
    color: rgba(255,255,255,1)
}

.contact-block .contact-text .title {
    font-size: 1.6rem;
    line-height: 1.3;
    color: rgba(255,255,255,.65);
    font-weight: 400;
    margin-bottom: 1.5rem
}

.contact-block .contact-text p {
    margin: 0 0
}

.contact-block .contact-text a {
    color: rgba(255,255,255,1)
}

.contact-block .contact-text a:hover,.contact-block .contact-text a:focus {
    color: #b42739
}

.contact-block .button-list {
    position: relative;
    z-index: 33
}

.contact-block .button-list a {
    position: relative;
    overflow: hidden;
    padding: 3rem 4rem 2.9rem 3rem;
    border-style: solid;
    border-width: 1px;
    margin: 0rem 0rem 1rem 0rem;
    font-size: 1.6rem;
    line-height: 1.2;
    font-weight: 600
}

.contact-block .button-list .button-1 {
    color: rgb(255,255,255);
    border-color: rgb(255,255,255)
}

.contact-block .button-list a svg {
    position: relative;
    z-index: 11;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out
}

.contact-block .button-list a:hover svg,.contact-block .button-list a:focus svg {
    -moz-transform: translate(1.5rem,0);
    -ms-transform: translate(1.5rem,0);
    -webkit-transform: translate(1.5rem,0);
    -o-transform: translate(1.5rem,0);
    transform: translate(1.5rem,0)
}

.contact-block .button-list .button-1 svg {
    stroke: rgb(255,255,255)
}

.contact-block .button-list .button-2 {
    color: rgb(255,255,255);
    border-color: #b42739;
    background: #b42739
}

.contact-block .button-list .button-2 span {
    position: relative;
    z-index: 9
}

.contact-block .button-list .button-2 svg {
    stroke: rgb(255,255,255)
}

.contact-block .button-list .button-1 span {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(180,39,57.5);
    transition: 0.5s;
    z-index: -1
}

.contact-block .button-list .button-1 span:nth-child(1) {
    top: -100%;
    left: -100%
}

.contact-block .button-list .button-1:hover span:nth-child(1) {
    top: 0;
    left: 0
}

.contact-block .button-list .button-1 span:nth-child(2) {
    bottom: -100%;
    left: -100%
}

.contact-block .button-list .button-1:hover span:nth-child(2) {
    bottom: 0;
    left: 0
}

.contact-block .button-list .button-1 span:nth-child(3) {
    top: -100%;
    right: -100%
}

.contact-block .button-list .button-1:hover span:nth-child(3) {
    top: 0;
    right: 0
}

.contact-block .button-list .button-1 span:nth-child(4) {
    bottom: -100%;
    right: -100%
}

.contact-block .button-list .button-1:hover span:nth-child(4) {
    bottom: 0;
    right: 0
}

.contact-block .button-list .button-2::before {
    content: '';
    position: absolute;
    z-index: 5;
    top: -20px;
    left: 50%;
    display: inline-block;
    width: 40px;
    height: 40px;
    border-radius: 50px;
    background: #fff;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.contact-block .button-list .button-2:hover::before,.contact-block .button-list .button-2:focus::before {
    -webkit-transform: scale(22.3);
    transform: scale(22.3)
}

.contact-block .button-list .button-2:hover,.contact-block .button-list .button-2:focus {
    color: #b42739;
    border-color: #b42739
}

.contact-block .button-list .button-2:hover svg,.contact-block .button-list .button-2:focus svg {
    stroke: #b42739
}

.page-template-page-create-item .calculator-block {
    padding: 6rem 0 9rem
}

.function-block {
    padding: 6rem 0 6rem
}

.before-after-block .title-block,.function-block .title-block {
    position: relative;
    padding-left: 5rem;
    margin: 0 0 4rem 0
}

.before-after-block .title-block .title,.function-block .title-block .title {
    font-size: 4rem;
    line-height: 1.25;
    color: #000;
    font-weight: 900;
    margin: 0;
    text-transform: uppercase
}

.before-after-block .title-block .subtitle,.function-block .title-block .subtitle {
    position: relative;
    font-size: 1.5rem;
    line-height: 1;
    color: rgba(29,29,29,1);
    font-weight: 400;
    margin: 0 0 1rem 0
}

.before-after-block .title-block .subtitle:before,.function-block .title-block .subtitle:before {
    content: '';
    position: absolute;
    left: -5rem;
    top: .6rem;
    width: 4rem;
    height: .1rem;
    background: #000
}

.function-block .function-list .nav-tabs {
    margin-bottom: 4rem!important;
    border-bottom: 1px solid rgba(112,112,112,.36)!important
}

.function-block .function-list .nav-tabs li {
    margin: 0!important
}

.function-block .function-list .nav-tabs li a {
    position: relative;
    display: inline-block;
    font-size: 2rem;
    font-weight: 700;
    color: rgb(190,190,190);
    padding: 1rem 0
}

.function-block .function-list .nav-tabs li a::before {
    content: '';
    position: absolute;
    left: 0;
    bottom: -1px;
    width: 100%;
    height: 2px;
    background: #b42739;
    opacity: 0;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out
}

.function-block .function-list .nav-tabs li a.active {
    color: rgb(0,0,0)
}

.function-block .function-list .nav-tabs li a.active::before {
    opacity: 1
}

.function-block .function-list .slick-dotted.slick-slider {
    margin-bottom: 6rem!important
}

.function-block .function-list .slick-dots {
    width: 100%!important;
    bottom: -6rem!important;
    left: 0!important
}

.function-block .slick-dots li {
    margin: 0 .6rem 0 0!important
}

.function-block .slick-dots li.slick-active button {
    width: 4rem!important
}

.function-block .slick-dots li button {
    width: 2rem!important;
    height: 2rem!important;
    border-radius: 4rem!important;
    border: 1px solid #b42739!important
}

.function-block .function-list-carousel .function-item {
    margin: 0 0 2rem 0!important
}

.function-block .function-list-carousel .function-item:last-child {
    margin: 0 0 2rem 0!important
}

.function-block .function-list-carousel .function-title {
    margin: 0 0 0 0!important
}

.function-block .function-list-carousel .function-title a {
    position: relative;
    display: block;
    color: rgb(0,0,0)!important;
    font-size: 15px!important;
    font-weight: 500!important;
    padding: 0 0 0 2.6rem;
    margin: 0 0 1rem 0
}

.function-block .function-list-carousel .function-title a.collapsed {
    padding: 0 0 0 4rem;
    margin: 0 0 0 0
}

.function-block .function-list-carousel .function-item .function-text {
    padding: 0 0 0 6rem;
    font-size: 13px;
    line-height: 21px;
    color: rgb(90,90,90)
}

.function-block .function-list-carousel .function-item .function-text .text {
    border-left: 1px solid rgba(0,0,0,.08);
    padding: 0 0 0 1.6rem
}

.function-block .function-list-carousel .function-title a .plus {
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -.5rem;
    width: 1rem;
    height: 1rem
}

.function-block .function-list-carousel .function-title a.collapsed .plus::before {
    background: rgb(222,222,222)
}

.function-block .function-list-carousel .function-title a .plus::before {
    content: '';
    position: absolute;
    display: block;
    left: 50%;
    margin-left: -.1rem;
    top: 0;
    bottom: 0;
    width: 2px;
    background: #b42739;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out
}

.function-block .function-list-carousel .function-title a.collapsed .plus::after {
    background: rgb(222,222,222)
}

.function-block .function-list-carousel .function-title a .plus::after {
    content: '';
    position: absolute;
    display: block;
    top: 50%;
    margin-top: -.1rem;
    left: 0;
    right: 0;
    height: 2px;
    background: #b42739;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out
}

.function-block {
    position: relative
}

.function-block .image {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 66%;
    top: 10%
}

.function-block .image img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
    border: 0!important
}

.calculator-block {
    padding: 9rem 0 9rem;
    background: url(../img/calc-bg.png) center bottom no-repeat
}

.calculator-block .title-block {
    position: relative;
    padding-left: 5rem;
    margin: 0 0 7rem 0
}

.calculator-block .title-block .title {
    font-size: 4rem;
    line-height: 1.25;
    color: #000;
    font-weight: 900;
    margin: 0;
    text-transform: uppercase
}

.calculator-block .title-block .subtitle {
    position: relative;
    font-size: 1.5rem;
    line-height: 1;
    color: rgba(29,29,29,1);
    font-weight: 400;
    margin: 0 0 1rem 0
}

.calculator-block .title-block .subtitle:before {
    content: '';
    position: absolute;
    left: -5rem;
    top: .6rem;
    width: 4rem;
    height: .1rem;
    background: #000
}

.calculator-block .step-item .step-title {
    margin-bottom: 2rem
}

.calculator-block .step-item .step-title span {
    position: relative;
    font-size: 2.5rem;
    line-height: 1;
    font-weight: 900;
    width: 3.2rem;
    height: 3.2rem;
    color: rgba(221,221,221,1);
    border: 2px solid rgba(221,221,221,1);
    margin-right: 1rem;
    border-radius: 100%;
    padding-top: 4px
}

.calculator-block .step-item .step-title p {
    font-size: 1.7rem;
    line-height: 1;
    color: rgba(221,221,221,1);
    font-weight: 600;
    margin: 0!important;
    padding-top: 2px
}

.calculator-block .step-item.active .step-title span {
    color: rgba(0,0,0,1);
    border: 2px solid rgba(0,0,0,1)
}

.calculator-block .step-item.active .step-title p {
    color: rgba(0,0,0,1)
}

.calculator-block .step-item .options-list ul {
    list-style: none;
    padding: 0
}

.calculator-block .step-item .options-list ul.hidden-list {
    display: none
}

.calculator-block .step-item .options-list ul.hidden-list.open {
    display: block
}

.calculator-block .step-item .options-list ul li {
    position: relative;
    margin-bottom: 1rem
}

.calculator-block .step-item .options-list ul li .show-info {
    position: absolute;
    right: 1rem;
    top: 50%;
    -moz-transform: translatey(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
}

.calculator-block .step-item.active .options-list ul li .show-info {
    opacity: 1
}

.calculator-block .step-item .options-list ul li a.option-item {
    font-size: 1.4rem;
    line-height: 1.8rem;
    height: 6rem;
    padding: 0 3rem 0rem 1rem;
    background: rgba(221,221,221,1);
    color: rgba(255,255,255,1);
    font-weight: 500;
    cursor: default
}

.calculator-block .step-item.active .options-list ul li a.option-item {
    background: rgba(0,0,0,1);
    cursor: pointer
}

.calculator-block .step-item.active .options-list ul li a.option-item:hover,.calculator-block .step-item.active .options-list ul li a.option-item:focus {
    background: #b42739
}

.calculator-block .step-item.active .options-list ul li a.option-item.selected {
    background: #b42739
}

.calculator-block .result-block .clean-result {
    margin-bottom: 2rem
}

.calculator-block .result-block .clean-result .clear-button {
    height: 3.2rem;
    font-size: 1.4rem;
    line-height: 1.6rem;
    color: rgba(195,195,195,1);
    font-weight: 600
}

.calculator-block .result-block .clean-result .clear-button:hover {
    color: #b42739
}

.calculator-block .result-block .clean-result .clear-button .text {
    border-bottom: 1px solid rgba(195,195,195,1);
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out
}

.calculator-block .result-block .clean-result .clear-button:hover .text {
    border-bottom: 1px solid #b42739
}

.calculator-block .result-block .clean-result .clear-button svg {
    max-width: .9rem;
    height: auto;
    fill: rgba(195,195,195,1);
    margin-right: .7rem;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out
}

.calculator-block .result-block .clean-result .clear-button:hover svg {
    fill: #b42739
}

.calculator-block .result-block .result-list {
    margin-bottom: 2rem
}

.calculator-block .result-block .result-item {
    height: 6rem;
    padding: 0 2rem;
    background: rgba(252,252,252,1)
}

.calculator-block .result-block .result-item:nth-child(2n+1) {
    background: rgba(247,247,247,1)
}

.calculator-block .result-block .result-item .result-title {
    font-size: 1.5rem;
    line-height: 1;
    font-weight: 600;
    color: rgba(0,0,0,1)
}

.calculator-block .result-block .result-item .result-title h4 {
    margin-bottom: 0;
    font-weight: 600
}

.calculator-block .result-block .result-item .result-title span {
    margin-left: .5rem
}

.calculator-block .result-block .result-item .result-price {
    font-size: 1.6rem;
    line-height: 1;
    font-weight: 600;
    color: #b42739
}

.calculator-block .result-block .total-list {
    margin-bottom: 2rem
}

.calculator-block .result-block .total-list .total-item {
    margin-bottom: 1rem;
    font-weight: 700;
    font-size: 1.7rem;
    line-height: 2rem;
    color: rgba(0,0,0,1)
}

.calculator-block .result-block .total-list .total-item span {
    margin-left: .5rem;
    color: #b42739
}

.calculator-block .button-block a.open-calc-modal {
    position: relative;
    overflow: hidden;
    padding: 3rem 4rem 2.9rem 3rem;
    border-style: solid;
    border-width: 1px;
    font-size: 1.6rem;
    line-height: 1.2;
    font-weight: 600;
    color: rgb(255,255,255);
    border-color: #b42739;
    background: #b42739
}

.calculator-block .button-block a.open-calc-modal svg {
    position: relative;
    z-index: 11;
    stroke: rgb(255,255,255);
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out
}

.calculator-block .button-block a.open-calc-modal:hover svg,.calculator-block .button-block a.open-calc-modal:focus svg {
    -moz-transform: translate(1.5rem,0);
    -ms-transform: translate(1.5rem,0);
    -webkit-transform: translate(1.5rem,0);
    -o-transform: translate(1.5rem,0);
    transform: translate(1.5rem,0)
}

.bs-tooltip-top .arrow::before,.bs-tooltip-auto[x-placement^="top"] .arrow::before {
    border-top-color: #fff!important;
    opacity: 1!important
}

.bs-tooltip-right .arrow::before,.bs-tooltip-auto[x-placement^="right"] .arrow::before {
    border-right-color: #fff!important;
    opacity: 1!important
}

.bs-tooltip-bottom .arrow::before,.bs-tooltip-auto[x-placement^="bottom"] .arrow::before {
    border-bottom-color: #fff!important;
    opacity: 1!important
}

.bs-tooltip-left .arrow::before,.bs-tooltip-auto[x-placement^="left"] .arrow::before {
    border-left-color: #fff!important;
    opacity: 1!important
}

.tooltip-inner {
    padding: 1rem!important;
    max-width: 250px!important;
    color: rgb(70,70,70)!important;
    font-size: 1.4rem!important;
    line-height: 1.8rem!important;
    opacity: 1!important;
    background-color: #fff!important;
    border-radius: 0rem!important;
    box-shadow: 0 3px 10px rgba(0,0,0,.08)!important
}

.tooltip {
    -moz-transform: translate(0,2rem);
    -ms-transform: translate(0,2rem);
    -webkit-transform: translate(0,2rem);
    -o-transform: translate(0,2rem);
    transform: translate(0,2rem)
}

.tooltip.in {
    margin-bottom: 20rem!important;
    opacity: 1!important;
    filter: alpha(opacity=100)!important
}

.tooltip.show {
    opacity: 1!important
}

.faq-block {
    padding: 5rem 0
}

.faq-block .title-block {
    margin-bottom: 2rem
}

.faq-block .title-block h2 {
    margin-bottom: 0!important;
    font-size: 2.2rem;
    line-height: 1.2;
    color: rgba(0,0,0,1);
    font-weight: 600
}

.faq-block .accordion .card {
    border-width: 1px 0 0 0!important;
    border-radius: 0!important
}

.faq-block .accordion .card:first-child {
    border-width: 0 0 0 0!important
}

.faq-block .accordion .card .card-header {
    padding: 0!important;
    border: 0px!important;
    background: rgba(0,0,0,0)!important;
    margin-bottom: 0!important
}

.faq-block .accordion .card .card-header h3 a {
    position: relative;
    display: block;
    padding: 1.5rem 0;
    font-weight: 500;
    font-size: 1.6rem;
    line-height: 1.2;
    color: #b42739
}

.faq-block .accordion .card .card-header h3 a:hover,.faq-block .accordion .card .card-header h3 a:focus {
    color: #b42739!important
}

.faq-block .accordion .card .card-header h3 a.collapsed:hover,.faq-block .accordion .card .card-header h3 a.collapsed:focus {
    color: #b42739!important
}

.faq-block .accordion .card .card-header h3 a.collapsed {
    color: rgba(0,0,0,1)!important
}

.faq-block .accordion .card .card-header h3 a.collapsed .arrow {
    transform: rotate(0)
}

.faq-block .accordion .card .card-header h3 a .arrow {
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -3px;
    transform: rotate(180deg);
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out
}

.faq-block .accordion .card .card-body {
    padding: 0!important
}

.faq-block .accordion .card .card-body .content {
    font-weight: 400;
    font-size: 1.4rem;
    line-height: 1.5;
    color: rgba(0,0,0,1)!important;
    margin-bottom: 10px
}

.breadcrumb-block.mtn-2 {
    margin-top: 2rem
}

.breadcrumb-block hr {
    margin: 0 0 4rem 0!important;
    border-top: 1px solid rgba(0,0,0,.13)
}

.breadcrumb-block .sep {
    margin: 0 .4rem!important;
    display: inline-block
}

.breadcrumb-block span {
    display: inline-block;
    color: rgb(0,0,0);
    font-size: 1.3rem;
    font-weight: 400
}

.breadcrumb-block span a {
    color: rgb(0,0,0);
    font-size: 1.3rem;
    font-weight: 400
}

.breadcrumb-block span a:hover,.breadcrumb-block span a:focus {
    color: #b42739!important
}

.breadcrumb-block span a:hover span,.breadcrumb-block span a:focus span {
    color: #b42739!important
}

.page-title-block {
    position: relative;
    padding: 5rem 0 5rem
}

.page-title-block .image-bg {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

.page-title-block .image-bg img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    border: 0!important
}

.page-title-block .white-circle {
    position: relative
}

.page-title-block .white-circle .circle {
    width: 42rem;
    height: 42rem;
    background: #fff;
    border-radius: 100%;
    position: relative
}

.page-title-block .white-circle .icon {
    position: absolute;
    top: 50%;
    right: 25%;
    -moz-transform: translatey(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
}

.page-title-block .single-page-title {
    margin-bottom: 0rem
}

.page-title-block .single-page-title h3 {
    font-size: 4.8rem;
    line-height: 6rem;
    color: rgb(255,255,255);
    margin: 0;
    font-weight: 900
}

.page-title-block .single-page-title h2 {
    font-size: 7.2rem;
    line-height: 9rem;
    color: rgb(255,255,255);
    margin: 0;
    text-transform: uppercase;
    font-weight: 900
}

.page-title-block .button-list {
    margin-top: 1rem
}

.page-title-block .button-list a.button-1 {
    border-color: rgba(255,255,255,1);
    color: rgba(255,255,255,1)
}

.page-title-block .button-list a.button-1:before {
    position: absolute;
    content: '';
    width: 0%;
    height: 100%;
    background: #b42739;
    top: 0;
    left: auto;
    right: 0;
    z-index: -1;
    transition: all 300ms ease
}

.page-title-block .button-list a.button-1:hover,.page-title-block .button-list a.button-1:focus {
    color: #b42739;
    border-color: #b42739;
    color: rgb(255,255,255)
}

.page-title-block .button-list a.button-1:hover:before,.page-title-block .button-list a.button-1:focus:before {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    z-index: -1
}

.page-title-block .button-list a.button-2 {
    border-color: #b42739;
    background: #b42739;
    color: rgba(255,255,255,1)
}

.page-title-block .button-list a.button-2 span {
    position: relative;
    z-index: 9
}

.page-title-block .button-list a.button-2:hover,.page-title-block .button-list a.button-2:focus {
    border-color: #b42739;
    color: #b42739!important;
    box-shadow: 0 2px 10px rgba(0,0,0,.2)
}

.page-title-block .button-list a.button-2::before {
    content: '';
    position: absolute;
    z-index: 5;
    top: -20px;
    left: 50%;
    display: inline-block;
    width: 40px;
    height: 40px;
    border-radius: 50px;
    background: #fff;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.page-title-block .button-list a.button-2:hover::before,.page-title-block .button-list a.button-2:focus::before {
    -webkit-transform: scale(8.3);
    transform: scale(8.3)
}

.page-title-block .button-list a {
    position: relative;
    overflow: hidden;
    display: inline-block;
    margin: 0 2rem 0 0;
    border-width: 1px;
    border-style: solid;
    width: 21rem;
    text-align: center;
    padding: 1.7rem 0 1.5rem 0;
    font-size: 1.5rem;
    line-height: 1.8rem;
    font-weight: 500
}

.single-page-title-block {
    position: relative;
    padding: 3.5rem 0 14rem
}

.single-page-title-block::before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 50%;
    background: url(../img/calc-bg.png) center bottom no-repeat;
    background-size: 100%
}

.single-page-title-block .content h1 {
    font-size: 8rem;
    line-height: 10rem;
    color: rgb(0,0,0);
    font-weight: 900;
    text-transform: none;
    margin-bottom: 0!important
}

.single-page-title-block .content span {
    display: block;
    font-size: 6.8rem;
    line-height: 7.2rem;
    color: #b42739;
    font-weight: 900;
    margin-bottom: 0!important
}

.single-page-title-block .content p {
    margin-top: 1.5rem;
    font-size: 1.6rem;
    line-height: 2rem;
    color: rgb(36,36,36)
}

.single-page-title-block .content p:last-child {
    margin-bottom: 0!important
}

.single-page-title-block .button-list {
    margin-top: 2.5rem
}

.single-page-title-block .button-list a {
    position: relative;
    overflow: hidden;
    display: inline-block;
    margin: 0 2rem 0 0;
    border-width: 1px;
    border-style: solid;
    text-align: center;
    padding: 2.1rem 3rem 2rem;
    font-size: 1.5rem;
    line-height: 1.8rem;
    font-weight: 500
}

.single-page-title-block .button-list a span {
    position: relative;
    z-index: 22;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out
}

.single-page-title-block .button-list a svg {
    position: relative;
    z-index: 22;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
    margin-left: 1rem
}

.single-page-title-block .button-list a::before {
    content: '';
    position: absolute;
    z-index: 5;
    top: -20px;
    left: 50%;
    display: inline-block;
    width: 40px;
    height: 40px;
    border-radius: 50px;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.single-page-title-block .button-list a:hover::before,.single-page-title-block .button-list a:focus::before {
    -webkit-transform: scale(22.3);
    transform: scale(22.3)
}

.single-page-title-block .button-list a:hover svg,.single-page-title-block .button-list a:focus svg {
    -moz-transform: translate(1.5rem,0);
    -ms-transform: translate(1.5rem,0);
    -webkit-transform: translate(1.5rem,0);
    -o-transform: translate(1.5rem,0);
    transform: translate(1.5rem,0)
}

.single-page-title-block .button-list a.button-3 {
    border-color: rgb(0,0,0);
    background: rgb(0,0,0);
    color: rgb(255,255,255)
}

.single-page-title-block .button-list a.button-3 svg {
    stroke: rgb(255,255,255)
}

.single-page-title-block .button-list a::before {
    background: rgb(255,255,255)
}

a.button-6 {
    position: relative;
    overflow: hidden;
    display: inline-block;
    margin: 0 2rem 0 0;
    border-width: 1px;
    border-style: solid;
    text-align: center;
    padding: 2.1rem 3rem 2rem;
    font-size: 1.5rem;
    line-height: 1.8rem;
    font-weight: 500;
    margin-top:10px;
}
a.button-6::before {
    background: rgb(255, 255, 255);
}
a.button-6::before {
    content: '';
    position: absolute;
    z-index: 5;
    top: -20px;
    left: 50%;
    display: inline-block;
    width: 40px;
    height: 40px;
    border-radius: 50px;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%, -50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%, -50%);
}

a.button-6:hover::before,
a.button-6:focus::before {
    -webkit-transform: scale(22.3);
    transform: scale(22.3);
}


a.button-6,
.single-page-title-block .button-list a.button-4 {
    border-color: #b42739;
    background: #b42739;
    color: rgb(255,255,255)
}
a.button-6 svg,
.single-page-title-block .button-list a.button-4 svg {
    stroke: rgb(255,255,255)
}

a.button-6 span {
    position: relative;
    z-index: 22;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out
}

a.button-6 svg {
    position: relative;
    z-index: 22;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
    margin-left: 1rem
}


.single-page-title-block .button-list a.button-3:hover,.single-page-title-block .button-list a.button-3:focus {
    border-color: rgb(0,0,0);
    color: rgb(0,0,0)
}

.single-page-title-block .button-list a.button-3:hover svg,.single-page-title-block .button-list a.button-3:focus svg {
    stroke: rgb(0,0,0)
}
a.button-6:hover,a.button-6:focus,
.single-page-title-block .button-list a.button-4:hover,.single-page-title-block .button-list a.button-4:focus {
    border-color: #b42739;
    color: #b42739
}
a.button-6:hover svg,a.button-6:focus svg,
.single-page-title-block .button-list a.button-4:hover svg,.single-page-title-block .button-list a.button-4:focus svg {
    stroke: #b42739
}

.project-page-content {
    padding: 7rem 0
}

.project-page-content .content {
    font-weight: 400;
    font-size: 1.4rem;
    line-height: 2.1rem;
    color: rgb(0,0,0)
}

.project-page-content .content p {
    margin-bottom: 2rem
}

.project-page-content .content p:last-child {
    margin-bottom: 0rem
}

.project-page-content .content h2 {
    font-weight: 900;
    font-size: 5.2rem;
    line-height: 6.2rem;
    color: rgb(0,0,0);
    margin-bottom: 2.6rem
}

.project-page-content .info-list {
    padding: 2rem 3rem;
    border: 1px solid rgba(0,0,0,.13)
}

.project-page-content .info-list .info-item {
    padding: 2rem 0;
    border-bottom: 1px solid rgba(0,0,0,.13)
}

.project-page-content .info-list .info-item:last-child {
    border-bottom: 0 solid rgba(0,0,0,.13)
}

.project-page-content .info-list .info-item .label {
    font-weight: 400;
    font-size: 1.4rem;
    line-height: 1.6rem;
    color: rgb(0,0,0);
    margin: 0 0 .8rem 0
}

.project-page-content .info-list .info-item h4 {
    font-weight: 500;
    font-size: 1.6rem;
    line-height: 1.8rem;
    color: rgb(0,0,0);
    margin: 0 0 0 0
}

.project-page-item {
    overflow: hidden!important;
    padding: 5rem 0 6rem
}

.project-page-item.bg {
    padding: 5rem 0 6rem;
    background: rgb(244,244,244) url(../img/backround-brif.png) center
}

.project-page-item .title-block {
    margin-bottom: 4rem
}

.project-page-item .title-block h3 {
    font-size: 2.8rem;
    line-height: 3.2rem;
    color: rgb(0,0,0);
    font-weight: 700;
    text-align: center;
    margin-bottom: 0rem
}

.project-page-item .container-fluid {
    width: 100%!important;
    max-width: 100%!important
}

.project-page-item .content {
    font-weight: 400;
    margin-top: 3rem;
    font-size: 1.4rem;
    line-height: 2.1rem;
    color: rgb(0,0,0)
}

.project-page-item .content p:last-child {
    margin-bottom: 0
}

.project-page-item .content h4 {
    font-weight: 500;
    margin-bottom: 1.2rem;
    font-size: 1.6rem;
    line-height: 2rem;
    color: rgb(0,0,0)
}

.more-project-page {
    padding: 5rem 0 6rem
}

.more-project-page .title-block h3 {
    font-size: 2.8rem;
    line-height: 3.2rem;
    color: rgb(0,0,0);
    font-weight: 700;
    text-align: center
}

.more-project-page .container-fluid {
    width: 100%!important;
    max-width: 100%!important
}

.more-project-page .button-list {
    text-align: center
}

.more-project-page .button-list a {
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    padding: 3rem 4rem 2.9rem 3rem;
    border-style: solid;
    border-width: 1px;
    margin: 0rem 0rem 1rem 0rem;
    font-size: 1.6rem;
    line-height: 1.2;
    font-weight: 600;
    width: 100%;
    max-width: 33rem
}

.more-project-page .button-list a svg {
    position: relative;
    z-index: 11;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out
}

.more-project-page .button-list a:hover svg,.more-project-page .button-list a:focus svg {
    -moz-transform: translate(1.5rem,0);
    -ms-transform: translate(1.5rem,0);
    -webkit-transform: translate(1.5rem,0);
    -o-transform: translate(1.5rem,0);
    transform: translate(1.5rem,0)
}

.more-project-page .button-list .button-2 {
    color: rgb(255,255,255);
    border-color: #b42739;
    background: #b42739
}

.more-project-page .button-list .button-2 span {
    position: relative;
    z-index: 9
}

.more-project-page .button-list .button-2 svg {
    position: relative;
    z-index: 9;
    stroke: rgb(255,255,255)
}

.more-project-page .button-list .button-2::before {
    content: '';
    position: absolute;
    z-index: 5;
    top: -20px;
    left: 50%;
    display: inline-block;
    width: 40px;
    height: 40px;
    border-radius: 50px;
    background: #fff;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.more-project-page .button-list .button-2:hover::before,.more-project-page .button-list .button-2:focus::before {
    -webkit-transform: scale(22.3);
    transform: scale(22.3)
}

.more-project-page .button-list .button-2:hover,.more-project-page .button-list .button-2:focus {
    color: #b42739;
    border-color: #b42739
}

.more-project-page .button-list .button-2:hover svg,.more-project-page .button-list .button-2:focus svg {
    stroke: #b42739
}

.block-404 {
    position: relative;
    height: 100vh
}

.block-404 .container {
    max-width: 99rem!important;
    width: 100%!important
}

.block-404 .video-block {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

.block-404 .video-block:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    background: rgba(0,0,0,.65)
}

.block-404 .video-block video {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    object-position: center;
    -o-object-fit: cover;
    object-fit: cover
}

.block-404 .empty-header {
    position: relative;
    z-index: 22;
    height: 33vh
}

.block-404 .empty-header .contact-list a {
    display: block;
    width: 100%;
    margin: .2rem 0rem
}

.block-404 .empty-header .contact-list a.phone {
    font-size: 1.7rem;
    line-height: 2rem;
    color: rgb(255,255,255);
    font-weight: 600
}

.block-404 .empty-header .contact-list a.phone:hover,.block-404 .empty-header .contact-list a.phone:focus {
    color: rgb(249,105,1)
}

.block-404 .empty-header .contact-list a.email {
    font-size: 1.5rem;
    line-height: 1.8rem;
    color: rgb(255,255,255);
    font-weight: 600
}

.block-404 .empty-header .contact-list a.email:hover,.block-404 .empty-header .contact-list a.email:focus {
    color: rgb(249,105,1)
}

.block-404 .empty-content {
    position: relative;
    z-index: 22;
    height: 34vh
}

.block-404 .empty-content .text {
    font-weight: 900;
    font-size: 7rem;
    line-height: 9rem;
    color: rgb(255,255,255)
}

.block-404 .empty-content .number {
    font-weight: 900;
    font-size: 18rem;
    line-height: 24rem;
    color: rgb(255,255,255);
    text-align: right
}

.block-404 .empty-content .number span {
    color: #b42739
}

.block-404 .empty-footer {
    position: relative;
    z-index: 22;
    height: 33vh
}

.block-404 .button-list a {
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    padding: 2rem 4rem 1.9rem 4rem;
    border-style: solid;
    border-width: 1px;
    font-size: 1.5rem;
    line-height: 1.8rem;
    font-weight: 600;
    width: 100%;
    max-width: 23rem
}

.block-404 .button-list a svg {
    position: relative;
    z-index: 11;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out
}

.block-404 .button-list a:hover svg,.block-404 .button-list a:focus svg {
    -moz-transform: translate(1.5rem,0);
    -ms-transform: translate(1.5rem,0);
    -webkit-transform: translate(1.5rem,0);
    -o-transform: translate(1.5rem,0);
    transform: translate(1.5rem,0)
}

.block-404 .button-list .button-2 {
    color: rgb(255,255,255);
    border-color: #b42739;
    background: #b42739
}

.block-404 .button-list .button-2 span {
    position: relative;
    z-index: 9
}

.block-404 .button-list .button-2 svg {
    position: relative;
    z-index: 9;
    stroke: rgb(255,255,255)
}

.block-404 .button-list .button-2::before {
    content: '';
    position: absolute;
    z-index: 5;
    top: -20px;
    left: 50%;
    display: inline-block;
    width: 40px;
    height: 40px;
    border-radius: 50px;
    background: #fff;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.block-404 .button-list .button-2:hover::before,.block-404 .button-list .button-2:focus::before {
    -webkit-transform: scale(22.3);
    transform: scale(22.3)
}

.block-404 .button-list .button-2:hover,.block-404 .button-list .button-2:focus {
    color: #b42739;
    border-color: #b42739
}

.block-404 .button-list .button-2:hover svg,.block-404 .button-list .button-2:focus svg {
    stroke: #b42739!important
}

.baner-block {
    position: relative;
    z-index: 4;
    padding: 10rem 0 0
}

.baner-block .back-baner {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 4rem
}

.baner-block .back-baner .slick-arrow {
    display: none!important
}

.baner-block .back-baner .slick-list {
    height: 100%
}

.baner-block .back-baner .slick-track {
    height: 100%
}

.baner-block .baner-content {
    position: relative;
    z-index: 1;
    background: #fff;
    padding: 6rem 7rem;
    box-shadow: 0 0 7rem rgba(0,0,0,.14)
}

.baner-block .baner-content .title {
    color: rgb(38,38,38);
    font-size: 3.5rem;
    line-height: 4.5rem;
    font-weight: 900;
    margin: 0 0 4rem 0;
    text-transform: uppercase
}

.baner-block .baner-content .subtitle {
    position: relative;
    font-size: 1.4rem;
    line-height: 1.6rem;
    color: rgba(0,0,0,1);
    font-weight: 400;
    margin: 0 0 1rem 0;
    padding-left: 6rem
}

.baner-block .baner-content .subtitle:before {
    content: '';
    position: absolute;
    left: 0rem;
    top: .6rem;
    width: 5rem;
    height: .1rem;
    background: #000
}

.baner-block .baner-content .tab-block .tab-link {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 0 3rem 0
}

.baner-block .baner-content .tab-block .tab-link::before {
    content: '';
    position: absolute;
    top: 50%;
    margin-top: -.1rem;
    left: 0;
    right: 0;
    height: .2rem;
    background: rgba(0,0,0,.04)
}

.baner-block .baner-content .tab-block .tab-link a {
    position: relative;
    z-index: 1;
    display: inline-block;
    width: 4rem;
    height: 4rem;
    font-size: 2rem;
    color: #b42739;
    text-align: center;
    padding-top: .4rem;
    border: .2rem solid #b42739;
    background: #fff
}

.baner-block .baner-content .tab-block .tab-link a:hover,.baner-block .baner-content .tab-block .tab-link a:focus,.baner-block .baner-content .tab-block .tab-link a.active {
    background: #b42739;
    color: #fff
}

.baner-block .baner-content .tab-block .tab-content h6 {
    font-weight: 600;
    font-size: 1.6rem;
    line-height: 1.8rem;
    color: rgb(26,26,26);
    margin: 0 0 1.5rem 0
}

.baner-block .baner-content .tab-block .tab-content h4 {
    font-weight: 600!important;
    font-size: 1.6rem!important;
    line-height: 1.8rem!important;
    color: rgb(26,26,26)!important;
    margin: 0 0 1.5rem 0!important;
    padding-left: 0!important
}

.baner-block .baner-content .tab-block .tab-content h4::before {
    display: none!important
}

.baner-block .baner-content .tab-block .tab-content {
    font-weight: 400;
    font-size: 1.4rem;
    line-height: 2.1rem;
    color: rgb(26,26,26)
}

.tab-content .slick-arrow {
    display: none!important
}

.select-block {
    position: relative;
    padding: 10rem 0;
    margin-top: -4rem;
    background: rgb(244,244,244) url(../img/backround-brif.png) center;
    overflow: hidden
}

.select-block .title-block {
    position: relative;
    padding-left: 5rem;
    margin: 0 0 4rem 0
}

.select-block .title-block .title {
    font-size: 4rem;
    line-height: 1.25;
    color: #000;
    font-weight: 900;
    margin: 0;
    text-transform: uppercase
}

.select-block .title-block .subtitle {
    position: relative;
    font-size: 1.5rem;
    line-height: 1;
    color: rgba(29,29,29,1);
    font-weight: 400;
    margin: 0 0 1rem 0
}

.select-block .title-block .subtitle:before {
    content: '';
    position: absolute;
    left: -5rem;
    top: .6rem;
    width: 4rem;
    height: .1rem;
    background: #000
}

.select-block .bussiness-type {
    position: relative;
    z-index: 2;
    padding: 1.5rem 0 1.4rem
}

.select-block .bussiness-type::before {
    content: '';
    z-index: -1;
    position: absolute;
    right: -3rem;
    top: 0;
    bottom: 0;
    width: 240rem;
    background: rgb(255,255,255)
}

.select-block .bussiness-type .title {
    margin: 0!important;
    font-weight: 500;
    font-size: 1.6rem;
    line-height: 2rem;
    color: rgb(0,0,0);
    padding-left: 5rem
}

.select-block .bussiness-select {
    position: relative;
    height: 100%;
    padding-left: 3rem
}

.select-block .bussiness-select a {
    position: relative;
    font-weight: 500;
    font-size: 1.6rem;
    line-height: 2rem;
    color: rgb(0,0,0);
    padding-left: 2.6rem
}

.select-block .bussiness-select a:hover,.select-block .bussiness-select a:focus {
    color: #b42739
}

.select-block .bussiness-select a.active {
    color: #b42739
}

.select-block .bussiness-select a.active::before {
    background: #b42739
}

.select-block .bussiness-select a::before {
    content: '';
    position: absolute;
    left: 0;
    top: .2rem;
    width: 1.6rem;
    height: 1.6rem;
    border-radius: 100%;
    border: 2px solid #b42739
}

.select-block .bussiness-result {
    display: none
}

.select-block .bussiness-result hr {
    margin: 4rem 0 3rem;
    border-top: 1px solid rgba(0,0,0,.11)!important
}

.select-block .bussiness-result .title {
    text-align: center;
    font-size: 1.8rem;
    line-height: 2.8rem;
    margin-bottom: 3rem
}

.select-block .bussiness-result .title span {
    font-size: 2.2rem;
    font-weight: 700
}

.select-block .bussiness-result .result-item {
    display: none
}

.select-block .bussiness-result .result-item.open {
    display: flex
}

.select-block .bussiness-result .item {
    width: 23rem;
    margin: 0 5rem
}

.select-block .bussiness-result .item a {
    display: block;
    padding: 2rem 0;
    text-align: center;
    font-size: 1.6rem;
    line-height: 2rem;
    color: rgb(255,255,255);
    background: rgb(0,0,0)
}

.select-block .bussiness-result .item a:hover,.select-block .bussiness-result .item a:focus {
    background: #b42739
}

.select-block .bussiness-result .item span {
    font-size: 1.4rem;
    line-height: 2rem;
    color: rgb(159,159,159);
    margin-top: 1rem;
    display: block
}

.simple-page-title {
    padding: 4rem 0 5rem
}

.simple-page-title h1 {
    font-size: 4rem;
    line-height: 5rem;
    color: #000;
    font-weight: 900;
    margin: 0 0 0rem 0
}

.simple-page-title p {
    position: relative;
    font-size: 1.5rem;
    line-height: 1.8rem;
    color: rgba(0,0,0,1);
    font-weight: 500;
    margin: 0
}

.simple-page-title .breadcrumb-list {
    margin-bottom: 1rem
}

.simple-page-title.blog-title {
    padding: 6rem 0 9rem!important;
    background: url(../img/000.png) center bottom no-repeat
}

.career-block {
    overflow: hidden;
    padding: 5rem 0 4rem;
    margin: 0 0 3rem 0;
    background: rgb(244,244,244) url(../img/backround-brif.png) center
}

.career-block .breadcrumb-list {
    margin-bottom:
}

.career-block .career-title {
    position: relative;
    z-index: 2;
    padding: 1.5rem 0 1.4rem
}

.career-block .career-title::before {
    content: '';
    z-index: -1;
    position: absolute;
    right: 0rem;
    top: 0;
    bottom: 0;
    width: 240rem;
    box-shadow: 0 2px 2px rgba(0,0,0,.05);
    background: rgb(255,255,255)
}

.career-block .career-title h2 {
    margin: 0!important;
    font-weight: 500;
    font-size: 1.8rem;
    line-height: 2rem;
    color: rgb(0,0,0);
    padding-left: 0rem;
    text-transform: uppercase
}

.career-block .content {
    font-size: 1.4rem;
    line-height: 2.1rem;
    color: rgb(90,90,90)
}

.career-block .content p {
    margin-bottom: 0!important
}

.career-block .button-list {
    position: relative;
    z-index: 2
}

.career-block .button-list a {
    position: relative;
    border-width: 1px;
    border-style: solid;
    padding: 3rem 4.5rem 2.9rem;
    font-size: 1.6rem;
    line-height: 2rem;
    font-weight: 500;
    border-color: #b42739;
    color: #b42739
}

.career-block .button-list a svg {
    stroke: #b42739;
    z-index: 11;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out
}

.career-block .button-list a:hover svg,.career-block .button-list a:focus svg {
    stroke: rgba(255,255,255,1);
    -moz-transform: translate(1.5rem,0);
    -ms-transform: translate(1.5rem,0);
    -webkit-transform: translate(1.5rem,0);
    -o-transform: translate(1.5rem,0);
    transform: translate(1.5rem,0)
}

.career-block .button-list a:before {
    position: absolute;
    content: '';
    width: 0%;
    height: 100%;
    background: #b42739;
    top: 0;
    left: auto;
    right: 0;
    z-index: -1;
    transition: all 300ms ease
}

.career-block .button-list a:hover,.career-block .button-list a:focus {
    color: rgba(255,255,255,1)
}

.career-block .button-list a:hover:before,.career-block .button-list a:focus:before {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    z-index: -1
}

.career-block .skil-list {
    position: relative;
    height: 100%
}

.career-block .skil-list .skil-item {
    font-size: 1.5rem;
    line-height: 2rem;
    color: rgba(0,0,0,.3)
}

.career-block .skil-list .skil-item span {
    font-weight: 700;
    font-size: 1.6rem;
    line-height: 2rem;
    color: rgba(0,0,0,1)
}

.brif-block {
    padding: 5rem 0 2rem;
    background: rgb(244,244,244) url(../img/backround-brif.png) center
}

#brif-form-step-2 .step-item-block {
    display: none
}

.brif-block .mlr-0 {
    margin-left: 0!important;
    margin-right: 0!important
}

.brif-block .mbn-4 {
    margin-bottom: 4rem
}

.brif-block .mbn-2 {
    margin-bottom: 2rem
}

.brif-block .mtn-2 {
    margin-top: 2rem
}

.brif-block .mtn-5 {
    margin-top: 5rem
}

.brif-block .line {
    width: 100%;
    height: 1px;
    background: rgb(0,0,0)
}

.brif-block .mt-15 {
    margin-top: 1.5rem
}

.brif-block .title-block h2 {
    font-size: 2.4rem;
    line-height: 3rem;
    font-weight: 700;
    color: rgb(0,0,0);
    margin: 0!important
}

.brif-block .content {
    font-size: 1.5rem;
    line-height: 2.3rem;
    color: rgb(90,90,90)
}

.brif-block .content p {
    margin-bottom: 0
}

.brif-block .download-button {
    max-width: 24rem;
    width: 100%
}

.brif-block .download-button .label {
    display: block;
    font-size: 1.6rem;
    line-height: 2.2rem;
    font-weight: 500;
    color: rgb(0,0,0);
    margin-bottom: .8rem
}

.brif-block .download-button a {
    position: relative;
    overflow: hidden;
    width: 100%;
    padding: 1.6rem 0 1.5rem;
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: 500;
    color: rgb(255,255,255);
    background: rgba(0,0,0,1)
}

.brif-block .download-button a span {
    position: relative;
    z-index: 8
}

.brif-block .download-button a img {
    margin-left: 2rem;
    position: relative;
    z-index: 8
}

.brif-block .download-button a::before {
    content: '';
    position: absolute;
    z-index: 5;
    top: -20px;
    left: 50%;
    display: inline-block;
    width: 40px;
    height: 40px;
    border-radius: 50px;
    background: #b42739;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.brif-block .download-button a:hover::before,.brif-block .download-button a:focus::before {
    -webkit-transform: scale(8.3);
    transform: scale(8.3)
}

.brif-block .form-block .next-step-button.hide-element {
    display: none!important
}

.brif-block .form-block .next-step-button a {
    position: relative;
    width: 24rem;
    max-width: 100%;
    padding: 1.6rem 0 1.5rem;
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: 500;
    color: rgb(255,255,255);
    background: #b42739;
    overflow: hidden;
    border: 1px solid #b42739
}

.brif-block .form-block .next-step-button a:hover,.brif-block .form-block .next-step-button a:focus {
    color: #b42739
}

.brif-block .form-block .next-step-button a span {
    position: relative;
    z-index: 8
}

.brif-block .form-block .next-step-button a::before {
    content: '';
    position: absolute;
    z-index: 5;
    top: -20px;
    left: 50%;
    display: inline-block;
    width: 40px;
    height: 40px;
    border-radius: 50px;
    background: #fff;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.brif-block .form-block .next-step-button a:hover::before,.brif-block .form-block .next-step-button a:focus::before {
    -webkit-transform: scale(8.3);
    transform: scale(8.3)
}

.brif-block .form-block .send-button a {
    position: relative;
    width: 24rem;
    max-width: 100%;
    padding: 1.6rem 0 1.5rem;
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: 500;
    color: rgb(255,255,255);
    background: #b42739;
    border: 1px solid #b42739;
    overflow: hidden
}

.brif-block .form-block .send-button a:hover,.brif-block .form-block .send-button a:focus {
    color: #b42739
}

.brif-block .form-block .send-button a span {
    position: relative;
    z-index: 8
}

.brif-block .form-block .send-button a::before {
    content: '';
    position: absolute;
    z-index: 5;
    top: -20px;
    left: 50%;
    display: inline-block;
    width: 40px;
    height: 40px;
    border-radius: 50px;
    background: #fff;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.brif-block .form-block .send-button a:hover::before,.brif-block .form-block .send-button a:focus::before {
    -webkit-transform: scale(8.3);
    transform: scale(8.3)
}

.brif-block .form-block .form-item {
    padding: 6rem 0;
    border-top: 1px dashed rgb(173,173,173)
}

.brif-block .form-block .form-item.pbn-3 {
    padding-bottom: 3rem!important
}

.brif-block .form-block .form-item.pbn-4 {
    padding-bottom: 4rem!important
}

.brif-block .form-block .form-item.bt-0 {
    border-top: 0 dashed rgb(173,173,173)
}

.brif-block .form-block .form-item .title-item h2 {
    margin-bottom: 0;
    font-size: 1.7rem;
    line-height: 2.3rem;
    letter-spacing: 2.5px;
    font-weight: 600;
    text-align: center;
    color: #b42739;
    text-transform: uppercase
}

.brif-block .form-block .form-group .group-title {
    width: 100%
}

.brif-block .form-block .form-group .group-title h3 {
    margin-bottom: 0!important;
    font-size: 1.7rem;
    line-height: 2rem;
    color: rgb(0,0,0);
    font-weight: 700;
    text-align: center
}

.brif-block .form-block .form-group .check-field-sub {
    width: 100%;
    font-size: 1.2rem;
    line-height: 1.5rem;
    color: rgb(177,177,177);
    font-style: italic;
    margin-top: .5rem
}

.brif-block .form-block .form-item .text {
    font-size: 1.5rem;
    line-height: 2.2rem;
    color: rgb(0,0,0)
}

.brif-block .form-block .form-item .text.st {
    font-size: 1.6rem;
    font-weight: 500
}

.brif-block .form-block .form-item .text p:last-child {
    margin-bottom: 0rem
}

.brif-block .form-block .form-group .label {
    padding-right: 3rem
}

.brif-block .form-block .form-group .label label {
    font-size: 1.4rem;
    line-height: 1.6rem;
    color: rgb(0,0,0);
    font-weight: 500
}

.brif-block .form-block .form-group .label p {
    font-size: 1.2rem;
    line-height: 1.8rem;
    color: rgb(120,120,120);
    font-style: italic;
    margin-bottom: 0!important
}

.brif-block .form-block .form-group .input-field {
    position: relative
}

.brif-block .form-block .form-group .input-field input {
    width: 100%;
    background: transparent;
    border-width: 0 0 1px 0;
    border-style: solid;
    border-color: rgb(173,173,173);
    font-size: 1.5rem;
    height: 1.6rem;
    line-height: 1.6rem;
    font-weight: 400;
    color: rgb(0,0,0)
}

.brif-block .form-block .form-group .input-field input:focus {
    border-color: #b42739
}

.brif-block .form-block .form-group .input-field input.error {
    border-color: rgb(255,0,0)
}

.brif-block .form-block .form-group .check-field {
    position: relative
}

.brif-block .form-block .form-group .check-field input {
    position: absolute;
    z-index: 2;
    cursor: pointer;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    opacity: 0
}

.brif-block .form-block .form-group .check-field label {
    cursor: pointer;
    user-select: none;
    margin-bottom: 0!important;
    color: rgb(159,159,159);
    font-weight: 500;
    font-size: 1.6rem;
    line-height: 2.2rem;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out
}

.brif-block .form-block .form-group .check-field label svg {
    margin-right: .6rem;
    fill: rgb(159,159,159);
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out
}

.brif-block .form-block .form-group .check-field input[type=checkbox]:checked+label {
    color: #b42739
}

.brif-block .form-block .form-group .check-field input[type=checkbox]:checked+label svg {
    fill: #b42739
}

.brif-block .form-block .form-group .check-field input[type=radio]:checked+label {
    color: #b42739
}

.brif-block .form-block .form-group .check-field input[type=radio]:checked+label svg {
    fill: #b42739
}

.brif-block .form-block .form-group .check-field:hover label {
    color: #b42739
}

.brif-block .form-block .form-group .check-field:hover label svg {
    fill: #b42739
}

.hr-line hr {
    margin: 0!important;
    border-top: 1px solid rgba(0,0,0,.13)!important
}

.breadcrumb-list .sep {
    margin: 0 .4rem!important;
    display: inline-block
}

.breadcrumb-list span {
    display: inline-block;
    color: rgb(0,0,0);
    font-size: 1.3rem;
    font-weight: 400
}

.breadcrumb-list span a {
    color: rgb(0,0,0);
    font-size: 1.3rem;
    font-weight: 400
}

.breadcrumb-list span a:hover,.breadcrumb-list span a:focus {
    color: #b42739!important
}

.breadcrumb-list span a:hover span,.breadcrumb-list span a:focus span {
    color: #b42739!important
}

.about-block {
    position: relative
}

.about-block .image {
    position: absolute;
    left: 50%;
    top: 0;
    bottom: 0;
    right: 0
}

.about-block .image img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center
}

.about-block .title-block {
    position: relative;
    margin: 0 0 2rem 0
}

.about-block .title-block .title {
    font-size: 4rem;
    line-height: 1.25;
    color: rgba(255,255,255,1);
    font-weight: 900;
    margin: 0;
    text-transform: uppercase
}

.about-block .title-block .subtitle {
    position: relative;
    font-size: 1.5rem;
    line-height: 1;
    color: rgba(255,255,255,1);
    font-weight: 400;
    margin: 0 0 1rem 0;
    padding-left: 5rem
}

.about-block .title-block .subtitle:before {
    content: '';
    position: absolute;
    left: 0rem;
    top: .6rem;
    width: 4rem;
    height: .1rem;
    background: rgba(255,255,255,1)
}

.about-block .about-content {
    position: relative;
    padding: 4rem 0 5rem
}

.about-block .about-content::before {
    content: '';
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    right: -1.5rem;
    width: 200rem;
    background: #b42739 url(../img/backround-brif.png) center
}

.about-block .about-content .text {
    font-size: 1.4rem;
    line-height: 2.1rem;
    color: rgb(255,255,255);
    height: 24rem
}

.about-block .about-content .text h4 {
    font-weight: 700;
    font-size: 2rem;
    line-height: 2.4rem;
    margin-bottom: 1.8rem
}

.about-block .about-content .text p:last-child {
    margin-bottom: 0!important
}

.about-block .breadcrumb-list {
    margin-bottom: 4rem
}

.about-block .breadcrumb-list .sep {
    color: rgb(255,255,255)
}

.about-block .breadcrumb-list a {
    color: rgb(255,255,255)
}

.about-block .breadcrumb-list a:hover span {
    color: rgb(0,0,0) !important
}

.about-block .breadcrumb-list span {
    color: rgb(255,255,255)
}

.about-block .count-list {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 4rem 0 3rem
}

.about-block .count-list::before {
    content: '';
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    right: -1.5rem;
    width: 200rem;
    background: rgba(246,246,246,1) url(../img/backround-brif.png) center
}

.about-block .count-list .count-item {
    max-width: 180px
}

.about-block .count-list .count {
    display: inline-block;
    position: relative;
    font-weight: 900!important;
    font-size: 9.2rem;
    height: 7rem!important;
    line-height: 8.4rem!important;
    color: #b42739;
    margin-bottom: 1rem;
    -webkit-text-stroke: 2px #b42739;
    text-stroke: 2px #b42739;
    color: transparent
}

.about-block .count-list p {
    display: inline-block;
    font-size: 1.4rem;
    line-height: 1.5rem;
    color: rgba(96,96,96);
    font-weight: 500;
    margin-bottom: 0!important
}

.eq-block {
    padding: 8rem 0 0
}

.eq-block .title-block {
    position: relative;
    padding-left: 6rem;
    margin: 0 0 3rem 0
}

.eq-block .title-block .title {
    font-size: 4rem;
    line-height: 1.25;
    color: #000;
    font-weight: 900;
    margin: 0;
    text-transform: uppercase
}

.eq-block .title-block .subtitle {
    position: relative;
    font-size: 1.5rem;
    line-height: 1;
    color: rgba(29,29,29,1);
    font-weight: 400;
    margin: 0 0 1rem 0
}

.eq-block .title-block .subtitle:before {
    content: '';
    position: absolute;
    left: -5rem;
    top: .6rem;
    width: 4rem;
    height: .1rem;
    background: #000
}

.eq-block .eq-item {
    overflow: hidden;
    position: relative
}

.eq-block .eq-item .text {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 27rem;
    height: 9rem;
    background: rgba(255,255,255,1);
    padding: 0 2rem;
    font-size: 1.4rem;
    line-height: 2rem;
    color: rgb(116,116,116)
}

.eq-block .eq-item .text .title {
    font-weight: 600;
    font-size: 1.6rem;
    line-height: 2rem;
    color: rgb(0,0,0);
    margin-bottom: .5rem !important
}

.eq-block .eq-item .text p {
    margin-bottom: 0!important
}

.office-block {
    padding: 9rem 0 9rem
}

.office-block .title-block {
    position: relative;
    padding-left: 6rem;
    margin: 0 0 5rem 0
}

.office-block .title-block .title {
    font-size: 4rem;
    line-height: 1.25;
    color: #000;
    font-weight: 900;
    margin: 0;
    text-transform: uppercase
}

.office-block .title-block .subtitle {
    position: relative;
    font-size: 1.5rem;
    line-height: 1;
    color: rgba(29,29,29,1);
    font-weight: 400;
    margin: 0 0 1rem 0
}

.office-block .title-block .subtitle:before {
    content: '';
    position: absolute;
    left: -5rem;
    top: .6rem;
    width: 4rem;
    height: .1rem;
    background: #000
}

.office-block .gallery-list {
    position: relative
}

.office-block .gallery-list .text {
    position: absolute;
    left: 0;
    font-size: 1.4rem;
    line-height: 1.6rem;
    color: rgb(29,29,29);
    max-width: 28rem;
    width: 100%;
    font-weight: 500
}

.office-block .gallery-list .text.style-1 {
    top: 0rem
}

.office-block .gallery-list .text.style-2 {
    bottom: 0rem
}

.office-block .gallery-list::before {
    content: '';
    display: block;
    position: relative;
    padding-bottom: 57%
}

.office-block .gallery-list .image {
    position: absolute;
    background: rgb(255,255,255);
    box-shadow: 0 .3rem 4.5rem rgba(0,0,0,.2)
}

.office-block .gallery-list .image .image-item {
    position: absolute;
    left: 1rem;
    top: 1rem;
    right: 1rem;
    bottom: 1rem
}

.office-block .gallery-list .image .image-item img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center
}

.office-block .gallery-list .image::before {
    content: '';
    display: block;
    position: relative
}

.office-block .gallery-list .image.style-1 {
    width: 36rem;
    left: 50%;
    bottom: 0;
    -moz-transform: translate(-70%,0);
    -ms-transform: translate(-70%,0);
    -webkit-transform: translate(-70%,0);
    -o-transform: translate(-70%,0);
    transform: translate(-70%,0)
}

.office-block .gallery-list .image.style-1::before {
    padding-bottom: 116%
}

.office-block .gallery-list .image.style-2 {
    width: 34rem;
    left: 50%;
    top: 0;
    -moz-transform: translate(-30%,0);
    -ms-transform: translate(-30%,0);
    -webkit-transform: translate(-30%,0);
    -o-transform: translate(-30%,0);
    transform: translate(-30%,0)
}

.office-block .gallery-list .image.style-2::before {
    padding-bottom: 136%
}

.office-block .gallery-list .image.style-3 {
    width: 31.5rem;
    left: 50%;
    top: 0;
    -moz-transform: translate(-105%,20%);
    -ms-transform: translate(-105%,20%);
    -webkit-transform: translate(-105%,20%);
    -o-transform: translate(-105%,20%);
    transform: translate(-105%,20%)
}

.office-block .gallery-list .image.style-3::before {
    padding-bottom: 136%
}

.office-block .gallery-list .image.style-4 {
    width: 43rem;
    left: 50%;
    bottom: 0;
    -moz-transform: translate(20%,-20%);
    -ms-transform: translate(20%,-20%);
    -webkit-transform: translate(20%,-20%);
    -o-transform: translate(20%,-20%);
    transform: translate(20%,-20%)
}

.office-block .gallery-list .image.style-4::before {
    padding-bottom: 70%
}

.office-block .gallery-list .image.style-5 {
    width: 45rem;
    right: 0;
    bottom: 40%;
    -moz-transform: translate(0%,0%);
    -ms-transform: translate(0%,0%);
    -webkit-transform: translate(0%,0%);
    -o-transform: translate(0%,0%);
    transform: translate(0%,0%)
}

.office-block .gallery-list .image.style-5::before {
    padding-bottom: 61%
}

.office-block .gallery-list .image.style-6 {
    width: 40rem;
    left: 0;
    top: 25%;
    -moz-transform: translate(0%,0%);
    -ms-transform: translate(0%,0%);
    -webkit-transform: translate(0%,0%);
    -o-transform: translate(0%,0%);
    transform: translate(0%,0%)
}

.office-block .gallery-list .image.style-6::before {
    padding-bottom: 75%
}

.price-block {
    padding: 5rem 0 6rem
}

.price-block .title-block {
    margin-bottom: 2rem
}

.price-block .title-block h2 {
    font-size: 4rem;
    line-height: 1.2;
    color: #000;
    font-weight: 900;
    margin: 0!important;
    text-transform: uppercase
}

.price-block .table .style-link {
    font-size: 1.5rem;
    position: relative;
    color: rgb(0,0,0);
    line-height: 2.2rem;
    text-decoration: underline
}

.price-block .table .style-link svg {
    position: absolute;
    left: -2rem;
    top: .2rem;
    stroke: rgb(0,0,0)!important;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out
}

.price-block .table .style-link:hover,.price-block .table .style-link:focus {
    color: #b42739!important;
    text-decoration: underline!important
}

.price-block .table .style-link:hover svg,.price-block .table .style-link:focus svg {
    stroke: #b42739!important;
    text-decoration: underline!important
}

.price-block .table .style-color-2 {
    color: #b42739!important
}

.price-block .table .style-width-2 {
    width: 38rem!important;
    padding-left: 5rem!important;
    padding-right: 5rem!important
}

.price-block .table .style-width-3 {
    width: 20rem!important
}

.price-block .table .style-weight-2 {
    font-weight: 600!important
}

.price-block .table thead {
    background: rgb(244,244,244)
}

.price-block .table thead tr {
    border-bottom: 1px solid rgba(0,0,0,.08)!important
}

.price-block .table thead tr th {
    border: 0px!important;
    padding: 3rem 0rem 2.8rem!important;
    font-size: 1.8rem;
    line-height: 2.2rem;
    color: rgb(0,0,0);
    font-weight: 700
}

.price-block .table tbody tr {
    border-bottom: 1px solid rgba(0,0,0,.08)!important
}

.price-block .table tbody tr td {
    border: 0px!important;
    padding: 2.4rem 0rem 2.2rem!important;
    font-size: 1.5rem;
    line-height: 1.8rem;
    color: rgb(0,0,0);
    font-weight: 500;
    vertical-align: middle!important
}

.price-block .table .open-order-modal {
    position: relative;
    overflow: hidden;
    width: 23rem;
    font-size: 1.2rem;
    line-height: 1.6rem;
    color: rgb(0,0,0);
    text-transform: uppercase;
    border: 1px solid rgb(0,0,0);
    box-sizing: border-box;
    padding: 2rem 2.5rem 1.6rem
}

.price-block .table .open-order-modal span {
    z-index: 7
}

.price-block .table .open-order-modal:hover,.price-block .table .open-order-modal:focus {
    border: 1px solid #b42739;
    color: rgb(255,255,255)
}

.price-block .table .open-order-modal svg {
    position: relative;
    z-index: 8;
    margin-left: 1.5rem;
    stroke: rgba(0,0,0,1)!important;
    fill: rgba(0,0,0,1)!important;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out
}

.price-block .table .open-order-modal:hover svg,.price-block .table .open-order-modal:focus svg {
    fill: rgba(255,255,255,1)!important;
    stroke: rgba(255,255,255,1)!important
}

.price-block .table .open-order-modal::before {
    content: '';
    position: absolute;
    z-index: 5;
    top: -20px;
    left: 50%;
    display: inline-block;
    width: 40px;
    height: 40px;
    border-radius: 50px;
    background: #b42739;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.price-block .table .open-order-modal:hover::before,.price-block .table .open-order-modal:focus::before {
    -webkit-transform: scale(22.3);
    transform: scale(22.3)
}

.price-block .table tbody tr.p-0 {
    padding: 0!important
}

.price-block .table tbody td.p-0 {
    padding: 0!important
}

.price-block .table tbody tr.b-0 {
    border-bottom: 0 solid rgba(0,0,0,0)!important
}

.price-block .table tbody tr.b-0 {
    border-bottom: 0 solid rgba(0,0,0,0)!important
}

.price-block .table tbody td.b-0 {
    border-bottom: 0 solid rgba(0,0,0,0)!important
}

.price-block .table .table-text {
    padding: 2.4rem 10rem 2.4rem;
    font-size: 1.7rem;
    line-height: 2.4rem;
    color: rgb(0,0,0);
    border-bottom: 1px solid rgba(0,0,0,.08)!important
}

.price-block .table .table-text p {
    margin-bottom: 3rem
}

.price-block .table .table-text .title {
    font-size: 1.8rem;
    line-height: 2.4rem;
    font-weight: 700;
    margin-bottom: 1.5rem
}

.price-block .table .table-text p {
    font-size: 1.5rem;
    line-height: 2.4rem;
    font-weight: 400;
    margin-bottom: 1rem
}

.price-block .table .table-text ul {
    list-style: none;
    padding: 0 4rem 0 8rem;
    margin-top: 2rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.price-block .table .table-text ul li {
    font-size: 1.5rem;
    line-height: 2.4rem;
    font-weight: 500;
    position: relative;
    margin-bottom: 2rem;
    padding-left: 3rem;
    padding-right: 3rem;
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%
}

.price-block .table .table-text ul li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: .1rem;
    background: rgba(0,0,0,.2)
}

.price-block .table .table-text ul li::after {
    content: '';
    position: absolute;
    z-index: 2;
    left: -.3rem;
    bottom: 0;
    width: .7rem;
    height: .7rem;
    background: rgb(255,255,255);
    border: 1px solid rgba(0,0,0,.2)
}

.map-block {
    position: relative;
    padding: 6rem 0 7rem;
    background: rgba(246,246,246,1) url(../img/backround-brif.png) center
}

.map-block .breadcrumb-list {
    margin-bottom: 1rem
}

.map-block .title-block {
    position: relative;
    margin: 0 0 6rem 0
}

.map-block .title-block h1 {
    font-size: 4rem;
    line-height: 1.25;
    color: #000;
    font-weight: 900;
    margin: 0
}

.map-block .mb-6 {
    margin-bottom: 6rem
}

.map-block .contact-text.style-2 h2 {
    font-weight: 700;
    font-size: 1.8rem;
    line-height: 2.2rem
}

.map-block .contact-text h2 {
    font-weight: 500;
    font-size: 1.5rem;
    line-height: 1.8rem;
    color: rgb(0,0,0);
    margin-bottom: 1rem
}

.map-block .contact-text p:last-child {
    margin-bottom: 0
}

.map-block .contact-text a {
    display: inline-block;
    font-size: 1.6rem;
    line-height: 1.8rem;
    font-weight: 400;
    color: rgb(0,0,0);
    border-bottom: 1px solid rgb(0,0,0)
}

.map-block .contact-text a:hover,.map-block .contact-text a:focus {
    color: #b42739;
    border-bottom: 1px solid #b42739
}

.map-block .contact-text a span {
    font-weight: 600
}

.map-block .contact-text.style-2 a {
    font-weight: 700;
    color: #b42739;
    font-size: 4rem;
    line-height: 1;
    border-bottom: 1px solid #b42739
}

.map-block .contact-text.style-2 a:hover,.map-block .contact-text.style-2 a:focus {
    color: rgb(0,0,0);
    border-bottom: 1px solid rgb(0,0,0)
}

.map-block .contact-text ul {
    list-style: none;
    padding-left: 0;
    margin-bottom: 0
}

.map-block .contact-text ul li {
    display: inline-block;
    margin-right: 1.5rem
}

.map-block .contact-text ul li a {
    border-bottom: 0px!important
}

.map-block .contact-text ul li a:hover {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg)
}

.map-block .contact-text ul li a img {
    width: 4rem;
    height: 4rem
}

.map-block .text h2, .map-block .text .subtitle {
    display: inline-block;
    font-weight: 500;
    font-size: 1.5rem;
    line-height: 1.8rem;
    color: rgb(0,0,0);
    margin-bottom: 1rem
}

.map-block .text {
    font-size: 1.4rem;
    line-height: 2.2rem;
    color: rgb(0,0,0)
}

.map-block .text p {
    margin-bottom: 0!important
}

.map-block .map {
    position: absolute;
    z-index: 2;
    left: 46%;
    top: 0;
    bottom: 0;
    right: 0;
    background: rgb(255,255,255)
}

.map-block .map #map {
    position: absolute;
    z-index: 2;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0
}

.map-block .map .contact-map {
    width: 62rem;
    position: absolute;
    z-index: 4;
    left: 3rem;
    bottom: 7rem;
    background: url(../img/cl.jpg) center no-repeat;
    background-size: cover;
    padding: 2.5rem
}

.map-block .map .contact-map .text-map {
    font-size: 1.7rem;
    line-height: 2.2rem;
    font-weight: 700;
    color: rgb(0,0,0)
}

.map-block .map .contact-map .text-map a {
    color: rgb(0,0,0)
}

.map-block .map .contact-map .text-map a:hover,.map-block .map .contact-map .text-map a:focus {
    color: #b42739
}

.map-block .map .contact-map .text-map h2 {
    font-size: 1.4rem;
    line-height: 1.6rem;
    margin-bottom: .7rem;
    font-weight: 500
}

.post-block {
    padding: 4rem 0
}

.post-block.single-post-block {
    padding: 5rem 0 2rem
}

.post-block .title-block {
    margin-bottom: 3rem
}

.post-block .title-block h4 {
    font-size: 2.2rem;
    line-height: 2.8rem;
    font-weight: 600;
    margin-bottom: 0!important;
    color: rgb(7,7,7)
}

.post-block .post-item {
    margin-bottom: 3rem;
    border-bottom: 2px solid rgba(0,0,0,.06)
}

.post-block .post-item .excerpt {
    padding: 1rem 0 1rem 1.5rem
}

.post-block .post-item .excerpt .post-date {
    display: block;
    font-size: 1.3rem;
    line-height: 2.3rem;
    font-weight: 500;
    color: rgb(185,185,185);
    margin-bottom: 1.5rem
}

.post-block .post-item .excerpt h2 {
    margin-bottom: 1rem
}

.post-block .post-item .excerpt h2 a {
    font-weight: 700;
    font-size: 2rem;
    line-height: 2.4rem;
    color: rgb(0,0,0)
}

.post-block .post-item .excerpt h2 a:hover,.post-block .post-item .excerpt h2 a:focus {
    color: #b42739
}

.post-block .post-item .excerpt .text {
    display: block;
    font-size: 1.4rem;
    line-height: 2.1rem;
    color: rgb(90,90,90);
    margin-bottom: 1.5rem
}

.post-block .post-item .excerpt a.read-more {
    display: inline-block;
    color: #b42739;
    font-size: 1.5rem;
    line-height: 1.8rem;
    font-weight: 500;
    border-bottom: 2px dotted #b42739
}

.post-block .post-item .excerpt a.read-more:hover,.post-block .post-item .excerpt a.read-more:focus {
    border-bottom: 2px dotted rgb(0,0,0);
    color: rgb(0,0,0)
}

.single-content-block {
    padding: 5rem 0
}

.single-content-block .container {
    position: relative
}

.single-content-block .fixed-share-block {
    position: absolute;
    left: 1.5rem;
    top: 0;
    bottom: 0;
    width: 7.5rem
}

.single-content-block .fixed-share-block .fixed-share-button {
    position: absolute;
    left: auto;
    top: 55rem;
    bottom: 0;
    width: 7.5rem;
    height: 30rem;
    background: #b42739
}

.single-content-block .fixed-share-block .fixed-share-button.fixed {
    position: fixed;
    top: 9rem
}

.single-content-block .fixed-share-block .fixed-share-button ul {
    list-style: none;
    padding-left: 0;
    margin-bottom: 0!important
}

.single-content-block .fixed-share-block .fixed-share-button ul li a {
    padding: 1.5rem;
    width: 7.5rem;
    height: 7.5rem;
    background: rgb(255,255,255);
    border: 1px solid rgb(208,208,208);
    box-sizing: border-box
}

.single-content-block .fixed-share-block .fixed-share-button ul li a:hover,.single-content-block .fixed-share-block .fixed-share-button ul li a:focus {
    border: 1px solid #b42739
}

.single-content-block .fixed-share-block .fixed-share-button ul li a svg {
    max-width: 4.2rem;
    height: auto;
    fill: rgb(208,208,208);
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out
}

.single-content-block .fixed-share-block .fixed-share-button ul li a:hover svg,.single-content-block .fixed-share-block .fixed-share-button ul li a:focus svg {
    fill: #b42739
}

.single-content-block .post-meta {
    margin-bottom: 3rem;
    padding: 0 9rem;
    max-width: 87rem;
    width: 100%
}

.single-content-block .post-meta .post-date {
    font-size: 1.4rem;
    line-height: 2.2rem;
    margin-bottom: .5rem;
    font-weight: 500;
    color: rgb(185,185,185);
    display: block;
    text-align: center
}

.single-content-block .post-meta h1 {
    font-size: 3rem;
    line-height: 1.25;
    font-weight: 900;
    color: rgb(7,7,7);
    text-align: center;
    margin-bottom: 1.2rem!important
}

.single-content-block .post-meta .read-later {
    text-align: center
}

.single-content-block .post-meta .read-later a {
    display: inline-block;
    color: #b42739;
    font-size: 1.5rem;
    line-height: 1.8rem;
    font-weight: 500;
    border-bottom: 2px dotted #b42739
}

.single-content-block .post-meta .read-later a:hover,.single-content-block .post-meta .read-later a:focus {
    border-bottom: 2px dotted rgb(0,0,0);
    color: rgb(0,0,0)
}

.single-content-block .post-image {
    margin-bottom: 5rem;
    max-width: 87rem;
    width: 100%
}

.single-content-block .post-image img {
    margin: 0 auto;
    max-width: 100%;
    width: 100%;
    height: auto;
    max-height: 100%
}

.single-content-block .content {
    font-size: 1.6rem;
    line-height: 2.4rem;
    color: rgb(0,0,0);
    max-width: 87rem;
    width: 100%
}

.single-content-block .content .wp-caption {
    margin-bottom: 2rem;
    padding: 0 9rem;
    max-width: 100%;
    height: auto
}

.single-content-block .content img {
    max-width: 100%;
    height: auto;
}

.single-content-block .content ul, .single-content-block .content ol {
    margin-bottom: 2rem;
    padding: 0 9rem 0 13rem;
    max-width: 100%;
    height: auto
}

.single-content-block .content p {
    margin-bottom: 2rem;
    padding: 0 9rem;
    max-width: 100%;
    height: auto
}

.single-content-block .content p:last-child {
    margin-bottom: 0!important
}

.single-content-block .content h2,.single-content-block .content h3,.single-content-block .content h4 {
    font-weight: 900;
    color: rgb(7,7,7);
    line-height: 1.2;
    margin-bottom: 2rem;
    padding: 0 9rem
}

.single-content-block .content h2 {
    font-size: 2.4rem
}

.single-content-block .content h3 {
    font-size: 2rem
}

.single-content-block .content h4 {
    font-size: 1.6rem
}

.single-content-block #toc_container {
    width: 100%!important;
    padding: 5rem 9rem!important;
    border: 0px!important;
    background: rgba(246,246,246,1) url(../img/backround-brif.png) center!important;
    margin-bottom: 3rem!important
}

.single-content-block #toc_container p.toc_title {
    text-align: left!important;
    font-weight: 900!important;
    color: rgb(7,7,7)!important;
    font-size: 2.6rem!important;
    line-height: 1.2!important;
    margin-bottom: 2rem!important
}

.single-content-block #toc_container .toc_list {
    margin: 0!important
}

.single-content-block #toc_container .toc_list li {
    margin-bottom: 2rem
}

.single-content-block #toc_container .toc_list li:last-child {
    margin-bottom: 0
}

.single-content-block #toc_container .toc_list li a {
    display: inline-block;
    font-weight: 600;
    font-size: 1.6rem;
    line-height: 2.4rem;
    color: rgb(0,0,0);
    margin-bottom: 1rem
}

.single-content-block #toc_container .toc_list li a:hover {
    color: #b42739
}

.single-content-block #toc_container .toc_list li ul {
    margin-left: 0rem!important
}

.single-content-block #toc_container .toc_list li ul li {
    margin-bottom: .6rem;
    position: relative;
    padding-left: 3rem
}

.single-content-block #toc_container .toc_list li ul li:last-child {
    margin-bottom: 0rem
}

.single-content-block #toc_container .toc_list li ul li a {
    position: relative;
    margin-bottom: 0rem!important;
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: 400!important;
    border-bottom: .1rem dashed rgb(0,0,0)
}

.single-content-block #toc_container .toc_list li ul li::before {
    content: '';
    position: absolute;
    top: .8rem;
    left: .6rem;
    width: .4rem;
    height: .4rem;
    border-radius: 100%;
    background: rgb(0,0,0)
}

.rating-block {
    padding: 5rem 0
}

.rating-block .title-block {
    margin-bottom: 2rem
}

.rating-block .title-block h4 {
    font-size: 2.2rem;
    line-height: 2.8rem;
    color: rgb(62,62,62);
    font-weight: 500;
    margin-bottom: !important
}

.rating-block .post-ratings {
    position: relative!important;
    width: auto!important;
    text-align: center!important;
    font-style: normal!important
}

.rating-block .post-ratings .text {
    font-family: 'Gilroy'!important;
    margin-top: 2rem!important;
    font-size: 1.2rem;
    font-weight: 400
}

.rating-block .post-ratings img {
    margin: 0 1.5rem;
    width: 3.2rem;
    height: auto
}

.rating-block .post-ratings-loading {
    position: absolute!important;
    left: 50%!important;
    top: 50%!important;
    width: 10rem!important;
    height: 2rem!important;
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    font-size: 13px!important;
    color: rgb(0,0,0)!important
}

.rating-block .post-ratings-loading img {
    margin-right: .5rem!important
}

.rating-block .col {
    position: relative!important
}

.share-block {
    background: rgb(240,240,240)
}

.share-block span {
    font-size: 1.6rem;
    line-height: 2rem;
    color: rgb(0,0,0);
    font-weight: 500
}

.share-block ul {
    list-style: none;
    padding-left: 0;
    margin-left: 2rem;
    margin-bottom: 0!important
}

.share-block ul li {
    margin: 0 2px
}

.share-block ul li a {
    padding: 1rem;
    width: 6rem;
    height: 6rem;
    background: rgb(255,255,255)
}

.share-block ul li a:hover,.share-block ul li a:focus {
    background: #b42739
}

.share-block ul li a svg {
    max-width: 4rem;
    height: auto;
    fill: rgb(208,208,208);
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out
}

.share-block ul li a:hover svg,.share-block ul li a:focus svg {
    fill: rgb(255,255,255)
}

.list-pagination {
    margin-top: 1rem!important;
    text-align: center!important
}

.list-pagination .next {
    display: none!important
}

.list-pagination .prev {
    display: none!important
}

.list-pagination .page-numbers.current {
    background: #000;
    color: #fff
}

.list-pagination .page-numbers {
    position: relative;
    display: inline-block;
    margin-left: 1rem;
    margin-right: 1rem;
    width: 5.5rem;
    height: 5.5rem;
    padding: 1.9rem 0 2rem;
    border: 1px solid #000;
    background: #fff;
    color: #000;
    font-size: 1.9rem;
    line-height: 2.1rem;
    font-weight: 700;
    text-align: center
}

.list-pagination .page-numbers:hover,.list-pagination .page-numbers:focus {
    background: #000;
    color: #fff
}

.eq-block .app {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 44rem;
    width: 100%;
    margin: 0 auto;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background: radial-gradient(ellipse at center,#fff 30%,#EAF6FF 47%)
}

.eq-block .wrapper {
    position: relative;
    height: 400px;
    width: 300px
}

.eq-block .controls {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    padding: 0;
    text-align: center
}

.eq-block .controls button {
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    padding: 0;
    border: 0!important;
    background: rgba(0,0,0,.4)!important;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out
}

.eq-block .controls button::before {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    width: 10rem;
    height: 10rem;
    margin-left: -5rem;
    margin-top: -5rem;
    background: url(../img/play-button.svg) center no-repeat!important;
    background-size: cover!important;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out
}

.eq-block .controls button:hover::before,.eq-block .controls button:focus::before {
    background: url(../img/play-button-hover.svg) center no-repeat!important;
    background-size: cover!important
}

.eq-block .controls button.active {
    opacity: 0!important
}

@media (min-width: 650px) {
    .controls {
        padding:0
    }
}

.eq-block .sliders {
    display: none
}

@media (min-width: 650px) {
    .sliders {
        top:34%
    }
}

input[type=range] {
    background: #ebf6ff;
    border-radius: 20px;
    margin: 10px;
    -webkit-appearance: none
}

input[type=range]:focus {
    outline: none
}

input[type=range]::-webkit-slider-thumb {
    height: 20px;
    width: 20px;
    border-radius: 50%;
    background: #a0d9cb;
    cursor: pointer;
    -webkit-appearance: none
}

.character {
    position: relative
}

.character__eye {
    -webkit-transition: -webkit-transform 0.3s ease;
    transition: -webkit-transform 0.3s ease;
    transition: transform 0.3s ease;
    transition: transform 0.3s ease,-webkit-transform 0.3s ease;
    -webkit-transform: translate(10px,0);
    transform: translate(10px,0)
}

.character__body {
    fill: #a0d8cb;
    -webkit-transition: -webkit-transform 0.3s ease;
    transition: -webkit-transform 0.3s ease;
    transition: transform 0.3s ease;
    transition: transform 0.3s ease,-webkit-transform 0.3s ease
}

.character__eye.-eye-l-extra {
    -webkit-transform: translate(34px,-10px);
    transform: translate(34px,-10px)
}

.character.-sleeping .-eye-l-extra {
    visibility: hidden;
    -webkit-transform: translate(18px,12px);
    transform: translate(18px,12px)
}

.character.-sleeping .-eye-l {
    -webkit-transform: translate(10px,15px);
    transform: translate(10px,15px)
}

.character.-sleeping .-eye-r {
    -webkit-transform: translate(18px,12px);
    transform: translate(18px,12px)
}

.character.-passive .-part-1 {
    -webkit-transform: translate(30px,-10px);
    transform: translate(30px,-10px)
}

.character.-passive .-part-2 {
    -webkit-transform: translate(23px,3px);
    transform: translate(23px,3px)
}

.character.-passive .-part-3 {
    -webkit-transform: translate(10px,3px);
    transform: translate(10px,3px)
}

.character.-passive .-eye-l {
    -webkit-transform: translate(40px,-10px);
    transform: translate(40px,-10px)
}

.character.-passive .-eye-r {
    -webkit-transform: translate(34px,-10px);
    transform: translate(34px,-10px)
}

.character.-waiting .-part-1 {
    -webkit-transform: translate(12px,0);
    transform: translate(12px,0)
}

.character.-waiting .-part-2 {
    -webkit-transform: translate(10px,1px);
    transform: translate(10px,1px)
}

.character.-waiting .-part-3 {
    -webkit-transform: translate(5px,2px);
    transform: translate(5px,2px)
}

.character.-waiting .-eye-l {
    -webkit-transform: translate(52px,-8px);
    transform: translate(52px,-8px)
}

.character.-waiting .-eye-r {
    visibility: hidden;
    -webkit-transform: translate(42px,-7px);
    transform: translate(42px,-7px)
}

.character.-waiting .-eye-l-extra {
    visibility: visible;
    -webkit-transform: translate(42px,-7px);
    transform: translate(42px,-7px)
}

.character.-thinking .-part-1 {
    -webkit-transform: translate(-9px,5px);
    transform: translate(-9px,5px)
}

.character.-thinking .-part-2 {
    -webkit-transform: translate(-5px,2.5px);
    transform: translate(-5px,2.5px)
}

.character.-thinking .-eye-l {
    -webkit-transform: translate(1px,10px);
    transform: translate(1px,10px)
}

.character.-thinking .-eye-l-extra {
    -webkit-transform: translate(-1.5px,10px);
    transform: translate(-1.5px,10px)
}

.character.-thinking .-eye-r {
    -webkit-transform: translate(-1.5px,10px);
    transform: translate(-1.5px,10px)
}

.character.-typing .-part-1 {
    -webkit-transform: translate(-18px,10px);
    transform: translate(-18px,10px)
}

.character.-typing .-part-2 {
    -webkit-transform: translate(-10px,5px);
    transform: translate(-10px,5px)
}

.character.-typing .-part-3 {
    -webkit-transform: translate(-4px,2px);
    transform: translate(-4px,2px)
}

.character.-typing .-eye-l {
    -webkit-transform: translate(2px,21px);
    transform: translate(2px,21px)
}

.character.-typing .-eye-l-extra {
    visibility: hidden;
    -webkit-transform: translate(-3px,20px);
    transform: translate(-3px,20px)
}

.character.-typing .-eye-r {
    -webkit-transform: translate(-3px,20px);
    transform: translate(-3px,20px)
}

.character.-stressed .-part-1 {
    -webkit-transform: translate(-17px,20px);
    transform: translate(-17px,20px)
}

.character.-stressed .-part-2 {
    -webkit-transform: translate(-8px,10px);
    transform: translate(-8px,10px)
}

.character.-stressed .-part-3 {
    -webkit-transform: translate(-2px,4px);
    transform: translate(-2px,4px)
}

.character.-stressed .-eye-l {
    -webkit-transform: translate(2px,41px);
    transform: translate(2px,41px)
}

.character.-stressed .-eye-l-extra {
    visibility: hidden;
    -webkit-transform: translate(-3px,40px);
    transform: translate(-3px,40px)
}

.character.-stressed .-eye-r {
    -webkit-transform: translate(-3px,40px);
    transform: translate(-3px,40px)
}

.computer {
    position: absolute;
    width: 30%;
    top: 49%;
    left: 12%
}

.computer__screen {
    fill: #D6E5E3
}

.computer__keyboard {
    fill: #CACFD6
}

.computer.-typing {
    -webkit-animation: vibrate 0.6s linear infinite both;
    animation: vibrate 0.6s linear infinite both
}

.computer.-stressed {
    -webkit-animation: vibrate-crazy 0.5s linear infinite both;
    animation: vibrate-crazy 0.5s linear infinite both
}

.table-bg {
    position: absolute;
    top: 58%;
    left: -60%;
    fill: #EAF6FF;
    width: 200%
}

.arm {
    position: absolute;
    top: 0;
    left: 0
}

.arm path {
    fill: none;
    stroke: #eaf6ff;
    stroke-width: 12;
    stroke-linecap: round;
    stroke-miterlimit: 10
}

.arm-typing-right {
    -webkit-transform-origin: 200px 168px;
    transform-origin: 200px 168px;
    -webkit-transform: rotate(140deg);
    transform: rotate(140deg)
}

.arm-typing-left {
    -webkit-transform-origin: 190px 160px;
    transform-origin: 190px 160px;
    -webkit-transform: rotate(143deg);
    transform: rotate(143deg)
}

.arm-thinking-right {
    -webkit-transform-origin: 200px 168px;
    transform-origin: 200px 168px;
    -webkit-animation: scratch-chin 10s ease 0s infinite normal;
    animation: scratch-chin 10s ease 0s infinite normal
}

@-webkit-keyframes scratch-chin {
    0% {
        -webkit-transform: rotate(-40deg);
        transform: rotate(-40deg)
    }

    5% {
        -webkit-transform: rotate(-3deg);
        transform: rotate(-3deg)
    }

    40% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    50% {
        -webkit-transform: rotate(-3deg);
        transform: rotate(-3deg)
    }

    60% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    80% {
        -webkit-transform: rotate(-40deg);
        transform: rotate(-40deg)
    }

    100% {
        -webkit-transform: rotate(-40deg);
        transform: rotate(-40deg)
    }
}

@-webkit-keyframes vibrate {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    50% {
        -webkit-transform: rotate(-1deg);
        transform: rotate(-1deg)
    }

    100% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

@keyframes vibrate {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    50% {
        -webkit-transform: rotate(-1deg);
        transform: rotate(-1deg)
    }

    100% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

@-webkit-keyframes vibrate-crazy {
    0% {
        -webkit-transform: translate(0);
        transform: translate(0)
    }

    10% {
        -webkit-transform: translate(-2px,-2px);
        transform: translate(-2px,-2px)
    }

    20% {
        -webkit-transform: translate(2px,-2px);
        transform: translate(2px,-2px)
    }

    30% {
        -webkit-transform: translate(-2px,2px);
        transform: translate(-2px,2px)
    }

    40% {
        -webkit-transform: translate(2px,2px);
        transform: translate(2px,2px)
    }

    50% {
        -webkit-transform: translate(-2px,-2px);
        transform: translate(-2px,-2px)
    }

    60% {
        -webkit-transform: translate(2px,-2px);
        transform: translate(2px,-2px)
    }

    70% {
        -webkit-transform: translate(-2px,2px);
        transform: translate(-2px,2px)
    }

    80% {
        -webkit-transform: translate(-2px,-2px);
        transform: translate(-2px,-2px)
    }

    90% {
        -webkit-transform: translate(2px,-2px);
        transform: translate(2px,-2px)
    }

    100% {
        -webkit-transform: translate(0);
        transform: translate(0)
    }
}

@keyframes vibrate-crazy {
    0% {
        -webkit-transform: translate(0);
        transform: translate(0)
    }

    10% {
        -webkit-transform: translate(-2px,-2px);
        transform: translate(-2px,-2px)
    }

    20% {
        -webkit-transform: translate(2px,-2px);
        transform: translate(2px,-2px)
    }

    30% {
        -webkit-transform: translate(-2px,2px);
        transform: translate(-2px,2px)
    }

    40% {
        -webkit-transform: translate(2px,2px);
        transform: translate(2px,2px)
    }

    50% {
        -webkit-transform: translate(-2px,-2px);
        transform: translate(-2px,-2px)
    }

    60% {
        -webkit-transform: translate(2px,-2px);
        transform: translate(2px,-2px)
    }

    70% {
        -webkit-transform: translate(-2px,2px);
        transform: translate(-2px,2px)
    }

    80% {
        -webkit-transform: translate(-2px,-2px);
        transform: translate(-2px,-2px)
    }

    90% {
        -webkit-transform: translate(2px,-2px);
        transform: translate(2px,-2px)
    }

    100% {
        -webkit-transform: translate(0);
        transform: translate(0)
    }
}

#fixed-menu.show {
    opacity: 1
}

#fixed-menu {
    opacity: 0;
    position: fixed;
    z-index: 50;
    right: 1rem;
    top: 50%;
    width: 7.6rem;
    height: 7.6rem;
    border-radius: 100%;
    box-shadow: 0 5px 8px rgba(0,0,0,.28);
    list-style: none;
    -moz-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    -webkit-transform: translate(0,-50%);
    -o-transform: translate(0,-50%);
    transform: translate(0,-50%);
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out
}

#fixed-menu img {
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out
}

#fixed-menu .menu-button {
    position: absolute;
    z-index: 22;
    left: 0;
    top: 0;
    width: 7.6rem;
    height: 7.6rem;
    border-radius: 100%;
    background: url(../img/obratnay-svyaz.svg) center no-repeat;
    background-size: cover
}

#fixed-menu .menu-button .img2 {
    position: absolute;
    z-index: 2;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0
}

#fixed-menu.active .menu-button .img1 {
    opacity: 0
}

#fixed-menu.active .menu-button .img2 {
    opacity: 1
}

#fixed-menu .menu-item {
    position: absolute;
    left: 1.1rem;
    top: 1.1rem;
    width: 5.4rem;
    height: 5.4rem;
    border-radius: 100%;
    box-shadow: 0 5px 8px rgba(0,0,0,.2);
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out
}

#fixed-menu .menu-item a {
    position: absolute;
    left: 0;
    top: 0;
    width: 5.4rem;
    height: 5.4rem;
    border-radius: 100%
}

#fixed-menu .menu-item a img {
    width: 100%;
    height: auto
}

#fixed-menu .menu-item a .img2 {
    position: absolute;
    z-index: 2;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0
}

#fixed-menu .menu-item a:hover .img1,#fixed-menu .menu-item a:focus .img1 {
    opacity: 0
}

#fixed-menu .menu-item a:hover .img2,#fixed-menu .menu-item a:focus .img2 {
    opacity: 1
}

#fixed-menu .menu-item.telegram-link {
    background: url(../img/telegram.svg) center no-repeat;
    background-size: cover
}

#fixed-menu .menu-item.telegram-link:hover,#fixed-menu .menu-item.telegram-link:focus {
    background: url(../img/telegram-hover.svg) center no-repeat;
    background-size: cover
}

#fixed-menu.active .menu-item.telegram-link {
    -moz-transform: translate(-8rem,-7rem);
    -ms-transform: translate(-8rem,-7rem);
    -webkit-transform: translate(-8rem,-7rem);
    -o-transform: translate(-8rem,-7rem);
    transform: translate(-8rem,-7rem)
}

#fixed-menu .menu-item.viber-link:hover,#fixed-menu .menu-item.viber-link:focus {
    background: url(../img/viber-hover.svg) center no-repeat;
    background-size: cover
}

#fixed-menu .menu-item.viber-link {
    background: url(../img/viber.svg) center no-repeat;
    background-size: cover
}

#fixed-menu.active .menu-item.viber-link {
    -moz-transform: translate(-8rem,-7rem);
    -ms-transform: translate(-8rem,-7rem);
    -webkit-transform: translate(-8rem,-7rem);
    -o-transform: translate(-8rem,-7rem);
    transform: translate(-8rem,-7rem)
}

#fixed-menu .menu-item.loc-link:hover,#fixed-menu .menu-item.loc-link:focus {
    background: url(../img/map-hover.svg) center no-repeat;
    background-size: cover
}

#fixed-menu .menu-item.loc-link {
    background: url(../img/google.svg) center no-repeat;
    background-size: cover
}

#fixed-menu.active .menu-item.loc-link {
    -moz-transform: translate(-8rem,0rem);
    -ms-transform: translate(-8rem,0rem);
    -webkit-transform: translate(-8rem,0rem);
    -o-transform: translate(-8rem,0rem);
    transform: translate(-8rem,0rem)
}

#fixed-menu.active .menu-item.whatsapp-link {
    transform: translate(-8rem,0rem);
}

#fixed-menu.active .menu-item.email-link {
    transform: translate(-8rem,7rem);
}

footer {
    position: relative;
    z-index: 10;
    background: rgba(0,0,0,1)
}

footer .footer-top {
    padding: 4rem 0 4rem
}

footer .widget-block {
    margin-bottom: 2rem
}

footer .widget-block:first-child {
    margin-bottom: 3rem
}

footer .widget-block:last-child {
    margin-bottom: 0rem!important
}

footer .widget-block a {
    display: inline-block
}

footer .widget-block a img {
    max-width: 16rem!important;
    height: auto
}

footer .widget-block p.title-widget {
    font-size: 1.7rem;
    line-height: 2.4rem;
    color: #fff;
    margin-bottom: 3rem;
    text-transform: uppercase;
    font-weight: 700
}

footer .widget-block ul {
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}

footer .widget-block ul li {
    margin-bottom: 1.5rem
}

footer .widget-block ul li:last-child {
    margin-bottom: 0
}

footer .widget-block ul li a {
    font-size: 1.4rem;
    line-height: 2rem;
    color: #fff;
    font-weight: 500
}

footer .widget-block ul li a:hover,footer .widget-block ul li a:focus {
    color: #b42739
}

footer .widget-block .textwidget {
    font-size: 1.4rem;
    line-height: 2rem;
    color: #fff;
    font-weight: 500
}

footer .widget-block .textwidget p {
    margin-bottom: 0
}

footer .widget-block .textwidget strong {
    display: block;
    font-size: 1.5rem;
    line-height: 1.2;
    color: #fff;
    font-weight: 700;
    margin-bottom: .6rem
}

footer .widget-block .textwidget a {
    display: inline-block;
    color: #fff
}

footer .widget-block .textwidget a:hover,footer .widget-block .textwidget a:focus {
    color: #b42739
}

footer .footer-bottom {
    padding: 0 0 1.5rem 0
}

footer .footer-bottom hr {
    border-top: 1px solid rgba(255,255,255,.13);
    margin: 0 0 1.5rem 0!important
}

footer .footer-bottom .copyright {
    color: #fff;
    font-size: 1.3rem;
    line-height: 2rem;
    font-weight: 500;
    margin-bottom: 0!important
}

.share-modal .modal-dialog {
    max-width: 60rem
}

.share-modal .modal-content {
    position: relative
}

.share-modal .modal-body {
    padding: 4rem 12rem!important
}

.share-modal .close {
    position: absolute;
    z-index: 22;
    width: 6rem;
    height: 5.2rem;
    top: 0;
    right: 0;
    border-radius: 0 0 0 100%;
    background: #b42739;
    opacity: 1!important
}

.share-modal .close span {
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
    margin-left: 1.5rem;
    margin-bottom: 0rem;
    background: url(../img/close.png);
    -webkit-transition: all 100ms ease-in-out;
    -moz-transition: all 100ms ease-in-out;
    -ms-transition: all 100ms ease-in-out;
    -o-transition: all 100ms ease-in-out;
    transition: all 100ms ease-in-out
}

.share-modal .close:hover span,.share-modal .close:focus span {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.share-modal .modal-body h4 {
    margin: 0 0 2rem 0;
    font-size: 2.4rem;
    line-height: 2.8rem;
    color: #000;
    font-weight: 500;
    text-align: center
}

.share-modal .modal-body p {
    text-align: center;
    font-size: 1.5rem;
    line-height: 2.3rem;
    color: #000;
    font-weight: 400;
    margin-bottom: 3rem!important
}

.share-modal .modal-body ul {
    list-style: none;
    padding: 0!important;
    text-align: center;
    margin: 0!important
}

.share-modal .modal-body ul li {
    display: inline-block;
    width: 32%!important
}

.share-modal .modal-body ul li a img {
    width: 70px;
    height: 70px;
    margin: 0 auto
}

.share-modal .modal-body ul li a span {
    display: block;
    text-align: center;
    font-weight: 500;
    font-size: 15px;
    line-height: 20px;
    margin-top: 15px;
    color: #000
}

.share-modal .modal-body ul li a:hover span {
    color: #b42739
}

.order-call-modal .modal-dialog {
    max-width: 66rem
}

.order-call-modal .close {
    position: absolute;
    width: 6rem;
    height: 5.2rem;
    top: 0;
    right: 0;
    border-radius: 0 0 0 100%;
    background: #b42739;
    opacity: 1!important
}

.order-call-modal .close span {
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
    margin-left: 1.5rem;
    margin-bottom: 0rem;
    background: url(../img/close.png);
    -webkit-transition: all 100ms ease-in-out;
    -moz-transition: all 100ms ease-in-out;
    -ms-transition: all 100ms ease-in-out;
    -o-transition: all 100ms ease-in-out;
    transition: all 100ms ease-in-out
}

.order-call-modal .close:hover span,.order-call-modal .close:focus span {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.order-call-modal .modal-content {
    position: relative;
    background: #000!important;
    border-radius: 0!important;
    border: 0px!important;
    padding: 6rem 10rem!important
}

.order-call-modal .modal-content .modal-body {
    padding: 0!important
}

.order-call-modal .modal-content .title {
    margin: 0 0 4rem 0;
    font-size: 2.7rem;
    line-height: 3.1rem;
    color: #fff;
    font-weight: 400
}

.order-call-modal .modal-content .form-block {
    width: 90%;
    margin: 0 auto
}

.order-call-modal .modal-content .form-block .form-group {
    margin: 0 0 1rem 0;
    position: relative
}

.order-call-modal .modal-content .form-block .form-group.phone-group input {
    padding-left: 2.8rem
}

html[lang="en-US"] .order-call-modal .modal-content .form-block .form-group.phone-group input {
    padding-left: 0;
}

.order-call-modal .modal-content .form-block .form-group .flag {
    position: absolute;
    left: 0;
    bottom: 1rem
}

.order-call-modal .modal-content .form-block .form-group label {
    font-size: 1.4rem;
    line-height: 1.5rem;
    margin: 0;
    color: rgba(255,255,255,.65)
}

.order-call-modal .modal-content .form-block .form-group label.error {
    display: none!important
}

.order-call-modal .modal-content .form-block .form-group input {
    width: 100%;
    display: block;
    background: transparent;
    border-width: 0 0 .2rem 0;
    border-style: solid;
    border-color: rgba(255,255,255,.2);
    color: #fff;
    font-size: 1.6rem;
    line-height: 2rem;
    padding: .5rem 0
}

.order-call-modal .modal-content .form-block .form-group input:focus {
    border-color: #b42739
}

.order-call-modal .modal-content .form-block .form-group input.error {
    border-color: rgba(188,0,0,1)
}

.order-call-modal .modal-content .form-block .form-group textarea {
    width: 100%;
    display: block;
    background: transparent;
    border-width: 0 0 .2rem 0;
    border-style: solid;
    border-color: rgba(255,255,255,.2);
    color: #fff;
    font-size: 1.6rem;
    line-height: 2rem;
    padding: .5rem 0rem
}

.order-call-modal .modal-content .form-block .form-group textarea:focus {
    border-color: #b42739
}

.order-call-modal .modal-content .form-block a {
    display: inline-block;
    padding: 1.5rem 3.5rem 1.2rem;
    color: #fff;
    font-size: 1.6rem;
    line-height: 1.6rem!important;
    font-weight: 500;
    border: .2rem solid #fff;
    border-radius: 0!important
}

.order-call-modal .modal-content .form-block a:hover,.order-call-modal .modal-content .form-block a:focus,.order-call-modal .modal-content .form-block a:active {
    background: #b42739!important;
    color: #fff!important;
    border: .2rem solid #b42739;
    box-shadow: 0 0 0 rgba(255,255,255,0)!important
}

.success-modal .modal-content {
    position: relative;
    background: #fff!important;
    border-radius: 0!important;
    border: 0px!important;
    padding: 12rem 7rem!important
}

.success-modal .modal-content .modal-body {
    padding: 0!important
}

.success-modal .modal-content .title {
    margin: 0 0 3rem 0;
    font-size: 2.6rem;
    line-height: 2.8rem;
    color: #b42739;
    font-weight: 400;
    text-align: center
}

.success-modal .modal-content .success-icon {
    text-align: center
}

.success-modal .modal-content .success-icon img {
    display: inline-block;
    max-width: 12rem;
    height: auto
}

.success-modal .close {
    position: absolute;
    width: 6rem;
    height: 5.2rem;
    top: 0;
    right: 0;
    border-radius: 0 0 0 100%;
    background: #b42739;
    opacity: 1!important
}

.success-modal .close span {
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
    margin-left: 1.5rem;
    margin-bottom: 0rem;
    background: url(../img/close.png);
    -webkit-transition: all 100ms ease-in-out;
    -moz-transition: all 100ms ease-in-out;
    -ms-transition: all 100ms ease-in-out;
    -o-transition: all 100ms ease-in-out;
    transition: all 100ms ease-in-out
}

.success-modal .close:hover span,.success-modal .close:focus span {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

a.scroll-to-top {
    width: 40px!important;
    height: 40px!important;
    text-align: center;
    line-height: 40px;
    background: #b42739;
    position: fixed;
    z-index: 100;
    bottom: 20px;
    right: 20px;
    cursor: pointer;
    display: none;
    color: #fff;
    border-radius: 0;
    font-weight: 700;
    opacity: .4
}

a.scroll-to-top:hover,a.scroll-to-top:focus {
    opacity: 1
}

a.scroll-to-top svg {
    position: absolute;
    top: 10px;
    left: 10px;
    display: inline-block
}

.hover-overlay {
    position: fixed;
    display: none;
    z-index: 11;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.5)
}

@-webkit-keyframes line_animation {
    0% {
        width: 0%;
        left: 0
    }

    100% {
        width: 100%;
        left: 0
    }
}

@keyframes line_animation {
    0% {
        width: 0%;
        left: 0
    }

    100% {
        width: 100%;
        left: 0
    }
}

@keyframes animateDownArrow {
    0% {
        bottom: 1.5rem
    }

    20% {
        bottom: 1.5rem
    }

    80% {
        bottom: 0rem
    }

    100% {
        bottom: 0rem
    }
}

.text-block a,.faq-block a {
    text-decoration: underline;
    color: #b42739
}

.text-block a:hover,.faq-block a:hover {
    color: #b42739
}

@media all and (max-width: 1300px) {
    .service-block .new-margin {
        margin:0 -15px!important
    }
}

@media all and (max-width: 1139px) {
    header.header-nav {
        z-index:22;
        padding: 1rem 1.5rem!important;
        box-shadow: 0 2px 2px rgba(0,0,0,.1)
    }

    .header-nav .header-logo {
        margin: 0 auto!important;
    }

    header.header-nav .menu-toggle {
        display: block;
        position: absolute;
        left: 1.5rem;
        top: 50%;
        margin-top: -2rem;
        width: 40px;
        height: 40px;
        background: #b42739 url(../img/Menu.svg) center no-repeat!important;
        background-size: cover!important;
        border-radius: 0px!important;
        padding: 0!important
    }

    header.header-nav .menu-toggle.active {
        background: #b42739 url(../img/cancel.svg) center no-repeat!important;
        background-size: 16px 16px!important
    }

    header.header-nav .phone-toggle {
        display: block;
        position: absolute;
        right: 1.5rem;
        top: 50%;
        margin-top: -2rem;
        width: 40px;
        height: 40px;
        background: rgba(0,0,0,1) url(../img/Phone.svg) center no-repeat;
        background-size: cover;
        border-radius: 0px!important;
        padding: 0!important
    }

    header.header-nav .phone-toggle::before {
        content: '';
        position: absolute;
        z-index: 2;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        opacity: 0;
        background: rgba(0,0,0,1) url(../img/cancel.svg) center no-repeat!important;
        background-size: 16px 16px!important
    }

    header.header-nav .phone-toggle.active::before {
        opacity: 1
    }

    header.header-nav .menu-navbar {
        position: absolute;
        left: 0;
        right: 0;
        top: 100%;
        background: rgb(255,255,255);
        padding: 1rem 0;
        overflow: auto
    }

    header.header-nav .menu-navbar ul li {
        padding: 1rem 1.5rem!important
    }

    header.header-nav .menu-navbar ul li a {
        text-transform: uppercase;
        padding: 0!important
    }

    header.header-nav .menu-navbar li ul {
        position: relative;
        display: block;
        left: auto;
        padding-bottom: 0!important
    }

    header.header-nav .menu-navbar li ul li a {
        text-transform: none
    }

    .menu-wrapper {
        background: #fff;
        width: 32rem;
        position: fixed;
        z-index: 14;
        top: 0;
        bottom: 0;
        left: 0;
        padding: 6rem 2rem;
        overflow: hidden;
        -webkit-transition: all ease 0.6s;
        -moz-transition: all ease 0.6s;
        -ms-transition: all ease 0.6s;
        -o-transition: all ease 0.6s;
        transition: all ease 0.6s;
        -moz-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        -webkit-transform: translateX(-100%);
        -o-transform: translateX(-100%);
        transform: translateX(-100%);
        opacity: 0
    }

    .menu-wrapper.active {
        -moz-transform: translateX(0%);
        -ms-transform: translateX(0%);
        -webkit-transform: translateX(0%);
        -o-transform: translateX(0%);
        transform: translateX(0%);
        opacity: 1
    }

    .menu-wrapper ul li {
        margin: 1rem 0rem
    }

    .menu-wrapper ul li a:hover,.menu-wrapper ul li a:active,.menu-wrapper ul li a:focus {
        color: #b42739!important
    }

    .menu-wrapper ul li a {
        position: relative;
        display: block;
        font-size: 1.6rem;
        line-height: 3rem;
        color: #000;
        font-weight: 500
    }

    .menu-wrapper ul li.menu-item-has-children a .arrow-open {
        content: '';
        display: inline-block;
        position: absolute;
        z-index: 9;
        right: -1rem;
        top: 0;
        width: 3rem;
        height: 3rem
    }

    .menu-wrapper ul li.menu-item-has-children a .arrow-open .arrow {
        content: '';
        display: inline-block;
        position: absolute;
        z-index: 9;
        right: 1rem;
        top: 50%;
        width: .8rem;
        height: .8rem;
        border-width: 2px 2px 0 0;
        border-style: solid;
        border-color: #000;
        -moz-transform: translateY(-50%) rotate(45deg);
        -ms-transform: translateY(-50%) rotate(45deg);
        -webkit-transform: translateY(-50%) rotate(45deg);
        -o-transform: translateY(-50%) rotate(45deg);
        transform: translateY(-50%) rotate(45deg)
    }

    .menu-wrapper ul li ul {
        display: none!important
    }

    .menu-wrapper .sub-wrapper {
        background: #fff;
        width: 100%;
        position: absolute;
        z-index: 14;
        top: 0;
        bottom: 0;
        left: 0;
        padding: 6rem 2rem;
        -webkit-transition: all ease 0.6s;
        -moz-transition: all ease 0.6s;
        -ms-transition: all ease 0.6s;
        -o-transition: all ease 0.6s;
        transition: all ease 0.6s;
        -moz-transform: translateX(100%);
        -ms-transform: translateX(100%);
        -webkit-transform: translateX(100%);
        -o-transform: translateX(100%);
        transform: translateX(100%)
    }

    .menu-wrapper .sub-wrapper.active {
        -moz-transform: translateX(0%);
        -ms-transform: translateX(0%);
        -webkit-transform: translateX(0%);
        -o-transform: translateX(0%);
        transform: translateX(0%)
    }

    .menu-wrapper .sub-wrapper a.back-link {
        position: relative;
        display: block;
        font-size: 1.6rem;
        line-height: 3rem;
        color: #b42739;
        font-weight: 500;
        margin: 1rem 0;
        padding-left: 2rem
    }

    .menu-wrapper .sub-wrapper a.back-link::after {
        content: '';
        display: inline-block;
        position: absolute;
        z-index: -1;
        left: 0;
        top: 50%;
        width: .8rem;
        height: .8rem;
        border-width: 2px 2px 0 0;
        border-style: solid;
        border-color: #b42739;
        -moz-transform: translateY(-50%) rotate(-135deg);
        -ms-transform: translateY(-50%) rotate(-135deg);
        -webkit-transform: translateY(-50%) rotate(-135deg);
        -o-transform: translateY(-50%) rotate(-135deg);
        transform: translateY(-50%) rotate(-135deg)
    }

    .menu-wrapper .sub-wrapper ul {
        padding-left: 0;
        list-style: none
    }

    .phone-navbar {
        position: fixed;
        z-index: 12;
        left: 0;
        right: 0;
        top: 0;
        background: rgb(255,255,255);
        padding: 6rem 0 0 0;
        -webkit-transition: all ease 0.6s;
        -moz-transition: all ease 0.6s;
        -ms-transition: all ease 0.6s;
        -o-transition: all ease 0.6s;
        transition: all ease 0.6s;
        -moz-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
        -webkit-transform: translateY(-100%);
        -o-transform: translateY(-100%);
        transform: translateY(-100%)
    }

    .phone-navbar.active {
        -moz-transform: translateY(0%);
        -ms-transform: translateY(0%);
        -webkit-transform: translateY(0%);
        -o-transform: translateY(0%);
        transform: translateY(0%)
    }

    .phone-navbar ul {
        list-style: none;
        padding: 0!important;
        text-align: center;
        margin: 0!important
    }

    .phone-navbar ul li {
        display: inline-block;
        padding: 20px 0px!important;
        width: 32%!important;
        border-right: 1px solid rgba(0,0,0,.09)
    }

    .phone-navbar ul li:last-child {
        border-right: 0 solid rgba(0,0,0,.09)
    }

    .phone-navbar ul li a::after {
        display: none!important
    }

    .phone-navbar ul li a img {
        width: 50px;
        height: 50px;
        margin: 0 auto
    }

    .phone-navbar ul li a span {
        display: block;
        text-align: center;
        font-weight: 500;
        font-size: 14px;
        line-height: 15px;
        margin-top: 10px;
        color: #000
    }
}

@media all and (max-width: 992px) {
    .before-after-slider .slick-slide>.row {
        padding-right:5px !important;
    }

    .lang-title {
        margin-bottom: 5px
    }

    header.header-nav {
        z-index: 22;
        padding: 1rem 1.5rem!important;
        box-shadow: 0 2px 2px rgba(0,0,0,.1)
    }

    .header-nav .header-logo {
        margin: 0 auto!important;
    }

    header.header-nav .menu-toggle {
        display: block;
        position: absolute;
        left: 1.5rem;
        top: 50%;
        margin-top: -2rem;
        width: 40px;
        height: 40px;
        background: #b42739 url(../img/Menu.svg) center no-repeat!important;
        background-size: cover!important;
        border-radius: 0px!important;
        padding: 0!important
    }

    header.header-nav .menu-toggle.active {
        background: #b42739 url(../img/cancel.svg) center no-repeat!important;
        background-size: 16px 16px!important
    }

    header.header-nav .phone-toggle {
        display: block;
        position: absolute;
        right: 1.5rem;
        top: 50%;
        margin-top: -2rem;
        width: 40px;
        height: 40px;
        background: rgba(0,0,0,1) url(../img/Phone.svg) center no-repeat;
        background-size: cover;
        border-radius: 0px!important;
        padding: 0!important
    }

    header.header-nav .phone-toggle::before {
        content: '';
        position: absolute;
        z-index: 2;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        opacity: 0;
        background: rgba(0,0,0,1) url(../img/cancel.svg) center no-repeat!important;
        background-size: 16px 16px!important
    }

    header.header-nav .phone-toggle.active::before {
        opacity: 1
    }

    header.header-nav .menu-navbar {
        position: absolute;
        left: 0;
        right: 0;
        top: 100%;
        background: rgb(255,255,255);
        padding: 1rem 0;
        overflow: auto
    }

    header.header-nav .menu-navbar ul li {
        padding: 1rem 1.5rem!important
    }

    header.header-nav .menu-navbar ul li a {
        text-transform: uppercase;
        padding: 0!important
    }

    header.header-nav .menu-navbar li ul {
        position: relative;
        display: block;
        left: auto;
        padding-bottom: 0!important
    }

    header.header-nav .menu-navbar li ul li a {
        text-transform: none
    }

    .menu-wrapper {
        background: #fff;
        width: 32rem;
        position: fixed;
        z-index: 14;
        top: 0;
        bottom: 0;
        left: 0;
        padding: 6rem 2rem;
        overflow: hidden;
        -webkit-transition: all ease 0.6s;
        -moz-transition: all ease 0.6s;
        -ms-transition: all ease 0.6s;
        -o-transition: all ease 0.6s;
        transition: all ease 0.6s;
        -moz-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        -webkit-transform: translateX(-100%);
        -o-transform: translateX(-100%);
        transform: translateX(-100%);
        opacity: 0
    }

    .menu-wrapper.active {
        -moz-transform: translateX(0%);
        -ms-transform: translateX(0%);
        -webkit-transform: translateX(0%);
        -o-transform: translateX(0%);
        transform: translateX(0%);
        opacity: 1
    }

    .menu-wrapper ul li {
        margin: 1rem 0rem
    }

    .menu-wrapper ul li a:hover,.menu-wrapper ul li a:active,.menu-wrapper ul li a:focus {
        color: #b42739!important
    }

    .menu-wrapper ul li a {
        position: relative;
        display: block;
        font-size: 1.6rem;
        line-height: 3rem;
        color: #000;
        font-weight: 500
    }

    .menu-wrapper ul li.menu-item-has-children a .arrow-open {
        content: '';
        display: inline-block;
        position: absolute;
        z-index: 9;
        right: -1rem;
        top: 0;
        width: 3rem;
        height: 3rem
    }

    .menu-wrapper ul li.menu-item-has-children a .arrow-open .arrow {
        content: '';
        display: inline-block;
        position: absolute;
        z-index: 9;
        right: 1rem;
        top: 50%;
        width: .8rem;
        height: .8rem;
        border-width: 2px 2px 0 0;
        border-style: solid;
        border-color: #000;
        -moz-transform: translateY(-50%) rotate(45deg);
        -ms-transform: translateY(-50%) rotate(45deg);
        -webkit-transform: translateY(-50%) rotate(45deg);
        -o-transform: translateY(-50%) rotate(45deg);
        transform: translateY(-50%) rotate(45deg)
    }

    .menu-wrapper ul li ul {
        display: none!important
    }

    .menu-wrapper .sub-wrapper {
        background: #fff;
        width: 100%;
        position: absolute;
        z-index: 14;
        top: 0;
        bottom: 0;
        left: 0;
        padding: 6rem 2rem;
        -webkit-transition: all ease 0.6s;
        -moz-transition: all ease 0.6s;
        -ms-transition: all ease 0.6s;
        -o-transition: all ease 0.6s;
        transition: all ease 0.6s;
        -moz-transform: translateX(100%);
        -ms-transform: translateX(100%);
        -webkit-transform: translateX(100%);
        -o-transform: translateX(100%);
        transform: translateX(100%)
    }

    .menu-wrapper .sub-wrapper.active {
        -moz-transform: translateX(0%);
        -ms-transform: translateX(0%);
        -webkit-transform: translateX(0%);
        -o-transform: translateX(0%);
        transform: translateX(0%)
    }

    .menu-wrapper .sub-wrapper a.back-link {
        position: relative;
        display: block;
        font-size: 1.6rem;
        line-height: 3rem;
        color: #b42739;
        font-weight: 500;
        margin: 1rem 0;
        padding-left: 2rem
    }

    .menu-wrapper .sub-wrapper a.back-link::after {
        content: '';
        display: inline-block;
        position: absolute;
        z-index: -1;
        left: 0;
        top: 50%;
        width: .8rem;
        height: .8rem;
        border-width: 2px 2px 0 0;
        border-style: solid;
        border-color: #b42739;
        -moz-transform: translateY(-50%) rotate(-135deg);
        -ms-transform: translateY(-50%) rotate(-135deg);
        -webkit-transform: translateY(-50%) rotate(-135deg);
        -o-transform: translateY(-50%) rotate(-135deg);
        transform: translateY(-50%) rotate(-135deg)
    }

    .menu-wrapper .sub-wrapper ul {
        padding-left: 0;
        list-style: none
    }

    .phone-navbar {
        position: fixed;
        z-index: 12;
        left: 0;
        right: 0;
        top: 0;
        background: rgb(255,255,255);
        padding: 6rem 0 0 0;
        -webkit-transition: all ease 0.6s;
        -moz-transition: all ease 0.6s;
        -ms-transition: all ease 0.6s;
        -o-transition: all ease 0.6s;
        transition: all ease 0.6s;
        -moz-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
        -webkit-transform: translateY(-100%);
        -o-transform: translateY(-100%);
        transform: translateY(-100%)
    }

    .phone-navbar.active {
        -moz-transform: translateY(0%);
        -ms-transform: translateY(0%);
        -webkit-transform: translateY(0%);
        -o-transform: translateY(0%);
        transform: translateY(0%)
    }

    .phone-navbar ul {
        list-style: none;
        padding: 0!important;
        text-align: center;
        margin: 0!important
    }

    .phone-navbar ul li {
        display: inline-block;
        padding: 20px 0px!important;
        width: 32%!important;
        border-right: 1px solid rgba(0,0,0,.09)
    }

    .phone-navbar ul li:last-child {
        border-right: 0 solid rgba(0,0,0,.09)
    }

    .phone-navbar ul li a::after {
        display: none!important
    }

    .phone-navbar ul li a img {
        width: 50px;
        height: 50px;
        margin: 0 auto
    }

    .phone-navbar ul li a span {
        display: block;
        text-align: center;
        font-weight: 500;
        font-size: 14px;
        line-height: 15px;
        margin-top: 10px;
        color: #000
    }

    .slider-block .slide-item .text .css-typing {
        font-size: 7rem
    }

    .slider-block .slide-item .text .css-typing-2 {
        font-size: 5rem
    }

    .service-block .title-block .title {
        font-size: 4rem
    }

    .service-block .new-margin {
        margin: 0!important
    }

    .contact-block .title-block p {
        font-size: 4rem
    }

    .calculator-block .step-item {
        margin-bottom: 3rem
    }

    .map-block {
        padding: 5rem 0 5rem 0
    }

    .map-block .title-block {
        margin: 0 0 3rem 0
    }

    .map-block .contact-text.style-2 a {
        font-size: 3rem
    }

    .map-block .mb-6 {
        margin-bottom: 3rem
    }

    .map-block .mbm {
        margin-bottom: 3rem
    }

    .map-block .map {
        left: 50%
    }

    .map-block .map .contact-map {
        width: auto;
        left: 1.5rem;
        right: 1.5rem;
        bottom: 5rem;
        padding: 2rem!important
    }

    .block-404 .empty-header {
        height: 20vh
    }

    .block-404 .empty-content {
        text-align: center;
        height: 60vh
    }

    .block-404 .empty-content .number {
        width: 100%;
        text-align: center
    }

    .block-404 .empty-footer {
        height: 20vh
    }

    .career-block .skil-list {
        margin-top: 1rem
    }

    .about-block .image {
        display: none!important
    }

    .office-block .gallery-list .image.style-1 {
        width: 28rem;
        -moz-transform: translate(-50%,0);
        -ms-transform: translate(-50%,0);
        -webkit-transform: translate(-50%,0);
        -o-transform: translate(-50%,0);
        transform: translate(-50%,0)
    }

    .office-block .gallery-list .image.style-2 {
        width: 28rem
    }

    .office-block .gallery-list .image.style-3 {
        width: 22rem
    }

    .office-block .gallery-list .image.style-4 {
        width: 30rem;
        -moz-transform: translate(20%,-40%);
        -ms-transform: translate(20%,-40%);
        -webkit-transform: translate(20%,-40%);
        -o-transform: translate(20%,-40%);
        transform: translate(20%,-40%)
    }

    .office-block .gallery-list .image.style-5 {
        width: 30rem;
        -moz-transform: translate(-20%,0);
        -ms-transform: translate(-20%,0);
        -webkit-transform: translate(-20%,0);
        -o-transform: translate(-20%,0);
        transform: translate(-20%,0)
    }

    .office-block .gallery-list .image.style-6 {
        width: 28rem
    }
}

@media all and (max-width: 575px) {
    .before-after-block .slick-slide img {
        width: 100%;
        height: auto;
    }

    .single-content-block .content ul, .single-content-block .content ol {
        padding: 0;
        padding-left: 4rem;
    }

    .chudik:first-child {
        margin-bottom: 15px;
    }

    #p_prldr .loader {
        left: 50%!important;
        -moz-transform: translate(-50%,0);
        -ms-transform: translate(-50%,0);
        -webkit-transform: translate(-50%,0);
        -o-transform: translate(-50%,0);
        transform: translate(-50%,0)
    }

    body {
        padding-top: 59px!important
    }

    body.admin-bar {
        padding-top: 9px!important
    }

    header.header-nav {
        z-index: 66;
        padding: 1rem 1.5rem!important;
        box-shadow: 0 2px 2px rgba(0,0,0,.1)
    }

    .header-nav .header-logo {
        margin: 0 auto!important;
    }

    header.header-nav .menu-toggle {
        display: block;
        position: absolute;
        left: 1.5rem;
        top: 50%;
        margin-top: -2rem;
        width: 40px;
        height: 40px;
        background: #b42739 url(../img/Menu.svg) center no-repeat!important;
        background-size: cover!important;
        border-radius: 0px!important;
        padding: 0!important
    }

    header.header-nav .menu-toggle.active {
        background: #b42739 url(../img/cancel.svg) center no-repeat!important;
        background-size: 16px 16px!important
    }

    header.header-nav .phone-toggle {
        display: block;
        position: absolute;
        right: 1.5rem;
        top: 50%;
        margin-top: -2rem;
        width: 40px;
        height: 40px;
        background: rgba(0,0,0,1) url(../img/Phone.svg) center no-repeat;
        background-size: cover;
        border-radius: 0px!important;
        padding: 0!important
    }

    header.header-nav .phone-toggle::before {
        content: '';
        position: absolute;
        z-index: 2;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        opacity: 0;
        background: rgba(0,0,0,1) url(../img/cancel.svg) center no-repeat!important;
        background-size: 16px 16px!important
    }

    header.header-nav .phone-toggle.active::before {
        opacity: 1
    }

    header.header-nav .menu-navbar {
        position: absolute;
        left: 0;
        right: 0;
        top: 100%;
        background: rgb(255,255,255);
        padding: 1rem 0;
        overflow: auto
    }

    header.header-nav .menu-navbar ul li {
        padding: 1rem 1.5rem!important
    }

    header.header-nav .menu-navbar ul li a {
        text-transform: uppercase;
        padding: 0!important
    }

    header.header-nav .menu-navbar li ul {
        position: relative;
        display: block;
        left: auto;
        padding-bottom: 0!important
    }

    header.header-nav .menu-navbar li ul li a {
        text-transform: none
    }

    .menu-wrapper {
        background: #fff;
        width: 32rem;
        position: fixed;
        z-index: 44;
        top: 0;
        bottom: 0;
        left: 0;
        padding: 6rem 2rem;
        overflow: hidden;
        -webkit-transition: all ease 0.6s;
        -moz-transition: all ease 0.6s;
        -ms-transition: all ease 0.6s;
        -o-transition: all ease 0.6s;
        transition: all ease 0.6s;
        -moz-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        -webkit-transform: translateX(-100%);
        -o-transform: translateX(-100%);
        transform: translateX(-100%);
        opacity: 0
    }

    .menu-wrapper.active {
        -moz-transform: translateX(0%);
        -ms-transform: translateX(0%);
        -webkit-transform: translateX(0%);
        -o-transform: translateX(0%);
        transform: translateX(0%);
        opacity: 1
    }

    .menu-wrapper ul li {
        margin: 1rem 0rem
    }

    .menu-wrapper ul li a:hover,.menu-wrapper ul li a:active,.menu-wrapper ul li a:focus {
        color: #b42739!important
    }

    .menu-wrapper ul li a {
        position: relative;
        display: block;
        font-size: 1.6rem;
        line-height: 3rem;
        color: #000;
        font-weight: 500
    }

    .menu-wrapper ul li.menu-item-has-children a .arrow-open {
        content: '';
        display: inline-block;
        position: absolute;
        z-index: 9;
        right: -1rem;
        top: 0;
        width: 3rem;
        height: 3rem
    }

    .menu-wrapper ul li.menu-item-has-children a .arrow-open .arrow {
        content: '';
        display: inline-block;
        position: absolute;
        z-index: 9;
        right: 1rem;
        top: 50%;
        width: .8rem;
        height: .8rem;
        border-width: 2px 2px 0 0;
        border-style: solid;
        border-color: #000;
        -moz-transform: translateY(-50%) rotate(45deg);
        -ms-transform: translateY(-50%) rotate(45deg);
        -webkit-transform: translateY(-50%) rotate(45deg);
        -o-transform: translateY(-50%) rotate(45deg);
        transform: translateY(-50%) rotate(45deg)
    }

    .menu-wrapper ul li ul {
        display: none!important
    }

    .menu-wrapper .sub-wrapper {
        background: #fff;
        width: 100%;
        position: absolute;
        z-index: 14;
        top: 0;
        bottom: 0;
        left: 0;
        padding: 6rem 2rem;
        -webkit-transition: all ease 0.6s;
        -moz-transition: all ease 0.6s;
        -ms-transition: all ease 0.6s;
        -o-transition: all ease 0.6s;
        transition: all ease 0.6s;
        -moz-transform: translateX(100%);
        -ms-transform: translateX(100%);
        -webkit-transform: translateX(100%);
        -o-transform: translateX(100%);
        transform: translateX(100%)
    }

    .menu-wrapper .sub-wrapper.active {
        -moz-transform: translateX(0%);
        -ms-transform: translateX(0%);
        -webkit-transform: translateX(0%);
        -o-transform: translateX(0%);
        transform: translateX(0%)
    }

    .menu-wrapper .sub-wrapper a.back-link {
        position: relative;
        display: block;
        font-size: 1.6rem;
        line-height: 3rem;
        color: #b42739;
        font-weight: 500;
        margin: 1rem 0;
        padding-left: 2rem
    }

    .menu-wrapper .sub-wrapper a.back-link::after {
        content: '';
        display: inline-block;
        position: absolute;
        z-index: -1;
        left: 0;
        top: 50%;
        width: .8rem;
        height: .8rem;
        border-width: 2px 2px 0 0;
        border-style: solid;
        border-color: #b42739;
        -moz-transform: translateY(-50%) rotate(-135deg);
        -ms-transform: translateY(-50%) rotate(-135deg);
        -webkit-transform: translateY(-50%) rotate(-135deg);
        -o-transform: translateY(-50%) rotate(-135deg);
        transform: translateY(-50%) rotate(-135deg)
    }

    .menu-wrapper .sub-wrapper ul {
        padding-left: 0;
        list-style: none
    }

    .phone-navbar {
        position: fixed;
        z-index: 12;
        left: 0;
        right: 0;
        top: 0;
        background: rgb(255,255,255);
        padding: 6rem 0 0 0;
        -webkit-transition: all ease 0.6s;
        -moz-transition: all ease 0.6s;
        -ms-transition: all ease 0.6s;
        -o-transition: all ease 0.6s;
        transition: all ease 0.6s;
        -moz-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
        -webkit-transform: translateY(-100%);
        -o-transform: translateY(-100%);
        transform: translateY(-100%)
    }

    .phone-navbar.active {
        -moz-transform: translateY(0%);
        -ms-transform: translateY(0%);
        -webkit-transform: translateY(0%);
        -o-transform: translateY(0%);
        transform: translateY(0%)
    }

    .phone-navbar ul {
        list-style: none;
        padding: 0!important;
        text-align: center;
        margin: 0!important
    }

    .phone-navbar ul li {
        display: inline-block;
        padding: 20px 0px!important;
        width: 32%!important;
        border-right: 1px solid rgba(0,0,0,.09)
    }

    .phone-navbar ul li:last-child {
        border-right: 0 solid rgba(0,0,0,.09)
    }

    .phone-navbar ul li a::after {
        display: none!important
    }

    .phone-navbar ul li a img {
        width: 50px;
        height: 50px;
        margin: 0 auto
    }

    .phone-navbar ul li a span {
        display: block;
        text-align: center;
        font-weight: 500;
        font-size: 14px;
        line-height: 15px;
        margin-top: 10px;
        color: #000
    }

    .slider-block .slide-item {
        height: 90vh;
        padding-bottom: 7rem
    }

    .slider-block .slide-item .text {
        margin: 0 0 4rem 0
    }

    .slider-block .slide-item .text .typed-cursor.typed-cursor--blink {
        display: none
    }

    .slider-block .slide-item .text .css-typing {
        font-size: 5rem;
        letter-spacing: .3rem;
        margin-bottom: 0rem
    }

    .slider-block .slide-item .text .css-typing-2 {
        font-size: 3.5rem;
        min-height: 70px
    }

    .slider-block .slide-item .text .slogan {
        text-align: left;
        padding-right: 0
    }

    .slider-block .slide-item .button-list {
        text-align: center
    }

    .slider-block .slide-item .button-list a {
        font-size: 1.6rem;
        line-height: 1.8rem;
        width: 21rem;
        text-align: center;
        padding: 1.7rem 0 1.5rem 0!important;
        margin: .5rem 0!important
    }

    .slider-block .line-block {
        display: none
    }

    .service-block {
        padding: 5rem 0 5rem 0
    }

    .service-block .title-block {
        padding-left: 0;
        margin: 0 0 1rem 0
    }

    .service-block .title-block .subtitle {
        font-size: 1.4rem;
        line-height: 1.2
    }

    .service-block .title-block .subtitle::before {
        display: none
    }

    .service-block .title-block .title {
        font-size: 3rem
    }

    .service-block .new-margin {
        margin: 0 0
    }

    .service-block .benefit-item {
        padding: 2rem 1.5rem
    }

    .service-block .button-list a {
        margin: .5rem 0
    }

    .client-block {
        padding: 5rem 0 4rem 0
    }

    .client-block .title-block {
        padding-left: 0;
        margin: 0 0 1rem 0
    }

    .client-block .title-block .subtitle {
        font-size: 1.4rem;
        line-height: 1.2
    }

    .client-block .title-block .subtitle::before {
        display: none
    }

    .client-block .title-block .title {
        font-size: 3rem
    }

    .contact-block {
        padding: 5rem 0
    }

    .contact-block .title-block p {
        font-size: 3rem
    }

    .calculator-block {
        padding: 5rem 0 5rem 0
    }

    .calculator-block .title-block {
        padding-left: 0;
        margin: 0 0 3rem 0
    }

    .calculator-block .title-block .subtitle {
        font-size: 1.4rem;
        line-height: 1.2
    }

    .calculator-block .title-block .subtitle::before {
        display: none
    }

    .calculator-block .title-block .title {
        font-size: 3rem
    }

    .calculator-block .step-item {
        margin-bottom: 3rem
    }

    .text-block {
        padding: 5rem 0
    }

    .text-block .text h2, .text-block .text h1 {
        margin-bottom: 2rem
    }

    .text-block .text {
        height: 30rem
    }

    .text-block .text.style-2 {
        height: 30rem
    }

    .faq-block {
        padding: 5rem 0
    }

    .faq-block .accordion .card .card-header h3 a {
        padding-right: 4rem
    }

    .portfolio-block .title-block h1 {
        font-size: 3rem
    }

    .portfolio-block .nav-tabs li a {
        margin: 4px!important;
        padding: 1.6rem 3rem 1.4rem!important
    }

    .simple-page-title {
        padding: 4rem 0
    }

    .simple-page-title h1 {
        font-size: 3rem;
        line-height: 1.25
    }

    .simple-page-title.blog-title {
        padding: 5rem 0!important
    }

    .post-block .post-item .image {
        max-width: 12rem;
        height: auto;
        margin: 0 1.5rem 1.5rem 0
    }

    .single-content-block .post-image {
        position: relative!important
    }

    .single-content-block .post-image::before {
        content: ''!important;
        display: block!important;
        position: relative!important;
        width: 100%!important;
        padding: 50% 0 0 0!important
    }

    .single-content-block .post-image img {
        width: 100%;
        height: 100%;
        position: absolute;
        z-index: 1;
        top: 0;
        left: 0;
        object-position: center;
        -o-object-fit: cover;
        object-fit: cover
    }

    .single-post .post-block .post-item .image {
        max-width: 100%!important;
        height: auto!important;
        margin: 0 auto 1.5rem auto!important
    }

    .single-post .post-block .post-item .image a {
        display: block!important
    }

    .single-post .post-block .post-item .image a img {
        width: 100%!important;
        height: auto!important
    }

    .post-block .post-item .excerpt {
        padding: 0 0 1rem 0
    }

    .post-block .post-item .post-left {
        display: block!important
    }

    .post-block .post-item .image-left {
        display: block!important;
        float: left!important
    }

    .post-block .post-item .excerpt h2 a {
        font-size: 1.6rem
    }

    .career-block {
        padding: 3rem 0
    }

    .career-block .mt-5 {
        margin-top: 2rem!important
    }

    .career-block .career-title {
        margin-bottom: 2rem
    }

    .career-block .skil-list {
        margin-top: 0
    }

    .career-block .skil-list .skil-item {
        margin-bottom: .6rem
    }

    .career-block .skil-list .skil-item:last-child {
        margin-bottom: 0
    }

    .career-block .button-list {
        margin-top: 2rem
    }

    .page-title-block .single-page-title h2 {
        font-size: 5rem;
        line-height: 7rem
    }

    .page-title-block .single-page-title h3 {
        font-size: 3.5rem;
        line-height: 5rem
    }

    .page-title-block .button-list {
        text-align: center!important
    }

    .page-title-block .button-list a {
        margin: 5px 0!important
    }

    .project-page-content {
        padding: 5rem 0 0 0
    }

    .project-page-content .content h2 {
        font-size: 3rem;
        line-height: 1.2;
        margin-bottom: 2rem
    }

    .project-page-content .content p:last-child {
        margin-bottom: 2rem
    }

    .project-page-content .info-list {
        padding: 1rem 2rem
    }

    .block-404 .empty-content {
        height: 50vh
    }

    .block-404 .empty-content .text {
        font-size: 3rem;
        line-height: 5rem;
        text-align: center
    }

    .block-404 .empty-content .number {
        width: 100%;
        font-size: 7rem;
        line-height: 9rem;
        text-align: center!important;
        justify-content: center
    }

    .block-404 .empty-header {
        height: 25vh
    }

    .block-404 .empty-header .container {
        display: block!important;
        text-align: center!important
    }

    .block-404 .empty-header .contact-list {
        margin-top: 2rem
    }

    .block-404 .empty-footer {
        height: 25vh
    }

    .single-page-title-block {
        padding: 3.5rem 0
    }

    .single-page-title-block .content h1 {
        font-size: 5rem;
        line-height: 5rem
    }

    .single-page-title-block .content span {
        font-size: 3.5rem;
        line-height: 4rem
    }

    .single-page-title-block .button-list {
        display: block!important
    }

    .single-page-title-block .button-list.d-flex {
        display: block!important
    }

    .single-page-title-block .button-list a {
        width: 100%!important;
        margin: 0 0 1rem 0!important
    }

    .create-slider-block .slide-image {
        display: none
    }

    .create-slider-block .container .breadcrumb-list {
        position: relative;
        width: 100%;
        top: auto;
        left: auto;
        margin: 0 0 2rem 0
    }

    .create-slider-block .slide-content {
        position: relative;
        width: 100%;
        top: auto;
        transform: translateY(0%)
    }

    .create-slider-block .slide-content h1 {
        font-size: 5rem;
        line-height: 5rem
    }

    .create-slider-block .slide-content h1 span {
        font-size: 3.5rem;
        line-height: 4rem
    }

    .create-about-block .title-block {
        padding-left: 0;
        margin: 0 0 3rem 0
    }

    .create-about-block .title-block .subtitle {
        font-size: 1.4rem;
        line-height: 1.2;
        padding-left: 0
    }

    .create-about-block .title-block .subtitle::before {
        display: none
    }

    .create-about-block .title-block .title {
        font-size: 3rem
    }

    .create-about-block .content {
        padding: 5rem 1.5rem 5rem
    }

    .before-after-block .title-block,.function-block .title-block {
        padding-left: 0;
        margin: 0 0 3rem 0
    }

    .before-after-block .title-block .subtitle,.function-block .title-block .subtitle {
        font-size: 1.4rem;
        line-height: 1.2;
        padding-left: 0
    }

    .before-after-block .title-block .subtitle::before,.function-block .title-block .subtitle::before {
        display: none
    }

    .before-after-block .title-block .title,.function-block .title-block .title {
        font-size: 3rem
    }

    .select-block .title-block {
        padding-left: 0;
        margin: 0 0 3rem 0
    }

    .select-block .title-block .subtitle {
        font-size: 1.4rem;
        line-height: 1.2
    }

    .select-block .title-block .subtitle::before {
        display: none
    }

    .select-block .title-block .title {
        font-size: 3rem
    }

    .baner-block {
        padding: 4rem 0 0 0
    }

    .baner-block .baner-content {
        padding: 2rem 2rem
    }

    .baner-block .baner-content .title {
        font-size: 2.2rem;
        line-height: 3rem
    }

    .baner-block .baner-content .tab-block .tab-link a {
        padding-top: .2rem;
        width: 3.2rem;
        height: 3.2rem;
        font-size: 1.6rem
    }

    .select-block {
        padding: 8rem 0 6rem
    }

    .select-block .bussiness-type .title {
        padding: 0
    }

    .select-block .bussiness-select {
        display: block!important;
        padding: 0
    }

    .select-block .bussiness-select a {
        margin: 1rem 0;
        display: block
    }

    .select-block .bussiness-result hr {
        margin: 2rem 0
    }

    .map-block {
        padding: 4rem 0 0 0
    }

    .map-block .title-block {
        margin: 0 0 3rem 0
    }

    .map-block .title-block h1 {
        font-size: 3rem
    }

    .map-block .contact-text.style-2 a {
        font-size: 3rem
    }

    .map-block .mb-6 {
        margin-bottom: 3rem
    }

    .map-block .mbm {
        margin-bottom: 3rem
    }

    .map-block .map {
        position: relative;
        left: auto;
        width: 100%;
        height: 100vh;
        top: auto;
        bottom: auto;
        margin-top: 3rem
    }

    .map-block .map .contact-map {
        width: auto;
        left: 1.5rem;
        right: 1.5rem;
        bottom: 1.5rem;
        padding: 2rem!important
    }

    .about-block .image {
        display: none
    }

    .about-block .title-block .title {
        font-size: 3rem
    }

    .about-block .count-list .count {
        font-size: 5rem;
        line-height: 4rem!important;
        height: 5rem!important;
        margin-bottom: 0
    }

    .about-block .count-list .count-item {
        max-width: 100px
    }

    .eq-block {
        padding: 5rem 0
    }

    .eq-block .title-block {
        padding-left: 0;
        margin: 0 0 3rem 0
    }

    .eq-block .title-block .subtitle {
        font-size: 1.4rem;
        line-height: 1.2
    }

    .eq-block .title-block .subtitle::before {
        display: none
    }

    .eq-block .title-block .title {
        font-size: 3rem
    }

    .office-block {
        padding: 2rem 0 5rem;
    }

    .eq-block .eq-item .text {
        width: 29rem;
        height: 10rem;
    }

    .table-bg {
        left: -30px;
        width: 128%;
    }

    .about-block .about-content .text {
        height: auto;
        max-height: 100% !important;
    }

    .about-block .breadcrumb-list {
        margin-bottom: 3rem
    }

    .office-block .title-block {
        padding-left: 0;
        margin: 0;
    }

    .office-block .title-block .subtitle {
        font-size: 1.4rem;
        line-height: 1.2
    }

    .office-block .title-block .subtitle::before {
        display: none
    }

    .office-block .title-block .title {
        font-size: 3rem
    }

    .office-block .gallery-list::before {
        display: none
    }

    .office-block .gallery-list .text {
        width: 100%!important;
        max-width: 100%!important;
        margin-bottom: 1.5rem!important;
        position: relative!important;
        left: auto!important;
        top: auto!important;
        right: auto!important;
        bottom: auto!important;
        line-height: 1.5 !important;
    }

    .office-block .gallery-list .style-2 {
        margin-bottom: 3rem !important
    }

    .office-block .gallery-list .image {
        width: 100%!important;
        margin-bottom: 1.5rem!important;
        position: relative!important;
        left: auto!important;
        top: auto!important;
        right: auto!important;
        bottom: auto!important;
        -moz-transform: translate(0%,0%)!important;
        -ms-transform: translate(0%,0%)!important;
        -webkit-transform: translate(0%,0%)!important;
        -o-transform: translate(0%,0%)!important;
        transform: translate(0%,0%)!important
    }

    .single-content-block .fixed-share-block {
        display: none
    }

    .single-content-block .post-meta {
        padding: 0rem 2rem!important
    }

    .single-content-block .post-meta h1 {
        font-size: 2.6rem!important
    }

    .single-content-block #toc_container {
        padding: 4rem 2rem!important
    }

    .single-content-block .content h2,.single-content-block .content h3,.single-content-block .content h4 {
        padding: 0 0
    }

    .single-content-block .content p {
        padding: 0 0
    }

    .single-content-block .content img {
        max-width: 100%;
        height: auto
    }

    .share-block {
        padding: 1.5rem 0!important
    }

    .share-block .d-flex {
        display: block!important
    }

    .share-block span {
        text-align: center;
        display: block!important;
        margin: 0 0 2rem 0
    }

    .share-block .share {
        margin: 0 auto!important;
        text-align: center
    }

    .share-block ul li {
        display: inline-block!important
    }

    .share-block ul li {
        margin: 0 .5rem!important
    }

    .share-modal .modal-body {
        padding: 4rem 2rem!important
    }

    .price-block .title-block h2 {
        font-size: 3rem
    }

    .function-block .image {
        display: none!important
    }

    .contact-block .button-list {
        z-index: 2
    }

    footer .footer-top {
        padding-bottom: 0rem
    }

    footer .widget-block {
        margin-bottom: 3rem!important;
        text-align: center
    }

    footer .widget-block:last-child,footer .widget-block:first-child {
        margin-bottom: 3rem!important
    }

    footer .widget-block p.title-widget {
        margin-bottom: 1rem!important
    }

    footer .footer-bottom .copyright {
        text-align: center!important
    }

    .order-call-modal .modal-content {
        padding: 4rem 3rem!important
    }

    .order-call-modal .modal-content .form-block {
        width: 100%
    }

    .order-call-modal .modal-content .form-block a {
        margin-top: 15px
    }

    #fixed-menu {
        display: none!important
    }

    #wpadminbar {
        display: none!important
    }

    .select-block .bussiness-result .result-item.open {
        display: block!important
    }

    .select-block .bussiness-result .item {
        text-align: center!important;
        margin: 0 auto 2rem auto!important
    }

    .select-block .bussiness-result .item:last-child {
        margin-bottom: 0rem!important
    }

    .price-block .table .style-width-2 {
        min-width: 29rem!important;
        padding-left: 2rem!important
    }

    .price-block .table .style-width-3 {
        min-width: 20rem!important
    }

    .price-block .table .table-text {
        padding: 2rem 0rem 2rem
    }

    .price-block .table .table-text ul {
        padding: 0 2rem!important
    }

    .brif-block .line {
        display: none!important
    }

    .brif-block .download-button {
        margin: 2rem auto 0!important
    }

    .brif-block .form-block .form-group .label {
        margin: 0 0 .5rem 0!important
    }

    .brif-block .form-block .form-group .input-field input {
        padding: .5rem 0!important;
        line-height: 2rem!important;
        height: 3rem!important
    }
}

h1.home-page,span.home-page {
    font-size: 1.2rem;
    color: #000;
    margin-bottom: 0;
    margin-top: 3px;
    font-weight: 500;
    line-height: 1.2;
    display: block
}

.create-slider-block .slide-item img {
    max-width: 970px;
    height: auto;
}

.before-after-block {
    padding-top: 6rem;
}

.before-after-block>.container .slick-dots {
    position: static!important;
    display: flex!important;
    align-items: center;
    justify-content: center;
    margin-top: 2rem;
}

.before-after-block>.container .slick-dots li button {
    width: 2rem!important;
    height: 2rem!important;
    border-radius: 4rem!important;
    border: 1px solid #b42739!important;
}

.before-after-block>.container .slick-dots li.slick-active button {
    background-color: #b42739!important;
    width: 4rem!important;
}

.before-after-text {
    text-align: center;
    font-size: 20px;
    font-weight: 500;
    margin-top: 1rem;
}

.before-after-block .slick-active img {
    box-shadow: 0 0px 20px rgb(0 0 0 / 7%);
}

.before-after-block .slick-slide img {
    max-width: 607px;
    height: auto;
}

.before-after-slider .slick-list .slick-track {
    /*	max-height: 304px;*/
}

.before-after-slider .slick-slide>.row {
    margin: 0;
    padding: 20px 0 0 5px;
}

.before-after-slider .slick-slide>.row>div {
    padding: 0;
}

.post-block .post-item h4>a {
    color: #000;
    font-weight: 700;
    font-size: 2rem;
    line-height: 2.4rem;
    margin-bottom: 1rem;
    display: block;
}

.post-block .post-item h4>a:hover {
    color: #b42739;
}

.wp-google-list {
}

.review {
    padding: 60px 0 20px 0;
}

.review .container {
    border-bottom: 1px solid rgba(0,0,0,0.1);
    padding-bottom: 60px;
}

.review svg {
    cursor: pointer;
    transaction: all .3s ease;
}

.review-arrow {
    margin-top: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.review-arrow svg {
    stroke: black;
    cursor: pointer;
    transaction: all .3s ease;
}

.review-arrow svg:hover {
    stroke: rgb(230, 113, 54)
}

.review__prev {
    margin-right: 30px;
}

.review__prev svg {
    transform: rotate(180deg);
}

.wp-google-place {
    margin-bottom: 40px;
    display: flex;
    align-items: flex-start;
    font-size: 16px;
    padding: 0 20px;
}

.wp-google-place .wp-google-rating {
    margin-right: 10px;
    font-weight: 600;
    font-size: 18px;
    color: #000000;
    top: 1px;
    position: relative;
}

.wp-google-place .wp-google-left {
    margin-right: 15px;
    border-radius: 50%;
    overflow: hidden;
}

.wp-google-place .wp-google-right {
    width: 100%;
    position: relative;
}

.wp-google-place .wp-google-right > div:nth-child(2) {
    display: inline-flex;
    align-items: center;
    margin-right: 40px;
}

.wp-google-place .wp-google-powered {
    display: inline-block;
    color: #676767;
    font-size: 14px;
}

.wp-google-place .wp-google-powered:last-of-type {
    position: absolute;
    right: 0;
    top: 0;
    color: inherit;
}

.wp-google-place .wp-google-name a {
    color: black;
    font-size: 18px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.wp-google-place .wp-google-name a:hover {
    color: #b42739;
}

.wp-google-content-inner {
    position: relative;
    padding-top: 40px;
}

.wp-google-review {
    margin: 0 20px;
    display: flex!important;
    border: 1px solid rgba(0, 0, 0, 0.05);
    padding: 20px 25px;
}

.wp-google-review .wp-google-left {
    margin-right: 10px;
}

.wp-google-review .wp-google-name {
    color: black;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    font-size: 15px;
}

.wp-google-review .wp-google-time {
    font-size: 12px;
    color: #676767;
}

.wp-google-feedback {
    display: flex;
    flex-wrap: wrap;
}

.wp-google-review .wp-google-text {
    margin-top: 10px;
    font-size: 14px;
    color: #3E3E3E;
    margin-left: -58px;
}

.wp-google-review .wp-google-name:hover {
    color: #b42739;
}

.wp-google-content-inner .wp-google-url {
    right: 20px;
    top: 0;
    position: absolute;
    color: black;
    text-decoration: underline;
    font-size: 14px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.wp-google-content-inner .wp-google-url:hover {
    color: #b42739;
}

.lang {
    position: relative;
    height: 52px;
    border-width: 0 0 0 1px;
    border-color: rgb(237,237,237);
    border-style: solid;
    padding: 0 15px;
    display: flex;
    align-items: center;
}

.lang-title {
    text-transform: uppercase;
    font-weight: 500;
    color: #000;
    font-size: 1.5rem;
    cursor: pointer;
}

.lang-list {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    background: white;
    opacity: 0;
    visibility: hidden;
    transition: all .3s ease;
}

.lang:not(.lang-mobile):hover .lang-list, .lang-list.active {
    opacity: 1;
    visibility: visible;
    transition: all .3s ease;
}

.language-chooser {
    list-style: none;
    padding-left: 0;
    margin-right: 0!important;
    margin-bottom: 0!important;
}

.language-chooser li.active {
    display: none;
}

.lang .lang-list .language-chooser li {
    padding: 5px!important;
    text-align: center;
    margin: 0;
}

.header-nav .header-logo .flag {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.header-nav ul.language-chooser li a::after {
    display: none;
}

.lang-mobile .arrow-open {
    position: absolute;
    right: -10px;
    top: 21px;
    transform: rotate(90deg);
}

.lang-mobile .arrow {
    content: '';
    display: inline-block;
    position: absolute;
    z-index: 9;
    right: 1rem;
    top: 50%;
    width: .8rem;
    height: .8rem;
    border-width: 2px 2px 0 0;
    border-style: solid;
    border-color: #000;
    -moz-transform: translateY(-50%) rotate(45deg);
    -ms-transform: translateY(-50%) rotate(45deg);
    -webkit-transform: translateY(-50%) rotate(45deg);
    -o-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg)
}

@media (max-width: 1200px) {
    .navbar-nav {
        border-bottom: 1px solid rgba(0,0,0,0.1);
        margin-bottom: 15px!important;
    }

    .lang {
        display: none;
    }

    .lang-mobile {
        display: inline-flex;
        border-left: 0;
        padding: 0;
        height: auto;
    }

    .lang-mobile .lang-list .language-chooser li {
        padding: 5px 0 0 0!important;
        /* border-top: 1px solid black;*/
    }

    .header-nav .contact-list a.email {
        display: none;
    }
}

@media (max-width: 768px) {
    #bingc-phone-button {
        right: 0% !important;
    }

    .phone-navbar .mobile-button {
        padding: 15px;
    }

    .phone-navbar .mobile-button a {
        position: relative;
        display: inline-block;
        overflow: hidden;
        padding: 1.5rem;
        color: #fff;
        background: #b42739;
        font-size: 1.6rem;
        line-height: 1 !important;
        border-radius: 0 !important;
        font-weight: 600;
        border-width: 1px;
        border-style: solid;
        border-color: #b42739;
        width: 100%;
        text-align: center;
    }

    .wp-google-review .wp-google-text {
        margin-left: 0px;
    }

    .wp-google-place .wp-google-powered:last-of-type {
        position: relative;
        width: 100%;
    }

    .wp-google-place {
        flex-wrap: wrap;
    }

    .wp-google-review {
        flex-wrap: wrap;
    }

    .wp-google-review .wp-google-left, .wp-google-place .wp-google-left {
        margin-bottom: 10px;
    }
}

.wp-google-reviews .slick-track {
    display: flex;
}

.wp-google-reviews .slick-track .slick-slide {
    height: initial;
}

.single-content-block .content a {
    text-decoration: underline;
    color: #b42739;
}

.single-content-block .content a:hover {
    text-decoration: none;
}

.review .wp-google-stars svg {
    cursor: initial;
}

.create-slider-block .button-list a {
    width: 33rem !important;
    margin-top:10px;
}

.office-block .gallery-list>.text.style-2 {
    display: none;
}
.map-block .contact-text{
    margin-bottom: 2rem;
}

@media (min-width: 768px) {
    #bingc-phone-button {
        bottom: 10% !important;
        right: 0% !important;
    }
}


/* Hide service prices and move "Узнать больше" to price position */
.service-block .benefit-item .meta {
    justify-content: flex-start !important;
}

.service-block .benefit-item .meta .price {
    display: none !important;
}

.service-block .benefit-item .meta .more {
    margin-left: 0 !important;
}

/* Price table: hide "Вартість" column and all prices under it */
.price-block .table thead th:nth-child(3),
.price-block .table tbody td:nth-child(3) {
    display: none !important;
}