@charset "UTF-8";
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Simpler";
  font-style: normal;
  font-weight: 300;
  src: url("../fonts/SIMPLER-LIGHT.OTF") format("opentype"); }

@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Simpler";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/SIMPLER-REGULAR.OTF") format("opentype"); }

@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Simpler";
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/SIMPLER-BOLD.OTF") format("opentype"); }

@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Simpler";
  font-style: normal;
  font-weight: 800;
  src: url("../fonts/SIMPLER-BLACK.OTF") format("opentype"); }

/* montserrat-300 - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 300;
  src: url("../fonts/montserrat-v31-latin-300.woff2") format("woff2"), url("../fonts/montserrat-v31-latin-300.ttf") format("truetype");
  /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ }

/* montserrat-regular - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/montserrat-v31-latin-regular.woff2") format("woff2"), url("../fonts/montserrat-v31-latin-regular.ttf") format("truetype");
  /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ }

/* montserrat-600 - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  src: url("../fonts/montserrat-v31-latin-600.woff2") format("woff2"), url("../fonts/montserrat-v31-latin-600.ttf") format("truetype");
  /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ }

/* montserrat-700 - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/montserrat-v31-latin-700.woff2") format("woff2"), url("../fonts/montserrat-v31-latin-700.ttf") format("truetype");
  /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ }

/* montserrat-800 - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 800;
  src: url("../fonts/montserrat-v31-latin-800.woff2") format("woff2"), url("../fonts/montserrat-v31-latin-800.ttf") format("truetype");
  /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ }

html {
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

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

img {
  display: block;
  width: 100%;
  height: auto; }

.visually-hidden:not(:focus):not(:active),
input[type="”checkbox”"].visually-hidden,
input[type="”radio”"].visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  border: 0;
  padding: 0;
  white-space: nowrap;
  -webkit-clip-path: inset(100%);
  clip-path: inset(100%);
  clip: rect(0, 0, 0, 0);
  overflow: hidden; }

a,
button {
  outline: none !important; }

a {
  text-decoration: none; }

ol,
ul {
  list-style: none; }

/* make sure to set some focus styles for accessibility */
:focus {
  outline: 0; }

/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */
a:focus {
  outline: thin dotted; }

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0; }

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 6+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */
button,
select {
  text-transform: none; }

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 * 4. Remove inner spacing in IE 7 without affecting normal text inputs.
 *    Known issue: inner spacing remains in IE 6.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */
  *overflow: visible;
  /* 4 */ }

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default; }

/* http://meyerweb.com/eric/tools/css/reset/
   v2.0-modified | 20110126
   License: none (public domain)
*/
html,
body,
div,
span,
applet,
object,
iframe,
a,
ol,
ul,
li,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

:root {
  --pr-font: "Simpler";
  --sc-font: "Montserrat";
  --fsz-72: 72px;
  --fsz-48: 48px;
  --fsz-36: 36px;
  --fsz-30: 30px;
  --fsz-24: 24px;
  --fsz-20: 20px;
  --fsz-18: 18px;
  --fsz-16: 16px;
  --fsz-14: 14px; }

/* Since our inception in 2016, we've been on a mission to connect artists and labels with their fan communities, transforming
aspirations into reality and melodies into growth and revenues. */
body {
  color: var(1-color);
  font-family: "Simpler";
  font-weight: normal;
  font-size: 18px;
  line-height: 1.2;
  text-align: center; }

html {
  margin: 0 !important;
  overflow: unset !important; }

body.noscroll {
  overflow: hidden; }

.body-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  min-height: 100vh;
  overflow: hidden; }

footer {
  margin-top: auto; }

._conteiner {
  max-width: 2500px;
  margin: 0 auto; }

._inner {
  width: 75%;
  margin: 0 auto; }

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus input:-webkit-autofill,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  border: 0;
  border-bottom: 1px solid #dbd6cc;
  -webkit-text-fill-color: #dbd6cc;
  -webkit-box-shadow: 0 0 0px 1000px transparent inset;
  -webkit-transition: background-color 5000s ease-in-out 0s;
  -o-transition: background-color 5000s ease-in-out 0s;
  transition: background-color 5000s ease-in-out 0s;
  background: transparent; }

body::-webkit-scrollbar {
  width: 2px; }

body::-webkit-scrollbar-track {
  background-color: #000;
  -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.3); }

body::-webkit-scrollbar-thumb {
  background-color: #fff;
  outline: 1px solid #fff; }

/*-boorger-menu---------------------------------*/
.btn-burger {
  display: none; }

.btn-burger.open-menu span {
  opacity: 0;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s; }

.btn-burger.open-menu:before,
.btn-burger.open-menu:after {
  top: 47%;
  left: 25%;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s; }

.btn-burger.open-menu:before {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  background: #fff; }

.btn-burger.open-menu:after {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  
  background: #fff; }

/*=burger media===============================*/
@media (max-width: 800px) {
  /*=burger media===============================*/
  .btn-burger {
    position: relative;
    /* задаем относительное позиционирование */
    width: 35px;
    /* определяем размеры блока */
    height: 28px;
    display: block; }
  .btn-burger span,
  .btn-burger:after,
  .btn-burger:before {
    width: 30px;
    height: 3px;
    border-radius: 0.93px;
   
    background: #fff;
    position: absolute;
    margin: 0 auto;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear; }
  .btn-burger span {
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }
  .btn-burger:after,
  .btn-burger:before {
    content: "";
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%); }
  .btn-burger:after {
    bottom: 2px; }
  .btn-burger:before {
    top: 2px; } }

._js-img {
  opacity: 0;
  -webkit-transition: color 0.3s ease-in-out,
 background-color 0.3s ease-in-out,
 opacity 0.8s 0.5s ease-in-out,
 -webkit-transform 0.6s 0.5s ease-in-out !important;
  transition: color 0.3s ease-in-out,
 background-color 0.3s ease-in-out,
 opacity 0.8s 0.5s ease-in-out,
 -webkit-transform 0.6s 0.5s ease-in-out !important;
  -o-transition: color 0.3s ease-in-out,
 background-color 0.3s ease-in-out,
 transform 0.6s 0.5s ease-in-out,
 opacity 0.8s 0.5s ease-in-out !important;
  transition: color 0.3s ease-in-out,
 background-color 0.3s ease-in-out,
 transform 0.6s 0.5s ease-in-out,
 opacity 0.8s 0.5s ease-in-out !important;
  transition: color 0.3s ease-in-out,
 background-color 0.3s ease-in-out,
 transform 0.6s 0.5s ease-in-out,
 opacity 0.8s 0.5s ease-in-out,
 -webkit-transform 0.6s 0.5s ease-in-out !important; }

._js-img-2 {
  opacity: 0;
  -webkit-transition: color 0.3s ease-in-out,
 background-color 0.3s ease-in-out,
 opacity 0.8s 0.7s ease-in-out,
 -webkit-transform 0.6s 0.5s ease-in-out !important;
  transition: color 0.3s ease-in-out,
 background-color 0.3s ease-in-out,
 opacity 0.8s 0.7s ease-in-out,
 -webkit-transform 0.6s 0.5s ease-in-out !important;
  -o-transition: color 0.3s ease-in-out,
 background-color 0.3s ease-in-out,
 transform 0.6s 0.5s ease-in-out,
 opacity 0.8s 0.7s ease-in-out !important;
  transition: color 0.3s ease-in-out,
 background-color 0.3s ease-in-out,
 transform 0.6s 0.5s ease-in-out,
 opacity 0.8s 0.7s ease-in-out !important;
  transition: color 0.3s ease-in-out,
 background-color 0.3s ease-in-out,
 transform 0.6s 0.5s ease-in-out,
 opacity 0.8s 0.7s ease-in-out,
 -webkit-transform 0.6s 0.5s ease-in-out !important; }

._js-tl {
  opacity: 0;
  -webkit-transform: translateY(30px);
  -ms-transform: translateY(30px);
  transform: translateY(30px);
  -webkit-transition: color 0.3s ease-in-out,
 background-color 0.3s ease-in-out,
 opacity 0.5s 0.1s ease-in-out,
 -webkit-transform 0.6s 0.1s ease-in-out;
  transition: color 0.3s ease-in-out,
 background-color 0.3s ease-in-out,
 opacity 0.5s 0.1s ease-in-out,
 -webkit-transform 0.6s 0.1s ease-in-out;
  -o-transition: color 0.3s ease-in-out,
 background-color 0.3s ease-in-out,
 transform 0.6s 0.1s ease-in-out,
 opacity 0.5s 0.1s ease-in-out;
  transition: color 0.3s ease-in-out,
 background-color 0.3s ease-in-out,
 transform 0.6s 0.1s ease-in-out,
 opacity 0.5s 0.1s ease-in-out;
  transition: color 0.3s ease-in-out,
 background-color 0.3s ease-in-out,
 transform 0.6s 0.1s ease-in-out,
 opacity 0.5s 0.1s ease-in-out,
 -webkit-transform 0.6s 0.1s ease-in-out; }

._js-tx {
  opacity: 0;
  -webkit-transform: translateY(60px);
  -ms-transform: translateY(60px);
  transform: translateY(60px);
  -webkit-transition: color 0.3s ease-in-out,
 background-color 0.3s ease-in-out,
 opacity 0.6s 0.3s ease-in-out,
 -webkit-transform 0.8s 0.3s ease-in-out;
  transition: color 0.3s ease-in-out,
 background-color 0.3s ease-in-out,
 opacity 0.6s 0.3s ease-in-out,
 -webkit-transform 0.8s 0.3s ease-in-out;
  -o-transition: color 0.3s ease-in-out,
 background-color 0.3s ease-in-out,
 transform 0.8s 0.3s ease-in-out,
 opacity 0.6s 0.3s ease-in-out;
  transition: color 0.3s ease-in-out,
 background-color 0.3s ease-in-out,
 transform 0.8s 0.3s ease-in-out,
 opacity 0.6s 0.3s ease-in-out;
  transition: color 0.3s ease-in-out,
 background-color 0.3s ease-in-out,
 transform 0.8s 0.3s ease-in-out,
 opacity 0.6s 0.3s ease-in-out,
 -webkit-transform 0.8s 0.3s ease-in-out; }

._js-tl-2 {
  opacity: 0;
  -webkit-transform: translateY(50px);
  -ms-transform: translateY(50px);
  transform: translateY(50px);
  -webkit-transition: color 0.3s ease-in-out,
 background-color 0.3s ease-in-out,
 opacity 0.8s 0.2s ease-in-out,
 -webkit-transform 0.6s 0.2s ease-in-out;
  transition: color 0.3s ease-in-out,
 background-color 0.3s ease-in-out,
 opacity 0.8s 0.2s ease-in-out,
 -webkit-transform 0.6s 0.2s ease-in-out;
  -o-transition: color 0.3s ease-in-out,
 background-color 0.3s ease-in-out,
 transform 0.6s 0.2s ease-in-out,
 opacity 0.8s 0.2s ease-in-out;
  transition: color 0.3s ease-in-out,
 background-color 0.3s ease-in-out,
 transform 0.6s 0.2s ease-in-out,
 opacity 0.8s 0.2s ease-in-out;
  transition: color 0.3s ease-in-out,
 background-color 0.3s ease-in-out,
 transform 0.6s 0.2s ease-in-out,
 opacity 0.8s 0.2s ease-in-out,
 -webkit-transform 0.6s 0.2s ease-in-out; }

._js-tx-2 {
  opacity: 0;
  -webkit-transform: translateY(50px);
  -ms-transform: translateY(50px);
  transform: translateY(50px);
  -webkit-transition: color 0.3s ease-in-out,
 background-color 0.3s ease-in-out,
 opacity 1s 0.4s ease-in-out,
 -webkit-transform 0.8s 0.4s ease-in-out;
  transition: color 0.3s ease-in-out,
 background-color 0.3s ease-in-out,
 opacity 1s 0.4s ease-in-out,
 -webkit-transform 0.8s 0.4s ease-in-out;
  -o-transition: color 0.3s ease-in-out,
 background-color 0.3s ease-in-out,
 transform 0.8s 0.4s ease-in-out,
 opacity 1s 0.4s ease-in-out;
  transition: color 0.3s ease-in-out,
 background-color 0.3s ease-in-out,
 transform 0.8s 0.4s ease-in-out,
 opacity 1s 0.4s ease-in-out;
  transition: color 0.3s ease-in-out,
 background-color 0.3s ease-in-out,
 transform 0.8s 0.4s ease-in-out,
 opacity 1s 0.4s ease-in-out,
 -webkit-transform 0.8s 0.4s ease-in-out; }

._js-bk {
  opacity: 0;
  -webkit-transform: translateY(50px);
  -ms-transform: translateY(50px);
  transform: translateY(50px);
  -webkit-transition: opacity 1s 0.1s ease-in-out,
 -webkit-transform 0.8s 0.1s ease-in-out;
  transition: opacity 1s 0.1s ease-in-out,
 -webkit-transform 0.8s 0.1s ease-in-out;
  -o-transition: transform 0.8s 0.1s ease-in-out,
 opacity 1s 0.1s ease-in-out;
  transition: transform 0.8s 0.1s ease-in-out,
 opacity 1s 0.1s ease-in-out;
  transition: transform 0.8s 0.1s ease-in-out,
 opacity 1s 0.1s ease-in-out,
 -webkit-transform 0.8s 0.1s ease-in-out; }

._js-bt {
  opacity: 0;
  -webkit-transform: translateY(50px);
  -ms-transform: translateY(50px);
  transform: translateY(50px);
  -webkit-transition: opacity 1s 0.2s ease-in-out,
 border 0.3s ease-in-out,
 background-color 0.3s ease-in-out,
 color 0.3s ease-in-out,
 -webkit-transform 0.8s 0.2s ease-in-out;
  transition: opacity 1s 0.2s ease-in-out,
 border 0.3s ease-in-out,
 background-color 0.3s ease-in-out,
 color 0.3s ease-in-out,
 -webkit-transform 0.8s 0.2s ease-in-out;
  -o-transition: transform 0.8s 0.2s ease-in-out,
 opacity 1s 0.2s ease-in-out,
 border 0.3s ease-in-out,
 background-color 0.3s ease-in-out,
 color 0.3s ease-in-out;
  transition: transform 0.8s 0.2s ease-in-out,
 opacity 1s 0.2s ease-in-out,
 border 0.3s ease-in-out,
 background-color 0.3s ease-in-out,
 color 0.3s ease-in-out;
  transition: transform 0.8s 0.2s ease-in-out,
 opacity 1s 0.2s ease-in-out,
 border 0.3s ease-in-out,
 background-color 0.3s ease-in-out,
 color 0.3s ease-in-out,
 -webkit-transform 0.8s 0.2s ease-in-out; }

._js-bt-2 {
  opacity: 0;
  -webkit-transform: translateX(50px);
  -ms-transform: translateX(50px);
  transform: translateX(50px);
  -webkit-transition: opacity 1s 0.2s ease-in-out,
 border 0.3s ease-in-out,
 background-color 0.3s ease-in-out,
 color 0.3s ease-in-out,
 -webkit-transform 0.8s 0.2s ease-in-out;
  transition: opacity 1s 0.2s ease-in-out,
 border 0.3s ease-in-out,
 background-color 0.3s ease-in-out,
 color 0.3s ease-in-out,
 -webkit-transform 0.8s 0.2s ease-in-out;
  -o-transition: transform 0.8s 0.2s ease-in-out,
 opacity 1s 0.2s ease-in-out,
 border 0.3s ease-in-out,
 background-color 0.3s ease-in-out,
 color 0.3s ease-in-out;
  transition: transform 0.8s 0.2s ease-in-out,
 opacity 1s 0.2s ease-in-out,
 border 0.3s ease-in-out,
 background-color 0.3s ease-in-out,
 color 0.3s ease-in-out;
  transition: transform 0.8s 0.2s ease-in-out,
 opacity 1s 0.2s ease-in-out,
 border 0.3s ease-in-out,
 background-color 0.3s ease-in-out,
 color 0.3s ease-in-out,
 -webkit-transform 0.8s 0.2s ease-in-out; }

._js_active._js-img-2, ._js_active._js-img {
  opacity: 1; }

._js_active._js-tl, ._js_active._js-tx, ._js_active._js-bk, ._js_active._js-bt, ._js_active._js-tl-2, ._js_active._js-tx-2, ._js_active._js-bt-2 {
  opacity: 1;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0); }

@-webkit-keyframes rotate-20-deg {
  0% {
    -webkit-transform: translate(-50%, -50%) rotate(0deg);
    transform: translate(-50%, -50%) rotate(0deg); }
  25% {
    -webkit-transform: translate(-50%, -50%) rotate(5deg);
    transform: translate(-50%, -50%) rotate(5deg); }
  50% {
    -webkit-transform: translate(-50%, -50%) rotate(0deg);
    transform: translate(-50%, -50%) rotate(0deg); }
  75% {
    -webkit-transform: translate(-50%, -50%) rotate(-5deg);
    transform: translate(-50%, -50%) rotate(-5deg); }
  100% {
    -webkit-transform: translate(-50%, -50%) rotate(0deg);
    transform: translate(-50%, -50%) rotate(0deg); } }

@keyframes rotate-20-deg {
  0% {
    -webkit-transform: translate(-50%, -50%) rotate(0deg);
    transform: translate(-50%, -50%) rotate(0deg); }
  25% {
    -webkit-transform: translate(-50%, -50%) rotate(5deg);
    transform: translate(-50%, -50%) rotate(5deg); }
  50% {
    -webkit-transform: translate(-50%, -50%) rotate(0deg);
    transform: translate(-50%, -50%) rotate(0deg); }
  75% {
    -webkit-transform: translate(-50%, -50%) rotate(-5deg);
    transform: translate(-50%, -50%) rotate(-5deg); }
  100% {
    -webkit-transform: translate(-50%, -50%) rotate(0deg);
    transform: translate(-50%, -50%) rotate(0deg); } }

@-webkit-keyframes rotate-20-deg--2 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  25% {
    -webkit-transform: rotate(10deg);
    transform: rotate(10deg); }
  50% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  75% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg); }
  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); } }

@keyframes rotate-20-deg--2 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  25% {
    -webkit-transform: rotate(10deg);
    transform: rotate(10deg); }
  50% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  75% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg); }
  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); } }

@-webkit-keyframes rotate-360-deg {
  0% {
    -webkit-transform: translate(-50%, -50%) rotate(0deg);
    transform: translate(-50%, -50%) rotate(0deg); }
  50% {
    -webkit-transform: translate(-50%, -50%) rotate(360deg);
    transform: translate(-50%, -50%) rotate(360deg); }
  100% {
    -webkit-transform: translate(-50%, -50%) rotate(0deg);
    transform: translate(-50%, -50%) rotate(0deg); } }

@keyframes rotate-360-deg {
  0% {
    -webkit-transform: translate(-50%, -50%) rotate(0deg);
    transform: translate(-50%, -50%) rotate(0deg); }
  50% {
    -webkit-transform: translate(-50%, -50%) rotate(360deg);
    transform: translate(-50%, -50%) rotate(360deg); }
  100% {
    -webkit-transform: translate(-50%, -50%) rotate(0deg);
    transform: translate(-50%, -50%) rotate(0deg); } }

@-webkit-keyframes scaled {
  0% {
    -webkit-transform: scale(0.95);
    transform: scale(0.95); }
  50% {
    -webkit-transform: scale(1);
    transform: scale(1); }
  100% {
    -webkit-transform: scale(0.95);
    transform: scale(0.95); } }

@keyframes scaled {
  0% {
    -webkit-transform: scale(0.95);
    transform: scale(0.95); }
  50% {
    -webkit-transform: scale(1);
    transform: scale(1); }
  100% {
    -webkit-transform: scale(0.95);
    transform: scale(0.95); } }

._mobile {
  display: none !important; }

._desctop {
  display: block; }

.fixed-form {
  position: fixed;
  bottom: 0;
  width: 100vw;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
  z-index: 100;
  -webkit-transform: translateY(100%);
  -ms-transform: translateY(100%);
  transform: translateY(100%);
  opacity: 0;
  background: -webkit-gradient(linear, left top, right top, from(#66B543), to(#000000));
  background: -webkit-linear-gradient(left, #66B543 0%, #000000 100%);
  background: -o-linear-gradient(left, #66B543 0%, #000000 100%);
  background: linear-gradient(90deg, #66B543 0%, #000000 100%); }
  .fixed-form._active {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    opacity: 1; }
  .fixed-form ._inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 15px 0;
    gap: 15px; }

.fixed-form__title {
  /*  */
  font-family: var(--sc-font);
  font-style: normal;
  font-weight: 700;
  font-size: var(--fsz-18);
  line-height: 1;
  text-align: center;
  text-transform: uppercase;
  color: #FFFFFF; }

.fixed-form__form-wrapper {
  width: 100%; }
  .fixed-form__form-wrapper form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    flex-wrap: wrap;
   }
  .fixed-form__form-wrapper input, .fixed-form__form-wrapper select {
    width: 100%;
    height: 100%;
    background-color: transparent;
    border: none;
    font-family: var(--sc-font);
    font-style: normal;
    font-weight: 400;
    font-size: var(--fsz-16);
    line-height: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #000000; }
  .fixed-form__form-wrapper::-webkit-input-placeholder {
    font-family: var(--sc-font);
    font-style: normal;
    font-weight: 400;
    font-size: var(--fsz-16);
    line-height: 1;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    color: #000000;
    opacity: 0.5; }
  .fixed-form__form-wrapper:-ms-input-placeholder {
    font-family: var(--sc-font);
    font-style: normal;
    font-weight: 400;
    font-size: var(--fsz-16);
    line-height: 1;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    color: #000000;
    opacity: 0.5; }
  .fixed-form__form-wrapper::-ms-input-placeholder {
    font-family: var(--sc-font);
    font-style: normal;
    font-weight: 400;
    font-size: var(--fsz-16);
    line-height: 1;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    color: #000000;
    opacity: 0.5; }
  .fixed-form__form-wrapper::placeholder {
    font-family: var(--sc-font);
    font-style: normal;
    font-weight: 400;
    font-size: var(--fsz-16);
    line-height: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #000000;
    opacity: 0.5; }
  .fixed-form__form-wrapper input[type=submit] {
    /* Submit */
    font-family: var(--sc-font);
    font-style: normal;
    font-weight: 400;
    font-size: var(--fsz-18);
    line-height: 1;
    text-transform: uppercase;
    color: #FFFFFF; }

.fixed-form--item {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 19%;
  flex: 0 0 19%;
  width: 19%;
  height: 50px;
  background-color: #FFF;
  padding: 10px; }

.fixed-form--item---submit {
  background-color: transparent;
  border: 1px solid #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 0; }
  .fixed-form--item---submit::after {
    display: block;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50px;
    flex: 0 0 50px;
    width: 50px;
    height: 50px;
    content: '';
    border-left: 1px solid #fff;
    background-image: url(../img/arr-r-w.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto; }

.fixed-form__bottom {
  /*  */ }

.fixed-form__bottom-text,
.fixed-form__bottom-link {
  font-family: var(--sc-font);
  font-style: normal;
  font-weight: 400;
  font-size: var(--fsz-16);
  line-height: 1;
  text-align: center;
  color: #FFFFFF; }

.fixed-form__bottom-link {
  text-decoration: underline; }

.header {
  position: fixed;
  width: 100%;
  margin: 0 auto;
  z-index: 1000;
  top: 0;
  background-color: #000;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }
  .header ._inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
    height: 100px;
    width: 100%; }
  .header ._conteiner {
    overflow: visible; }

.header__left {
  position: relative;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 11%;
  flex: 0 0 11%;
  padding-left: 17px;
  background-color: #FFF;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }

.header__logo-link {
  padding: 5% 10%;
  display: block;
  height: 100%; }
  .header__logo-link img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain; }

.header__center {
  -webkit-box-flex: 0;
  -ms-flex: 0 1 100%;
  flex: 0 1 100%;
  position: relative;
  padding: 0 34px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }
  .header__center::after {
    content: '';
    position: absolute;
    top: 0%;
    left: -1px;
    width: 0;
    height: 0;
    border-top: 100px solid #fff;
    border-right: 35px solid transparent; }
  .header__center::before {
    content: '';
    position: absolute;
    bottom: 0%;
    right: -1px;
    width: 0;
    height: 0;
    border-bottom: 100px solid #66B543;
    border-left: 35px solid transparent; }

.header-menu {
  -webkit-box-flex: 0;
  -ms-flex: 0 1 100%;
  flex: 0 1 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-left: 20px;
  padding-right: 54px;
  height: 100%; }

.header-menu__item {
  height: 100%; }

.header-menu__link {
  font-family: var(--pr-font);
  font-style: normal;
  font-weight: 400;
  font-size: var(--fsz-18);
  line-height: 1;
  color: #FFFFFF;
  text-transform: uppercase;
  cursor: pointer;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear; }
  .header-menu__link:hover {
    color: #66B543; }
  .header-menu__link._js-active_page {
    font-weight: 700;
    color: #66B543; }

.header-menu__item--dropdown {
  position: relative; }
  .header-menu__item--dropdown:hover .header-dropdown__menu {
    opacity: 1;
    visibility: visible; }

.header-dropdown__menu {
  position: absolute;
  top: 100%;
  left: 50%;
  min-width: 20vw;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #000;
  padding: 0 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  opacity: 0;
  visibility: hidden; }

.header-dropdown__item {
  border-top: 1px solid #FFF;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 1vw 0; }

.header-dropdown__link {
  font-family: var(--pr-font);
  font-style: normal;
  font-weight: 400;
  font-size: var(--fsz-18);
  line-height: 1;
  color: #FFFFFF;
  text-decoration: none;
  text-transform: uppercase; }
  .header-dropdown__link._js-active_page {
    font-weight: 700;
    color: #66B543; }

.header-contacts {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 max-content;
  flex: 0 0 max-content;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }

.header-contacts__item {
  height: 100%;
  border-left: 1px solid #fff; }

.header-contacts__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 10px;
  padding: 0 20px;
  height: 100%; }

.header-contacts__link-icon {
  width: 20px;
  height: 20px;
  -o-object-fit: contain;
  object-fit: contain; }

.header-contacts__link-text {
  font-family: var(--pr-font);
  font-style: normal;
  font-weight: 400;
  font-size: var(--fsz-18);
  line-height: 1;
  color: #FFFFFF; }

.header__right {
  position: relative;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 11%;
  flex: 0 0 11%;
  padding-right: 17px;
  background: #66B543;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }

.header__scrool-to-contact {
  /* get an estimate */
  font-family: var(--pr-font);
  font-style: normal;
  font-weight: bold;
  font-size: var(--fsz-18);
  line-height: 1;
  text-transform: uppercase;
  color: #FFFFFF; }

._gr {
  color: #66B543; }

._title {
  font-family: var(--pr-font);
  font-style: normal;
  font-weight: 700;
  font-size: var(--fsz-48);
  line-height: 1;
  text-align: left;
  text-transform: uppercase;
  color: #000000;
  margin-bottom: 3vh; }

._btn {
  height: 60px;
  border: 2px solid #63B041;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  padding: 0 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 20px;

position: relative;
overflow: hidden;

cursor: pointer;
}

._btn::after{
content: '';
position: absolute;
width: 100%;
height: 100%;
top: 50%;
transform: translateY(-50%);
left: -100%;
background-color: #66B543;
transition: all 0.3s linear;
z-index: 0;
}
._btn:hover::after{
left: 0%;
}
/* ._btn:hover img {
    filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(239deg) brightness(56%) contrast(145%);
} */

  ._btn img {
    width: 10px;
    height: auto;
    -o-object-fit: contain;
    object-fit: contain; 
position: relative;
z-index: 1;}

._btn-text {
  /*  */
  position: relative;
  z-index: 1;
  margin-top: 3px;
  text-transform: uppercase;
  font-family: var(--pr-font);
  font-style: normal;
  font-weight: 400;
  font-size: var(--fsz-18);
  line-height: 1;
  color: #FFFFFF; }

.home-page .baner {
  height: 100vh;
padding-top: 100px;
 }

.home-page .baner__media {
  margin-bottom: 0px; }

.home-page .baner__content {
  top: 55%; }

.baner {
  position: relative;
  /* padding-top: 100px; */
  height: auto;
  width: 100vw; }
  .baner ._conteiner {
    height: 100%;
    position: relative; }

.baner__media {
  width: 100%;
  height: 100%;
  margin-bottom: -2px; }
  .baner__media img, .baner__media video {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover; }

.baner__content {
  position: absolute;
  width: 40%;
  top: 50%;
  left: 12.5%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%); }

.baner__title {
  font-family: var(--pr-font);
  font-style: normal;
  font-weight: 400;
  font-size: var(--fsz-72);
  line-height: 1;
  text-transform: uppercase;
  color: #FFFFFF;
  text-align: left; }
  .baner__title ._gr {
    font-weight: 900; }

.baner__text {
  /*  */
  margin-top: 30px;
  font-family: var(--pr-font);
  font-style: normal;
  font-weight: 400;
  font-size: var(--fsz-24);
  line-height: 1.25;
  /* or 125% */
  text-align: left;
  color: #FFFFFF; }

.baner__btn {
  /*  */
  font-family: var(--pr-font);
  font-style: normal;
  font-weight: 400;
  font-size: var(--fsz-18);
  line-height: 1;
  text-align: center;
  text-transform: uppercase;
  color: #FFFFFF;
  padding: 20px 30px;
  background-color: #66B543; }

.baner__btn-wrapper {
  display: inline-block;
  -webkit-transform: translateY(-18px);
  -ms-transform: translateY(-18px);
  transform: translateY(-18px); }

.baner__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 5%; }

.baner__item {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 16%;
  flex: 0 0 16%;
  width: 16%; }

.baner__item-icon {
  margin: 0 auto;
  width: auto;
  height: 3vw;
  -o-object-fit: contain;
  object-fit: contain;
  margin-bottom: 2vh; }

.baner__item-title {
  margin-bottom: 1vh;
  /* 1,000s */
  font-family: var(--sc-font);
  font-style: normal;
  font-weight: 700;
  font-size: 42px;
  line-height: 90%;
  /* or 38px */
  text-align: center;
  color: #FFFFFF; }

.baner__item-text {
  /* Lead Growth Potential */
  font-family: var(--sc-font);
  font-style: normal;
  font-weight: 400;
  font-size: var(--fsz-16);
  line-height: 1;
  text-align: center;
  color: #FFFFFF; }

.baner__list-wrapper {
  padding: 5vh 0;
  background: -webkit-gradient(linear, left top, right top, from(#66B543), color-stop(62.92%, #000000));
  background: -webkit-linear-gradient(left, #66B543 0%, #000000 62.92%);
  background: -o-linear-gradient(left, #66B543 0%, #000000 62.92%);
  background: linear-gradient(90deg, #66B543 0%, #000000 62.92%);
  margin-bottom: -2px; }

.service {
  background-color: #F6F6F6; }
  .service .owl-carousel .owl-stage-outer {

    overflow: visible; }
  .service  .owl-carousel .owl-stage{
    display: flex;
    align-items: stretch;
  }
  .service .owl-theme .owl-nav {
    margin-top: 0;
    position: absolute;
    top: -2.5vw;
    right: 0;
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 10px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content; }
  .service .owl-carousel .owl-nav button.owl-prev,
  .service .owl-carousel .owl-nav button.owl-next {
    width: 60px;
    height: 60px;
    background-color: #63B041;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative; }
    .service .owl-carousel .owl-nav button.owl-prev span,
    .service .owl-carousel .owl-nav button.owl-next span {
      display: none; }
    .service .owl-carousel .owl-nav button.owl-prev::after,
    .service .owl-carousel .owl-nav button.owl-next::after {
      content: '';
      width: 40%;
      height: 40%;
      display: block;
      -o-object-fit: contain;
      object-fit: contain;
      background-position: center;
      background-repeat: no-repeat;
      background-size: contain; }
  .service button.owl-next::after {
    background-image: url(../img/arr-r-w.svg); }
  .service button.owl-prev::after {
    background-image: url(../img/arr-l-w.svg); }

.service__top {
  padding-top: 6vw;
  background: -webkit-gradient(linear, left top, right top, from(#62AD40), to(#000000));
  background: -webkit-linear-gradient(left, #62AD40 0%, #000000 100%);
  background: -o-linear-gradient(left, #62AD40 0%, #000000 100%);
  background: linear-gradient(90deg, #62AD40 0%, #000000 100%);
  padding-bottom: 18.5vw;
  margin-bottom: -16vw; }

.service__title {
  /* We Are a Full-Service
Remodeling Company
in Los Angeles, LA */
  max-width: 40%;
  font-family: var(--pr-font);
  font-style: normal;
  font-weight: 400;
  font-size: var(--fsz-36);
  line-height: 1.1;
  /* or 111% */
  text-align: left;
  text-transform: uppercase;
  color: #FFFFFF; }

.service__bottom {
  padding-bottom: 10vh; }
/* .service__slider  */
.service__slide {
    height: 100%;
  position: relative;
  background-color: #fff; }

  .service__slide a{
    display: flex;
    flex-direction: column;
    height: 100%;
  }
  .service__slide::after {
    content: '';
    display: block;
    position: absolute;
    z-index: 2;
    bottom: -1px;
    right: -1px;
    width: 0;
    height: 0;
    border-bottom: 7vw solid #F6F6F6;
    border-left: 3vw solid transparent; }

.service__slide--image {
    flex: 0 0 16vw;
  height: 16vw;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover; }

.service__slide--icon {
  width: 6vw;
  height: 6vw;
  background-color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }
  .service__slide--icon img {
    width: 80% !important;
    height: 80%;
    -o-object-fit: contain;
    object-fit: contain; }

.service__slide--content {
  -webkit-transform: translateY(-3vw);
  -ms-transform: translateY(-3vw);
  transform: translateY(-3vw);
  padding: 0 10%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 20px;
flex:  0 1 100%;

}
/* .service__slide--btn{
margin-top: auto;
} */
.service__slide--title {
  /* Windows
and Doors */
  font-family: var(--pr-font);
  font-style: normal;
  font-weight: 900;
  font-size: var(--fsz-30);
  line-height: 1;
  /* or 100% */
  text-align: left;
  text-transform: uppercase;
  color: #000000; }

.service__slide--text {
  /* Expert windows and doors installation for energy efficiency, security, and curb appeal—done right the first time. */
  font-family: var(--pr-font);
  font-style: normal;
  font-weight: 400;
  font-size: var(--fsz-24);
  line-height: 1.2;
  /* or 125% */
  text-align: left;
  color: #000000;
  display: -webkit-box;
  /* Required for webkit-box-orient to work */
  -webkit-box-orient: vertical;
  /* Stacks lines vertically */
  -webkit-line-clamp: 4;
  /* Limits the text to 3 lines */
  overflow: hidden;
  /* Hides the overflowing text */
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  margin-bottom: 1.5vw;

}
/* ------ */
/* ------ */
/* ------ */
/* ------ */
.service__slide--btn {
  /* Rectangle 136 */
  /* margin-top: 40px; */
  margin-top: auto;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 30px;
  padding: 15px 20px;
  border: 2px solid #000000; 

position: relative;
overflow: hidden;

cursor: pointer;
}
.service__slide--btn::after{
content: '';
position: absolute;
width: 100%;
height: 100%;
top: 50%;
transform: translateY(-50%);
left: -100%;
background-color: #66B543;
transition: all 0.3s linear;
z-index: 0;
}
.service__slide--btn:hover::after{
left: 0%;
}
.service__slide--btn:hover img {
    filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(239deg) brightness(56%) contrast(145%);
}

/* --------- */
/* --------- */
/* --------- */
/* --------- */
/* --------- */
  .service__slide--btn img {
    position: relative;
z-index: 2;
    width: 10px !important;
    height: auto;
    -o-object-fit: contain;
    object-fit: contain; }

.service__slide--btn-text {
    position: relative;
z-index: 2;
  /* Learn more */
  font-family: var(--pr-font);
  font-style: normal;
  font-weight: 400;
  font-size: var(--fsz-18);
  line-height: 1;
  text-transform: uppercase;
  color: #000000;
  margin-bottom: -3px; }

.areas {
  padding: 10vh 0;
  background-color: #F6F6F6; }

.areas__title {
  text-align: center; }

.areas__text {
  /*  */
  width: 40%;
  margin: 0 auto;
  font-family: var(--pr-font);
  font-style: normal;
  font-weight: 400;
  font-size: var(--fsz-18);
  line-height: 1.3;
  /* or 133% */
  text-align: center;
  color: #000000; }

.areas__media {
  width: 100%;
  height: auto;
position: relative; }
.areas__media::after {
  width: 100%;
  content: '';
  position: absolute;
  width: 105%;
  height: 6px;
  left: 50%;
  transform: translate(-50%);
top: -2px;
z-index: 2;
background-color: #F6F6F6;}
.areas__media::before {
  width: 100%;
  content: '';
  position: absolute;
  width: 105%;
  height: 6px;
  left: 50%;
  transform: translate(-50%);
bottom: -2px;
z-index: 2;
background-color: #F6F6F6;}
  .areas__media img, .areas__media video {
    width: 100%;
    height: auto;
    -o-object-fit: contain;
    object-fit: contain; }

.whyStandsOut {
  position: relative; }
  .whyStandsOut::after {
    content: '';
    display: block;
    position: absolute;
    z-index: 2;
    top: -1px;
    right: -1px;
    width: 0;
    height: 0;
    border-top: 12.5vw solid #F6F6F6;
    border-left: 12.5vw solid transparent; }

.whyStandsOut__fon {
  width: 100%;
  height: 100vh;
  -o-object-fit: cover;
  object-fit: cover; }

.whyStandsOut__content {
  width: 65%;
  padding-right: 12.5%;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 2;
  position: absolute; }
.template-all-page_title{
  text-align: center;
  margin-top: 15vh;
  margin-bottom: 3vw;
}
.whyStandsOut__title {
  /*  */
  font-family: var(--pr-font);
  font-style: normal;
  font-weight: 900;
  font-size: 60px;
  line-height: 1;
  /* or 100% */
  text-transform: uppercase;
  color: #000000;
  text-align: left;
  margin-bottom: 5vh; }

.whyStandsOut__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 7%; }

.whyStandsOut__item {
  margin-bottom: 5vh;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 40%;
  flex: 0 0 40%;
  width: 40%; }
  .whyStandsOut__item:nth-child(3) {
    margin-left: 6%; }
  .whyStandsOut__item:nth-child(5) {
    margin-left: 12%; }

.whyStandsOut__item-title {
  /* Integrity */
  font-family: var(--pr-font);
  font-style: normal;
  font-weight: 900;
  font-size: var(--fsz-30);
  line-height: 1;
  /* identical to box height, or 100% */
  text-transform: uppercase;
  color: #000000;
  text-align: left;
  margin-bottom: 2vh; }

.whyStandsOut__item-text {
  /* We stand behind our work, our word, and every decision we make. */
  font-family: var(--pr-font);
  font-style: normal;
  font-weight: 400;
  font-size: var(--fsz-24);
  line-height: 1.2;
  /* or 125% */
  text-align: left;
  color: #000000; }

.testimonials {
  background-color: #F6F6F6;
  padding-bottom: 60px; }
  .testimonials .owl-theme .owl-dots {
    margin-top: 80px;
    padding: 0 65px; }
  .testimonials .owl-theme .owl-dots .owl-dot span {
    margin: 0 5px;
    width: 17px;
    height: 17px;
    border-radius: 50%;
    border: 2px solid #000000;
    background-color: transparent; }
  .testimonials .owl-theme .owl-dots .owl-dot.active span, .testimonials .owl-theme .owl-dots .owl-dot:hover span {
    border: 2px solid #61AC40;
    background: #61AC40; }
  .testimonials .owl-theme .owl-nav {
    position: absolute;
    bottom: 19px;
    margin-top: 0;
    height: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%; }
  .testimonials .owl-carousel .owl-nav button.owl-prev,
  .testimonials .owl-carousel .owl-nav button.owl-next {
    width: 60px;
    height: 60px;
    background-color: #000;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative; }
    .testimonials .owl-carousel .owl-nav button.owl-prev span,
    .testimonials .owl-carousel .owl-nav button.owl-next span {
      display: none; }
    .testimonials .owl-carousel .owl-nav button.owl-prev::after,
    .testimonials .owl-carousel .owl-nav button.owl-next::after {
      content: '';
      width: 40%;
      height: 40%;
      display: block;
      -o-object-fit: contain;
      object-fit: contain;
      background-position: center;
      background-repeat: no-repeat;
      background-size: contain; }
  .testimonials button.owl-next::after {
    background-image: url(../img/arr-r-g.svg); }
  .testimonials button.owl-prev::after {
    background-image: url(../img/arr-l-g.svg); }

.testimonials__top {
  padding-top: 5vw;
  padding-bottom: 10vw;
  margin-bottom: -7vw;
  background-color: #000;
  position: relative; }
  .testimonials__top ._inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
  .testimonials__top::after {
    content: '';
    display: block;
    position: absolute;
    z-index: 2;
    top: -1px;
    right: -1px;
    width: 0;
    height: 0;
    border-top: 12.5vw solid #fff;
    border-left: 12.5vw solid transparent; }

.testimonials__content {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 70%;
  flex: 0 0 70%;
  width: 70%; }

.testimonials__content-title {
  /*  */
  font-family: var(--pr-font);
  font-style: normal;
  font-weight: 700;
  font-size: 40px;
  line-height: 1.2;
  /* or 112% */
  text-align: left;
  color: #FFFFFF;
  margin-bottom: 2vh; }

.testimonials__content-text {
  /*  */
  font-family: var(--pr-font);
  font-style: normal;
  font-weight: 400;
  font-size: var(--fsz-24);
  line-height: 1.25;
  /* or 125% */
  color: #FFFFFF;
  text-align: left; }

.testimonials__rating {
  -webkit-box-flex: 0;
  -ms-flex: 0 1 max-content;
  flex: 0 1 max-content;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  gap: 1vh; }

.testimonials__rating-number {
  text-align: left;
  font-family: var(--pr-font);
  font-style: normal;
  font-weight: 900;
  font-size: var(--fsz-72);
  line-height: 1;
  text-transform: uppercase;
  color: #61AC40; }

.testimonials__rating-title {
  /*  */
  /*  */
  text-align: left;
  font-family: var(--pr-font);
  font-style: normal;
  font-weight: 400;
  font-size: var(--fsz-36);
  line-height: 1;
  /* identical to box height, or 100% */
  text-transform: uppercase;
  color: #FFFFFF; }

.testimonials__rating-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  gap: 5px; }

.testimonials__rating-item {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 35px;
  flex: 0 0 35px;
  width: 35px;
  height: auto; }
  .testimonials__rating-item img {
    width: 100%;
    height: auto;
    -o-object-fit: contain;
    object-fit: contain; }

.testimonials__rating-ext {
  text-align: left;
  font-family: var(--pr-font);
  font-style: normal;
  font-weight: 400;
  font-size: var(--fsz-30);
  line-height: 1;
  color: #FFFFFF; }

.testimonials__slide-top {
  height: 7vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  gap: 15px;
  padding: 0px 5%;
  background-color: #61AC40; }

.testimonials__slide--photo {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 4vw;
  flex: 0 0 4vw;
  width: 4vw !important;
  height: 4vw;
  -o-object-fit: cover;
  object-fit: cover;
  overflow: hidden;
  border-radius: 50%; }
  .testimonials__slide--photo img {
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    height: 100%; }

.testimonials__slide--about {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  gap: 5px; }

.testimonials__slide--rating {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  gap: 3px; }

.testimonials__slide--rating-item {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 15px;
  flex: 0 0 15px; }
  .testimonials__slide--rating-item img {
    width: 100%;
    height: auto;
    -o-object-fit: contain;
    object-fit: contain; }

.testimonials__slide--name {
  /*  */
  font-family: var(--pr-font);
  font-style: normal;
  font-weight: 400;
  font-size: var(--fsz-18);
  line-height: 1;
  text-align: left;
  text-transform: uppercase;
  color: #FFFFFF; }

.testimonials__slide--vereficate {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  gap: 5px; }

.testimonials__slide--vereficate-icon {
  width: 14px;
  height: auto;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 14px;
  flex: 0 0 14px; }
  .testimonials__slide--vereficate-icon img {
    -o-object-fit: contain;
    object-fit: contain;
    height: auto; }

.testimonials__slide--vereficate-text {
  /*  */
  margin-top: 2px;
  font-family: var(--pr-font);
  font-style: normal;
  font-weight: 400;
  font-size: var(--fsz-14);
  line-height: 1;
  text-align: left;
  text-transform: uppercase;
  color: #000000; }

.testimonials__slide-bottom {
  position: relative; }

.testimonials__slide-poster {
  height: 22vw;
  width: 100%;
  position: relative;
  overflow: hidden; }
  .testimonials__slide-poster::after {
    content: '';
    display: block;
    width: 101%;
    height: 101%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background: rgba(0, 0, 0, 0.3);
    z-index: 1; }
  .testimonials__slide-poster img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover; }

.testimonials__slide-btn {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 2;
  width: 5vw;
  height: 5vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }
  .testimonials__slide-btn img {
    width: 30%;
    height: auto;
    -o-object-fit: contain;
    object-fit: contain; }

._popup-open-btn {
  cursor: pointer; }

.__popup-wrapper {
  position: fixed;
  width: 100vw;
  height: 100vh;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 1000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear; }
  .__popup-wrapper.open-popup {
    visibility: visible;
    opacity: 1; }
    .__popup-wrapper.open-popup ._popup-block--inner {
      -webkit-transform: scale(1);
      -ms-transform: scale(1);
      transform: scale(1); }

._popup-block--inner {
  width: 80vw;
  height: 80vh;
  position: relative;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear; }

._popup-close-btn {
  position: absolute;
  right: 0;
  top: 0;
  cursor: pointer;
  width: 40px;
  height: 40px;
  background-color: red;
  padding: 10px; }

.popup__media {
  width: 100%;
  height: 100%; }
  .popup__media iframe, .popup__media video {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain; }

.about-page .about {
  position: relative; }
  .about-page .about::after {
    content: '';
    display: block;
    position: absolute;
    z-index: 2;
    top: unset;
    bottom: -1px;
    right: -1px;
    width: 0;
    height: 0;
    border: none;
    border-bottom: 12.5vw solid #fff;
    border-left: 12.5vw solid transparent; }
  .about-page .about::before {
    content: '';
    display: block;
    position: absolute;
    z-index: 2;
    bottom: -1px;
    left: -1px;
    width: 0;
    height: 0;
    border-bottom: 12.5vw solid #fff;
    border-right: 12.5vw solid transparent; }

.about-page .whyStandsOut::after {
  display: none; }

.about-page-footer .contact::after {
  display: none; }

.about {
  position: relative; }
  .about::after {
    content: '';
    display: block;
    position: absolute;
    z-index: 2;
    top: -1px;
    right: -1px;
    width: 0;
    height: 0;
    border-top: 12.5vw solid #F6F6F6;
    border-left: 12.5vw solid transparent; }
  .about::before {
    content: '';
    display: block;
    position: absolute;
    z-index: 2;
    bottom: -1px;
    left: -1px;
    width: 0;
    height: 0;
    border-bottom: 12.5vw solid #F6F6F6;
    border-right: 12.5vw solid transparent; }
  .about ._conteiner {
    overflow: hidden; }
  .about ._inner {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }

.about__fon {
  width: 100%;
  height: auto; }
  .about__fon img {
    width: 100%;
    height: auto;
    -o-object-fit: contain;
    object-fit: contain; }

.about__content {
  width: 42%; }

.about__subtitle {
  /*  */
  font-family: var(--pr-font);
  font-style: normal;
  font-weight: 400;
  font-size: var(--fsz-24);
  line-height: 1;
  /* identical to box height, or 100% */
  text-transform: uppercase;
  text-align: left;
  color: #fff;
  margin-bottom: 1vh; }

.about__title {
  margin-bottom: 2vh;
  color: #FFF; }

.about__text {
  /* */
  text-align: left;
  font-family: var(--pr-font);
  font-style: normal;
  font-weight: 400;
  font-size: var(--fsz-18);
  line-height: 1.3;
  /* or 133% */
  color: #FFFFFF;
  margin-bottom: 4vh; }

.desing {
  position: relative; }
  .desing::before {
    content: '';
    display: block;
    position: absolute;
    z-index: 2;
    top: -1px;
    left: -1px;
    width: 0;
    height: 0;
    border-top: 12.5vw solid #F6F6F6;
    border-right: 12.5vw solid transparent; }
  .desing::after {
    content: '';
    display: block;
    position: absolute;
    z-index: 2;
    bottom: -1px;
    right: -1px;
    width: 0;
    height: 0;
    border-bottom: 12.5vw solid #F6F6F6;
    border-left: 12.5vw solid transparent; }
  .desing .owl-theme .owl-nav {
    position: absolute;
    bottom: 0;
    right: 0;
    margin-top: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 10px;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content; }
  .desing .owl-carousel .owl-nav button.owl-prev,
  .desing .owl-carousel .owl-nav button.owl-next {
    width: 60px;
    height: 60px;
    background-color: #000;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative; }
    .desing .owl-carousel .owl-nav button.owl-prev span,
    .desing .owl-carousel .owl-nav button.owl-next span {
      display: none; }
    .desing .owl-carousel .owl-nav button.owl-prev::after,
    .desing .owl-carousel .owl-nav button.owl-next::after {
      content: '';
      width: 40%;
      height: 40%;
      display: block;
      -o-object-fit: contain;
      object-fit: contain;
      background-position: center;
      background-repeat: no-repeat;
      background-size: contain; }
  .desing button.owl-next::after {
    background-image: url(../img/arr-r-g.svg); }
  .desing button.owl-prev::after {
    background-image: url(../img/arr-l-g.svg); }
  .desing ._conteiner {
    position: relative;
    padding: 60px 0; }
  .desing ._inner {
    position: relative;
    z-index: 2; }

.desing__fon {
  position: absolute;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  left: 50%;
  top: 50%;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover; }

.desing__slide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }

.desing__media {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  width: 50%; }
  .desing__media img {
    width: 100%;
    height: 85vh;
    -o-object-fit: cover;
    object-fit: cover; }

.desing__content {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  width: 50%;
  padding-left: 10%;
  padding-right: 5%; }

.desing__title {
  color: #FFFFFF; }

.desing__text {
  /* Design and visualize your custom house in real time with our interactive 3D designer.
Adjust size, colors, doors, and layout to create the perfect
structure before requesting your personalized quote. */
  font-family: var(--pr-font);
  font-style: normal;
  font-weight: 400;
  font-size: var(--fsz-18);
  line-height: 1.3;
  /* or 133% */
  text-align: left;
  color: #FFFFFF; }

.whyWins {
  background-color: #F6F6F6;
  padding: 10vh 0;
  max-height: 100vh;
  overflow: hidden; }

.whyWins__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 2.5%; }

.whyWins__item {
  margin-bottom: 2.5%;
  min-height: 17vw;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 31%;
  flex: 0 0 31%;
  background-color: #fff;
  position: relative;
  padding: 3%; }
  .whyWins__item::after {
    content: '';
    display: block;
    position: absolute;
    z-index: 2;
    bottom: -1px;
    right: -1px;
    width: 0;
    height: 0;
    border-bottom: 5vw solid #F6F6F6;
    border-left: 5vw solid transparent; }

.whyWins__item--image {
  padding: 0; }

.whyWins__content {
  padding: 0;
  padding-bottom: 5%;
  background-color: transparent; }
  .whyWins__content::after {
    display: none; }

.whyWins_text {
  width: 80%;
  font-family: var(--pr-font);
  font-style: normal;
  font-weight: 400;
  font-size: var(--fsz-18);
  line-height: 1.3;
  /* or 133% */
  text-align: left;
  color: #000000; }

.whyWins__item-icon {
  width: auto;
  height: 3vw;
  -o-object-fit: contain;
  object-fit: contain;
  margin-bottom: 1vh; }

.whyWins__item-title {
  font-family: var(--pr-font);
  font-style: normal;
  font-weight: 900;
  font-size: var(--fsz-30);
  line-height: 1;
  /* identical to box height, or 100% */
  text-transform: uppercase;
  text-align: left;
  color: #000000;
  margin-bottom: 2vh; }

.whyWins__item-text {
  font-family: var(--pr-font);
  font-style: normal;
  font-weight: 400;
  font-size: var(--fsz-20);
  line-height: 1.2;
  /* or 120% */
  text-align: left;
  color: #000000; }

.faq {
  position: relative;
  background: -webkit-gradient(linear, right top, left top, from(#000000), to(#61AC40));
  background: -webkit-linear-gradient(right, #000000 0%, #61AC40 100%);
  background: -o-linear-gradient(right, #000000 0%, #61AC40 100%);
  background: linear-gradient(270deg, #000000 0%, #61AC40 100%); }
  .faq ._inner {
    overflow: hidden;
    padding: 10vh 0;
    height: 100vh; }
  .faq::after {
    content: '';
    display: block;
    position: absolute;
    z-index: 2;
    top: -1px;
    left: -1px;
    width: 0;
    height: 0;
    border-top: 12.5vw solid #F6F6F6;
    border-right: 12.5vw solid transparent; }
  .faq ._conteiner {
    position: relative;
    z-index: 1; }
  .faq ._inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }

.faq__content {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 45%;
  flex: 0 0 45%;
  width: 45%;
  overflow: hidden; }

.faq__title {
  color: #fff;
  margin-bottom: 1vh; }

.faq__subtitle {
  /* Common Inquiries */
  text-align: left;
  font-family: var(--pr-font);
  font-style: normal;
  font-weight: 400;
  font-size: var(--fsz-24);
  line-height: 1.2;
  text-transform: uppercase;
  color: #FFFFFF;
  margin-bottom: 1vh; }

.faq_text {
  text-align: left;
  font-family: var(--pr-font);
  font-style: normal;
  font-weight: 400;
  font-size: var(--fsz-18);
  line-height: 1.3;
  /* or 133% */
  color: #FFFFFF;
  margin-bottom: 2vh; }

.faq__list {
  display: block;
  overflow-y: auto;
  max-height: 50vh; }
  .faq__list::-webkit-scrollbar {
    width: 2px; }
  .faq__list::-webkit-scrollbar-track {
    background-color: #000;
    -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.3); }
  .faq__list::-webkit-scrollbar-thumb {
    background-color: #fff;
    outline: 1px solid #fff; }

.faq ._active .faq__hide-content {
  display: block; }

.faq ._active .faq__btn-icon {
  -webkit-transform: scale(-1);
  -ms-transform: scale(-1);
  transform: scale(-1); }

.faq__hide-content {
  display: none; }

.faq__item--content {
  border-bottom: 1px solid #ababab;
  background-color: #fff;
  padding: 15px; }

.faq__btn {
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }

.faq__btn-text {
  /* How long will my project take? */
  font-family: var(--pr-font);
  font-style: normal;
  font-weight: 700;
  font-size: var(--fsz-18);
  line-height: 1;
  text-align: left;
  color: #100F0D; }

.faq__btn-icon-wrapper {
  width: 1vw;
  height: auto;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 1vw;
  flex: 0 0 1vw;
  position: relative; }

.faq__btn-icon {
  width: 100%;
  height: auto;
  -o-object-fit: contain;
  object-fit: contain;
  -webkit-transition: all 0.1s linear;
  -o-transition: all 0.1s linear;
  transition: all 0.1s linear; }

._open {
  opacity: 1; }

._close {
  opacity: 0; }

.faq__hide-content {
  font-family: var(--pr-font);
  font-style: normal;
  font-weight: 400;
  font-size: var(--fsz-18);
  line-height: 1.3;
  /* or 133% */
  text-align: left;
  color: #000000;
  padding-top: 30px; }

.faq__media {
  margin-left: auto;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 45%;
  flex: 0 0 45%;
  width: 45%;
  height: 100%; }
  .faq__media img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover; }

.blog {
  background-color: #F6F6F6; }

.blog__top {
  position: relative;
  padding-top: 10vh;
  background: -webkit-gradient(linear, left top, right top, from(#62AD40), to(#000000));
  background: -webkit-linear-gradient(left, #62AD40 0%, #000000 100%);
  background: -o-linear-gradient(left, #62AD40 0%, #000000 100%);
  background: linear-gradient(90deg, #62AD40 0%, #000000 100%);
  padding-bottom: 18.5vw;
  margin-bottom: -16vw; }
  .blog__top::after {
    content: '';
    display: block;
    position: absolute;
    z-index: 2;
    bottom: -1px;
    right: -1px;
    width: 0;
    height: 0;
    border-bottom: 12.5vw solid #F6F6F6;
    border-left: 12.5vw solid transparent; }
  .blog__top ._inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }

.blog__title {
  /* We Are a Full-blog
Remodeling Company
in Los Angeles, LA */
  max-width: 40%;
  font-family: var(--pr-font);
  font-style: normal;
  font-weight: 400;
  font-size: var(--fsz-36);
  line-height: 1.1;
  /* or 111% */
  text-align: left;
  text-transform: uppercase;
  color: #FFFFFF; }

.blog__btn {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 31.33%;
  flex: 0 0 31.33%; }

.blog__bottom {
  padding-bottom: 10vh; }

.blog__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  gap: 3%;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.blog__item {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 31.33%;
  flex: 0 0 31.33%;
  position: relative;
  background-color: #fff;

}
.blog__item a{
  display: flex;
  height: 100%;
  flex-direction: column;
}
  .blog__item::after {
    content: '';
    display: block;
    position: absolute;
    z-index: 2;
    bottom: -1px;
    right: -1px;
    width: 0;
    height: 0;
    border-bottom: 7vw solid #F6F6F6;
    border-left: 3vw solid transparent; }

.blog__item--image {
  flex: 0 0 16vw;
  height: 16vw;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover; }

.blog__item--content {
  flex: 0 1 100%;
  padding: 10% 5%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 20px; }

.blog__item--title {
  /* Windows
and Doors */
  font-family: var(--pr-font);
  font-style: normal;
  font-weight: 900;
  font-size: var(--fsz-30);
  line-height: 1;
  /* or 100% */
  text-align: left;
  text-transform: uppercase;
  color: #000000; }

.blog__item--text {
  /* Expert windows and doors installation for energy efficiency, security, and curb appeal—done right the first time. */
  font-family: var(--pr-font);
  font-style: normal;
  font-weight: 400;
  font-size: var(--fsz-24);
  line-height: 1.2;
  /* or 125% */
  text-align: left;
  color: #000000;
  display: -webkit-box;
  /* Required for webkit-box-orient to work */
  -webkit-box-orient: vertical;
  /* Stacks lines vertically */
  -webkit-line-clamp: 4;
  /* Limits the text to 3 lines */
  overflow: hidden;
  /* Hides the overflowing text */
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
margin-bottom: 3vh;
}

.blog__item--btn {
  /* Rectangle 136 */
  /* margin-top: 40px; */
  margin-top: auto !important;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 30px;
  padding: 15px 20px;
  border: 2px solid #000000; 
  
  
position: relative;
overflow: hidden;

cursor: pointer;
}
.blog__item--btn::after{
content: '';
position: absolute;
width: 100%;
height: 100%;
top: 50%;
transform: translateY(-50%);
left: -100%;
background-color: #66B543;
transition: all 0.3s linear;
z-index: 0;
}
.blog__item--btn:hover::after{
left: 0%;
}
.blog__item--btn:hover img {
    filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(239deg) brightness(56%) contrast(145%);
}





  .blog__item--btn img {
    width: 10px !important;
    height: auto;
    -o-object-fit: contain;
    object-fit: contain;
position: relative;
z-index: 2;
}

.blog__item--btn-text {
    position: relative;
z-index: 2;
  /* Learn more */
  font-family: var(--pr-font);
  font-style: normal;
  font-weight: 400;
  font-size: var(--fsz-18);
  line-height: 1;
  text-transform: uppercase;
  color: #000000;
  margin-bottom: -3px; }

.service-page ._btn {
  border-color: #fff; }

.service-page .baner__footer-content {
  padding: 10vh 0;
  background: -webkit-gradient(linear, left top, right top, from(#66B543), color-stop(62.92%, #000000));
  background: -webkit-linear-gradient(left, #66B543 0%, #000000 62.92%);
  background: -o-linear-gradient(left, #66B543 0%, #000000 62.92%);
  background: linear-gradient(90deg, #66B543 0%, #000000 62.92%);
  position: relative; }
  .service-page .baner__footer-content::after {
    content: '';
    display: block;
    position: absolute;
    z-index: 2;
    top: unset;
    /* bottom: -1px; */
    bottom: 0px;
    right: -1px;
    width: 0;
    height: 0;
    border: none;
    border-bottom: 12.5vw solid #F6F6F6;
    border-left: 12.5vw solid transparent; }
  .service-page .baner__footer-content::before {
    content: '';
    display: block;
    position: absolute;
    z-index: 2;
    /* bottom: -1px; */
    bottom: 0px;
    left: -1px;
    width: 0;
    height: 0;
    border-bottom: 12.5vw solid #F6F6F6;
    border-right: 12.5vw solid transparent; }

.service-page .baner__footer-content--text {
  width: 55%;
  margin: 0 auto;
  font-family: var(--pr-font);
  font-style: normal;
  font-weight: 400;
  font-size: var(--fsz-24);
  line-height: 1.2;
  /* or 125% */
  text-align: left;
  color: #FFFFFF; }

.baner__link-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  gap: 30px;
  margin-top: 30px; }

._link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  gap: 5px; }

._link-icon {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 30px;
  flex: 0 0 30px;
  width: 30px;
  height: auto;
  -o-object-fit: contain;
  object-fit: contain; }

._link-text {
  /* +1 (626) 631-7028 */
  text-align: left;
  font-family: var(--pr-font);
  font-style: normal;
  font-weight: 400;
  font-size: var(--fsz-24);
  line-height: 1;
  color: #FFFFFF; }

.service-page__about {
  padding-top: 15vh;
  position: relative; }
  .service-page__about::after {
    content: '';
    display: block;
    position: absolute;
    z-index: 2;
    /* top: -1px; */
    top: 0px;
    right: -1px;
    width: 0;
    height: 0;
    border: none;
    border-top: 12.5vw solid #F6F6F6;
    border-left: 12.5vw solid transparent; }
  .service-page__about::before {
    content: '';
    display: block;
    position: absolute;
    z-index: 2;
    /* top: -1px; */
    top: 0px;
    left: -1px;
    width: 0;
    height: 0;
    border-top: 12.5vw solid #F6F6F6;
    border-right: 12.5vw solid transparent; }
  .service-page__about ._inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-bottom: 7vh;
    margin-bottom: 5vh;
    border-bottom: 1px solid #000000; }

.service-page__about-content {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 45%;
  flex: 0 0 45%;
  width: 45%; }

.service-page__about-text {
  /* Energy-efficient windows are specially designed to minimize heat transfer between the interior and exterior of a building. They are constructed with advanced materials and technologies that reduce heat gain during summer and heat loss during winter. These windows provide superior insulation, preventing drafts and maintaining a comfortable indoor temperature year-round. By reducing the need for heating and cooling, energy-efficient windows can significantly lower energy bills and decrease the environmental impact of your home. */
  font-family: var(--pr-font);
  font-style: normal;
  font-weight: 400;
  font-size: var(--fsz-18);
  line-height: 1.3;
  /* or 133% */
  text-align: left;
  color: #000000; }

.service-page__about-media {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 45%;
  flex: 0 0 45%;
  width: 45%;
  position: relative; }
  .service-page__about-media::after {
    content: '';
    display: block;
    position: absolute;
    z-index: 2;
    bottom: -1px;
    right: -1px;
    width: 0;
    height: 0;
    border-bottom: 7vw solid #fff;
    border-left: 3vw solid transparent; }
  .service-page__about-media img {
    width: 100%;
    height: auto;
    -o-object-fit: contain;
    object-fit: contain; }

.service-benefitss {
  padding-bottom: 10vh;
  position: relative; }
  .service-benefitss::after {
    content: '';
    display: block;
    position: absolute;
    z-index: 2;
    top: unset;
    /* bottom: -1px; */
    bottom: 0px;
    right: -1px;
    width: 0;
    height: 0;
    border: none;
    border-bottom: 12.5vw solid #F6F6F6;
    border-left: 12.5vw solid transparent; }
  .service-benefitss::before {
    content: '';
    display: block;
    position: absolute;
    z-index: 2;
    /* bottom: -1px; */
    bottom: 0px;
    left: -1px;
    width: 0;
    height: 0;
    border-bottom: 12.5vw solid #F6F6F6;
    border-right: 12.5vw solid transparent; }

.service-benefitss__title {
  margin-bottom: 4vh; }

.service-benefitss__filter-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 2%;
  margin-bottom: 5vh; }

.service-benefitss__filter-btn {
  cursor: pointer;
  -webkit-box-flex: 1;
  -ms-flex: 1 0 max-content;
  flex: 1 0 max-content;
  /* Rectangle 168 */
  height: 60px;
  padding: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border: 1px solid #63B041;
  font-family: var(--pr-font);
  font-style: normal;
  font-weight: 400;
  font-size: var(--fsz-18);
  line-height: 1;
  text-align: center;
  text-transform: uppercase;
  color: #63B041;
  background-color: transparent;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear; }
  .service-benefitss__filter-btn._active {
    color: #fff;
    background-color: #63B041; }
  .service-benefitss__filter-btn:hover {
    color: #fff;
    background-color: #63B041; }

.service-benefitss__content-block {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  display: none; }
  .service-benefitss__content-block._active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    .service-benefitss__content-block._active .service-benefitss__content-wrapper {
      -webkit-animation: fadeIn 0.3s ease-in forwards;
      animation: fadeIn 0.3s ease-in forwards; }
    .service-benefitss__content-block._active .service-benefitss__content-media {
      -webkit-animation: fadeIn 0.3s ease-in forwards;
      animation: fadeIn 0.3s ease-in forwards; }

@-webkit-keyframes fadeInR {
  from {
    opacity: 0;
    -webkit-transform: translateX(10%);
    transform: translateX(10%); }
  to {
    opacity: 1;
    -webkit-transform: translateX(0%);
    transform: translateX(0%); } }

@keyframes fadeInR {
  from {
    opacity: 0;
    -webkit-transform: translateX(10%);
    transform: translateX(10%); }
  to {
    opacity: 1;
    -webkit-transform: translateX(0%);
    transform: translateX(0%); } }

@-webkit-keyframes fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@keyframes fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

.service-benefitss__content-wrapper {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 45%;
  flex: 0 0 45%;
  width: 45%;
  opacity: 0;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear; }

.service-benefitss__content-title {
  font-family: var(--pr-font);
  font-style: normal;
  font-weight: 900;
  font-size: var(--fsz-36);
  line-height: 1;
  text-align: left;
  text-transform: uppercase;
  color: #000000;
  margin-bottom: 3vh; }

.service-benefitss__content-text {
  /* One of the most significant advantages of energy-efficient windows is the potential for substantial energy savings. These windows effectively prevent heat transfer, reducing the need for excessive heating or cooling. By reducing the reliance on HVAC systems, homeowners can experience a significant decrease in their energy bills. */
  font-family: var(--pr-font);
  font-style: normal;
  font-weight: 400;
  font-size: var(--fsz-18);
  line-height: 1.3;
  /* or 133% */
  text-align: left;
  color: #000000; }

.service-benefitss__content-media {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 45%;
  flex: 0 0 45%;
  width: 45%;
  position: relative; }
  .service-benefitss__content-media::after {
    content: '';
    display: block;
    position: absolute;
    z-index: 2;
    bottom: -1px;
    right: -1px;
    width: 0;
    height: 0;
    border-bottom: 7vw solid #fff;
    border-left: 3vw solid transparent; }
  .service-benefitss__content-media img {
    width: 100%;
    height: auto;
    -o-object-fit: contain;
    object-fit: contain; }

.service-why-choose {
  position: relative; }
  .service-why-choose::after {
    content: '';
    display: block;
    position: absolute;
    z-index: 2;
    /* top: -1px; */
    top: 0px;
    right: -1px;
    width: 0;
    height: 0;
    border: none;
    border-top: 12.5vw solid #F6F6F6;
    border-left: 12.5vw solid transparent; }
  .service-why-choose::before {
    content: '';
    display: block;
    position: absolute;
    z-index: 2;
    /* top: -1px; */
    top: 0px;
    left: -1px;
    width: 0;
    height: 0;
    border-top: 12.5vw solid #F6F6F6;
    border-right: 12.5vw solid transparent; }
  .service-why-choose ._inner {
    position: relative;
    z-index: 2; }
  .service-why-choose ._conteiner {
    position: relative;
    padding: 15vh 0 7vh; }
  .service-why-choose .owl-theme .owl-nav {
    margin: 0 auto;
    margin-top: 5vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    gap: 10px; }
  .service-why-choose .owl-carousel .owl-nav button.owl-prev,
  .service-why-choose .owl-carousel .owl-nav button.owl-next {
    width: 60px;
    height: 60px;
    background-color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative; }
    .service-why-choose .owl-carousel .owl-nav button.owl-prev span,
    .service-why-choose .owl-carousel .owl-nav button.owl-next span {
      display: none; }
    .service-why-choose .owl-carousel .owl-nav button.owl-prev::after,
    .service-why-choose .owl-carousel .owl-nav button.owl-next::after {
      content: '';
      width: 40%;
      height: 40%;
      display: block;
      -o-object-fit: contain;
      object-fit: contain;
      background-position: center;
      background-repeat: no-repeat;
      background-size: contain; }
  .service-why-choose button.owl-next::after {
    background-image: url(../img/arr-r-g.svg); }
  .service-why-choose button.owl-prev::after {
    background-image: url(../img/arr-l-g.svg); }

.service-why-choose__fon {
  top: 0;
  left: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #000; }
  .service-why-choose__fon img {
    margin-left: auto;
    width: 50%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover; }

.service-why-choose__title {
  color: #fff;
  font-weight: 400;
  width: 40%;
  margin-right: auto; }
  .service-why-choose__title ._gr {
    font-weight: 900; }

.service-why-choose__text {
  /* GT Remodeling is a trusted provider of high-quality home improvement solutions, including energy-efficient windows. When you choose GT Remodeling, you can expect: */
  font-family: var(--pr-font);
  font-style: normal;
  font-weight: 400;
  font-size: var(--fsz-18);
  line-height: 1.3;
  /* or 133% */
  text-align: left;
  color: #FFFFFF;
  width: 40%;
  margin-right: auto; }

.service-why-choose__slider {
  margin-top: 5vh; }

.service-why-choose__slide {
  position: relative;
  padding: 5% 5% 10%;
  margin: 0 2%; }

.service-why-choose__slide--fon {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  z-index: -1; }
  .service-why-choose__slide--fon::after {
    content: '';
    display: block;
    /* margin-top: -1px; */
    width: 100%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 5vw;
    flex: 0 0 5vw;
    background-image: url(../img/service-chose-fon.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top right;
  opacity: 0.8;
  }
  .service-why-choose__slide--fon::before {
    content: '';
    display: block;
    width: 100%;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 100%;
    flex: 0 1 100%;
    background: #FFFFFF;
opacity: 0.8;
  
  }

.service-why-choose__slide-icon {
  width: 3vw !important;
  height: 3vw;
  -o-object-fit: contain;
  object-fit: contain;
  margin-right: auto;
  margin-bottom: 2vh;

}

.service-why-choose__slide-title {
  /* */
  font-family: var(--pr-font);
  font-style: normal;
  font-weight: 900;
  font-size: var(--fsz-30);
  line-height: 1;
  text-align: left;
  text-transform: uppercase;
  color: #000000;
  margin-bottom: 3vh; }

.service-why-choose__slide-text {
  /*  */
  font-family: var(--pr-font);
  font-style: normal;
  font-weight: 400;
  font-size: var(--fsz-18);
  line-height: 1.3;
  /* or 133% */
  color: #000000;
  text-align: left; }

.service-experience {
  padding: 15vh 0;
  background-color: #000;
  position: relative; }
  .service-experience::after {
    content: '';
    display: block;
    position: absolute;
    z-index: 2;
    top: unset;
    /* bottom: -1px; */
    bottom: 0px;
    right: -1px;
    width: 0;
    height: 0;
    border: none;
    border-bottom: 12.5vw solid #fff;
    border-left: 12.5vw solid transparent; }
  .service-experience::before {
    content: '';
    display: block;
    position: absolute;
    z-index: 2;
    /* bottom: -1px; */
    bottom: 0px;
    left: -1px;
    width: 0;
    height: 0;
    border-bottom: 12.5vw solid #fff;
    border-right: 12.5vw solid transparent; }
  .service-experience ._inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }

.service-experience__media {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 49%;
  flex: 0 0 49%;
  width: 49%;
  position: relative; }
  .service-experience__media::after {
    content: '';
    display: block;
    position: absolute;
    z-index: 2;
    bottom: -1px;
    right: -1px;
    width: 0;
    height: 0;
    border-bottom: 7vw solid #000;
    border-left: 3vw solid transparent; }
  .service-experience__media img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover; }

.service-experience__content {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 49%;
  flex: 0 0 49%;
  width: 49%; }

.service-experience__title {
  color: #fff;
  font-weight: 400; }
  .service-experience__title ._gr {
    font-weight: 900; }

.service-experience__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 5%;
  padding: 5% 0;
  border-bottom: 1px solid #fff; }

.service-experience__item-title,
.service-experience__item-text {
  -webkit-box-flex: 0;
  -ms-flex: 0 1 100%;
  flex: 0 1 100%;
  /* New Composition Roof Workmanship Warranty */
  font-family: var(--pr-font);
  font-style: normal;
  font-weight: 400;
  font-size: var(--fsz-20);
  line-height: 1.2;
  /* identical to box height, or 120% */
  text-align: left;
  color: #FFFFFF; }

.service-experience__item-text {
  text-align: right;
  -webkit-box-flex: 1;
  -ms-flex: 1 0 max-content;
  flex: 1 0 max-content; }

.service-project {
  padding-top: 15vh;
  padding-bottom: 7vh;
  background-color: #F6F6F6; }
  .service-project .owl-theme .owl-dots {
    margin-top: 80px;
    padding: 0 65px; }
  .service-project .owl-theme .owl-dots .owl-dot span {
    margin: 0 5px;
    width: 17px;
    height: 17px;
    border-radius: 50%;
    border: 2px solid #000000;
    background-color: transparent; }
  .service-project .owl-theme .owl-dots .owl-dot.active span, .service-project .owl-theme .owl-dots .owl-dot:hover span {
    border: 2px solid #61AC40;
    background: #61AC40; }
  .service-project .owl-theme .owl-nav {
    position: absolute;
    bottom: 19px;
    margin-top: 0;
    height: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%; }
  .service-project .owl-carousel .owl-nav button.owl-prev,
  .service-project .owl-carousel .owl-nav button.owl-next {
    width: 60px;
    height: 60px;
    background-color: #000;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative; }
    .service-project .owl-carousel .owl-nav button.owl-prev span,
    .service-project .owl-carousel .owl-nav button.owl-next span {
      display: none; }
    .service-project .owl-carousel .owl-nav button.owl-prev::after,
    .service-project .owl-carousel .owl-nav button.owl-next::after {
      content: '';
      width: 40%;
      height: 40%;
      display: block;
      -o-object-fit: contain;
      object-fit: contain;
      background-position: center;
      background-repeat: no-repeat;
      background-size: contain; }
  .service-project button.owl-next::after {
    background-image: url(../img/arr-r-g.svg); }
  .service-project button.owl-prev::after {
    background-image: url(../img/arr-l-g.svg); }

.service-project__title {
  font-weight: 400; }
  .service-project__title ._gr {
    font-weight: 900; }

.service-project__slider {
  margin-top: 5vh; }

.service-page .testimonials__top::after {
  content: '';
  display: block;
  position: absolute;
  z-index: 2;
  /* top: -1px; */
  top: 0px;
  right: -1px;
  width: 0;
  height: 0;
  border: none;
  border-top: 12.5vw solid #fff;
  border-left: 12.5vw solid transparent; }

.service-page .testimonials__top::before {
  content: '';
  display: block;
  position: absolute;
  z-index: 2;
  top: 0px;
  /* top: -1px; */
  left: -1px;
  width: 0;
  height: 0;
  border-top: 12.5vw solid #fff;
  border-right: 12.5vw solid transparent; }

.blog-page .blog__top {
  background: -webkit-gradient(linear, left top, right top, from(#66B543), color-stop(62.92%, #000000));
  background: -webkit-linear-gradient(left, #66B543 0%, #000000 62.92%);
  background: -o-linear-gradient(left, #66B543 0%, #000000 62.92%);
  background: linear-gradient(90deg, #66B543 0%, #000000 62.92%); }

.blog-page .blog__list {
  gap: 3%;
  row-gap: 2vw; }

.blog-page .testimonials__top::after {
  content: '';
  display: block;
  position: absolute;
  z-index: 2;
  top: -1px;
  right: -1px;
  width: 0;
  height: 0;
  border-top: 12.5vw solid #F6F6F6;
  border-left: 12.5vw solid transparent; }

.blog-page .blog__item {
  display: none;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear; }
  .blog-page .blog__item._active {
    display: block; }

.blog__filter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  gap: 20px;
  row-gap: 20px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.blog__filter-btn {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 max-content;
  flex: 0 0 max-content;
  padding: 0 20px;
  cursor: pointer;
  /* Rectangle 203 */
  background-color: transparent;
  height: 60px;
  border: 2px solid #63B041;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-family: var(--pr-font);
  font-style: normal;
  font-weight: 400;
  font-size: var(--fsz-18);
  line-height: 18px;
  text-align: center;
  text-transform: uppercase;
  color: #FFFFFF;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear; }
  .blog__filter-btn._active, .blog__filter-btn:hover {
    background-color: #63B041; }

.article-page .testimonials__top::after {
  content: '';
  display: block;
  position: absolute;
  z-index: 2;
  top: -1px;
  right: -1px;
  width: 0;
  height: 0;
  border-top: 12.5vw solid #F6F6F6;
  border-left: 12.5vw solid transparent; }

.article-section ._inner {
  width: 55%; }

.article-section {
  background-color: #F6F6F6;
  position: relative;
  padding-bottom: 7vh; }
  .article-section::after {
    content: '';
    display: block;
    position: absolute;
    z-index: 2;
    bottom: calc(7vh - 2px);
    right: -1px;
    width: 0;
    height: 0;
    border: none;
    border-bottom: 12.5vw solid #F6F6F6;
    border-left: 12.5vw solid transparent; }
  .article-section::before {
    content: '';
    display: block;
    position: absolute;
    z-index: 2;
    bottom: calc(7vh - 2px);
    left: -1px;
    width: 0;
    height: 0;
    border-bottom: 12.5vw solid #F6F6F6;
    border-right: 12.5vw solid transparent; }

.article-page__title {
  padding: 10vh 0;
  margin: 0 auto;
  font-family: var(--pr-font);
  font-style: normal;
  font-weight: 700;
  font-size: var(--fsz-30);
  line-height: 1.2;
  /* or 120% */
  text-transform: uppercase;
  text-align: left;
  color: #000000; }

.article__content-wrapper {
  background-color: #fff;
  position: relative; }
  .article__content-wrapper::after {
    content: '';
    display: block;
    position: absolute;
    z-index: 2;
    top: -1px;
    right: -1px;
    width: 0;
    height: 0;
    border: none;
    border-top: 12.5vw solid #F6F6F6;
    border-left: 12.5vw solid transparent; }
  .article__content-wrapper::before {
    content: '';
    display: block;
    position: absolute;
    z-index: 2;
    top: -1px;
    left: -1px;
    width: 0;
    height: 0;
    border-top: 12.5vw solid #F6F6F6;
    border-right: 12.5vw solid transparent; }

.article__content {
  padding: 7vh 0; }

.contact-page ._conteiner {
  position: relative; }
.contact-page-baner__footer .fixed-form{
    display: none !important;
}
.contact-page-baner__footer {
  margin-bottom: -2px;
  background: -webkit-gradient(linear, left top, right top, from(#66B543), color-stop(62.92%, #000000));
  background: -webkit-linear-gradient(left, #66B543 0%, #000000 62.92%);
  background: -o-linear-gradient(left, #66B543 0%, #000000 62.92%);
  background: linear-gradient(90deg, #66B543 0%, #000000 62.92%);
  position: relative; }
  .contact-page-baner__footer::after {
    content: '';
    display: block;
    position: absolute;
    z-index: 2;
    /* bottom: -1px; */
    bottom: 0px;
    right: -1px;
    width: 0;
    height: 0;
    border-bottom: 12.5vw solid #F6F6F6;
    border-left: 12.5vw solid transparent; }
  .contact-page-baner__footer .fixed-form {
    position: static;
    bottom: unset;
    width: 100%;
    -webkit-transform: unset;
    -ms-transform: unset;
    transform: unset;
    opacity: 1;
    background: unset; }

.contact-page-baner__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 5vh 0; }

.contact-page-baner__item {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 27%;
  flex: 0 0 27%; }

.contact-page-baner__link {
  width: 100%;
  display: block; }

.contact-page-baner__icon {
  width: 3vw;
  height: 3vw;
  margin-bottom: 3vh; }

.contact-page-baner__title {
  font-family: var(--pr-font);
  font-style: normal;
  font-weight: 400;
  font-size: var(--fsz-18);
  line-height: 1;
  /* identical to box height, or 133% */
  text-align: left;
  color: #FFFFFF;
  margin-bottom: 1vh; }

.contact-page-baner__text {
  text-align: left;
  font-family: var(--pr-font);
  font-style: normal;
  font-weight: 400;
  font-size: var(--fsz-24);
  line-height: 1;
  text-transform: uppercase;
  color: #FFFFFF; }

.contact {
  position: relative; }
  .contact::after {
    content: '';
    display: block;
    position: absolute;
    z-index: 2;
    top: -1px;
    /* top: 0px; */
    right: -1px;
    width: 0;
    height: 0;
    border-top: 12.5vw solid #F6F6F6;
    border-left: 12.5vw solid transparent; }

.contact__fon {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover; }

.contact__fon-contact-page {
  display: none; }
.contact__fon-contact-page._desctop {
  display: none !important; }

.contact-page-footer .contact__fon {
  display: none; }

.contact-page-footer .contact__fon-contact-page._desctop {
  display: block !important; }

.contact__content {
  padding: 10vh 0;
  position: relative;
  z-index: 2;
  width: 50%;
  margin-left: auto;
  padding-right: 12.5%; }

.contact__title {
  /*  */
  font-family: var(--sc-font);
  font-style: normal;
  font-weight: 800;
  font-size: var(--fsz-48);
  line-height: 1;
  text-align: left;
  text-transform: uppercase;
  color: #FFFFFF;
  margin-bottom: 2vh; }

.contact__text {
  /*  */
  font-family: var(--pr-font);
  font-style: normal;
  font-weight: 400;
  font-size: var(--fsz-24);
  line-height: 1.2;
  /* or 125% */
  text-align: left;
  color: #FFFFFF;
  margin-bottom: 4vh; }

.contact__form-wrapper input, .contact__form-wrapper textarea, .contact__form-wrapper select {
  padding: 0;
  margin: 0;
  width: 100%;
  height: 100%;
  background: transparent;
  border: unset;
  border-radius: unset;
  /* Name */
  font-family: var(--pr-font);
  font-style: normal;
  font-weight: 400;
  font-size: var(--fsz-16);
  line-height: 1;
  text-align: left;
  color: #FFFFFF;
  resize: none; }
  .contact__form-wrapper input::-webkit-input-placeholder, .contact__form-wrapper textarea::-webkit-input-placeholder, .contact__form-wrapper select::-webkit-input-placeholder {
    font-family: var(--pr-font);
    font-style: normal;
    font-weight: 400;
    font-size: var(--fsz-16);
    line-height: 1;
    text-align: left;
    color: #FFFFFF; }
  .contact__form-wrapper input:-ms-input-placeholder, .contact__form-wrapper textarea:-ms-input-placeholder, .contact__form-wrapper select:-ms-input-placeholder {
    font-family: var(--pr-font);
    font-style: normal;
    font-weight: 400;
    font-size: var(--fsz-16);
    line-height: 1;
    text-align: left;
    color: #FFFFFF; }
  .contact__form-wrapper input::-ms-input-placeholder, .contact__form-wrapper textarea::-ms-input-placeholder, .contact__form-wrapper select::-ms-input-placeholder {
    font-family: var(--pr-font);
    font-style: normal;
    font-weight: 400;
    font-size: var(--fsz-16);
    line-height: 1;
    text-align: left;
    color: #FFFFFF; }
  .contact__form-wrapper input::placeholder, .contact__form-wrapper textarea::placeholder, .contact__form-wrapper select::placeholder {
    font-family: var(--pr-font);
    font-style: normal;
    font-weight: 400;
    font-size: var(--fsz-16);
    line-height: 1;
    text-align: left;
    color: #FFFFFF; }

.contact__form-wrapper option {
  color: #010001; }

.contact__form-wrapper form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.footer__form--item {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 48%;
  flex: 0 0 48%;
  width: 48%;
  height: 50px;
  border-bottom: 1px solid #fff;
  margin-top: 20px; }

.footer__form--item-message {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  width: 100%;
  height: auto; }
  .footer__form--item-message textarea {
    height: 80px; }

.footer__form--item-message---title {
  font-family: var(--pr-font);
  font-style: normal;
  font-weight: 400;
  font-size: var(--fsz-16);
  line-height: 1;
  text-align: left;
  color: #FFFFFF;
  margin-bottom: 15px;
  margin-top: 20px; }

.footer__form--item---checkbox {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  width: 100%;
  border: unset;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  gap: 10px; }

  .footer__form--item---checkbox input {
    width: 15px;
    height: 15px !important;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 15px;
    flex: 0 0 15px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: transparent;
    border: 1px solid #66B543;
    accent-color: #66B543; }
    .footer__form--item---checkbox input:checked {
      -webkit-appearance: auto;
      -moz-appearance: auto;
      appearance: auto; }

.footer__form--item---checkbox-text {
  /* */
  text-align: left;
  font-family: var(--pr-font);
  font-style: normal;
  font-weight: 400;
  font-size: var(--fsz-14);
  line-height: 1;
  /* or 167% */
  color: #FFFFFF; }
  .footer__form--item---checkbox-text a {
    font-family: var(--pr-font);
    font-style: normal;
    font-weight: 400;
    font-size: var(--fsz-14);
    line-height: 1;
    /* or 167% */
    color: #FFFFFF;
    text-decoration: underline; }

.footer__form--item--submit {
  margin-top: 20px;
  width: 100%;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  height: 60px;
  border: 2px solid #63B041;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  
  overflow: hidden;

cursor: pointer;
}
.footer__form--item--submit::after{
content: '';
position: absolute;
width: 100%;
height: 100%;
top: 50%;
transform: translateY(-50%);
left: -100%;
background-color: #66B543;
transition: all 0.3s linear;
z-index: 0;
}
.footer__form--item--submit:hover::after{
left: 0%;
}



  .footer__form--item--submit input {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: 0; }

.footer__form--item--submit-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 10px;
  font-family: var(--pr-font);
  font-style: normal;
  font-weight: 400;
  font-size: var(--fsz-18);
  line-height: 1;
  text-transform: uppercase;
  color: #FFFFFF;
  position: relative;
z-index: 2;
}
  .footer__form--item--submit-text::after {
    content: '';
    width: 20px;
    height: 20px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20px;
    flex: 0 0 20px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url(../img/arr-r-w.svg);
  position: relative;
z-index: 2;
 }




    /*  */
    /*  */
   form p{
    margin: 0;
    padding: 0;
    /* position: relative; */
   }
   .fixed-form--item,
   .footer__form--item{
position: relative;
   }
   /* .fixed-form__form-wrapper */
   .fixed-form--item p,
.fixed-form--item span,
.fixed-form--item input,
   .footer__form--item p,
.footer__form--item span,
.footer__form--item input{
  height: 100%;
  margin: 0;
}
  .footer__form--item---checkbox .wpcf7-list-item-label{
  display: none;
  }
  .wpcf7-not-valid-tip {
    position: absolute;
    width: max-content;
    font-family: var(--pr-font);
}
.fixed-form--item---submit > p{
  width: 100%;
  height: 100%;
}
.footer__form--item--submit > p{
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;left: 0;
}
.wpcf7-spinner {
  
    position: absolute;
    bottom: 0;
    margin: 0;
}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
    border: none;
    color: red;
    font-family: var(--pr-font);
    margin: 0;
    padding: 0;
}
.fixed-form__form-wrapper .wpcf7-not-valid-tip {
    top: 0;
    transform: translateY(-100%);
}
.fixed-form__form-wrapper .wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
    flex: 0 0 100%;
    margin-top: 10px;
}


    /*  */
    /*  */
.footer {
  background-color: #63B041;
  padding: 10vh 0 0;
  position: relative; }
  .footer::after {
    content: '';
    display: block;
    position: absolute;
    z-index: 2;
    top: -1px;
    right: -1px;
    width: 0;
    height: 0;
    border-top: 12.5vw solid #000;
    border-left: 12.5vw solid transparent; }

.footer__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }

.footer__block {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 22%;
  flex: 0 0 22%;
  width: 22%; }

.footer__logo {
  width: 60%;
  -o-object-fit: contain;
  object-fit: contain;
  margin-bottom: 20px; }

.footer__text {
  font-family: var(--pr-font);
  font-style: normal;
  font-weight: 400;
  font-size: var(--fsz-16);
  line-height: 1.2;
  /* or 125% */
  text-align: left;
  color: #FFFFFF; }

.footer__block-title {
  /* Useful Links */
  font-family: var(--pr-font);
  font-style: normal;
  font-weight: 900;
  font-size: var(--fsz-24);
  line-height: 1.2;
  text-transform: uppercase;
  text-align: left;
  color: #FFFFFF;
  margin-top: 10px;
  margin-bottom: 15px; }

.footer__block-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  row-gap: 10px; }

.footer__block-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  gap: 10px;
  font-family: var(--pr-font);
  font-style: normal;
  font-weight: 400;
  font-size: var(--fsz-18);
  line-height: 1;
  text-transform: uppercase;
  color: #FFFFFF;
  text-align: left; }

.footer__block-link--icon {
  width: 20px;
  height: 20px;
  -o-object-fit: contain;
  object-fit: contain;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 20px;
  flex: 0 0 20px; }

.footer__block-link--text {
  font-family: var(--pr-font);
  font-style: normal;
  font-weight: 400;
  font-size: var(--fsz-18);
  line-height: 1.2;
  text-transform: uppercase;
  color: #FFFFFF;
  text-align: left; }

.footer__bottom {
  margin-top: 10vh;
  border-top: 2px solid #fff;
  padding: 6vh 0;
display: flex;
width: 100%;
align-items: center;
justify-content: space-between;
}
.footer__bottom--btns {
    display: flex;
    align-items: center;
    /* justify-content: flex-start; */
    gap: 1vw;
    width: max-content;
    flex: 0 0 max-content;
}
.footer__bottom--btns a {
    font-family: var(--pr-font);
  font-style: normal;
  font-weight: 400;
  font-size: var(--fsz-16);
  line-height: 1;
  color: #FFFFFF;
  text-align: right;

  text-decoration: underline;
}
.footer__bottom--text {
  font-family: var(--pr-font);
  font-style: normal;
  font-weight: 400;
  font-size: var(--fsz-16);
  line-height: 1;
  color: #FFFFFF;
  text-align: left; }
.service-why-choose .owl-carousel .owl-stage{
  display: flex;
  align-items: stretch;
}
.service-why-choose__slide{
  height: 100%;
}
@media (max-width: 1700px) {
  :root {
    --fsz-72: 58px;
    --fsz-48: 40px;
    --fsz-36: 28px;
    --fsz-30: 22px;
    --fsz-24: 20px;
    --fsz-20: 18px;
    --fsz-18: 16px;
    --fsz-16: 14px;
    --fsz-14: 12px; }
  .header ._inner {
    height: 70px; }
  .header__center {
    padding: 0 25px; }
  .header-menu {
    padding-left: 20px;
    padding-right: 35px; }
  .header__center::before {
    border-bottom: 70px solid #66B543;
    border-left: 25px solid transparent; }
  .header__center::after {
    border-top: 70px solid #fff;
    border-right: 25px solid transparent; }
  /* .baner {
    padding-top: 70px; } */
    .home-page .baner {
padding-top: 70px;
 }
  .header-contacts__link {
    gap: 7px;
    padding: 0 15px; }
  .baner__btn {
    padding: 15px 20px; }
  .baner__btn-wrapper {
    -webkit-transform: translateY(-14px);
    -ms-transform: translateY(-14px);
    transform: translateY(-14px); }
  .service-project .owl-carousel .owl-nav button.owl-prev, .service-project .owl-carousel .owl-nav button.owl-next,
  .service-why-choose .owl-carousel .owl-nav button.owl-prev, .service-why-choose .owl-carousel .owl-nav button.owl-next,
  .desing .owl-carousel .owl-nav button.owl-prev, .desing .owl-carousel .owl-nav button.owl-next,
  .testimonials .owl-carousel .owl-nav button.owl-prev, .testimonials .owl-carousel .owl-nav button.owl-next,
  .service .owl-carousel .owl-nav button.owl-prev, .service .owl-carousel .owl-nav button.owl-next {
    width: 50px;
    height: 50px; }
  .blog__item--content,
  .service__slide--content {
    gap: 15px; }
  .blog__item--btn,
  .service__slide--btn {
    /* margin-top: 20px; */
    /* margin-top: auto; */
    gap: 30px;
    padding: 15px 20px; }
  .fixed-form--item {
    height: 40px; }
  .fixed-form--item---submit::after {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 40px;
    flex: 0 0 40px;
    width: 40px;
    height: 40px; }
  .fixed-form__bottom-text, .fixed-form__bottom-link {
    font-size: 12px; }
  .fixed-form ._inner {
    padding: 10px 0;
    gap: 10px; }
  .testimonials__slide--about {
    gap: 2px; }
  .testimonials__slide--rating-item {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 12px;
    flex: 0 0 12px; }
  .testimonials__slide--vereficate-icon {
    width: 12px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 12px;
    flex: 0 0 12px; }
  .testimonials .owl-theme .owl-dots {
    margin-top: 60px;
    padding: 0 54px; }
  .testimonials .owl-theme .owl-nav {
    bottom: 15px; }
  ._btn {
    height: 50px;
    padding: 0 15px;
    gap: 20px; }
  .testimonials__rating-item {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 30px;
    flex: 0 0 30px;
    width: 30px; }
  .footer__form--item--submit {
    margin-top: 20px;
    height: 50px; }
  .footer__form--item--submit-text::after {
    width: 16px;
    height: 16px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16px;
    flex: 0 0 16px; }
  .baner__item-title {
    font-size: 32px; }
  ._link-icon {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25px;
    flex: 0 0 25px;
    width: 25px; }
  .blog__filter-btn,
  .service-benefitss__filter-btn {
    height: 50px; }
  .header-contacts__link-icon {
    width: 15px;
    height: 15px; } }

@media (max-width: 1500px) {
  :root {
    --fsz-72: 50px;
    --fsz-48: 32px;
    --fsz-36: 22px;
    --fsz-30: 20px;
    --fsz-24: 18px;
    --fsz-20: 16px;
    --fsz-18: 14px;
    --fsz-16: 12px;
    --fsz-14: 10px; }
  .header ._inner {
    height: 50px; }
  .header__center::before {
    border-bottom: 50px solid #66B543;
    border-left: 20px solid transparent; }
  .header__center::after {
    border-top: 50px solid #fff;
    border-right: 20px solid transparent; }
 .home-page  .baner {
    padding-top: 50px; }
  .header__center {
    padding: 0 20px; }
  .header-menu {
    padding-left: 15px;
    padding-right: 25px; }
  .header-contacts__link {
    gap: 5px;
    padding: 0 10px; }
  .baner__btn {
    padding: 10px 15px; }
  .baner__btn-wrapper {
    -webkit-transform: translateY(-13px);
    -ms-transform: translateY(-13px);
    transform: translateY(-13px); }
  .service-project .owl-carousel .owl-nav button.owl-prev, .service-project .owl-carousel .owl-nav button.owl-next,
  .service-why-choose .owl-carousel .owl-nav button.owl-prev, .service-why-choose .owl-carousel .owl-nav button.owl-next,
  .desing .owl-carousel .owl-nav button.owl-prev, .desing .owl-carousel .owl-nav button.owl-next,
  .testimonials .owl-carousel .owl-nav button.owl-prev, .testimonials .owl-carousel .owl-nav button.owl-next,
  .service .owl-carousel .owl-nav button.owl-prev, .service .owl-carousel .owl-nav button.owl-next {
    width: 45px;
    height: 45px; }
  .blog__item--content,
  .service__slide--content {
    gap: 10px; }
  .blog__item--btn,
  .service__slide--btn {
    /* margin-top: 15px; */
    gap: 25px;
    padding: 10px 15px; }
  .fixed-form--item {
    height: 35px; }
  .fixed-form--item---submit::after {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 35px;
    flex: 0 0 35px;
    width: 35px;
    height: 35px; }
  .fixed-form__bottom-text, .fixed-form__bottom-link {
    font-size: 10px; }
  .fixed-form ._inner {
    padding: 10px 0;
    gap: 10px; }
  .testimonials__slide--about {
    gap: 2px; }
  .testimonials__slide--rating-item {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 10px;
    flex: 0 0 10px; }
  .testimonials__slide--vereficate-icon {
    width: 10px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 10px;
    flex: 0 0 10px; }
  .testimonials .owl-theme .owl-dots {
    margin-top: 6vh;
    padding: 0 5.4vh; }
  .testimonials .owl-theme .owl-nav {
    bottom: 15px; }
  ._btn {
    height: 45px;
    padding: 0 15px;
    gap: 20px; }
  .testimonials__rating-item {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25px;
    flex: 0 0 25px;
    width: 25px; }
  .footer__form--item--submit {
    margin-top: 15px;
    height: 45px; }
  .footer__form--item--submit-text::after {
    width: 14px;
    height: 14px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 14px;
    flex: 0 0 14px; }
  .baner__item-title {
    font-size: 28px; }
  ._link-icon {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20px;
    flex: 0 0 20px;
    width: 20px; }
  .blog__filter-btn,
  .service-benefitss__filter-btn {
    height: 45px; } }

@media (max-width: 1350px) {
  :root {
    --fsz-72: 42px;
    --fsz-48: 26px;
    --fsz-36: 20px;
    --fsz-30: 18px;
    --fsz-24: 16px;
    --fsz-20: 14px;
    --fsz-18: 12px;
    --fsz-16: 10px;
    --fsz-14: 9px; }
  .service-project .owl-carousel .owl-nav button.owl-prev, .service-project .owl-carousel .owl-nav button.owl-next,
  .service-why-choose .owl-carousel .owl-nav button.owl-prev, .service-why-choose .owl-carousel .owl-nav button.owl-next,
  .desing .owl-carousel .owl-nav button.owl-prev, .desing .owl-carousel .owl-nav button.owl-next,
  .testimonials .owl-carousel .owl-nav button.owl-prev, .testimonials .owl-carousel .owl-nav button.owl-next,
  .service .owl-carousel .owl-nav button.owl-prev, .service .owl-carousel .owl-nav button.owl-next {
    width: 40px;
    height: 40px; }
  .blog__filter-btn,
  .service-benefitss__filter-btn {
    height: 40px; }
  .footer__form--item--submit {
    height: 40px; }
  ._btn {
    height: 40px; }
  .header ._inner {
    height: 45px; }
  .header__center::before {
    border-bottom: 45px solid #66B543;
    border-left: 20px solid transparent; }
  .header__center::after {
    border-top: 45px solid #fff;
    border-right: 20px solid transparent; }
  .home-page .baner {
    padding-top: 45px; } }

@media (max-width: 800px) {
.contact-page-footer .contact__fon-contact-page._desctop {
    display: none !important;
}
.baner__btn {
    padding: 5px 15px;
}
    .home-page .baner ._conteiner{
        display: flex;
        flex-direction: column-reverse;
        gap: 30px;
    }
    .home-page .baner {
    background: linear-gradient(90deg, #62AD40 0%, #000000 100%);
    height: auto;
    padding-top: 10vh !important;
}
    .home-page .baner__content {
    top: unset;
    left: unset;
    position: static;
    transform: unset;
    width: 90%;
    margin: 0 auto;
}


  .template-all-page_title{
  text-align: center;
  margin-top: 100px;
  margin-bottom: 40px;
}
  ._inner {
    width: 90%; }
  ._mobile {
    display: block !important; }
  ._desctop {
    display: none !important; }
  .header-menu {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    opacity: 0;
    z-index: -1;
    position: fixed;
    top: 0%;
    left: 50%;
    -webkit-transform: translateX(250%) translateY(0%);
    -ms-transform: translateX(250%) translateY(0%);
    transform: translateX(250%) translateY(0%);
    height: 100vh;
    background: #101010;
    width: 100vw;
    padding-top: 80px;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out; }
    .header-menu.open-menu {
      -webkit-transform: translateX(-50%) translateY(0%);
      -ms-transform: translateX(-50%) translateY(0%);
      transform: translateX(-50%) translateY(0%);
    opacity: 1;
    overflow-y: auto;
    }
  .header__logo-link {
    height: 50px; }
  .header-menu__link {
    font-size: 16px;
    height: 45px;
    width: 100%;
    padding: 0px;
    font-size: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
  .header-menu__item {
    margin: 0 auto;
    width: 90%; }
  .header.fadeOut {
    top: 0; }
  /* ----------- */
  /* ----------- */
  /* ----------- */
  /* ----------- */
  .header__center {
    padding: 0 9px;
    width: 0;
    flex: 0 0 0;
}
.header__left {
    position: relative;
    flex: 0 0 calc(30%);
    padding: 0;
    padding-left: 5vw;
}
.header__right {
    position: relative;
    flex: 0 0 calc(70% - 18px);
    padding: 0;
    padding-right: 5vw;
    justify-content: flex-end;
    gap: 20px;
}
.header__logo-link {
    margin-right: auto;
    padding: 5px 0;
    display: block;
    height: 100%;
}
  :root {
    --fsz-72: 36px;
    --fsz-48: 32px;
    --fsz-36: 28px;
    --fsz-30: 26px;
    --fsz-24: 22px;
    --fsz-20: 20px;
    --fsz-18: 18px;
    --fsz-16: 16px;
    --fsz-14: 14px;
}
.header-menu__item {
    height: auto;
    margin-bottom: 20px;
}
.header-contacts{
      margin-top: auto;
    margin-bottom: 60px;
    flex-direction: column;
    gap: 20px;
    width: 100%;
}
.header-contacts__item {
    height: 100%;
    width: 100%;
    text-align: center;
    padding-top: 20px;
    border: unset;
    border-top: 1px solid #fff;
}
.header ._inner {
    height: 50px;
}
.header__center::after {
    border-top: 50px solid #fff;
    border-right: 20px solid transparent;
}
.header__center::before {
    border-bottom: 50px solid #66B543;
    border-left: 20px solid transparent;
}
.baner__content {
    width: 90%;
    top: 50%;
    left: 5%;
}
.baner__btn-wrapper {
    transform: translateY(-6px);
}

.service__title {
    max-width: 100%;
}
.service__top {
    padding-top: 10vh;
    padding-bottom: 80vw;
    margin-bottom: -60vw;
}
.service__slide--image {
    flex: 0 0 60vw;
    height: 60vw;
}
.service__slide--icon {
    width: 20vw;
    height: 20vw;
}
.blog__item--content, .service__slide--content {
    gap: 15px;
}
.service__slide--content {
    transform: translateY(-10vw);
    padding: 0 20px;
    gap: 20px;
}

.fixed-form{
  display: none;
}
.service__bottom {
    padding-bottom: 0;
}
.areas__text {
    width: 100%;
}
.whyStandsOut__content {
    width: 100%;
    padding-right: 0;
    right: unset;
    top: unset;
    transform: unset;
    z-index: 2;
    position: relative;
    padding: 0 5%;
}
.whyStandsOut__fon {
    width: 100%;
    height: auto;
    -o-object-fit: cover;
    object-fit: cover;
}
.whyStandsOut ._conteiner{
  display: flex;
  flex-direction: column;
}
.whyStandsOut__title {
    font-size: 34px;
    margin-bottom: 30px;
    margin-top: 30px;
}
.whyStandsOut__list {
    /* display: -webkit-box; */
    gap: 30px;
    margin-bottom: 10vh;
}
.whyStandsOut__item {
    /* margin-bottom: 5vh; */
    margin: 0 !important;
    flex: 0 0 100% !important;
    width: 100%;
}
.whyStandsOut__item-title {
    margin-bottom: 10px;
}
.testimonials__top ._inner {
    flex-direction: column;
 
    gap: 30px;
}
.testimonials__rating,
.testimonials__content {
    flex: unset;
    width: 100%;
}

.about ._inner {
    position: relative;
    left: unset;
    top: unset;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: unset;

}
.about  {

    background-color: #000;
}
.testimonials__slide-top {
    height: 30vw;
}
.testimonials__slide--photo {
    flex: 0 0 20vw;
    width: 20vw !important;
    height: 20vw;
}
.testimonials__top {
    padding-top: 10vh;
    padding-bottom: 40vw;
    margin-bottom: -30vw;
}
.testimonials__slide-poster {
    height: 80vw;
}
.testimonials__slide-btn {
    z-index: 2;
    width: 15vw;
    height: 15vw;
}
.popup__media {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.popup__media iframe, .popup__media video {
    width: 100%;
    margin: auto;
    height: auto;
    -o-object-fit: contain;
    object-fit: contain;
}
.about__content {
    width: 100%;
    margin-top: 10vh;
    margin-bottom: 40px;
}
.desing__slide {

    flex-direction: column;
    width: 100%;
}
.desing__media {
    flex: unset;
    width: 100%;
}
.desing__media img {
    width: 100%;
    height: auto;
}
.desing__content {
    flex: unset;
    width: 100%;
   padding: 0;
   margin-top: 30px;
}
.desing .owl-theme .owl-nav {
    transform: translateY(100%);
    position: absolute;
    bottom: 0;
    right: unset;
    left: 0;
    margin-top: 0;
    gap: 10px;
}
.testimonials .owl-theme .owl-dots {
    margin-top: 5vh !important;
    padding: 0 5.4vh;
}
.desing ._conteiner {
    position: relative;
    padding: 10vh 0;
}
.whyWins {
    background-color: #F6F6F6;
    padding: 10vh 0;
    max-height: unset;
    overflow: hidden;
}
.whyWins__item {
    margin-bottom: 20px;
    min-height: unset;
    flex: 0 0 100%;
    background-color: #fff;
    position: relative;
    padding: 20px;
}
.whyWins__item--image {
    padding: 0;
}
.whyWins__item-icon {
    width: auto;
    height: 10vw;
    -o-object-fit: contain;
    object-fit: contain;
    margin-bottom: 15px;
}
.faq ._inner {
    /* flex-direction: column; */
    flex-wrap: wrap;
    gap: 20px;
    height: auto;
}
.faq__media img {
    display: block;
    width: 100%;
    height: auto;
    object-fit: contain;
}
.faq__content,
.faq__media {
  flex: 0 0 100%;
  height: auto;
}
.faq__btn-icon-wrapper {
    width: 18px;
    flex: 0 0 18px;
    position: relative;
}
.blog__top ._inner {
   gap: 20px;
   flex-wrap: wrap;
    /* flex-direction: column; */
}
.blog__title {
  flex: 0 0 100%;
    max-width: 100%;
    width: 100%;
}
.blog__btn {
    flex: 0 0 50%;
    /* margin-left: auto; */
}
.blog__top {
    padding-top: 10vh;
    padding-bottom: 68.5vw;
    margin-bottom: -60vw;
}
.blog__item--image {
    height: 60vw;
}
.service-benefitss__filter-list,
.blog__filter {
  padding-right: 10%;
}

.service-benefitss__filter-list .owl-stage-outer ,
.blog__filter  .owl-stage-outer {
    overflow: visible !important;
}

.contact__fon {
    position: relative;
    left: unset;
    top: unset;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: unset;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.contact {
    position: relative;
    background: #000;
}
.contact__content {
    padding: 0px 0 10vh 0;
    position: relative;
    z-index: 2;
    width: 90%;
    margin-left: auto;
    padding-right: 0;
    margin: 0 auto;
}
.contact__title {

    padding: 80px 5% 0;
}
.contact-page-baner__text {
    font-size: 18px;
}
.baner__media {
    padding-top: 50px;
}
.service-why-choose__fon {
    display: flex;
}
.service-why-choose__fon img {
    margin-left: unset;
    width: 100%;
    height: 50%;
    margin-top: auto;
}

/*  */
/*  */
/*  */
.service-page .baner {
     background: linear-gradient(180deg, #62AD40 0%, #000000 100%);
    height: auto;
    padding-top: 10vh !important;
}
.service-page .baner ._conteiner{
    
display: flex;
    flex-direction: column-reverse;
}
.service-page .baner__content {
    position: static;
    transform: unset;
    left: unset;
    top: unset;
            margin: 0 auto;
}
/*  */
/*  */
/*  */
/*  */
.baner__media img, .baner__media video {
    width: 100%;
    height: auto;
    -o-object-fit: cover;
    object-fit: contain;
}
.contact__text{
    padding: 0 5%;
}
.footer__form--item {
    flex: 0 0 100%;
    width: 100%;
    height: 50px;
     margin-top: 30px;
}
.footer__form--item--submit {
    height: 50px;
    margin-top: 30px;
}
.footer__wrapper {
    gap: 30px;
     flex-wrap: wrap;
}
.footer__block {
    flex: 0 0 100%;
    width: 100%;
}
.footer__logo {
    width: 50%;
    margin-bottom: 20px;
}
.footer__bottom {
    /* margin-top: 6vh;
    padding: 3vh 0; */
        margin-top: 6vh;
    padding: 3vh 0;
    flex-direction: column-reverse;
    gap: 10px;
}


/*  */
/*  */
.blog__bottom  .owl-theme .owl-nav {
    margin-top: 0;
    position: absolute;
    top: -7.5vw;
    right: 0;
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 10px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: -webkit-max-content;
    width: -moz-max-content;
    
    width: max-content; }
  .blog__bottom  .owl-carousel .owl-nav button.owl-prev,
  .blog__bottom  .owl-carousel .owl-nav button.owl-next {
            width: 40px;
        height: 40px;
    background-color: #63B041;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative; }
    .blog__bottom  .owl-carousel .owl-nav button.owl-prev span,
    .blog__bottom  .owl-carousel .owl-nav button.owl-next span {
      display: none; }
    .blog__bottom  .owl-carousel .owl-nav button.owl-prev::after,
    .blog__bottom  .owl-carousel .owl-nav button.owl-next::after {
      content: '';
      width: 40%;
      height: 40%;
      display: block;
      -o-object-fit: contain;
      object-fit: contain;
      background-position: center;
      background-repeat: no-repeat;
      background-size: contain; }
  .blog__bottom  button.owl-next::after {
    background-image: url(../img/arr-r-w.svg); }
  .blog__bottom  button.owl-prev::after {
    background-image: url(../img/arr-l-w.svg); }
/*  */
/*  */
/*  */
/*  */
.footer::after {
    border-top: 20vw solid #000;
    border-left: 20vw solid transparent;
}
.contact::after {
    border-top: 20vw solid #F6F6F6;
    border-left: 20vw solid transparent;
}
.service__slide::after,
.blog__item::after {
    border-bottom: 15vw solid #F6F6F6;
    border-left: 10vw solid transparent;
}
.blog__top::after {
display: none;
}
.faq::after {
    border-top: 20vw solid #F6F6F6;
    border-right: 20vw solid transparent;
}
.whyWins__item::after {
    border-bottom: 10vw solid #F6F6F6;
    border-left: 10vw solid transparent;
}
.desing::after {
    border-bottom: 20vw solid #F6F6F6;
    border-left: 20vw solid transparent;
}
.about::before {
    border-bottom: 20vw solid #F6F6F6;
    border-right: 20vw solid transparent;
}
.desing::before {
    border-top: 20vw solid #F6F6F6;
    border-right: 20vw solid transparent;
}
.about::after {
    border-top: 20vw solid #F6F6F6;
    border-left: 20vw solid transparent;
}
.testimonials__top::after {
    border-top: 20vw solid #fff;
    border-left: 20vw solid transparent;
}
.whyStandsOut::after {
    border-top: 20vw solid #F6F6F6;
    border-left: 20vw solid transparent;
}
.about-page .about::before {
    display: none;
}
.about-page .about::after {
    border-bottom: 20vw solid #fff;
    border-left: 20vw solid transparent;
}
.contact-page-baner__footer::after {
    border-bottom: 20vw solid #F6F6F6;
    border-left: 20vw solid transparent;
}
.article__content-wrapper::after {
    border-top: 20vw solid #F6F6F6;
    border-left: 20vw solid transparent;
}
.article__content-wrapper::before {
    border-top: 20vw solid #F6F6F6;
    border-right: 20vw solid transparent;
}
.article-section::after {
    border-bottom: 20vw solid #F6F6F6;
    border-left: 20vw solid transparent;
}
.article-section::before {
    border-bottom: 20vw solid #F6F6F6;
    border-right: 20vw solid transparent;
}
.service-page .baner__footer-content::before {
    border-bottom: 20vw solid #F6F6F6;
    border-right: 20vw solid transparent;
}
.service-page .baner__footer-content::after {
    border-bottom: 20vw solid #F6F6F6;
    border-left: 20vw solid transparent;
}
.service-page__about::after {
    border-top: 20vw solid #F6F6F6;
    border-left: 20vw solid transparent;
}
.service-page__about::before {
    border-top: 20vw solid #F6F6F6;
    border-right: 20vw solid transparent;
}

.service-page .testimonials__top::after {
    border-top: 20vw solid #fff;
    border-left: 20vw solid transparent;
}
.service-page .testimonials__top::before {
    border-top: 20vw solid #fff;
    border-right: 20vw solid transparent;
}
.service-experience::after {
    border-bottom: 20vw solid #fff;
    border-left: 20vw solid transparent;
}
.service-experience::before {
    border-bottom: 20vw solid #fff;
    border-right: 20vw solid transparent;
}
.service-benefitss::after {
    border-bottom: 20vw solid #F6F6F6;
    border-left: 20vw solid transparent;
}
.service-benefitss::before {
    border-bottom: 20vw solid #F6F6F6;
    border-right: 20vw solid transparent;
}
.service-why-choose::after {
    border-top: 20vw solid #F6F6F6;
    border-left: 20vw solid transparent;
}
.service-why-choose::before {
    border-top: 20vw solid #F6F6F6;
    border-right: 20vw solid transparent;
}
.service-experience__media::after {
    border-bottom: 15vw solid #000;
    border-left: 8vw solid transparent;
}
.service-page__about-media::after,
.service-benefitss__content-media::after {
    border-bottom: 15vw solid #fff;
    border-left: 8vw solid transparent;
}
/*  */
/*  */
.service-page__about {
    padding-top: 10vh;
    position: relative;
}
.desing__slider {
    padding-bottom: 20px;
}
/*  */
.service-why-choose__slide--fon::after {
    flex: 0 0 10vw;
}
/*  */
/*  */
.about ._conteiner {
    overflow: hidden;
    display: flex;
    flex-direction: column-reverse;
}
/*  */
/*  */
/*  */
/*  */
/*  */
.service-why-choose__slide-icon {
    width: 10vw !important;
    height: 10vw;
    margin-bottom: 15px;
}
.service-why-choose__slide-title {
    margin-bottom: 2vh;
}
.service-why-choose__text ,
.service-why-choose__title {
    width: 100%;
}
/*  */
/*  */
.service-page  .baner__text,
.article-page  .baner__text,
.blog-page .baner__text,
.contact-page .baner__text,
.about-page .baner__text {
    margin-top: 15px;
    font-size: 18px;
}
.service-page .baner__content,
.article-page .baner__content,
.blog-page .baner__content,
.contact-page .baner__content,
.about-page .baner__content {
    width: 90%;
    /* top: 30px; */
    top: unset;
    bottom: 75vw;
    left: 5%;

    transform: unset;
}
.about-page .about {
   background: linear-gradient(
0deg, #000000 0%, #000000 62.92%);;
}
/*  */
/*  */
/*  */
.service-experience ._inner {
    flex-wrap: wrap;
    flex-direction: column-reverse;
gap: 30px;
}
.service-experience__content,
.service-experience__media {
    flex: unset;
    width: 100%;
}
/*  */
.baner__list {
    gap: 3vw;
    flex-wrap: wrap;
}
.contact-page-footer .contact__fon._mobile{
    display: none !important;
}
.contact__fon-contact-page._mobile{
    display: none !important;
}
.contact-page-footer .contact__fon-contact-page._mobile {
  display: block !important; }
.baner__item {
    flex: 0 0 45%;
    width: 45%;

    margin-bottom: 30px;
}
.baner__item-icon {
    margin: 0 auto;
    width: auto;
    height: 10vw;
    margin-bottom: 2vh;
}
.baner__item-title {
    font-size: 22px;
}
.baner__item-text {
    font-size: 14px;
}
.baner__list-wrapper {
  padding-bottom: 0;
    /* background: -webkit-gradient(linear, left top, right top, from(#66B543), color-stop(62.92%, #000000));
    background: -webkit-linear-gradient(left, #66B543 0%, #000000 62.92%);
    background: -o-linear-gradient(left, #66B543 0%, #000000 62.92%); */
    background: linear-gradient(
0deg, #000000 0%, #000000 62.92%);
}
/*  */
.baner__link-block {
    gap: 20px;
    margin-top: 20px;
    flex-direction: column;
}
.header-menu__item--dropdown:hover .header-dropdown__menu {
  opacity: 0;
  visibility: hidden;
}
.header-menu__item--dropdown._open .header-dropdown__menu {
    opacity: 1;
    visibility: visible;
    display: flex;
}
.header-dropdown__menu {
    position: static;
    top: 100%;
    left: 50%;
    min-width: 100%;
    transform: unset;
    padding: 20px 10px 0;
    display: none;
}
.header-dropdown__item {
    border-top: 1px solid #FFF;
    padding: 5vw 0;
}
.header-dropdown__item:last-child {
    border-bottom: 1px solid #FFF;
}
/*  */
.contact-page-baner__list {
    padding: 60px 0 10vh;
    flex-wrap: wrap;
}
.contact-page-baner__item {
    flex: 0 0 100%;
    margin-bottom: 30px;
}
.contact-page-baner__icon {
    width: 10vw;
    height: 10vw;
    margin-bottom: 10px;
}

.blog__item {
    flex: 0 0 100%;
}
.blog-page .blog__list {
    row-gap: 40px;
}
.blog__filter-btn, .service-benefitss__filter-btn {
    height: 50px;
}
.article-section ._inner {
    width: 90%;
}
.article-page__title {
    padding: 60px 0;
    font-size: 22px;
}
.article__content-wrapper ._inner{
  width: 70%;
}
.service-page ._btn {
    width: 100%;
}
.service-page .baner__footer-content {
    padding: 60px 0 10vh 0;
    background: linear-gradient(0deg, #66B543 0%, #000000 62.92%);
    position: relative;
}
.service-page .baner__footer-content--text {
    width: 90%;
    font-size: 18px;
}
.service-page__about ._inner {
   flex-wrap: wrap;
    padding-bottom: 5vh;
    margin-bottom: 5vh;
    border-bottom: 1px solid #000000;
    gap: 30px;
}
.service-benefitss__content-media,
.service-benefitss__content-wrapper,
.service-page__about-media,
.service-page__about-content {
    flex: 0 0 100%;
    width: 100%;
}
.service-benefitss__content-block {
  flex-wrap: wrap;
  gap: 30px;
}
.service-benefitss__filter-list {
    gap: 10px;
    margin-bottom: 5vh;
    flex-wrap: wrap;
}
.service-project {
    padding-top: 5vh;
    padding-bottom: 7vh;
    background-color: #F6F6F6;
}
  }