@charset "UTF-8";
/*
Theme Name: OK Lombard
Theme URI: https://wordpress.org/themes/CustomTheme/
Author: the KofeLatte team
Author URI: http://KofeLatte.com.ua/
Description: CustomTheme brings your site to life with immersive featured images and subtle animations. Our default theme works great in many languages, for any abilities, and on any device.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: lombard
Tags: custom-colors, custom-header, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, post-formats
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/
/*grey*/
/*   <Breadcrumbs/>   */
/*   <Muve-top/>   */
.markup .row {
  display: flex;
  flex-wrap: wrap; }

.markup .col-lg-4.col-md-6.col-xs-12 {
  width: 100%;
  padding: 25px;
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.27); }
  @media (min-width: 768px) {
    .markup .col-lg-4.col-md-6.col-xs-12 {
      width: 50%; } }
  @media (min-width: 1280px) {
    .markup .col-lg-4.col-md-6.col-xs-12 {
      width: calc(100% / 3); } }
  .markup .col-lg-4.col-md-6.col-xs-12:hover {
    box-shadow: 0 0 1px #c01111; }

.markup .scroll, .markup .content-holder table, .content-holder .markup table {
  max-height: 350px; }

.markup .site-map ol {
  padding-left: 40px;
  padding-bottom: 20px; }
  .markup .site-map ol li {
    position: relative;
    border-left: 2px solid #FFCC00; }
    .markup .site-map ol li:hover {
      cursor: pointer; }
      .markup .site-map ol li:hover > a {
        text-decoration: underline; }
      .markup .site-map ol li:hover:before {
        background-color: #003800; }
    .markup .site-map ol li a {
      line-height: 40px;
      margin-left: 15px;
      display: flex; }
    .markup .site-map ol li:before {
      content: "";
      position: absolute;
      left: -26px;
      top: 15px;
      width: 10px;
      height: 10px;
      background-color: #FFCC00;
      border-radius: 50%; }
    .markup .site-map ol li:after {
      content: "";
      position: absolute;
      left: -2px;
      top: 25px;
      width: 50%;
      height: 15px;
      border-left: 2px solid #FFCC00;
      border-bottom: 2px solid #FFCC00; }

.markup .gradient-default {
  background: radial-gradient(#cec4c4, transparent);
  transition: all 2s; }
  .markup .gradient-default:hover {
    background: radial-gradient(red, transparent); }

.wrapper {
  overflow: hidden; }

input {
  font-family: "Montserrat"; }
  input::placeholder {
    font-family: "Montserrat"; }

body {
  color: #212121;
  font-size: 18px;
  line-height: 1.7;
  font-family: "Montserrat";
  background-color: #fff;
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  padding: 0;
  margin: 0;
  overflow-x: hidden; }

address {
  font-style: normal; }

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

.wrap_page {
  overflow: hidden;
  margin-bottom: auto; }

.scrolltop {
  display: none;
  width: 100%;
  margin: 0 auto;
  position: fixed;
  bottom: 20px;
  right: 10px;
  z-index: 20; }

.muve-top {
  position: absolute;
  right: 20px;
  bottom: 20px;
  padding: 20px;
  background: #FFCC00;
  color: #fff;
  cursor: pointer;
  transition: 0.5s;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1); }
  .muve-top:before {
    content: "↑";
    position: absolute;
    font-weight: bold;
    font-size: 20px;
    top: 47%;
    left: 52%;
    transform: translate(-50%, -50%); }

/*1*/
[class*='brand-bg'] {
  background-color: #FFCC00;
  height: 15vh;
  width: 75%;
  margin-bottom: 25px; }

.brand-bg-2 {
  background-color: #003800; }

.brand-bg-3 {
  background: linear-gradient(90deg, #FEB200 0%, #FFD71D 104.65%); }

.brand-bg-4 {
  background: linear-gradient(90deg, #003800 0%, #006F00 104.65%); }

/*2*/
::selection {
  color: #fff;
  background: #003800; }

p {
  margin: 0 0 8px; }

a {
  color: #003800; }
  a:hover {
    color: #FFCC00; }

i,
em {
  font-weight: 400; }

img {
  max-width: 100%;
  display: block; }

/*3*/
ol {
  padding: 0;
  margin: 0;
  counter-reset: li; }
  ol li {
    list-style: none;
    list-style-position: outside;
    position: relative;
    padding-left: 30px;
    margin-bottom: 18px; }
    ol li:before {
      content: counter(li, decimal) ".";
      counter-increment: li;
      margin-left: 0;
      margin-right: 0;
      color: #212121;
      position: absolute;
      top: 0;
      left: 0; }

/*4*/
ul {
  list-style: none;
  margin: 0;
  padding: 0; }
  ul li {
    color: #222;
    padding-left: 30px;
    margin-bottom: 18px;
    position: relative; }
    ul li::before {
      position: absolute;
      content: '';
      background-color: #FFCC00;
      border-radius: 50%;
      width: 10px;
      height: 10px;
      left: 0;
      top: 10px;
      display: inline-block; }

/*5-6*/
.font-weight-light {
  font-weight: lighter; }

.font-weight-bold {
  font-weight: bold; }

.font-weight-Regular {
  font-weight: 400; }

.font-weight-Medium {
  font-weight: 500; }

.font-weight-SemiBold {
  font-weight: 600; }

/*7-8*/
h1,
h2,
h3,
h4,
h5,
h6,
.title_1,
blockquote h2,
blockquote h3,
blockquote h4,
blockquote h5,
blockquote h6,
.title_2,
.title_3,
.title_4,
.title_5,
.title_6 {
  line-height: 1.2;
  color: #282828;
  font-weight: 700;
  font-family: "Montserrat";
  text-align: center;
  margin: 0 0 50px; }

h1,
.title_1,
blockquote h2,
blockquote h3,
blockquote h4,
blockquote h5,
blockquote h6 {
  font-size: 40px;
  text-transform: uppercase;
  position: relative;
  padding-bottom: 15px;
  margin-bottom: 30px; }
  h1:after,
  .title_1:after,
  blockquote h2:after,
  blockquote h3:after,
  blockquote h4:after,
  blockquote h5:after,
  blockquote h6:after {
    position: absolute;
    content: '';
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    height: 2px;
    background: #FFCC00;
    width: 70px; }

h2,
.title_2 {
  font-size: 40px;
  padding-bottom: 15px;
  position: relative;
  text-transform: uppercase;
  margin-bottom: 25px; }
  h2:after,
  .title_2:after {
    position: absolute;
    content: '';
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    height: 2px;
    background: #FFCC00;
    width: 70px; }
  @media (min-width: 768px) {
    h2,
    .title_2 {
      margin-bottom: 50px; } }

h3,
.title_3 {
  font-size: 24px;
  font-weight: 700;
  text-transform: uppercase; }

h4,
.title_4 {
  font-size: 20px;
  font-weight: 600;
  text-align: left;
  margin-bottom: 14px; }

h5,
.title_5 {
  font-size: 16px; }

h6,
.title_6 {
  font-size: 14px; }

/*9*/
input[type="checkbox"],
input[type="radio"] {
  display: none; }
  input[type="checkbox"] + label,
  input[type="radio"] + label {
    color: #fff;
    cursor: pointer; }
    input[type="checkbox"] + label:before,
    input[type="radio"] + label:before {
      content: '';
      display: inline-block;
      vertical-align: middle;
      cursor: pointer;
      margin-right: 19px;
      width: 26px;
      height: 26px;
      background-color: transparent;
      border: 1px solid #fff;
      border-radius: 2px; }

input[type="radio"] + label:before {
  border-radius: 50%; }

input[type="checkbox"] + label:before {
  background-color: #fff; }

input[type=radio]:checked + label:before {
  border-radius: 50%;
  background: url(assets/img/radio.svg) center/14px no-repeat transparent;
  border-color: #fff; }

input:checked + label:before {
  content: '';
  background: url(assets/img/checkbox.svg) center/12px no-repeat #fff;
  border-color: #fff; }

/*10-11*/
.btn {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  padding: 20px 45px;
  font-weight: 500;
  font-size: 14px;
  font-family: "Montserrat";
  text-decoration: none;
  line-height: 1.22;
  border-radius: 50px;
  background-color: transparent;
  border: none;
  transition: color .3s ease-in-out, background-color .8s ease-in-out, background-image .8s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out; }
  .btn:disabled {
    pointer-events: none;
    opacity: 0.3; }
  .btn:hover {
    background-color: #003800;
    color: #fff; }
  @media (min-width: 1320px) {
    .btn {
      font-size: 16px;
      padding: 20px 45px; } }

.btn-primary {
  color: #000;
  background-image: linear-gradient(90deg, #FEB200 0%, #FFD71D 104.65%); }
  .btn-primary:hover {
    color: #FFCC00;
    background-image: none;
    background-color: #003800; }

.btn-secondary {
  background: linear-gradient(90deg, #003800 0%, #006F00 104.65%);
  color: #fff; }
  .btn-secondary:hover {
    color: #2E2E2E;
    background: linear-gradient(90deg, #FEB200 0%, #FFD71D 104.65%); }

.btn-success {
  color: #FFCC00;
  background-color: transparent; }
  .btn-success:hover {
    background-color: #003800;
    border-color: #003800; }

.btn-danger {
  color: #fff;
  background-color: transparent; }
  .btn-danger:hover {
    color: #0c0c0c;
    background-color: #fff; }

.btn-link {
  color: #000;
  background-color: #E2E2E2; }
  .btn-link:hover {
    color: #fff;
    background-color: #003800; }

/*12*/
/*13*/
.scroll-x {
  overflow: auto; }

.scroll-x::-webkit-scrollbar-thumb {
  background-color: #003800;
  border-radius: 5px; }

.scroll-x::-webkit-scrollbar {
  height: 1px;
  background-color: #DFDCDC;
  border: 0 solid #DFDCDC;
  border-radius: 5px; }

.scroll::-webkit-scrollbar, .content-holder table::-webkit-scrollbar {
  width: 3px;
  border-radius: 5px; }

.scroll::-webkit-scrollbar-thumb, .content-holder table::-webkit-scrollbar-thumb {
  background-color: #003800;
  background-clip: padding-box;
  border: 0 solid #DFDCDC;
  border-radius: 5px; }
  .scroll::-webkit-scrollbar-thumb:hover, .content-holder table::-webkit-scrollbar-thumb:hover {
    background-color: #003800;
    cursor: pointer; }

.scroll::-webkit-scrollbar-track, .content-holder table::-webkit-scrollbar-track {
  border-radius: 5px;
  background-color: #DFDCDC;
  cursor: pointer; }

::-webkit-scrollbar-button {
  background-color: transparent;
  display: none; }

/* IE */
.scroll, .content-holder table {
  scrollbar-face-color: #003800;
  scrollbar-shadow-color: #DFDCDC;
  scrollbar-highlight-color: #DFDCDC; }

/* FireFox */
.scroll, .content-holder table {
  scrollbar-color: #003800 #DFDCDC;
  padding-right: 15px; }

.scroll, .content-holder table {
  overflow-x: hidden; }
  .scroll_x, .content-holder table {
    overflow-x: scroll;
    overflow-y: hidden;
    padding-right: 0;
    padding-bottom: 20px; }
    @media (min-width: 1281px) {
      .scroll_x, .content-holder table {
        overflow-x: hidden; } }
    .scroll_x::-webkit-scrollbar, .content-holder table::-webkit-scrollbar {
      height: 6px;
      max-width: 300px; }

.scroll-heidden::-webkit-scrollbar {
  width: 0px; }

/*14*/
/*15*/
/*16*/
/*17*/
/*18*/
.breadcrumb {
  font-size: 14px;
  color: #B2B1B1;
  font-weight: 500; }
  .breadcrumb a {
    text-decoration: none;
    color: #282828; }
    .breadcrumb a:hover {
      color: #FFCC00; }

.markup-link {
  position: fixed;
  bottom: 15px;
  left: 15px;
  color: white;
  padding: 5px 10px;
  background: black;
  text-decoration: none;
  border-radius: 50%; }
  .markup-link:hover {
    color: #fec22d; }

.slick-arrow {
  position: absolute;
  background-color: #FFCC00;
  border-radius: 50%;
  transition: background-color ease-in-out 0.3s;
  width: 50px;
  height: 50px;
  top: 40%;
  z-index: 10;
  cursor: pointer;
  border: none;
  font-size: 0;
  box-shadow: 0px 4px 20px 4px #F1F1F1; }
  @media (min-width: 768px) {
    .slick-arrow {
      width: 80px;
      height: 80px; } }
  .slick-arrow:before, .slick-arrow:after {
    font-family: 'icomoon';
    content: '\e918';
    font-size: 20px;
    color: #282828; }
    @media (min-width: 768px) {
      .slick-arrow:before, .slick-arrow:after {
        width: 80px;
        height: 80px;
        font-size: 30px; } }
  .slick-arrow.slick-next {
    right: 0;
    left: auto; }
    .slick-arrow.slick-next:before {
      content: '\e917'; }
  .slick-arrow:after {
    content: '\e917'; }
  .slick-arrow__next {
    right: 15px; }
    .slick-arrow__next i {
      position: absolute;
      transform: rotate(135deg) translate(-50%, -50%);
      top: -12px;
      left: -62%;
      font-size: 40px; }
      @media (min-width: 768px) {
        .slick-arrow__next i {
          font-size: 60px; } }
  .slick-arrow__prev {
    left: 15px; }
    .slick-arrow__prev i {
      position: absolute;
      transform: rotate(-45deg) translate(-50%, -50%);
      top: 10%;
      left: 57%;
      font-size: 40px; }
      @media (min-width: 768px) {
        .slick-arrow__prev i {
          font-size: 60px; } }
  .slick-arrow:after {
    display: none; }
  .slick-arrow:hover {
    background-color: #fff; }
  .slick-arrow i {
    color: #fff; }

.slick-dots {
  position: absolute;
  bottom: 40px;
  left: 50%;
  transform: translateX(-50%);
  list-style: none;
  z-index: 10;
  display: flex;
  justify-content: center; }
  .slick-dots li {
    padding: 0 17px;
    margin: 0; }
    .slick-dots li.slick-active button {
      background-color: #FFCC00; }
    .slick-dots li:before {
      display: none; }
  .slick-dots button {
    background: #C4C4C4;
    cursor: pointer;
    border: none;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    line-height: 0;
    font-size: 0;
    transition: background-color ease-in-out 0.3s; }
    .slick-dots button:hover {
      background-color: #003800; }

.container {
  width: 100%;
  padding: 0 15px;
  max-width: 1630px;
  margin: 0 auto; }
  .container_xm {
    max-width: 1240px; }
  .container_sm {
    max-width: 1340px; }
  .container_xl {
    max-width: 1645px; }
  .container_lg {
    max-width: 1640px; }
  .container_df {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap; }

.section {
  padding: 80px 0; }
  @media (min-width: 768px) {
    .section {
      padding: 130px 0; } }
  .section_sm {
    padding: 40px 0 80px; }
    @media (min-width: 768px) {
      .section_sm {
        padding: 21px 0 130px; } }

.btn-holder {
  text-align: center; }

.breadcrumbs-holder {
  padding: 0 15px; }

.breadcrumbs {
  padding: 20px 0;
  max-width: 1630px;
  margin: 0 auto;
  font-size: 14px; }
  @media (min-width: 768px) {
    .breadcrumbs {
      padding: 48px 0; } }
  .breadcrumbs__list {
    display: flex;
    margin: 0;
    padding: 0; }
    .breadcrumbs__list li {
      padding-left: 0;
      padding-right: 26px;
      font-weight: 500;
      font-size: 14px;
      line-height: 24px; }
      .breadcrumbs__list li a {
        text-decoration-line: underline;
        color: #121212; }
      .breadcrumbs__list li span {
        color: #838383;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        max-width: 140px;
        display: inline-block; }
      .breadcrumbs__list li:last-of-type:after {
        display: none; }
      .breadcrumbs__list li:before {
        display: none; }
      .breadcrumbs__list li:after {
        position: absolute;
        content: '';
        background-color: #838383;
        transform: rotate(-45deg);
        width: 4px;
        height: 4px;
        top: 11px;
        right: 9px; }

.markup-link {
  z-index: 1; }

[data-simplebar] {
  position: relative;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-content: flex-start;
  align-items: flex-start; }

.simplebar-wrapper {
  overflow: hidden;
  width: inherit;
  height: inherit;
  max-width: inherit;
  max-height: inherit; }

.simplebar-mask {
  direction: inherit;
  position: absolute;
  overflow: hidden;
  padding: 0;
  margin: 0;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  width: auto !important;
  height: auto !important;
  z-index: 0; }

.simplebar-offset {
  direction: inherit !important;
  box-sizing: inherit !important;
  resize: none !important;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  padding: 0;
  margin: 0;
  -webkit-overflow-scrolling: touch; }

.simplebar-content-wrapper {
  direction: inherit;
  box-sizing: border-box !important;
  position: relative;
  display: block;
  height: 100%;
  /* Required for horizontal native scrollbar to not appear if parent is taller than natural height */
  width: auto;
  max-width: 100%;
  /* Not required for horizontal scroll to trigger */
  max-height: 100%;
  /* Needed for vertical scroll to trigger */
  scrollbar-width: none;
  -ms-overflow-style: none; }

.simplebar-content-wrapper::-webkit-scrollbar,
.simplebar-hide-scrollbar::-webkit-scrollbar {
  width: 0;
  height: 0; }

.simplebar-content:before,
.simplebar-content:after {
  content: ' ';
  display: table; }

.simplebar-placeholder {
  max-height: 100%;
  max-width: 100%;
  width: 100%;
  pointer-events: none; }

.simplebar-height-auto-observer-wrapper {
  box-sizing: inherit !important;
  height: 100%;
  width: 100%;
  max-width: 1px;
  position: relative;
  float: left;
  max-height: 1px;
  overflow: hidden;
  z-index: -1;
  padding: 0;
  margin: 0;
  pointer-events: none;
  flex-grow: inherit;
  flex-shrink: 0;
  flex-basis: 0; }

.simplebar-height-auto-observer {
  box-sizing: inherit;
  display: block;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  height: 1000%;
  width: 1000%;
  min-height: 1px;
  min-width: 1px;
  overflow: hidden;
  pointer-events: none;
  z-index: -1; }

.simplebar-track {
  z-index: 1;
  position: absolute;
  right: 10px;
  pointer-events: none;
  overflow: hidden;
  background: #DFDCDC;
  border-radius: 100px;
  width: 3px;
  top: 100px !important;
  bottom: 100px; }

[data-simplebar].simplebar-dragging .simplebar-content {
  pointer-events: none;
  user-select: none;
  -webkit-user-select: none; }

[data-simplebar].simplebar-dragging .simplebar-track {
  pointer-events: all; }

.simplebar-scrollbar {
  position: absolute;
  left: 0;
  right: 0;
  min-height: 10px;
  width: 3px;
  background: #BF0F0D;
  border-radius: 100px; }

.simplebar-scrollbar:before {
  position: absolute;
  content: '';
  background: black;
  border-radius: 7px;
  left: 2px;
  right: 2px;
  opacity: 0;
  transition: opacity 0.2s linear; }

.simplebar-scrollbar.simplebar-visible:before {
  /* When hovered, remove all transitions from drag handle */
  opacity: 0.5;
  transition: opacity 0s linear; }

.simplebar-track.simplebar-horizontal {
  left: 0;
  height: 11px; }

.simplebar-track.simplebar-horizontal .simplebar-scrollbar:before {
  height: 100%;
  left: 2px;
  right: 2px; }

.simplebar-track.simplebar-horizontal .simplebar-scrollbar {
  right: auto;
  left: 0;
  top: 2px;
  height: 7px;
  min-height: 0;
  min-width: 10px;
  width: auto; }

/* Rtl support */
[data-simplebar-direction='rtl'] .simplebar-track.simplebar-vertical {
  right: auto;
  left: 0; }

.hs-dummy-scrollbar-size {
  direction: rtl;
  position: fixed;
  opacity: 0;
  visibility: hidden;
  height: 500px;
  width: 500px;
  overflow-y: hidden;
  overflow-x: scroll; }

.simplebar-hide-scrollbar {
  position: fixed;
  left: 0;
  visibility: hidden;
  overflow-y: scroll;
  scrollbar-width: none;
  -ms-overflow-style: none; }

/* === BEGIN FONTS === */
@font-face {
  font-family: 'Montserrat';
  src: url("./assets/fonts/Montserrat-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'Montserrat';
  src: url("./assets/fonts/Montserrat-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'Montserrat';
  src: url("./assets/fonts/Montserrat-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'Montserrat';
  src: url("./assets/fonts/Montserrat-ExtraBold.ttf") format("truetype");
  font-weight: 800;
  font-style: normal;
  font-display: swap; }

/* === END FONTS === */
@font-face {
  font-family: 'icomoon';
  src: url("./assets/fonts/icomoon.eot?tvehmm");
  src: url("./assets/fonts/icomoon.eot?tvehmm#iefix") format("embedded-opentype"), url("./assets/fonts/icomoon.ttf?tvehmm") format("truetype"), url("./assets/fonts/icomoon.woff?tvehmm") format("woff"), url("./assets/fonts/icomoon.svg?tvehmm#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block; }

[class^="icomoon-"],
[class*=" icomoon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icomoon-viber:before {
  content: "\e900"; }

.icomoon-clock-small:before {
  content: "\e91b"; }

.icomoon-arrow-down-2:before {
  content: "\e91f"; }

.icomoon-tel:before {
  content: "\e91c";
  color: #003800; }

.icomoon-marker:before {
  content: "\e91d"; }

.icomoon-delete:before {
  content: "\e91a"; }

.icomoon-telegram:before {
  content: "\e901"; }

.icomoon-info:before {
  content: "\e902";
  color: #808080; }

.icomoon-air:before {
  content: "\e903"; }

.icomoon-clock:before {
  content: "\e904"; }

.icomoon-coat:before {
  content: "\e905"; }

.icomoon-vase:before {
  content: "\e906"; }

.icomoon-drill:before {
  content: "\e907"; }

.icomoon-dumbbel:before {
  content: "\e908"; }

.icomoon-wedding-ring:before {
  content: "\e909"; }

.icomoon-phone:before {
  content: "\e90a"; }

.icomoon-earrings:before {
  content: "\e90b"; }

.icomoon-checked:before {
  content: "\e90c";
  color: #fff; }

.icomoon-crose:before {
  content: "\e90d"; }

.icomoon-clip:before {
  content: "\e90e";
  color: #696969; }

.icomoon-percent:before {
  content: "\e90f"; }

.icomoon-privacy:before {
  content: "\e910"; }

.icomoon-handshake:before {
  content: "\e911"; }

.icomoon-clock-s:before {
  content: "\e912"; }

.icomoon-arrow:before {
  content: "\e913"; }

.icomoon-person:before {
  content: "\e914"; }

.icomoon-search:before {
  content: "\e915";
  color: #fff; }

.icomoon-gift:before {
  content: "\e916"; }

.icomoon-carret-right:before {
  content: "\e917"; }

.icomoon-carret-left:before {
  content: "\e918"; }

.icomoon-arrow-down:before {
  content: "\e919"; }

.icomoon-triangle:before {
  content: "\e920"; }

.icomoon-facebook:before {
  content: "\ea90"; }

.icomoon-instagram:before {
  content: "\ea92"; }

.btn-close {
  position: absolute;
  right: 44px;
  top: 44px;
  outline: none !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='44' height='44' viewBox='0 0 44 44' fill='none'%3E%3Ccircle cx='22' cy='22' r='22' fill='white'/%3E%3Cpath d='M23.2944 22.0048L30.6922 14.6392C31.0468 14.2877 31.0468 13.7188 30.6922 13.3682C30.3384 13.0167 29.7638 13.0167 29.41 13.3682L22.0186 20.7274L14.5588 13.2585C14.205 12.9034 13.6304 12.9034 13.2766 13.2585C12.9229 13.6145 12.9229 14.1906 13.2766 14.5457L20.731 22.0093L13.2497 29.4575C12.8959 29.809 12.8959 30.378 13.2497 30.7286C13.6035 31.0801 14.1781 31.0801 14.5319 30.7286L22.0068 23.2866L29.4369 30.7259C29.7906 31.081 30.3653 31.081 30.719 30.7259C31.0728 30.3699 31.0728 29.7938 30.719 29.4387L23.2944 22.0048Z' fill='%23818974'/%3E%3C/svg%3E"); }

.header {
  position: relative;
  background: linear-gradient(90deg, #003800 0%, #006F00 104.65%);
  padding: 20px 0;
  z-index: 11; }
  .header .container {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between; }
  @media (min-width: 1320px) {
    .header {
      padding: 33px 0; } }
  .header.active {
    position: fixed;
    top: 0;
    left: 0;
    right: 0; }
    .header.active .nav-holder {
      opacity: 1;
      visibility: visible; }
    .header.active .nav-opener:before {
      top: 45%;
      transform: rotate(45deg); }
    .header.active .nav-opener:after {
      bottom: 40%;
      transform: rotate(-45deg);
      width: 30px; }
    .header.active .nav-opener span {
      opacity: 0; }
  .header .btn {
    padding: 13px 18px; }
  .header_pc {
    border: 1px solid #D4D2D6;
    background-color: #F5F5F5; }
  .header .logo-area {
    display: flex;
    align-items: center; }
  .header .logo-holder {
    width: 142px;
    margin-right: 14px;
    z-index: 1; }
    @media (min-width: 1320px) {
      .header .logo-holder {
        width: 208px;
        margin-right: 0; } }
  .header a {
    text-decoration: none; }

.nav-holder {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  top: 0;
  left: 0;
  height: 100vh;
  transition: all ease-in-out 0.3s;
  visibility: hidden;
  opacity: 0;
  background-color: #003800;
  width: 100%;
  padding: 110px 15px 50px;
  overflow-y: auto; }
  @media (min-width: 1320px) {
    .nav-holder {
      justify-content: flex-end;
      width: calc(100% - 208px);
      flex-direction: row;
      flex-wrap: wrap;
      position: static;
      height: auto;
      visibility: visible;
      opacity: 1;
      background: none;
      align-items: center;
      justify-content: flex-end;
      padding: 0;
      overflow-y: visible; } }

.btn-box {
  display: flex;
  margin-right: 0;
  max-width: 260px;
  width: 100%;
  justify-content: flex-start;
  order: 6; }
  @media (min-width: 1320px) {
    .btn-box {
      justify-content: flex-end;
      order: unset; } }

.btn_calc {
  text-indent: 0;
  overflow: hidden;
  padding: 0;
  display: inline-block;
  position: relative;
  margin-right: 33px;
  transition: all .2 ease-in-out; }
  @media (min-width: 1320px) {
    .btn_calc {
      text-indent: -99999px;
      width: 48px;
      height: 48px; } }
  .btn_calc:hover {
    background-color: #003800;
    border-radius: 50%; }
  .btn_calc:before {
    display: inline-block;
    vertical-align: middle;
    content: '';
    background-repeat: no-repeat;
    background-position: 50% 50%;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    left: 0;
    top: 0;
    transition: all .2s ease-in-out; }
    @media (min-width: 1320px) {
      .btn_calc:before {
        text-indent: -99999px;
        position: absolute;
        width: 48px;
        height: 48px; } }
  .btn_calc span {
    display: inline-block;
    vertical-align: middle;
    color: #fff;
    padding-left: 14px; }

.language-bar {
  position: relative;
  background: transparent;
  border-radius: 4px;
  order: 5;
  margin-bottom: 20px;
  display: none; }
  @media (min-width: 1320px) {
    .language-bar {
      order: unset;
      margin-bottom: 0; } }

.language-title {
  color: #fff;
  line-height: 26px;
  font-weight: 400;
  font-size: 20px;
  padding: 5px 10px 5px 0;
  width: 50px;
  cursor: pointer;
  position: relative;
  transition: color .15s ease-in-out; }
  .language-title:before {
    position: absolute;
    font-family: 'icomoon';
    content: "\e919";
    right: 2px;
    font-size: 5px;
    top: 5px;
    transition: transform .2s ease-out; }
  .language-title.active {
    color: #FFCC00; }
    .language-title.active:before {
      transform: rotate(-180deg); }

.language-list {
  margin: 0;
  padding: 0;
  display: none;
  position: absolute;
  z-index: 1;
  width: 100%;
  border-radius: 4px;
  background: #fff; }
  .language-list:before {
    position: absolute;
    content: '';
    width: 9px;
    height: 9px;
    left: 20px;
    top: -5px;
    border-radius: 2px;
    transform: rotate(45deg);
    background: #fff; }
  .language-list .menu-item {
    line-height: 28px;
    font-size: 16px;
    font-weight: 500;
    padding: 0 12px;
    cursor: pointer;
    list-style-type: none;
    text-align: center;
    margin-bottom: 0; }
    .language-list .menu-item:before {
      display: none; }
    .language-list .menu-item:hover a {
      color: #000; }
    .language-list .menu-item.active {
      display: none; }
    .language-list .menu-item a {
      color: #282828;
      text-decoration: none; }

.nav {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: start;
  width: 100%;
  font-size: 16px; }
  @media (min-width: 1320px) {
    .nav {
      text-align: center;
      flex-direction: row;
      justify-content: space-between;
      width: auto;
      position: static;
      opacity: 1;
      visibility: visible;
      background-color: transparent;
      height: auto;
      order: unset;
      align-items: center; } }
  @media (min-width: 1440px) {
    .nav {
      width: auto;
      padding: 0 20px 0 0; } }
  @media (min-width: 1320px) {
    .nav__list {
      display: flex;
      align-items: center; } }
  .nav__item {
    margin-bottom: 25px;
    padding-left: 0;
    position: relative; }
    @media (min-width: 1320px) {
      .nav__item {
        padding: 10px 30px 10px 33px;
        margin: 0; } }
    .nav__item.menu-item-has-children:after {
      content: "\e919";
      margin-left: 20px;
      display: inline-block;
      width: 8px;
      height: 8px;
      font-family: 'icomoon';
      color: #fff;
      left: auto;
      right: auto;
      top: 5px;
      font-size: 5px;
      top: calc(50% - 5px);
      transition: transform .2s ease-out, color .2s ease-out;
      background: none; }
      @media (min-width: 1320) {
        .nav__item.menu-item-has-children:after {
          position: absolute;
          width: auto;
          height: auto;
          right: 0;
          margin-left: 0; } }
    .nav__item.open a {
      color: #FFCC00; }
    .nav__item.open:after {
      color: #FFCC00;
      transform: rotate(-180deg); }
    @media (min-width: 768px) {
      .nav__item:hover:after {
        color: #FFCC00;
        transform: rotate(-180deg); } }
  .nav li {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center; }
    .nav li:before {
      display: none; }
    .nav li:hover .sub-menu {
      visibility: visible;
      opacity: 1; }
    @media (min-width: 768px) {
      .nav li:hover > a {
        color: #FFCC00; } }
  .nav a {
    color: #fff;
    font-weight: 500;
    transition: color .2s ease-in-out; }
  .nav .sub-menu {
    text-align: left;
    padding: 15px 0 0;
    display: none;
    font-size: 14px;
    transition: opacity .2s ease-in-out;
    width: 100%;
    order: 2; }
    @media (min-width: 1320px) {
      .nav .sub-menu {
        display: block;
        width: auto;
        padding: 0; } }
    .nav .sub-menu:before {
      position: absolute;
      content: '';
      width: 9px;
      height: 9px;
      left: 0;
      top: -5px;
      left: 20px;
      background: #fff;
      border-radius: 2px;
      transform: rotate(45deg);
      display: none; }
      @media (min-width: 1320px) {
        .nav .sub-menu:before {
          display: block; } }
    @media (min-width: 1320px) {
      .nav .sub-menu {
        position: absolute;
        display: block;
        padding: 10px 0;
        visibility: hidden;
        opacity: 0;
        background: #fff;
        width: 165px;
        top: 100%; } }
    .nav .sub-menu .nav__item {
      padding: 0;
      margin-bottom: 0;
      display: block; }
    .nav .sub-menu a {
      color: #fff;
      display: block;
      padding: 5px 8px 5px 18px;
      transition: background .2s ease-in-out; }
      .nav .sub-menu a:hover {
        background: #e6ede6;
        color: #003800; }
      @media (min-width: 1320px) {
        .nav .sub-menu a {
          color: #282828; } }

.search-holder {
  padding: 0;
  order: 4;
  margin-bottom: 15px;
  position: relative;
  width: 100%; }
  @media (min-width: 1320px) {
    .search-holder {
      order: unset;
      padding: 0 33px 0 18px;
      margin-bottom: 0;
      position: static;
      width: auto; } }
  .search-holder.active .btn_search:before {
    content: '\e90d'; }
  .search-holder.active .form-holder {
    visibility: visible;
    opacity: 1;
    width: calc(100% + 30px);
    left: -15px;
    top: calc(100% + 5px);
    z-index: 1; }
    @media (min-width: 1320px) {
      .search-holder.active .form-holder {
        top: 100%;
        bottom: auto; } }

.btn_search {
  position: relative;
  display: inline-block;
  width: 21px; }
  .btn_search:before {
    content: '\e915';
    font-family: 'icomoon';
    color: #fff; }

.form-holder {
  position: absolute;
  top: 100%;
  background: #fff;
  left: 0;
  width: 100%;
  padding: 28px 15px;
  display: flex;
  justify-content: center;
  visibility: hidden;
  opacity: 0;
  transition: opacity .2s ease-in-out; }
  .form-holder .search-form {
    width: 100%;
    display: flex;
    justify-content: center; }
  .form-holder .search {
    background: #E3E3E3;
    padding: 10px 19px;
    max-width: 803px;
    width: 100%;
    font-size: 16px;
    font-weight: 500;
    color: #808080;
    margin-right: 5px;
    border-radius: 4px;
    border: none;
    height: 44px; }
    .form-holder .search::placeholder {
      color: #808080;
      font-size: 16px; }
  .form-holder .btn-submit {
    border-radius: 4px;
    width: 48px;
    height: 44px;
    border: none;
    font-size: 22px;
    color: #282828;
    padding: 0 0 0 4px; }

.nav-login {
  position: relative;
  display: flex;
  align-items: center;
  margin-bottom: 20px; }
  @media (min-width: 1320px) {
    .nav-login {
      margin-bottom: 0;
      margin-right: 25px; } }
  .nav-login li {
    padding-left: 0;
    margin-bottom: 0; }
    .nav-login li:before {
      display: none; }
    .nav-login li a {
      font-weight: 400;
      text-decoration: none;
      font-size: 0;
      line-height: 20px;
      color: #fff;
      transition: color .15s ease-in-out;
      text-indent: -99999px;
      overflow: hidden; }
      .nav-login li a:before {
        content: '\e914';
        font-family: 'icomoon';
        font-size: 22px;
        top: 3px;
        position: relative; }
      .nav-login li a:hover {
        color: #FFCC00; }

.header-socials {
  display: flex;
  padding-top: 35px; }
  @media (min-width: 1320px) {
    .header-socials {
      order: 3;
      padding-top: 0; } }
  .header-socials li {
    margin-right: 50px; }
    @media (min-width: 1320px) {
      .header-socials li {
        border-left: 1px solid #fff;
        margin-right: 0; } }
    .header-socials li:last-child {
      margin-right: 0; }
  .header-socials a {
    display: flex;
    transition: all ease-in-out 0.3s;
    color: white;
    text-align: center; }
    @media (min-width: 1320px) {
      .header-socials a {
        height: 112px;
        width: 80px;
        background-color: #F7F6F8;
        color: #212121;
        justify-content: center;
        align-items: center; } }
    .header-socials a:hover {
      color: #FFCC00; }
      @media (min-width: 1320px) {
        .header-socials a:hover {
          color: white;
          background-color: #FFCC00; } }

.nav-opener {
  position: relative;
  border: none;
  background-color: transparent;
  width: 32px;
  height: 18px;
  margin-left: 5px; }
  @media (min-width: 1320px) {
    .nav-opener {
      display: none; } }
  .nav-opener:before, .nav-opener:after,
  .nav-opener span {
    content: '';
    position: absolute;
    right: 0;
    width: 30px;
    height: 2px;
    background-color: #fff;
    transition: all ease-in-out 0.3s; }
  .nav-opener:before {
    top: 0; }
  .nav-opener:after {
    bottom: 0;
    width: 16px; }
  .nav-opener span {
    top: 50%;
    transform: translateY(-50%); }

.login-opener {
  position: relative;
  cursor: pointer;
  border: none;
  background-color: transparent;
  outline: none;
  width: 80px; }
  .login-opener.active i {
    transform: rotate(180deg) translateY(-50%);
    top: 34%; }
  .login-opener .user-img {
    overflow: hidden;
    border-radius: 50%;
    width: 40px;
    height: 40px; }
  .login-opener i {
    position: absolute;
    transition: all ease-in-out 0.3s;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    font-size: 8px; }

.user-info-list {
  position: absolute;
  top: calc(100% + 13px);
  right: 0;
  opacity: 0;
  visibility: hidden;
  transition: all ease-in-out 0.3s;
  background-color: #1F232B;
  width: 286px;
  z-index: 10; }
  .user-info-list.active {
    opacity: 1;
    visibility: visible; }
  .user-info-list li.ladies-first-item {
    border-top: 1px solid #fff; }
  .user-info-list li.ladies-last-item {
    border-bottom: 1px solid #fff; }
  .user-info-list li:after {
    display: none; }
  .user-info-list li a {
    display: block;
    padding: 16px 31px 15px 66px;
    position: relative;
    color: #fff;
    transition: background-color;
    text-align: left;
    font-weight: 500;
    font-size: 15px;
    line-height: 17px; }
    .user-info-list li a:hover {
      background-color: #B09762;
      color: #fff; }
    .user-info-list li a i {
      position: absolute;
      top: 50%;
      left: 31px;
      transform: translateY(-50%);
      font-size: 17px; }

/* === BEGIN wp_pagenavi === */
.wp-pagenavi {
  margin-bottom: 30px;
  position: relative;
  font-size: 18px;
  display: flex;
  justify-content: center;
  align-items: center; }
  .wp-pagenavi a {
    border-radius: 50%;
    background: #F1F1F1;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    transition: all .2s ease-in-out;
    color: #000;
    margin: 0 5px; }
    .wp-pagenavi a:hover, .wp-pagenavi a.active {
      background-color: #FFCC00;
      color: #000; }
  .wp-pagenavi .last,
  .wp-pagenavi .first {
    text-decoration: none;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .2s ease-in-out;
    display: none; }
  .wp-pagenavi .nextpostslink,
  .wp-pagenavi .previouspostslink {
    background: none;
    position: relative;
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center; }
    .wp-pagenavi .nextpostslink:before,
    .wp-pagenavi .previouspostslink:before {
      font-family: 'icomoon';
      content: "\e918"; }
    .wp-pagenavi .nextpostslink:hover,
    .wp-pagenavi .previouspostslink:hover {
      background: none;
      color: #FFCC00; }
  .wp-pagenavi .nextpostslink:before {
    content: "\e917"; }
  .wp-pagenavi .first,
  .wp-pagenavi .last,
  .wp-pagenavi .previouspostslink,
  .wp-pagenavi .nextpostslink,
  .wp-pagenavi .page,
  .wp-pagenavi .current {
    padding: 3px 5px; }
  .wp-pagenavi .current {
    border-radius: 50%;
    background: #F1F1F1;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    transition: all .2s ease-in-out;
    color: #000;
    margin: 0 5px; }

/* === END wp_pagenavi === */
.paginations-btn {
  display: flex;
  justify-content: center;
  align-items: center; }
  .paginations-btn li {
    padding: 0;
    margin-right: 9px; }
    .paginations-btn li:last-of-type {
      margin-right: 0; }
    .paginations-btn li:before {
      display: none; }
  .paginations-btn a {
    text-decoration: none; }
  .paginations-btn .page-btn a {
    border-radius: 50%;
    background: #F1F1F1;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    transition: all .2s ease-in-out;
    color: #000;
    font-size: 18px; }
    .paginations-btn .page-btn a:hover, .paginations-btn .page-btn a.active {
      background-color: #FFCC00;
      color: #000; }
    .paginations-btn .page-btn a.active {
      pointer-events: none; }
  .paginations-btn .page-btn .dots {
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    font-size: 26px; }
  .paginations-btn .next-page,
  .paginations-btn .prev-page {
    text-decoration: none;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .2s ease-in-out; }

.icon__select-arrow--close {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='10' height='5' viewBox='0 0 10 5' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M0.332722 0.666863C0.332418 0.511095 0.386668 0.360138 0.486055 0.240196C0.542021 0.172691 0.610756 0.116889 0.688321 0.0759881C0.765885 0.0350868 0.850756 0.00988925 0.938074 0.00183867C1.02539 -0.0062119 1.11344 0.00304278 1.19718 0.0290724C1.28091 0.0551021 1.35869 0.0973948 1.42606 0.153529L4.99939 3.1402L8.57939 0.260197C8.64758 0.20482 8.72604 0.163465 8.81027 0.138511C8.8945 0.113556 8.98282 0.105494 9.07018 0.114786C9.15753 0.124079 9.24218 0.150544 9.31927 0.19266C9.39637 0.234776 9.46437 0.291712 9.51939 0.360197C9.58008 0.429174 9.62586 0.509951 9.65385 0.597459C9.68184 0.684968 9.69145 0.777318 9.68206 0.868713C9.67267 0.960108 9.64449 1.04858 9.59928 1.12856C9.55408 1.20855 9.49284 1.27833 9.41939 1.33353L5.41939 4.55353C5.3001 4.65158 5.15047 4.70519 4.99606 4.70519C4.84164 4.70519 4.69201 4.65158 4.57272 4.55353L0.572723 1.2202C0.492044 1.15332 0.428268 1.06836 0.386569 0.972223C0.34487 0.876083 0.326422 0.771467 0.332722 0.666863Z' fill='white'/%3e%3c/svg%3e "); }

.icon-calculator, .btn_calc:before {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='23' height='30' viewBox='0 0 23 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3crect x='1' y='1' width='20.5' height='27.3333' rx='4' stroke='%23003800' stroke-width='1.5'/%3e%3crect x='3.80078' y='3.7998' width='14.9' height='3.28333' rx='1.25' stroke='%23003800' stroke-width='1.5'/%3e%3crect x='3.75' y='9.75' width='3.28333' height='3.28333' rx='1.25' stroke='%23003800' stroke-width='1.5'/%3e%3crect x='9.75' y='9.75' width='3.28' height='3.28333' rx='1.25' stroke='%23003800' stroke-width='1.5'/%3e%3crect x='15.75' y='9.75' width='3.28333' height='3.28333' rx='1.25' stroke='%23003800' stroke-width='1.5'/%3e%3crect x='3.75' y='15.2168' width='3.28333' height='3.28333' rx='1.25' stroke='%23003800' stroke-width='1.5'/%3e%3crect x='9.75' y='15.2168' width='3.28' height='3.28333' rx='1.25' stroke='%23003800' stroke-width='1.5'/%3e%3crect x='15.75' y='15.2168' width='3.28333' height='3.28333' rx='1.25' stroke='%23003800' stroke-width='1.5'/%3e%3crect x='3.75' y='20.6836' width='3.28333' height='3.28333' rx='1.25' stroke='%23003800' stroke-width='1.5'/%3e%3crect x='9.75' y='20.6836' width='3.28' height='3.28333' rx='1.25' stroke='%23003800' stroke-width='1.5'/%3e%3crect x='15.75' y='20.6836' width='3.28333' height='3.28333' rx='1.25' stroke='%23003800' stroke-width='1.5'/%3e%3c/svg%3e "), linear-gradient(90deg, #FEB200 0%, #FFD71D 104.65%); }

.icon-calculator--hover, .icon-calculator:hover, .btn_calc:hover:before {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='23' height='30' viewBox='0 0 23 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3crect x='1' y='1' width='20.5' height='27.3333' rx='4' stroke='%23FFCC00' stroke-width='1.5'/%3e%3crect x='3.7998' y='3.7998' width='14.9' height='3.28333' rx='1.25' stroke='%23FFCC00' stroke-width='1.5'/%3e%3crect x='3.75' y='9.75' width='3.28333' height='3.28333' rx='1.25' stroke='%23FFCC00' stroke-width='1.5'/%3e%3crect x='9.75' y='9.75' width='3.28' height='3.28333' rx='1.25' stroke='%23FFCC00' stroke-width='1.5'/%3e%3crect x='15.75' y='9.75' width='3.28333' height='3.28333' rx='1.25' stroke='%23FFCC00' stroke-width='1.5'/%3e%3crect x='3.75' y='15.2168' width='3.28333' height='3.28333' rx='1.25' stroke='%23FFCC00' stroke-width='1.5'/%3e%3crect x='9.75' y='15.2168' width='3.28' height='3.28333' rx='1.25' stroke='%23FFCC00' stroke-width='1.5'/%3e%3crect x='15.75' y='15.2168' width='3.28333' height='3.28333' rx='1.25' stroke='%23FFCC00' stroke-width='1.5'/%3e%3crect x='3.75' y='20.6836' width='3.28333' height='3.28333' rx='1.25' stroke='%23FFCC00' stroke-width='1.5'/%3e%3crect x='9.75' y='20.6836' width='3.28' height='3.28333' rx='1.25' stroke='%23FFCC00' stroke-width='1.5'/%3e%3crect x='15.75' y='20.6836' width='3.28333' height='3.28333' rx='1.25' stroke='%23FFCC00' stroke-width='1.5'/%3e%3c/svg%3e "); }

.icon-youtube {
  background-image: url("data:image/svg+xml,%3Csvg width='38' height='38' viewBox='0 0 38 38' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M32.8307 10.256C31.7478 8.9687 29.7484 8.4436 25.9301 8.4436H12.0696C8.1639 8.4436 6.13068 9.00257 5.05184 10.3731C4 11.7093 4 13.6782 4 16.4032V21.597C4 26.8761 5.248 29.5564 12.0696 29.5564H25.9302C29.2414 29.5564 31.0763 29.0931 32.2633 27.9571C33.4806 26.7921 34 24.89 34 21.597V16.4032C34 13.5295 33.9186 11.549 32.8307 10.256ZM23.2601 19.7171L16.9661 23.0066C16.8254 23.0801 16.6715 23.1166 16.5178 23.1166C16.3438 23.1166 16.1702 23.0698 16.0165 22.9767C15.7269 22.8012 15.5501 22.4874 15.5501 22.1489V15.5911C15.5501 15.2531 15.7264 14.9396 16.0154 14.764C16.3045 14.5885 16.664 14.5765 16.9639 14.7323L23.2579 18.0005C23.5781 18.1668 23.7792 18.4974 23.7797 18.8581C23.7801 19.219 23.5798 19.5501 23.2601 19.7171Z' fill='%23212121'/%3E%3C/svg%3E%0A"); }

.icon-youtube--white, .icon-youtube:hover {
  background-image: url("data:image/svg+xml,%3Csvg width='38' height='38' viewBox='0 0 38 38' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M32.8307 10.256C31.7478 8.9687 29.7484 8.4436 25.9301 8.4436H12.0696C8.1639 8.4436 6.13068 9.00257 5.05184 10.3731C4 11.7093 4 13.6782 4 16.4032V21.597C4 26.8761 5.248 29.5564 12.0696 29.5564H25.9302C29.2414 29.5564 31.0763 29.0931 32.2633 27.9571C33.4806 26.7921 34 24.89 34 21.597V16.4032C34 13.5295 33.9186 11.549 32.8307 10.256ZM23.2601 19.7171L16.9661 23.0066C16.8254 23.0801 16.6715 23.1166 16.5178 23.1166C16.3438 23.1166 16.1702 23.0698 16.0165 22.9767C15.7269 22.8012 15.5501 22.4874 15.5501 22.1489V15.5911C15.5501 15.2531 15.7264 14.9396 16.0154 14.764C16.3045 14.5885 16.664 14.5765 16.9639 14.7323L23.2579 18.0005C23.5781 18.1668 23.7792 18.4974 23.7797 18.8581C23.7801 19.219 23.5798 19.5501 23.2601 19.7171Z' fill='white'/%3E%3C/svg%3E%0A"); }

.icon-instagram {
  background-image: url("data:image/svg+xml,%3Csvg width='38' height='38' viewBox='0 0 38 38' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.8147 7.33325C10.2357 7.33325 7.33325 10.2357 7.33325 13.8147V24.1851C7.33325 27.7642 10.2357 30.6666 13.8147 30.6666H24.1851C27.7642 30.6666 30.6666 27.7642 30.6666 24.1851V13.8147C30.6666 10.2357 27.7642 7.33325 24.1851 7.33325H13.8147ZM26.7777 9.92584C27.4933 9.92584 28.074 10.5066 28.074 11.2221C28.074 11.9377 27.4933 12.5184 26.7777 12.5184C26.0621 12.5184 25.4814 11.9377 25.4814 11.2221C25.4814 10.5066 26.0621 9.92584 26.7777 9.92584ZM18.9999 12.5184C22.579 12.5184 25.4814 15.4208 25.4814 18.9999C25.4814 22.579 22.579 25.4814 18.9999 25.4814C15.4208 25.4814 12.5184 22.579 12.5184 18.9999C12.5184 15.4208 15.4208 12.5184 18.9999 12.5184ZM18.9999 15.111C17.9685 15.111 16.9794 15.5208 16.2501 16.2501C15.5208 16.9794 15.111 17.9685 15.111 18.9999C15.111 20.0313 15.5208 21.0205 16.2501 21.7498C16.9794 22.4791 17.9685 22.8888 18.9999 22.8888C20.0313 22.8888 21.0205 22.4791 21.7498 21.7498C22.4791 21.0205 22.8888 20.0313 22.8888 18.9999C22.8888 17.9685 22.4791 16.9794 21.7498 16.2501C21.0205 15.5208 20.0313 15.111 18.9999 15.111Z' fill='%23212121'/%3E%3C/svg%3E%0A"); }

.icon-instagram--white, .icon-instagram:hover {
  background-image: url("data:image/svg+xml,%3Csvg width='38' height='38' viewBox='0 0 38 38' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.8147 7.33325C10.2357 7.33325 7.33325 10.2357 7.33325 13.8147V24.1851C7.33325 27.7642 10.2357 30.6666 13.8147 30.6666H24.1851C27.7642 30.6666 30.6666 27.7642 30.6666 24.1851V13.8147C30.6666 10.2357 27.7642 7.33325 24.1851 7.33325H13.8147ZM26.7777 9.92584C27.4933 9.92584 28.074 10.5066 28.074 11.2221C28.074 11.9377 27.4933 12.5184 26.7777 12.5184C26.0621 12.5184 25.4814 11.9377 25.4814 11.2221C25.4814 10.5066 26.0621 9.92584 26.7777 9.92584ZM18.9999 12.5184C22.579 12.5184 25.4814 15.4208 25.4814 18.9999C25.4814 22.579 22.579 25.4814 18.9999 25.4814C15.4208 25.4814 12.5184 22.579 12.5184 18.9999C12.5184 15.4208 15.4208 12.5184 18.9999 12.5184ZM18.9999 15.111C17.9685 15.111 16.9794 15.5208 16.2501 16.2501C15.5208 16.9794 15.111 17.9685 15.111 18.9999C15.111 20.0313 15.5208 21.0205 16.2501 21.7498C16.9794 22.4791 17.9685 22.8888 18.9999 22.8888C20.0313 22.8888 21.0205 22.4791 21.7498 21.7498C22.4791 21.0205 22.8888 20.0313 22.8888 18.9999C22.8888 17.9685 22.4791 16.9794 21.7498 16.2501C21.0205 15.5208 20.0313 15.111 18.9999 15.111Z' fill='white'/%3E%3C/svg%3E%0A"); }

.icon-facebook {
  background-image: url("data:image/svg+xml,%3Csvg width='38' height='38' viewBox='0 0 38 38' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M22.9765 9H20.8932C19.2994 9 18.1545 9.37833 17.4588 10.1347C16.7628 10.8914 16.4151 12.0057 16.4151 13.4783V14.8819C16.4151 15.2528 16.1145 15.5535 15.7436 15.5535H15.0236C14.6527 15.5535 14.3521 15.8541 14.3521 16.225V18.3284C14.3521 18.6993 14.6527 19 15.0236 19H15.7436C16.1145 19 16.4151 19.3006 16.4151 19.6716V28.3284C16.4151 28.6993 16.7158 29 17.0867 29H19.8818C20.2527 29 20.5534 28.6993 20.5534 28.3284V19.6716C20.5534 19.3006 20.8541 19 21.225 19H22.6366C23.0076 19 23.3398 18.701 23.3787 18.3322L23.6017 16.2212C23.6406 15.8523 23.3716 15.5535 23.0006 15.5535H21.2247C20.8538 15.5535 20.5532 15.2528 20.5532 14.8819V13.8302C20.5532 13.5714 20.5653 13.3711 20.5896 13.2294C20.6138 13.0879 20.6684 12.9484 20.7535 12.8107C20.8383 12.6733 20.976 12.5782 21.1661 12.5255C21.3561 12.4729 21.6091 12.4465 21.9245 12.4465H22.9762C23.3471 12.4465 23.6477 12.1459 23.6477 11.7749V9.67158C23.648 9.30064 23.3474 9 22.9765 9Z' fill='%23212121'/%3E%3C/svg%3E%0A"); }

.icon-facebook--white, .icon-facebook:hover {
  background-image: url("data:image/svg+xml,%3Csvg width='38' height='38' viewBox='0 0 38 38' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M22.9765 9H20.8932C19.2994 9 18.1545 9.37833 17.4588 10.1347C16.7628 10.8914 16.4151 12.0057 16.4151 13.4783V14.8819C16.4151 15.2528 16.1145 15.5535 15.7436 15.5535H15.0236C14.6527 15.5535 14.3521 15.8541 14.3521 16.225V18.3284C14.3521 18.6993 14.6527 19 15.0236 19H15.7436C16.1145 19 16.4151 19.3006 16.4151 19.6716V28.3284C16.4151 28.6993 16.7158 29 17.0867 29H19.8818C20.2527 29 20.5534 28.6993 20.5534 28.3284V19.6716C20.5534 19.3006 20.8541 19 21.225 19H22.6366C23.0076 19 23.3398 18.701 23.3787 18.3322L23.6017 16.2212C23.6406 15.8523 23.3716 15.5535 23.0006 15.5535H21.2247C20.8538 15.5535 20.5532 15.2528 20.5532 14.8819V13.8302C20.5532 13.5714 20.5653 13.3711 20.5896 13.2294C20.6138 13.0879 20.6684 12.9484 20.7535 12.8107C20.8383 12.6733 20.976 12.5782 21.1661 12.5255C21.3561 12.4729 21.6091 12.4465 21.9245 12.4465H22.9762C23.3471 12.4465 23.6477 12.1459 23.6477 11.7749V9.67158C23.648 9.30064 23.3474 9 22.9765 9Z' fill='white'/%3E%3C/svg%3E%0A"); }

.wp-block-image img.alignleft, .wp-block-image img.alignright,
img.alignleft,
img.alignright {
  max-width: 49%; }

.wp-block-image img.alignleft,
img.alignleft {
  margin: 17px 25px 25px 0;
  float: left; }

.wp-block-image img.alignright,
img.alignright {
  margin: 17px 0 25px 25px !important;
  float: right; }

.wp-block-image img.aligncenter,
img.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 25px;
  max-width: 100%; }

.iframe-box {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-top: 42.25%;
  max-width: 900px;
  margin: 50px auto; }
  .iframe-box iframe {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%; }

/*.quote*/
blockquote {
  position: relative;
  display: flex;
  margin-left: 130px;
  font-size: 30px;
  line-height: 1.5;
  margin-bottom: 50px;
  flex-direction: column; }
  blockquote:before {
    content: "";
    display: block;
    width: 86px;
    height: 86px;
    position: absolute;
    top: 0;
    left: -130px;
    background: center no-repeat;
    background-image: url("./assets/img/quote.svg"); }
  blockquote h2,
  blockquote h3,
  blockquote h4,
  blockquote h5,
  blockquote h6 {
    color: #FFCC00 !important;
    word-break: break-word; }
  blockquote p {
    font-size: 22px; }
  blockquote cite {
    font-weight: 700;
    font-style: normal; }

@media screen and (max-width: 1024px) {
  .post-item .fancybox {
    width: 100%;
    display: flex; }
  img.alignleft, img.alignright, img.aligncenter {
    max-width: 100%;
    margin: 0 auto 30px; }
  .iframe-box {
    padding-top: 55.25%; }
  blockquote {
    margin: 50px 0; }
    blockquote:before {
      content: "";
      top: -40px;
      left: initial;
      right: 0; }
    blockquote h2,
    blockquote h3,
    blockquote h4,
    blockquote h5,
    blockquote h6 {
      font-size: 30px;
      padding-right: 100px; }
    blockquote p {
      font-size: 20px; } }

.wpcf7-spinner {
  position: absolute;
  bottom: 0;
  right: 0; }

.footer {
  background: linear-gradient(90deg, #003800 0%, #006F00 50.26%, #003800 100%);
  padding: 47px 0 0;
  font-size: 16px;
  color: #fff; }
  @media (min-width: 768px) {
    .footer {
      padding: 87px 0 0; } }
  .footer .footer-top {
    display: flex;
    flex-direction: column; }
    @media (min-width: 768px) {
      .footer .footer-top {
        justify-content: space-between;
        flex-direction: row; } }
  .footer .logo-holder {
    padding-right: 15px; }
    .footer .logo-holder .logo-block {
      margin-bottom: 32px;
      max-width: 208px; }
  .footer .tel-link {
    text-decoration: none;
    color: #fff;
    margin-bottom: 10px;
    display: inline-block; }
    .footer .tel-link:hover {
      text-decoration: underline; }
  .footer .menu-holder {
    display: flex;
    flex-direction: column;
    max-width: 775px;
    width: 100%; }
    @media (min-width: 768px) {
      .footer .menu-holder {
        justify-content: space-between;
        flex-direction: row; } }
    @media (min-width: 768px) {
      .footer .menu-holder ul {
        width: 50%; } }
    .footer .menu-holder ul li {
      margin-bottom: 10px;
      text-align: left;
      padding-left: 0; }
      .footer .menu-holder ul li:before {
        display: none; }
      @media (min-width: 768px) {
        .footer .menu-holder ul li {
          margin-bottom: 15px; } }
      .footer .menu-holder ul li a {
        color: #fff;
        text-decoration: none; }
        .footer .menu-holder ul li a:hover {
          text-decoration: underline; }
  .footer .contact-holder {
    text-align: center;
    padding-top: 30px; }
    @media (min-width: 768px) {
      .footer .contact-holder {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-end;
        width: 50%;
        padding-top: 18px; } }
  .footer .privacy-list {
    text-align: center;
    margin: 0 0 20px; }
    @media (min-width: 768px) {
      .footer .privacy-list {
        margin: 0; } }
  .footer .footer-menu {
    overflow: hidden;
    margin-bottom: 15px; }
    .footer .footer-menu li {
      width: 50%;
      float: left; }
  .footer .footer-socials {
    width: 100%;
    display: flex;
    margin: 0 0 20px;
    font-size: 20px; }
    @media (min-width: 768px) {
      .footer .footer-socials {
        padding-top: 0;
        margin: 0 0 25px; } }
    .footer .footer-socials li {
      margin: 0 10px 0 0;
      width: 40px;
      height: 40px;
      line-height: 42px;
      text-align: center;
      border-radius: 50%;
      overflow: hidden;
      padding-left: 0; }
      .footer .footer-socials li a {
        color: #003800;
        background-color: #FFCC00;
        text-decoration: none;
        display: block;
        height: 100%;
        transition: all .2s ease-in-out; }
        .footer .footer-socials li a:hover {
          color: #fff;
          background-color: #003800; }
      .footer .footer-socials li:before {
        display: none; }
  .footer .btn {
    padding: 20px 34px; }
  .footer .copy-holder {
    text-align: center;
    font-size: 14px;
    padding: 20px 0 10px; }
    @media (min-width: 768px) {
      .footer .copy-holder .other-copy-link {
        position: absolute;
        right: 0; } }
    .footer .copy-holder a,
    .footer .copy-holder span {
      color: #fff; }

/* === BEGIN MEDIA === */
/* ======================
$mobile-small 240px
$mobile-large 320px
$tablet-small 480px
$tablet-large 768px
$screen-small 1024px
$screen-large 1280px 
====================== */
@media screen and (max-width: 1024px) {
  h1,
  .title_1,
  blockquote h2,
  blockquote h3,
  blockquote h4,
  blockquote h5,
  blockquote h6 {
    font-size: 24px; }
  h2,
  .title_2 {
    font-size: 26px; }
  h3,
  .title_3 {
    font-size: 18px; }
  h5,
  .title_5 {
    font-size: 14px; }
  h6,
  .title_6 {
    font-size: 12px; } }

@media screen and (max-width: 767px) {
  .breadcrumb {
    padding: 25px 15px 15px 0; } }

/* === END MEDIA === */
/*404*/
.page-404 {
  padding: 5% 0 10%;
  position: relative; }
  .page-404:before {
    position: absolute;
    content: '404';
    font-size: 160px;
    left: 50%;
    top: 0;
    transform: translate(-50%, 0);
    font-weight: 800;
    color: rgba(0, 56, 0, 0.05); }
    @media (min-width: 768px) {
      .page-404:before {
        font-size: 600px;
        top: 50%;
        transform: translate(-50%, -50%); } }
  .page-404 .container {
    position: relative;
    display: flex;
    justify-content: center; }
  .page-404 .text-holder {
    position: relative;
    display: flex;
    flex-direction: column;
    text-align: center;
    padding: 0; }
    @media (min-width: 768px) {
      .page-404 .text-holder {
        padding: 150px 0 0; } }
    .page-404 .text-holder strong {
      display: block;
      margin: 0 0 30px;
      font-size: 80px;
      line-height: 260px; }
      @media (min-width: 768px) {
        .page-404 .text-holder strong {
          font-size: 200px; } }
    .page-404 .text-holder span {
      display: block;
      margin: 0 0 20px;
      font-size: 18px;
      font-weight: 600;
      line-height: 30px; }
      @media (min-width: 768px) {
        .page-404 .text-holder span {
          font-size: 24px; } }

/*home*/
.visual {
  background-image: linear-gradient(90deg, #003800 0%, #006F00 104.65%);
  margin-bottom: 109px;
  position: relative;
  margin-top: -1px; }
  .visual .slick-next {
    right: 15px; }
    @media (min-width: 1600px) {
      .visual .slick-next {
        right: 65px; } }
  @media (min-width: 1024px) {
    .visual__slider {
      height: 640px;
      overflow: hidden; }
      .visual__slider.slick-initialized {
        height: auto; } }
  .visual .slick-prev {
    left: 15px; }
    @media (min-width: 1600px) {
      .visual .slick-prev {
        left: 65px; } }
  .visual .container {
    padding: 0; }
    @media (min-width: 1600px) {
      .visual .container {
        padding: 0 15px; } }
  .visual__slide {
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 430px;
    display: flex !important;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: #F5F5F5;
    position: relative;
    border-radius: 294px 0 0;
    padding: 110px 0 30px;
    overflow: hidden; }
    .visual__slide.img-banner {
      background-color: transparent;
      min-height: 0;
      padding: 0; }
      .visual__slide.img-banner img {
        object-fit: contain; }
    .visual__slide .desktop-banner {
      display: none; }
      @media (min-width: 768px) {
        .visual__slide .desktop-banner {
          display: block; } }
    @media (min-width: 768px) {
      .visual__slide .mobile-banner {
        display: none; } }
    @media (min-width: 768px) {
      .visual__slide {
        min-height: 640px;
        flex-direction: row;
        padding: 0; } }
  .visual__img-holder {
    position: relative;
    max-width: 256px; }
    @media (min-width: 768px) {
      .visual__img-holder {
        max-width: 573px; } }
    .visual__img-holder img {
      position: relative; }
  .visual__text-holder {
    position: relative;
    color: #282828;
    padding: 15px 50px;
    max-width: 590px;
    font-size: 16px;
    line-height: 24px;
    font-weight: 500; }
    .visual__text-holder * {
      position: relative;
      z-index: 1; }
    @media (min-width: 768px) {
      .visual__text-holder {
        font-size: 20px;
        line-height: 24px;
        padding: 15px; } }
    @media (min-width: 1600px) {
      .visual__text-holder {
        font-size: 24px;
        line-height: 29px;
        max-width: 720px; } }
  .visual__slide-text {
    display: block;
    font-size: 22px;
    line-height: 30px;
    margin-bottom: 14px;
    font-weight: 800; }
    @media (min-width: 768px) {
      .visual__slide-text {
        font-size: 30px;
        line-height: 40px; } }
    @media (min-width: 1600px) {
      .visual__slide-text {
        font-size: 54px;
        line-height: 70px; } }
  .visual__label {
    background-image: linear-gradient(90deg, #FEB200 0%, #FFD71D 104.65%);
    position: absolute;
    bottom: 0;
    right: 0;
    border-radius: 140px 0 0 0;
    height: 70px;
    padding: 15px 5px 15px 36px;
    font-size: 16px;
    line-height: 32px;
    font-weight: 500;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden; }
    @media (min-width: 768px) {
      .visual__label {
        font-size: 24px;
        line-height: 32px;
        padding: 15px 56px 15px 66px;
        height: 80px; } }
  @media (min-width: 768px) {
    .visual__col {
      width: 50%;
      padding: 0 20px; } }
  @media (min-width: 1440px) {
    .visual__col {
      padding: 0 60px; } }
  @media (min-width: 768px) {
    .visual .row {
      display: flex;
      flex-wrap: wrap;
      align-items: start;
      margin: 0 -20px; } }
  @media (min-width: 1440px) {
    .visual .row {
      margin: 0 -60px; } }
  @media (min-width: 1600px) {
    .visual .slick-arrow__prev {
      left: calc((100vw - 1630px)/2); } }
  @media (min-width: 1600px) {
    .visual .slick-arrow__next {
      right: calc((100vw - 1630px)/2); } }
  .visual .slick-arrow {
    top: 45%; }
    @media (min-width: 768px) {
      .visual .slick-arrow {
        top: 40%; } }
  .visual .slick-dots {
    bottom: -40px; }
    @media (min-width: 768px) {
      .visual .slick-dots {
        bottom: 40px; } }

.home .visual__label {
  width: 256px;
  height: 70px;
  padding: 15px 5px 15px 36px; }
  @media (min-width: 768px) {
    .home .visual__label {
      font-size: 24px;
      line-height: 32px;
      width: 354px;
      height: 130px; } }

.special-propos {
  position: fixed;
  top: 29%;
  right: 0;
  background: linear-gradient(90deg, #FEB200 0%, #FFD71D 104.65%);
  width: 72px;
  height: 72px;
  border-radius: 100px 0 0 100px;
  display: flex;
  align-items: center;
  text-decoration: none;
  font-size: 16px;
  line-height: 22px;
  font-weight: 500;
  color: #282828;
  padding-left: 24px;
  transition: color .2s ease-in-out, background .2s ease-in-out, background-color .2s ease-in-out, transform .2s ease-in-out;
  z-index: 1; }
  @media (min-width: 768px) {
    .special-propos {
      top: 32%;
      transform: translate(134px, -50%);
      width: 215px;
      padding-left: 28px; } }
  .special-propos i {
    font-size: 34px; }
  .special-propos span {
    margin-left: 19px;
    display: none; }
    @media (min-width: 768px) {
      .special-propos span {
        display: block; } }
  .special-propos:hover {
    background: linear-gradient(90deg, #003800 0%, #003800 104.65%);
    color: #FFCC00; }
    @media (min-width: 768px) {
      .special-propos:hover {
        transform: translate(0, -50%); } }

/* modal styles */
.modal_div {
  max-width: 1600px;
  width: auto;
  border-radius: 150px 0px;
  background: #F4F1E7;
  position: fixed;
  top: 45%;
  margin: 0 15px;
  transform: translateY(-45%);
  display: none;
  opacity: 0;
  z-index: 101;
  padding: 64px 15px;
  text-align: center;
  left: 0;
  right: 0; }
  @media (min-width: 1024px) {
    .modal_div {
      border-radius: 362px 0px; } }
  @media (min-width: 1600px) {
    .modal_div {
      margin: auto;
      width: 100%;
      padding: 108px 15px 120px; } }

.popup-title {
  display: block;
  text-align: center;
  padding-bottom: 20px;
  position: relative;
  font-size: 26px;
  line-height: 32px;
  margin-bottom: 18px; }
  .popup-title:before {
    position: absolute;
    content: '';
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    width: 70px;
    height: 2px;
    background: #FFCC00; }
  @media (min-width: 768px) {
    .popup-title {
      font-size: 40px;
      line-height: 48px;
      margin-bottom: 37px; } }

.sub-title {
  display: block;
  text-align: center;
  font-weight: 500;
  font-size: 16px;
  line-height: 30px;
  margin-bottom: 30px; }

.special_form {
  display: flex;
  flex-direction: column;
  align-items: center; }
  .special_form .select_city {
    position: relative;
    appearance: none;
    background-repeat: no-repeat;
    background-position: 97% 50%;
    margin-bottom: 0;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='12' height='7' viewBox='0 0 12 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M0.166389 1.33333C0.16601 1.13862 0.233822 0.949928 0.358056 0.800001C0.428014 0.715619 0.513932 0.645868 0.610888 0.594741C0.707844 0.543614 0.813932 0.512117 0.923079 0.502054C1.03223 0.491991 1.14229 0.503559 1.24696 0.536096C1.35163 0.568633 1.44885 0.621499 1.53306 0.691668L5.99972 4.425L10.4747 0.825002C10.56 0.75578 10.658 0.704087 10.7633 0.672894C10.8686 0.641701 10.979 0.631623 11.0882 0.643239C11.1974 0.654855 11.3032 0.687936 11.3996 0.740581C11.4959 0.793225 11.581 0.864396 11.6497 0.950002C11.7256 1.03622 11.7828 1.13719 11.8178 1.24658C11.8528 1.35597 11.8648 1.4714 11.8531 1.58565C11.8413 1.69989 11.8061 1.81048 11.7496 1.91046C11.6931 2.01045 11.6165 2.09767 11.5247 2.16667L6.52472 6.19167C6.37561 6.31424 6.18858 6.38124 5.99556 6.38124C5.80254 6.38124 5.6155 6.31424 5.46639 6.19167L0.466391 2.025C0.365542 1.9414 0.285823 1.83521 0.233699 1.71503C0.181575 1.59486 0.158514 1.46409 0.166389 1.33333Z' fill='%23808080'/%3e%3c/svg%3e "); }

/* input styles */
.input-row {
  display: flex;
  justify-content: center;
  width: 100%;
  align-items: center;
  flex-direction: column; }
  @media (min-width: 768px) {
    .input-row {
      flex-direction: row;
      align-items: flex-start; } }

.input-col {
  max-width: 430px;
  width: 100%;
  margin-bottom: 20px; }
  @media (min-width: 768px) {
    .input-col {
      margin: 0 10px 40px; } }
  @media (min-width: 1600px) {
    .input-col {
      margin: 0 18px 36px; } }
  .input-col.textarea-col {
    max-width: 430px; }
    @media (min-width: 768px) {
      .input-col.textarea-col {
        max-width: 880px; } }
    @media (min-width: 1600px) {
      .input-col.textarea-col {
        max-width: 900px; } }
  .input-col.gold {
    max-width: 1330px; }
    @media (min-width: 768px) {
      .input-col.gold {
        max-width: 1330px; } }
    @media (min-width: 1600px) {
      .input-col.gold {
        max-width: 1362px; } }
    .input-col.gold .custom-file-holder {
      min-height: 100px; }

.textarea,
.input-text,
.select_city {
  height: 60px;
  border: 1px solid #808080;
  padding: 2px 23px;
  width: 100%;
  border-radius: 4px;
  background: transparent;
  font-size: 16px;
  color: #808080; }
  .textarea::placeholder,
  .input-text::placeholder,
  .select_city::placeholder {
    color: #808080;
    font-size: 16px;
    font-family: "Montserrat"; }

.textarea {
  appearance: none;
  height: 120px;
  resize: none;
  padding: 20px 23px; }

.modal_close {
  width: 21px;
  height: 21px;
  position: absolute;
  top: 10px;
  right: 10px;
  cursor: pointer;
  display: block; }

/* overlay */
#overlay {
  z-index: 100;
  position: fixed;
  background-color: #fff;
  opacity: 0.9;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  cursor: pointer;
  display: none; }

.category {
  padding-bottom: 30px; }
  @media (min-width: 768px) {
    .category {
      padding-bottom: 70px; } }
  .category__list {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px 24px;
    font-size: 18px;
    line-height: 26px;
    justify-content: center; }
    @media (min-width: 768px) {
      .category__list {
        font-size: 24px;
        line-height: 36px;
        margin-bottom: 100px; } }
  .category__item {
    width: 100%;
    border: 1px solid #808080;
    margin: 0 10px 20px;
    border-radius: 10px;
    position: relative;
    overflow: hidden;
    max-width: 520px;
    height: 187px; }
    @media (min-width: 768px) {
      .category__item {
        width: calc(100% / 2);
        display: block;
        height: auto; } }
    @media (min-width: 1024px) {
      .category__item {
        width: calc(100% / 2); } }
    @media (min-width: 1280px) {
      .category__item {
        width: calc(100% / 3); } }
    .category__item:before {
      position: absolute;
      content: '';
      width: 100%;
      height: 100%;
      left: 0;
      top: 0;
      transition: opacity .2s ease-in-out;
      background: linear-gradient(90deg, #FEB200 0%, #FFD71D 104.65%); }
  .category__link {
    padding: 30px 20px 25px 28px;
    display: flex;
    align-items: center;
    text-decoration: none;
    position: relative;
    background-color: #F5F5F5;
    justify-content: space-between;
    height: 100%;
    transition: background-color .2s ease-in-out; }
    @media (min-width: 768px) {
      .category__link {
        padding: 44px 20px 25px 38px;
        min-height: 280px; } }
    .category__link:hover {
      color: #282828;
      background-color: transparent; }
  .category__title {
    display: block;
    margin-bottom: 30px; }
  .category__img-holder {
    max-width: 120px; }
    @media (min-width: 768px) {
      .category__img-holder {
        max-width: 100%; } }
  .category__btn-box {
    text-align: center; }
    @media (min-width: 768px) {
      .category__btn-box {
        display: none; } }
  .category .load_more {
    margin-bottom: 74px; }

.green-block {
  display: flex;
  flex-direction: column;
  padding: 63px 28px;
  align-items: flex-start;
  font-size: 16px;
  line-height: 24px;
  color: #fff;
  justify-content: center;
  background-image: linear-gradient(90deg, #003800 0%, #006F00 104.65%);
  border-radius: 0 0 143px 0; }
  @media (min-width: 768px) {
    .green-block {
      flex-direction: row;
      align-items: center;
      padding: 70px 130px;
      font-size: 18px;
      line-height: 32px; } }
  .green-block.yellow {
    background: #FFCC00;
    color: #282828;
    margin: 50px 0; }
    .green-block.yellow h2 {
      color: #282828; }
  .green-block h2 {
    font-weight: 600;
    color: #fff;
    text-align: left;
    margin-bottom: 20px;
    padding-bottom: 0;
    text-transform: none; }
    .green-block h2:after {
      display: none; }
    .green-block h2.yellow {
      display: flex;
      align-items: center;
      color: #FFCC00; }
      .green-block h2.yellow i {
        margin-right: 10px; }
  .green-block__text {
    padding-right: 5%; }
  .green-block p {
    margin: 0 0 18px; }
    @media (min-width: 768px) {
      .green-block p {
        margin: 0; } }

/* calculator */
.calculator {
  background: #F4F4F4;
  padding: 64px 0;
  background-repeat: no-repeat;
  background-position: 84% 8%; }
  .calculator .container {
    position: relative; }
    .calculator .container:before {
      position: absolute;
      content: '';
      right: 12px;
      top: -43px;
      width: 69px;
      height: 50px;
      background-size: cover;
      background-image: url("./assets/img/calculate-img.png"); }
      @media (min-width: 768px) {
        .calculator .container:before {
          right: 120px;
          width: 214px;
          height: 155px; } }
  @media (min-width: 768px) {
    .calculator {
      padding: 95px 0; } }

/* multiplay select styles */
.select2-hidden-accessible {
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important; }

.select2-search.select2-search--inline:before {
  display: none; }

.select2-container {
  max-width: 430px;
  width: 100%; }

.selection {
  position: relative;
  display: block; }
  .selection:before {
    position: absolute;
    content: "\e919";
    font-family: 'icomoon';
    color: #808080;
    right: 15px;
    font-size: 6px;
    top: calc(50% - 5px); }

.select2-selection.select2-selection--single,
.select2-container--default .select2-selection--multiple .select2-selection__rendered {
  background: transparent;
  height: 60px;
  border: 1px solid #808080;
  width: 100%;
  border-radius: 4px;
  background: transparent;
  font-size: 16px;
  color: #808080;
  border: 1px solid #808080;
  display: flex;
  align-items: center;
  position: relative; }

.select2-search.select2-search--inline {
  padding-left: 0;
  margin-bottom: 0; }

.select2-selection.select2-selection--single {
  padding: 2px 23px;
  position: relative; }

.select2-search.select2-search--dropdown {
  display: none; }

input.select2-search__field {
  background-color: transparent;
  border: none;
  padding: 2px 23px;
  height: 60px;
  font-size: 16px; }
  input.select2-search__field:focus {
    outline: none; }

li.select2-selection__choice {
  margin: 0 6px;
  padding-left: 0; }
  li.select2-selection__choice:before {
    display: none; }
  li.select2-selection__choice:nth-child(2) {
    margin-left: 15px; }

span.select2-selection__clear {
  position: absolute;
  right: 10px;
  font-size: 30px;
  display: none; }

.select2-selection__choice__remove {
  font-size: 24px;
  cursor: pointer;
  vertical-align: middle; }

.select2-results__options {
  background: #fff;
  box-shadow: 0px 10px 20px 4px rgba(153, 153, 153, 0.2);
  border-radius: 4px; }

.select2-results__option {
  padding: 12px 23px;
  position: relative;
  margin-bottom: 0; }
  .select2-results__option:hover {
    background-color: rgba(0, 56, 0, 0.1); }

.select2-container--single .select2-results__option[aria-selected=true]:after,
.select2-container--single .select2-results__option[aria-selected=true]:before,
.select2-container--single .select2-results__option:before {
  display: none; }

.select2-results__option:before {
  content: "";
  display: inline-block;
  position: relative;
  height: 26px;
  width: 26px;
  border: 1px solid #808080;
  border-radius: 4px;
  background-color: #fff;
  margin-right: 11px;
  margin-top: -1px;
  vertical-align: middle;
  top: 0; }

.select2-results__option[aria-selected=true]:before {
  background-color: #FFCC00;
  border: 0;
  display: inline-block;
  padding-left: 3px; }

.select2-results__option[aria-selected=true]:after {
  content: "";
  display: inline-block;
  position: absolute;
  left: 31px;
  height: 14px;
  top: 18px;
  width: 9px;
  border: 2px solid #fff;
  border-width: 0 2px 2px 0;
  transform: rotate(40deg); }

.select2-container--default .select2-results__option[aria-selected=true] {
  background-color: #fff; }

.select2-container--default .select2-selection--multiple {
  margin-bottom: 10px; }

.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
  border-radius: 4px; }

.select2-container--default.select2-container--focus .select2-selection--multiple {
  border-color: #f77750;
  border-width: 2px; }

.select2-container--default .select2-selection--multiple {
  border-width: 2px; }

.select2-container--open .select2-dropdown--below {
  border-radius: 6px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); }

.select2-selection .select2-selection--multiple:after {
  content: 'hhghgh'; }

/* select with icons badges single*/
.select-icon .select2-selection__placeholder .badge {
  display: none; }

.select-icon .placeholder {
  /*  display: none; */ }

.select-icon .select2-results__option:before,
.select-icon .select2-results__option[aria-selected=true]:before {
  display: none !important;
  /* content: "" !important; */ }

.select-icon .select2-search--dropdown {
  display: none; }

/* custom file holder */
.custom-file-holder {
  position: relative;
  min-height: 120px;
  border: 1px dashed #808080;
  align-items: center;
  justify-content: center !important;
  display: flex;
  align-items: center;
  justify-content: center; }
  .custom-file-holder input[type="file"] {
    height: 100%;
    position: absolute;
    opacity: 0;
    width: 100%;
    height: 100%; }
  .custom-file-holder label {
    position: relative;
    font-size: 16px;
    text-decoration: underline; }
    .custom-file-holder label:before {
      position: absolute;
      content: "\e90e";
      font-family: 'icomoon';
      font-size: 14px;
      left: -20px;
      top: 4px; }
    .custom-file-holder label:hover {
      position: absolute;
      color: #003800; }

.preview {
  display: flex;
  padding: 5px 0 0; }
  .preview li {
    width: 68px;
    height: 68px;
    transition: background .2s ease-in-out;
    position: relative;
    border-radius: 4px;
    overflow: hidden;
    margin-right: 8px;
    padding-left: 0;
    margin-bottom: 0; }
    .preview li:before {
      position: absolute;
      content: '';
      width: 100%;
      height: 100%;
      left: 0;
      top: 0;
      background-color: rgba(0, 0, 0, 0.2);
      transition: opacity .2s ease-in-out;
      opacity: 0; }
    .preview li:hover:before {
      opacity: 1; }
    .preview li img {
      width: 100%;
      height: 100%; }
    .preview li div {
      width: 20px;
      height: 20px;
      position: absolute;
      right: 0;
      top: 0; }
      .preview li div:before {
        font-family: 'icomoon';
        content: "\e91a";
        color: #fff;
        font-size: 14px; }

.tabs__content {
  height: 0;
  visibility: hidden;
  opacity: 0;
  transition: opacity .2s ease-in-out; }

.tabs__content.active {
  display: block;
  height: auto;
  visibility: visible;
  opacity: 1; }

.tabs {
  font-size: 16px; }
  @media (min-width: 768px) {
    .tabs {
      font-size: 18px; } }
  .tabs__holder {
    display: flex;
    justify-content: center;
    margin-bottom: 42px; }
  .tabs__caption {
    display: flex;
    border-radius: 100px;
    background-color: #EAE8DD; }
    .tabs__caption li {
      color: #282828;
      padding: 19px 31px;
      border-radius: 100px;
      background: linear-gradient(90deg, transparent 0%, transparent 104.65%);
      transition: background .2s ease-in-out;
      cursor: pointer;
      margin-bottom: 0; }
      @media (min-width: 768px) {
        .tabs__caption li {
          padding: 19px 50px; } }
      .tabs__caption li.active {
        background: linear-gradient(90deg, #003800 0%, #006F00 104.65%);
        color: #fff; }
      .tabs__caption li:before {
        display: none; }
  .tabs .center {
    text-align: center;
    font-size: 16px;
    margin-bottom: 31px; }

.title-holder {
  text-align: center; }
  .title-holder_sm {
    margin: 0 auto 40px;
    max-width: 970px; }
    @media (min-width: 768px) {
      .title-holder_sm {
        margin: 0 auto 60px; } }
  .title-holder_lg {
    margin: 0 auto 30px;
    max-width: 1200px; }
    @media (min-width: 768px) {
      .title-holder_lg {
        margin: 0 auto 23px; } }
  .title-holder .text-holder {
    margin: 0 0 50px; }
    @media (min-width: 768px) {
      .title-holder .text-holder {
        margin: 0 0 60px; } }
    .title-holder .text-holder p {
      margin: 0; }
    .title-holder .text-holder strong {
      display: block; }

.title {
  position: relative;
  display: inline-block;
  font-size: 30px;
  line-height: 38px;
  margin: 0 0 30px;
  padding: 0 35px; }
  @media (min-width: 768px) {
    .title {
      font-size: 50px;
      line-height: 64px;
      margin: 0 0 23px; } }
  .title:before, .title:after {
    position: absolute;
    content: '';
    background: #BF0F0D;
    transform: rotate(-45deg);
    width: 10px;
    height: 10px;
    top: 45%; }
  .title:before {
    left: 0; }
  .title:after {
    right: 0; }

.pseudo-title {
  display: block;
  margin: 0 0 30px;
  font-weight: 600;
  font-size: 20px;
  line-height: 172%; }

.benefis {
  padding: 63px 0;
  margin-bottom: 34px; }
  @media (min-width: 768px) {
    .benefis {
      padding: 109px 0 100px;
      margin-bottom: 0; } }
  .benefis__slider-holder {
    margin: 0; }
    @media (min-width: 768px) {
      .benefis__slider-holder {
        margin: 0 -17px; } }
  .benefis__slider {
    display: flex;
    flex-wrap: wrap;
    justify-content: center; }
  .benefis__slide {
    display: flex !important;
    background: #F4F4F4;
    border-radius: 94px 94px 0 94px;
    max-width: 798px;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    position: relative;
    margin: 2px;
    font-weight: 500;
    color: #fff;
    font-size: 16px;
    flex-direction: column-reverse;
    padding: 75px 67px 70px; }
    @media (min-width: 768px) {
      .benefis__slide {
        max-width: 670px;
        height: 226px;
        flex-direction: row;
        padding: 0;
        font-size: 18px; } }
    @media (min-width: 1600px) {
      .benefis__slide {
        max-width: 798px; } }
    .benefis__slide:before {
      position: absolute;
      content: '';
      width: 100%;
      top: 0;
      right: 0;
      height: 100%;
      background-image: linear-gradient(90deg, #006F00 0%, #003800 104.65%);
      border-radius: 94px 94px 0 94px;
      transition: width .2s ease-in-out, background-image 2s ease-in-out; }
      @media (min-width: 768px) {
        .benefis__slide:before {
          width: 240px; } }
      @media (min-width: 1600px) {
        .benefis__slide:before {
          width: 290px; } }
    @media (min-width: 768px) {
      .benefis__slide:nth-child(4), .benefis__slide:nth-child(2) {
        flex-direction: row-reverse;
        justify-content: start;
        border-radius: 94px 94px 94px 0; }
        .benefis__slide:nth-child(4):before, .benefis__slide:nth-child(2):before {
          left: 0;
          right: auto;
          border-radius: 94px 94px 94px 0;
          background-image: linear-gradient(90deg, #003800 0%, #006F00 104.65%); }
        .benefis__slide:nth-child(4):hover:before, .benefis__slide:nth-child(4).active:before, .benefis__slide:nth-child(2):hover:before, .benefis__slide:nth-child(2).active:before {
          width: 100%;
          background-image: linear-gradient(90deg, #FEB200 0%, #FFD71D 104.65%); }
      .benefis__slide:nth-child(3) {
        border-radius: 94px 0 94px 94px; }
        .benefis__slide:nth-child(3):before {
          border-radius: 94px 0 94px 94px; }
      .benefis__slide:nth-child(4) {
        border-radius: 0 94px 94px 94px; }
        .benefis__slide:nth-child(4):before {
          border-radius: 0 94px 94px 94px; }
      .benefis__slide:hover, .benefis__slide.active {
        color: #000; }
        .benefis__slide:hover:before, .benefis__slide.active:before {
          width: 100%;
          background-image: linear-gradient(90deg, #FFD71D 0%, #FEB200 104.65%); } }
  .benefis__text-holder {
    padding: 0;
    position: relative;
    color: #fff;
    text-align: center; }
    @media (min-width: 768px) {
      .benefis__text-holder {
        max-width: 476px;
        color: #282828;
        padding: 15px 15px 15px 20px;
        text-align: left; } }
    @media (min-width: 1600px) {
      .benefis__text-holder {
        padding: 15px 15px 15px 64px; } }
  .benefis__icon-holder {
    font-size: 20px;
    font-weight: 500;
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    position: relative;
    margin-bottom: 25px; }
    @media (min-width: 768px) {
      .benefis__icon-holder {
        max-width: 210px;
        font-size: 24px;
        padding: 0 15px;
        box-sizing: content-box;
        margin-bottom: 0; } }
    @media (min-width: 1600px) {
      .benefis__icon-holder {
        max-width: 290px;
        padding: 0; } }
    .benefis__icon-holder i {
      font-size: 44px; }
    .benefis__icon-holder p {
      margin: 16px 0 0; }
  .benefis .slick-dots {
    bottom: -40px; }
  .benefis .slick-prev {
    left: 20px; }
  .benefis .slick-next {
    right: 20px; }
  .benefis .slick-arrow {
    box-shadow: 0px 4px 20px 4px #003A00; }

.maparea {
  padding: 30px 0;
  display: flex;
  justify-content: center; }
  .maparea__text-holder {
    max-width: 794px;
    margin: 0 auto 28px;
    text-align: center; }
  .maparea .tabs__holder {
    margin-bottom: 28px;
    justify-content: flex-start; }
  .maparea .scroll, .maparea .content-holder table, .content-holder .maparea table {
    height: 620px;
    padding: 0; }

#map {
  height: 636px; }
  #map .img-holder {
    margin-bottom: 5px; }
  #map .contact-info p {
    display: flex;
    align-items: center;
    margin: 0 0 2px;
    font-size: 12px;
    line-height: 24px;
    font-weight: 500; }
  #map .contact-info i {
    margin-right: 9px;
    font-size: 14px;
    color: #003800; }

.list-department {
  background: #F4F4F4;
  font-size: 18px;
  font-weight: 500; }
  .list-department li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 32px 13px;
    flex-wrap: wrap;
    position: relative;
    margin-bottom: 0; }
    .list-department li:before {
      position: absolute;
      content: '';
      width: calc(100% - 26px);
      height: 1px;
      background-color: #CDCDCD;
      bottom: 0;
      left: 50%;
      transform: translateX(-50%);
      border-radius: 0;
      top: auto; }
    .list-department li:last-child:before {
      display: none; }
    @media (min-width: 768px) {
      .list-department li {
        padding: 15px; }
        .list-department li:before {
          display: none; } }
    @media (min-width: 1024px) {
      .list-department li {
        flex-wrap: nowrap;
        padding: 21px 50px; } }
    @media (min-width: 1280px) {
      .list-department li {
        padding: 21px 50px; } }
    .list-department li > * {
      max-width: 100%;
      width: 100%;
      margin: 0 0 5px; }
      @media (min-width: 768px) {
        .list-department li > * {
          max-width: 50%;
          margin: 0; } }
      @media (min-width: 1024px) {
        .list-department li > * {
          max-width: 25%; } }
  .list-department .button-box {
    flex-direction: column;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start; }
    @media (min-width: 768px) {
      .list-department .button-box {
        flex-direction: row;
        align-items: center;
        max-width: 50%;
        justify-content: flex-end; } }
    @media (min-width: 1024px) {
      .list-department .button-box {
        max-width: 25%; } }
  .list-department .social {
    display: flex;
    margin: 0 0 17px; }
    @media (min-width: 768px) {
      .list-department .social {
        max-width: 25%;
        margin: 0 16px 0 0; } }
    .list-department .social a {
      background-color: #FFCC00;
      width: 32px;
      height: 32px;
      line-height: 36px;
      color: #fff;
      text-decoration: none;
      border-radius: 50%;
      text-align: center;
      margin: 0 4px;
      transition: all .2s ease-in-out; }
      .list-department .social a:hover {
        background-color: #003800; }
  .list-department .contact {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start; }
    @media (min-width: 1024px) {
      .list-department .contact {
        max-width: 25%;
        align-items: flex-end; } }
    .list-department .contact a {
      font-weight: 600; }
  .list-department .name {
    font-size: 20px;
    line-height: 26px; }
    @media (min-width: 768px) {
      .list-department .name {
        font-size: 24px;
        line-height: 34px; } }
  .list-department p {
    margin: 0; }
  .list-department .address {
    padding: 0;
    font-style: normal; }
    @media (min-width: 768px) {
      .list-department .address {
        display: flex;
        justify-content: flex-end; } }
    @media (min-width: 1024px) {
      .list-department .address {
        max-width: 25%;
        justify-content: flex-start; } }
    .list-department .address address {
      font-style: normal; }

.wrap {
  width: 100%;
  overflow: hidden; }

.swiper-container {
  width: 100%;
  margin: 0 auto;
  overflow: visible;
  height: 400px; }

.swiper-slide {
  display: flex;
  justify-content: center;
  align-items: flex-end;
  width: 300px;
  transition: none; }
  .swiper-slide.swiper-slide-active .ladies__slide-description {
    opacity: 1; }
  .swiper-slide .ladies__slide-description {
    opacity: 0; }

.swiper-slide .cont {
  text-align: center;
  position: relative; }

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

.swiper-slide span {
  display: inline-block;
  margin-top: 20px; }

.changing,
.changed {
  transform: translateX(-100px);
  user-select: none; }

.changing {
  transition: transform 0.3s;
  pointer-events: none; }

.changed {
  transition: none; }

.changing.swiper-slide-active,
.changed.swiper-slide-active {
  transform: translateX(0); }

.swiper-slide-active ~ .changing,
.swiper-slide-active ~ .changed {
  transform: translateX(100px); }

.changing .img-wrap,
.changed .img-wrap {
  transform-origin: center center; }

.changing .img-wrap {
  transition: transform 0.3s; }

.changed .img-wrap {
  transition: none; }

.changing.swiper-slide-active .img-wrap,
.changed.swiper-slide-active .img-wrap {
  transform: scale(1.22);
  position: relative;
  top: -120px; }
  @media (min-width: 768px) {
    .changing.swiper-slide-active .img-wrap,
    .changed.swiper-slide-active .img-wrap {
      transform: scale(1.99);
      top: 0; } }

.commission__photo-area {
  padding: 0 15px; }
  @media (min-width: 768px) {
    .commission__photo-area {
      padding: 0; } }

.commission__photo-line {
  display: flex;
  width: auto;
  justify-content: center;
  flex-wrap: wrap; }
  .commission__photo-line:nth-child(2)__photo {
    width: 100%; }
    @media (min-width: 768px) {
      .commission__photo-line:nth-child(2)__photo {
        width: auto; } }
  @media (min-width: 768px) {
    .commission__photo-line {
      flex-wrap: nowrap;
      margin: 0 -5px; } }
  @media (min-width: 768px) {
    .commission__photo-line:nth-child(2) .commission__photo {
      width: calc(100% / 3); } }

.commission__photo {
  width: 100%;
  margin: 0 0 20px;
  max-width: 472px;
  opacity: 0;
  transform: translateX(-50px);
  transition: opacity .5s, transform .5s; }
  .commission__photo.animated {
    opacity: 1;
    transform: translateX(0); }
  @media (min-width: 768px) {
    .commission__photo {
      padding-bottom: 0;
      width: calc(100% / 4);
      margin: 4.5px;
      max-width: 100%; } }

.commission img {
  max-width: 100%; }

.commission__more-product {
  padding: 45px 0 0;
  font-size: 20px;
  font-weight: 600;
  text-align: center; }
  @media (min-width: 768px) {
    .commission__more-product {
      font-size: 24px;
      padding: 45px 0; } }
  .commission__more-product p {
    margin: 0 0 24px; }
    @media (min-width: 768px) {
      .commission__more-product p {
        margin: 0 0 50px; } }

.commission__product-list {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center; }
  @media (min-width: 768px) {
    .commission__product-list {
      flex-direction: row; } }

.commission__item {
  max-width: 455px;
  padding-left: 50px;
  margin-right: 0;
  margin-bottom: 24px;
  position: relative;
  box-sizing: border-box; }
  @media (min-width: 768px) {
    .commission__item {
      flex-direction: row;
      margin-right: 25px; } }
  @media (min-width: 1280px) {
    .commission__item {
      padding-left: 75px;
      margin-right: 113px; } }
  .commission__item:last-child {
    margin-right: 0; }

.commission__link-box {
  background: linear-gradient(90deg, #003800 0%, #006F00 104.65%);
  padding: 13px 14px;
  border-radius: 41px 0;
  font-size: 18px;
  display: flex;
  align-items: center;
  max-width: 175px;
  position: absolute;
  width: 100%;
  left: 0;
  top: 50%;
  transform: translateY(-50%); }
  @media (min-width: 1280px) {
    .commission__link-box {
      padding: 17px 18px 17px 25px;
      font-size: 20px;
      max-width: 232px; } }
  .commission__link-box span {
    display: inline-block;
    width: 36px;
    height: 36px;
    text-align: center;
    line-height: 40px;
    background: #FFCC00;
    border-radius: 50%;
    font-size: 20px;
    margin-right: 16px; }
    @media (min-width: 1280px) {
      .commission__link-box span {
        width: 48px;
        height: 48px;
        line-height: 52px;
        font-size: 24px; } }
  .commission__link-box a {
    color: #fff; }

.commission__img-holder {
  max-width: 294px;
  border-radius: 27px 0;
  overflow: hidden; }
  @media (min-width: 768px) {
    .commission__img-holder {
      max-width: 385px; } }

.commission__description-holder {
  display: flex; }
  @media (min-width: 768px) {
    .commission__description-holder:last-of-type .guarantee__description {
      padding-bottom: 0; } }
  .commission__description-holder .icon-holder {
    padding: 50px 20px;
    text-align: center;
    width: 84px;
    background-color: #B09762; }
    @media (min-width: 768px) {
      .commission__description-holder .icon-holder {
        width: 136px; } }
    .commission__description-holder .icon-holder i {
      font-size: 42px; }
      @media (min-width: 768px) {
        .commission__description-holder .icon-holder i {
          font-size: 55px; } }
      .commission__description-holder .icon-holder i.icomoon-mask {
        font-size: 22px; }
        @media (min-width: 768px) {
          .commission__description-holder .icon-holder i.icomoon-mask {
            font-size: 32px; } }

.commission__description {
  width: calc(100% - 84px);
  padding: 50px 22px 0; }
  @media (min-width: 768px) {
    .commission__description {
      padding: 50px 50px 90px; } }
  .commission__description h3 {
    font-weight: 600;
    font-size: 20px;
    line-height: 26px;
    color: #FFF;
    margin-bottom: 20px; }

.commission .title-holder {
  padding: 0 20px; }

.commission .text-holder {
  text-align: center; }
  .commission .text-holder p {
    margin-bottom: 50px; }
    @media (min-width: 768px) {
      .commission .text-holder p {
        margin-bottom: 60px; } }

.feedbacks {
  padding: 65px 0; }
  .feedbacks__link {
    display: block;
    position: relative;
    width: 100%;
    height: 472px;
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50% 0; }
    @media (min-width: 768px) {
      .feedbacks__link {
        width: 374px;
        height: 570px; } }
  .feedbacks__slider-holder {
    position: relative;
    max-width: 345px;
    margin: 0 auto; }
    @media (min-width: 768px) {
      .feedbacks__slider-holder {
        max-width: 100%;
        margin: 0; } }
  .feedbacks__slider {
    padding: 20px 10px;
    display: flex !important;
    justify-content: center;
    border-radius: 20px;
    background-image: linear-gradient(90deg, #FEB200 0%, #FFD71D 104.65%); }
  .feedbacks__slide {
    margin: 0 10px;
    border-radius: 20px;
    overflow: hidden;
    width: 100%; }
    @media (min-width: 768px) {
      .feedbacks__slide {
        width: 374px; } }
  .feedbacks .slick-track {
    justify-content: center; }
    @media (min-width: 768px) {
      .feedbacks .slick-track {
        display: flex !important; } }
  .feedbacks .slick-prev,
  .feedbacks .slick-next {
    top: 50%;
    transform: translateY(-50%);
    right: 0; }
    @media (min-width: 768px) {
      .feedbacks .slick-prev,
      .feedbacks .slick-next {
        top: -115px; } }
  .feedbacks .slick-prev {
    right: auto;
    left: 0; }
    @media (min-width: 768px) {
      .feedbacks .slick-prev {
        left: auto;
        right: 90px; } }

.more-happy {
  position: relative;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%; }
  .more-happy:after {
    position: absolute;
    content: '';
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #fff;
    opacity: 0.9;
    z-index: 0; }
  .more-happy__description {
    position: relative;
    z-index: 1;
    background-color: #FFF;
    box-shadow: 0 8px 30px 3px rgba(140, 127, 127, 0.1);
    border-top: 9px solid #FFCC00;
    padding: 50px 22px;
    text-align: center; }
    @media (min-width: 768px) {
      .more-happy__description {
        width: 100%;
        max-width: 953px;
        padding: 80px 87px 90px 125px;
        text-align: left; } }
    .more-happy__description .text-holder {
      font-weight: 500;
      font-size: 18px;
      line-height: 163%; }
      .more-happy__description .text-holder p {
        margin: 0 0 50px; }
    .more-happy__description .puzzle-holder {
      padding-top: 20px;
      display: flex;
      justify-content: center; }
      @media (min-width: 768px) {
        .more-happy__description .puzzle-holder {
          position: absolute;
          bottom: 60px;
          right: 50px; } }
    .more-happy__description h2 {
      font-size: 28px;
      line-height: 36px;
      margin: 0 0 50px; }
  .more-happy .img-holder {
    position: relative;
    z-index: 2;
    margin: -19px -24px -21px -16px; }
    @media (min-width: 768px) {
      .more-happy .img-holder {
        width: 790px;
        margin: -70px -120px -21px -16px; } }
    @media (min-width: 1440px) {
      .more-happy .img-holder {
        margin-top: -75px; } }
  .more-happy .container {
    position: relative;
    z-index: 1; }
    @media (min-width: 768px) {
      .more-happy .container {
        display: flex;
        justify-content: space-between; } }

.consultation {
  padding-bottom: 50px; }
  .consultation__form-holder {
    background: #F4F1E7;
    border-radius: 150px 0;
    padding: 63px 15px 70px;
    text-align: center;
    font-size: 16px;
    font-weight: 600; }
    @media (min-width: 768px) {
      .consultation__form-holder {
        padding: 108px 15px 120px;
        border-radius: 365px 0; } }
    .consultation__form-holder p {
      margin: 0 0 20px; }
  .consultation .input-row .input-col.textarea-box {
    max-width: 430px; }
    @media (min-width: 768px) {
      .consultation .input-row .input-col.textarea-box {
        max-width: 900px; } }
  @media (min-width: 768px) {
    .consultation .input-col {
      margin: 0 20px 40px; } }

.description {
  background: #F9F9F9;
  padding: 50px 0; }
  @media (min-width: 768px) {
    .description {
      padding: 70px 0; } }
  .description h3 {
    text-align: left;
    margin: 0 0 19px; }
  .description .text-holder {
    position: relative; }
    .description .text-holder .scroll, .description .text-holder .content-holder table, .content-holder .description .text-holder table {
      position: relative;
      height: 520px;
      padding-bottom: 80px; }
      @media (min-width: 768px) {
        .description .text-holder .scroll, .description .text-holder .content-holder table, .content-holder .description .text-holder table {
          height: 352px; } }
    .description .text-holder:after {
      position: absolute;
      content: '';
      background: linear-gradient(180deg, #FAF9FC 0.02%, #FBFAFD 13.54%, rgba(255, 255, 255, 0) 100%);
      transform: rotate(-180deg);
      bottom: 0;
      left: 0;
      right: 3px;
      height: 90px; }
    @media (min-width: 768px) {
      .description .text-holder h2 {
        font-size: 50px; } }

.hidden {
  display: none; }

.fancybox-close-small {
  background-color: #fff; }

/*calculator*/
.calculator-page .breadcrumbs-holder {
  padding: 0 15px;
  background-color: #F4F4F4; }

.faq-area {
  padding-top: 50px; }

.faq {
  margin: 0 0 120px; }

@media (min-width: 768px) {
  .faq-list {
    padding: 20px 0 0; } }

.faq-list li {
  background-color: #F4F1E7;
  margin-bottom: 8px;
  position: relative;
  line-height: 24px;
  padding-left: 0; }
  .faq-list li:before {
    display: none; }
  @media (min-width: 768px) {
    .faq-list li {
      line-height: 30px; } }
  .faq-list li.active {
    background-color: #F0EAD6; }
    .faq-list li.active span:after {
      transform: rotate(90deg);
      background-color: #FFCC00; }
  .faq-list li:hover span:before, .faq-list li:hover span:after {
    background-color: #FFCC00; }
  .faq-list li span {
    font-weight: 600;
    padding: 23px 40px 23px 14px;
    display: block;
    cursor: pointer;
    position: relative; }
    .faq-list li span:before, .faq-list li span:after {
      position: absolute;
      content: '';
      top: calc(50% - 11px);
      right: 25px;
      transform: rotate(90deg);
      width: 3px;
      height: 22px;
      background-color: #282828;
      transition: all .2s ease-in-out; }
      @media (min-width: 768px) {
        .faq-list li span:before, .faq-list li span:after {
          right: 48px; } }
    .faq-list li span:after {
      transform: rotate(0deg); }
    @media (min-width: 768px) {
      .faq-list li span {
        padding: 30px 70px 30px 40px; } }

.faq-list .text-faq {
  display: none;
  max-width: 1320px;
  padding: 5px 14px; }
  @media (min-width: 768px) {
    .faq-list .text-faq {
      padding: 15px 40px; } }

.banner {
  padding-top: 36px;
  padding-bottom: 85px;
  margin: 0; }
  @media (min-width: 768px) {
    .banner {
      flex-direction: row;
      align-items: center;
      padding-bottom: 0; } }
  .banner .visual__text-holder {
    color: #fff;
    text-align: center; }
    @media (min-width: 768px) {
      .banner .visual__text-holder {
        text-align: left;
        padding: 0; } }
  .banner .special-propos {
    top: 10%; }
  .banner .visual__label {
    height: 70px; }
    @media (min-width: 768px) {
      .banner .visual__label {
        height: 80px; } }
  .banner .visual__img-holder {
    max-width: 736px; }
    @media (min-width: 768px) {
      .banner .visual__img-holder {
        margin-right: 35px; } }
    .banner .visual__img-holder:before {
      display: none; }
  .banner__holder {
    display: flex;
    flex-direction: column; }
    @media (min-width: 768px) {
      .banner__holder {
        flex-direction: row;
        align-items: center; } }
  .banner .visual__text-holder {
    max-width: 895px; }

.thankyou {
  padding-bottom: 75px;
  padding-top: 35px; }
  .thankyou .text-holder {
    max-width: 800px;
    margin: 0 auto;
    font-size: 16px;
    line-height: 1.33;
    font-weight: 500;
    text-align: center; }
    @media (min-width: 768px) {
      .thankyou .text-holder {
        font-size: 24px; } }
  .thankyou .btn {
    max-width: 274px;
    width: 100%;
    margin-top: 15px; }
  .thankyou p {
    margin-bottom: 60px; }

.content {
  padding: 20px 0; }
  .content .container {
    overflow: hidden; }
  .content ul {
    overflow: hidden; }
  @media (min-width: 768px) {
    .content .text-area,
    .content .img-holder {
      max-width: 50%;
      width: 100%; } }
  @media (min-width: 768px) {
    .content .text-area {
      padding-left: 25px; } }
  .content img {
    margin: 0 0 20px;
    display: inline; }
    @media (min-width: 768px) {
      .content img {
        margin: 0 50px 50px 0; } }
    .content img.aligncenter {
      margin: 0 auto 50px;
      display: block; }
  .content .green-block {
    margin: 50px 0; }
    .content .green-block .social-list a {
      color: #003800; }
      .content .green-block .social-list a:hover {
        color: #fff; }

.category.deposit .category__list {
  margin-bottom: 0; }

.social-list {
  display: flex;
  align-items: center; }
  .social-list li {
    margin: 0 9px;
    width: 54px;
    height: 54px;
    border-radius: 50%;
    overflow: hidden;
    text-align: center;
    line-height: 60px;
    padding-left: 0; }
    .social-list li:before {
      display: none; }
    @media (min-width: 768px) {
      .social-list li {
        width: 58px;
        height: 58px;
        line-height: 64px; } }
    .social-list li:first-child {
      margin-left: 0; }
  .social-list a {
    display: block;
    background-color: #FFCC00;
    color: #fff;
    text-decoration: none;
    height: 100%;
    font-size: 28px;
    transition: all .2s ease-in-out; }
    .social-list a:hover {
      background-color: #003800;
      color: #fff; }

.conditions {
  font-weight: 500;
  font-size: 16px;
  display: flex;
  flex-wrap: wrap; }
  @media (min-width: 768px) {
    .conditions {
      font-size: 24px; } }
  .conditions li {
    padding: 0 10px 0 46px;
    position: relative;
    margin: 0 0 15px; }
    @media (min-width: 768px) {
      .conditions li {
        width: 50%;
        margin: 0 0 30px; } }
    .conditions li:before {
      position: absolute;
      content: '';
      left: 0;
      top: 0;
      width: 30px;
      height: 30px;
      background: #FFCC00;
      border-radius: 50%; }
      @media (min-width: 768px) {
        .conditions li:before {
          top: 4px; } }
    .conditions li:after {
      position: absolute;
      content: '';
      width: 9px;
      height: 14px;
      border: 2px solid #fff;
      border-width: 0 2px 2px 0;
      transform: rotate(34deg);
      left: 10px;
      top: 5px; }
      @media (min-width: 768px) {
        .conditions li:after {
          top: 9px; } }

.list-holder {
  padding-top: 25px; }

.contact-area,
.list-departs {
  margin: 0 0 75px; }
  .contact-area .info-holder,
  .list-departs .info-holder {
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding: 0 19px 30px;
    flex-direction: column; }
    @media (min-width: 768px) {
      .contact-area .info-holder,
      .list-departs .info-holder {
        padding: 0 50px;
        flex-direction: row; } }
  .contact-area .img-holder,
  .list-departs .img-holder {
    max-width: 600px;
    width: 100%;
    margin-bottom: 25px; }
    @media (min-width: 768px) {
      .contact-area .img-holder,
      .list-departs .img-holder {
        margin-bottom: 0; } }
  .contact-area .item,
  .list-departs .item {
    overflow: hidden;
    border-radius: 94px 0 0;
    display: flex;
    flex-direction: column;
    background: #F4F1E7;
    font-size: 20px;
    line-height: 26px;
    box-shadow: 0px 4px 15px 6px rgba(145, 145, 145, 0.25);
    border-radius: 94px 0 94px 0;
    margin-bottom: 40px; }
    @media (min-width: 768px) {
      .contact-area .item,
      .list-departs .item {
        font-size: 24px;
        line-height: 34px;
        align-items: center;
        flex-direction: row; } }
  .contact-area .title-name,
  .list-departs .title-name {
    font-weight: 600;
    margin: 0 0 10px;
    display: block; }
  .contact-area address,
  .list-departs address {
    position: relative;
    margin: 0 0 15px;
    font-size: 16px; }
    @media (min-width: 768px) {
      .contact-area address,
      .list-departs address {
        font-size: 24px;
        padding-left: 28px;
        margin: 0 0 25px; }
        .contact-area address:before,
        .list-departs address:before {
          position: absolute;
          content: '';
          left: 0;
          top: 6px;
          width: 17px;
          height: 20px;
          background-position: 0 0;
          background-repeat: no-repeat;
          background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='17' height='20' viewBox='0 0 17 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M1.43115 9.47068C1.43115 4.97067 3.7095 0.853027 8.41225 0.853027C13.115 0.853027 15.7147 5.47067 15.7147 9.0295C15.7147 12.5883 8.52909 19.2648 8.52909 19.2648C8.52909 19.2648 1.43115 13.9707 1.43115 9.47068Z' fill='url(%23paint0_linear_1_6735)'/%3e%3cpath d='M14.488 2.5C12.8814 0.882353 10.7491 0 8.5 0C6.22165 0 4.08935 0.882353 2.48282 2.5C0.876289 4.11765 0 6.26471 0 8.55882C0 13.1176 4.14777 16.7941 6.39691 18.7941C6.689 19.0588 6.95189 19.2941 7.15636 19.4706C7.50687 19.8235 8.00344 20 8.5 20C8.99656 20 9.46392 19.8235 9.84364 19.4706C10.0481 19.2941 10.311 19.0588 10.6031 18.7941C12.8522 16.8235 17 13.1176 17 8.55882C16.9708 6.26471 16.0945 4.11765 14.488 2.5ZM14.6632 8.55882C14.6632 12.0588 11.012 15.2941 9.05498 17.0294C8.85052 17.2059 8.64605 17.3824 8.5 17.5294C8.32474 17.3824 8.14948 17.2059 7.94502 17.0294C5.95876 15.2941 2.30756 12.0588 2.30756 8.55882C2.30756 5.11765 5.08247 2.35294 8.47079 2.35294C11.8591 2.35294 14.6632 5.11765 14.6632 8.55882ZM8.41237 10.1176C7.21478 10.1176 6.25086 9.14706 6.25086 7.94118C6.25086 6.73529 7.21478 5.76471 8.41237 5.76471C9.60997 5.76471 10.5739 6.73529 10.5739 7.94118C10.5739 9.14706 9.58076 10.1176 8.41237 10.1176Z' fill='url(%23paint1_linear_1_6735)'/%3e%3cdefs%3e%3clinearGradient id='paint0_linear_1_6735' x1='1.43115' y1='10.0589' x2='15.7147' y2='10.0589' gradientUnits='userSpaceOnUse'%3e%3cstop stop-color='%23FEB200'/%3e%3cstop offset='1' stop-color='%23FFD71D'/%3e%3c/linearGradient%3e%3clinearGradient id='paint1_linear_1_6735' x1='0' y1='10' x2='16.9748' y2='10' gradientUnits='userSpaceOnUse'%3e%3cstop stop-color='%23006F00'/%3e%3cstop offset='0.2563' stop-color='%23006700'/%3e%3cstop offset='0.6591' stop-color='%23005000'/%3e%3cstop offset='1' stop-color='%23003800'/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e "); } }
  .contact-area .contact-box,
  .list-departs .contact-box {
    display: flex;
    flex-direction: column;
    font-size: 16px; }
    @media (min-width: 768px) {
      .contact-area .contact-box,
      .list-departs .contact-box {
        padding: 0 15px;
        font-size: 24px; } }
    .contact-area .contact-box a,
    .list-departs .contact-box a {
      text-decoration: none;
      font-weight: 600;
      margin: 0 0 6px; }
    .contact-area .contact-box span,
    .list-departs .contact-box span {
      margin: 0 0 15px; }
  .contact-area .btn-holder,
  .list-departs .btn-holder {
    text-align: left; }
  .contact-area .social-list,
  .list-departs .social-list {
    margin-bottom: 15px; }
    @media (min-width: 768px) {
      .contact-area .social-list,
      .list-departs .social-list {
        margin-bottom: 0; } }
    .contact-area .social-list a,
    .list-departs .social-list a {
      color: #fff; }

.visual.department-slider {
  margin-bottom: 33px;
  padding-bottom: 0; }
  @media (min-width: 768px) {
    .visual.department-slider {
      padding-bottom: 0;
      margin-bottom: 0; } }
  .visual.department-slider .container {
    max-width: 100%;
    padding: 0; }
  .visual.department-slider .visual__slide {
    background: transparent;
    border-radius: 0;
    color: #fff;
    padding: 20px 0 90px; }
    @media (min-width: 768px) {
      .visual.department-slider .visual__slide {
        flex-direction: row-reverse;
        min-height: 450px;
        padding: 0 0 50px; }
        .visual.department-slider .visual__slide.img-banner {
          min-height: auto; } }
    .visual.department-slider .visual__slide.img-banner {
      padding: 0; }
    .visual.department-slider .visual__slide .visual__slide-text {
      color: #fff; }
      @media (min-width: 768px) {
        .visual.department-slider .visual__slide .visual__slide-text {
          padding-right: 50px; } }
  .visual.department-slider .visual__text-holder,
  .visual.department-slider .visual__slide-text {
    color: #fff; }
  .visual.department-slider .slick-arrow {
    box-shadow: 0px 4px 20px 4px #003A00; }
  .visual.department-slider .visual__img-holder {
    max-width: 450px;
    margin-bottom: 25px; }
    .visual.department-slider .visual__img-holder:before {
      display: none; }
    @media (min-width: 768px) {
      .visual.department-slider .visual__img-holder {
        margin-bottom: 0; } }

.photo-area {
  margin-bottom: 75px; }
  .photo-area__slide {
    border-radius: 94px 0px;
    overflow: hidden;
    margin: 0 10px; }

.photo-area__link {
  display: block;
  position: relative;
  width: 100%;
  height: 240px;
  overflow: hidden;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 50% 0; }
  @media (min-width: 768px) {
    .photo-area__link {
      width: 520px;
      height: 383px; } }

.contact-area {
  position: relative;
  margin-bottom: 75px; }
  .contact-area .container {
    position: relative;
    display: flex;
    flex-direction: column-reverse; }
    @media (min-width: 768px) {
      .contact-area .container {
        display: block; } }
  .contact-area .map-holder {
    position: relative;
    max-width: 1230px; }
    @media (min-width: 768px) {
      .contact-area .map-holder {
        min-height: 490px; } }
    @media (min-width: 1024px) {
      .contact-area .map-holder {
        min-height: auto; } }
  .contact-area .info {
    border-radius: 125px 0px;
    font-weight: 500;
    max-width: 580px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin: 0 20px 30px;
    font-size: 16px;
    z-index: 1;
    margin-bottom: 30px; }
    @media (min-width: 768px) {
      .contact-area .info {
        font-size: 24px;
        line-height: 34px;
        border-radius: 237px 0px;
        position: absolute;
        right: 30px;
        top: 15%;
        width: 100%;
        margin: 0;
        justify-content: center; } }
    .contact-area .info:before {
      position: absolute;
      content: '';
      left: -16px;
      top: -16px;
      width: calc(100% + 32px);
      height: calc(100% + 32px);
      border-radius: 138px 0px;
      background: linear-gradient(90deg, #003800 0%, #006F00 104.65%);
      z-index: -1; }
      @media (min-width: 768px) {
        .contact-area .info:before {
          width: calc(100% + 60px);
          height: calc(100% + 60px);
          border-radius: 267px 0px;
          left: -30px;
          top: -30px; } }
    .contact-area .info:after {
      position: absolute;
      content: '';
      width: 100%;
      height: 100%;
      left: 0;
      top: 0;
      background: #F4F4F4;
      z-index: 1;
      border-radius: 125px 0; }
      @media (min-width: 768px) {
        .contact-area .info:after {
          border-radius: 237px 0px; } }
    .contact-area .info .info-box {
      padding: 46px  0 46px 46px;
      position: relative;
      z-index: 2; }
  .contact-area .social-list {
    margin: 0; }
    .contact-area .social-list li {
      width: 40px;
      height: 40px;
      line-height: 44px;
      margin: 0 4px; }
    .contact-area .social-list a {
      font-size: 20px;
      color: #fff; }
  .contact-area .tel-holder {
    display: flex;
    align-items: center;
    margin-bottom: 7px; }
    .contact-area .tel-holder .social-list {
      margin: 0 10px; }
      .contact-area .tel-holder .social-list li {
        width: 32px;
        height: 32px;
        line-height: 36px;
        margin: 0 5px; }
      .contact-area .tel-holder .social-list a {
        font-size: 20px;
        color: #fff;
        font-weight: 600; }
    .contact-area .tel-holder a {
      text-decoration: none; }
  .contact-area .social-holder {
    display: flex;
    font-size: 16px;
    flex-direction: column;
    font-weight: 600; }
    @media (min-width: 768px) {
      .contact-area .social-holder {
        align-items: center;
        flex-direction: row; } }
    .contact-area .social-holder span {
      margin: 0 0 10px; }
      @media (min-width: 768px) {
        .contact-area .social-holder span {
          margin: 0; } }
  .contact-area .btn-holder {
    padding: 15px 0; }
  .contact-area .title-name {
    font-size: 20px;
    line-height: 26px;
    font-weight: 700; }
    @media (min-width: 768px) {
      .contact-area .title-name {
        font-size: 24px;
        line-height: 34px; } }
  .contact-area address {
    font-weight: 500; }

.how-list {
  display: flex;
  position: relative;
  flex-direction: column;
  align-items: center; }
  @media (min-width: 768px) {
    .how-list {
      flex-direction: row;
      flex-wrap: wrap;
      justify-content: center; } }
  .how-list li {
    max-width: 366px;
    width: 100%;
    height: 124px;
    border: 1px solid #FFCC00;
    background: #F9F9F9;
    border-radius: 27px;
    line-height: 26px;
    font-weight: 600;
    margin-bottom: 46px;
    padding-left: 0;
    position: static; }
    @media (min-width: 768px) {
      .how-list li {
        margin-left: 45px; }
        .how-list li:first-child {
          margin-left: 0; } }
    .how-list li:before {
      display: none; }
    .how-list li .holder-li {
      padding: 19px 21px;
      position: relative;
      display: flex;
      align-items: center; }
      .how-list li .holder-li:after {
        position: absolute;
        content: "\e91f";
        font-family: 'icomoon';
        top: calc(100% + 12px);
        transform: translate(-50%, 0);
        left: 50%; }
        @media (min-width: 768px) {
          .how-list li .holder-li:after {
            top: 50%;
            transform: translate(0, -50%) rotate(-90deg);
            left: calc(100% + 18px); } }
    .how-list li:last-child .holder-li:after {
      display: none; }
  .how-list .icon-box {
    max-width: 98px;
    width: 100%;
    height: 84px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(90deg, #FEB200 0%, #FFD71D 104.65%);
    margin-right: 22px;
    border-radius: 41px 0; }
  .how-list .icon-info {
    font-size: 30px;
    cursor: pointer; }
    .how-list .icon-info:hover {
      color: #FFCC00; }
  .how-list .tooltip {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #F4F1E7;
    box-shadow: 0px 4px 20px 6px rgba(197, 197, 197, 0.25);
    border-radius: 94px 0px;
    padding: 40px;
    max-width: 650px;
    width: 100%;
    z-index: 10;
    display: none;
    font-weight: 500;
    line-height: 30px; }
    @media (min-width: 768px) {
      .how-list .tooltip {
        padding: 80px 61px;
        position: absolute;
        top: 100%;
        left: 50%;
        transform: translateX(-50%); } }
    .how-list .tooltip .close {
      position: absolute;
      top: 26px;
      right: 24px;
      font-size: 22px;
      cursor: pointer; }
      .how-list .tooltip .close:before {
        content: "\e90d";
        font-family: 'icomoon'; }
  .how-list .tooltip-title {
    font-weight: 600;
    font-size: 24px;
    display: block;
    margin: 0 0 10px; }

.how-we-work {
  margin: 0 0 50px; }

.insta-area .text-holder {
  max-width: 900px;
  text-align: center;
  margin: 0 auto 75px; }
  .insta-area .text-holder strong {
    font-size: 20px; }

.insta-area .btn-holder {
  text-align: center; }
  @media (min-width: 768px) {
    .insta-area .btn-holder {
      flex-direction: row; } }
  .insta-area .btn-holder .btn {
    margin: 0 40px 20px; }

.img-list {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  margin: 0 -4px 50px;
  justify-content: center; }
  .img-list li {
    max-width: 394px;
    max-height: 352px;
    width: 100%;
    margin: 4px;
    padding-left: 0; }
    .img-list li:before {
      display: none; }

.requirements {
  margin-bottom: 75px; }

.list-category .active .sub-content {
  display: block; }

.category-holder {
  position: relative;
  display: flex;
  min-height: 460px; }

.list-category {
  max-width: 496px;
  width: 100%;
  margin: 0 auto; }
  @media (min-width: 1024px) {
    .list-category {
      margin: 0; } }
  .list-category .sub-content {
    display: none;
    color: #fff;
    font-size: 16px;
    background: linear-gradient(90deg, #003800 0%, #006F00 104.65%);
    font-weight: 500; }
    @media (min-width: 1024px) {
      .list-category .sub-content {
        position: absolute;
        right: 0;
        top: 0;
        width: calc(100% - 496px);
        font-size: 18px;
        line-height: 34px; } }
    .list-category .sub-content .sub-content-holder {
      padding: 27px 13px 5px;
      height: 100%; }
      @media (min-width: 1024px) {
        .list-category .sub-content .sub-content-holder {
          padding: 80px 20px;
          display: flex;
          width: 100%; } }
      @media (min-width: 1280px) {
        .list-category .sub-content .sub-content-holder {
          padding: 80px 57px; } }
    .list-category .sub-content h3 {
      color: #fff;
      text-align: left;
      margin: 0 0 15px; }
      @media (min-width: 1024px) {
        .list-category .sub-content h3 {
          margin: 0 0 56px; } }
    @media (min-width: 1024px) {
      .list-category .sub-content .col {
        width: 50%; } }
    @media (min-width: 1280px) {
      .list-category .sub-content .col {
        width: 60%; } }
    .list-category .sub-content .col-2 {
      position: relative;
      padding: 28px 0 5px; }
      .list-category .sub-content .col-2:before {
        position: absolute;
        content: '';
        left: 0;
        top: 0;
        width: 100%;
        height: 1px;
        background: #fff;
        transform: translate(0, -50%);
        opacity: .2; }
      @media (min-width: 1024px) {
        .list-category .sub-content .col-2 {
          width: 50%;
          padding: 0 0 0 33px; }
          .list-category .sub-content .col-2:before {
            height: 650px;
            width: 1px;
            top: 50%; } }
      @media (min-width: 1280px) {
        .list-category .sub-content .col-2 {
          padding: 0 0 0 66px;
          width: 40%; } }
  .list-category .icon-box {
    max-width: 35px;
    width: 100%;
    margin-right: 18px;
    font-size: 34px;
    display: flex;
    justify-content: center; }
    @media (min-width: 1024px) {
      .list-category .icon-box {
        margin-right: 35px; } }
  .list-category .item {
    color: #282828;
    background: linear-gradient(90deg, #FEB200 0%, #FFD71D 104.65%);
    margin-bottom: 2px;
    font-size: 18px;
    transition: all .2s ease-in-out;
    font-weight: 500;
    cursor: pointer;
    padding-left: 0;
    position: static; }
    .list-category .item.active, .list-category .item:hover {
      background: #003800;
      color: #fff; }
      .list-category .item.active i, .list-category .item:hover i {
        color: #fff; }
    .list-category .item:before {
      display: none; }
    @media (min-width: 1024px) {
      .list-category .item {
        font-size: 24px;
        height: 90px; } }
    .list-category .item .intro-box {
      display: flex;
      align-items: center;
      padding-left: 22px; }
      @media (min-width: 1024px) {
        .list-category .item .intro-box {
          font-size: 24px;
          height: 90px;
          padding-left: 44px; } }
    .list-category .item span {
      padding: 26px 44px 26px 0;
      position: relative;
      width: 100%; }
      @media (min-width: 1024px) {
        .list-category .item span {
          padding: 26px 26px 26px 0; } }
      .list-category .item span:after {
        position: absolute;
        font-family: 'icomoon';
        content: "\e919";
        font-size: 10px;
        right: 32px;
        top: 50%;
        transform: translateY(-50%); }
        @media (min-width: 1024px) {
          .list-category .item span:after {
            font-size: 22px;
            content: "\e917";
            right: 40px; } }
  @media (min-width: 1280px) {
    .list-category .product-list {
      column-count: 2; } }
  .list-category .product-list li {
    margin-bottom: 20px;
    padding-left: 20px;
    position: relative;
    color: #fff;
    cursor: default; }
    .list-category .product-list li:before {
      position: absolute;
      content: '';
      width: 8px;
      height: 8px;
      left: 0;
      border-radius: 50%;
      top: 10px;
      background-color: #fff; }
    @media (min-width: 1024px) {
      .list-category .product-list li {
        margin-bottom: 15px;
        padding-left: 29px; }
        .list-category .product-list li:before {
          width: 12px;
          height: 12px;
          left: 0; } }
    @media (min-width: 1280px) {
      .list-category .product-list li {
        margin-bottom: 50px; } }
  .list-category .requery-list li {
    margin-bottom: 20px;
    padding-left: 20px;
    position: relative;
    color: #fff;
    cursor: default; }
    .list-category .requery-list li:before {
      position: absolute;
      content: '—';
      left: 0;
      background: none;
      width: auto;
      height: auto;
      top: 0;
      color: #fff; }
    @media (min-width: 1024px) {
      .list-category .requery-list li {
        margin-bottom: 50px;
        padding-left: 29px; } }

.promo h3 {
  text-align: left;
  text-transform: none;
  font-weight: 600;
  margin-bottom: 15px; }

.promo h4 {
  margin-top: 15px; }

.table-holder {
  margin-bottom: 75px; }

.calculation {
  width: 100%;
  text-align: left;
  border-collapse: collapse;
  border: 1px solid #000;
  border-width: 1px 0; }
  @media (min-width: 768px) {
    .calculation {
      text-align: center; } }
  .calculation th,
  .calculation td {
    padding: 20px 22px;
    border: 1px solid #000;
    border-width: 0 1px 1px 0;
    min-width: 323px; }
    .calculation th:last-child,
    .calculation td:last-child {
      border-width: 0 0 1px 0; }
  .calculation th {
    background: #FFCC00;
    font-weight: 600; }
  .calculation td:first-child {
    text-align: left; }

.pagination-area {
  padding: 40px 0 0; }
  @media (min-width: 768px) {
    .pagination-area {
      padding: 40px 0; } }

.social-box {
  display: flex;
  align-items: center;
  flex-direction: column;
  align-items: flex-start; }
  @media (min-width: 768px) {
    .social-box {
      flex-direction: row;
      align-items: center; } }
  .social-box span {
    margin-right: 15px;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 15px; }
    @media (min-width: 768px) {
      .social-box span {
        font-size: 24px;
        margin-bottom: 0; } }

.pagination {
  display: flex;
  font-size: 16px;
  flex-direction: column;
  padding: 75px 0 0; }
  @media (min-width: 768px) {
    .pagination {
      font-size: 24px;
      flex-direction: row;
      justify-content: space-between;
      padding: 75px 0; } }
  .pagination .prev,
  .pagination .next {
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    transition: all .2s ease-in-out; }
    .pagination .prev:hover,
    .pagination .next:hover {
      background-color: #fff;
      color: #282828; }
      .pagination .prev:hover i,
      .pagination .next:hover i {
        background-color: #003800;
        color: #fff; }
    .pagination .prev i,
    .pagination .next i {
      max-width: 50px;
      width: 100%;
      height: 50px;
      background-color: #FFCC00;
      border-radius: 50%;
      box-shadow: 0px 4px 20px 4px #F1F1F1;
      margin: 0 20px 0 0;
      display: flex;
      align-items: center;
      justify-content: center;
      transition: all .2s ease-in-out; }
      @media (min-width: 768px) {
        .pagination .prev i,
        .pagination .next i {
          max-width: 80px;
          height: 80px; } }
  .pagination .next i {
    margin: 0 0 0 20px; }
  .pagination .box {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
    width: 100%; }
    .pagination .box:nth-child(2) {
      text-align: right;
      justify-content: flex-end; }

.blog-hero_inner .title-holder {
  margin-bottom: 0;
  padding-top: 27px; }
  @media (min-width: 768px) {
    .blog-hero_inner .title-holder {
      margin-bottom: 27px; } }

.blog-hero__visual {
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  height: 133px; }
  @media (min-width: 768px) {
    .blog-hero__visual {
      height: 635px; } }

.blog-news {
  background-position: 0 100%;
  background-repeat-y: no-repeat;
  padding-bottom: 60px; }
  @media (min-width: 768px) {
    .blog-news {
      padding-bottom: 100px; } }
  .blog-news .row {
    padding-top: 20px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap; }
    @media (min-width: 768px) {
      .blog-news .row {
        padding-top: 20px;
        margin: 0 -10px; } }
  .blog-news .col {
    padding: 0;
    margin-bottom: 30px; }
    @media (min-width: 768px) {
      .blog-news .col {
        max-width: 716px;
        width: 45%;
        margin-bottom: 50px;
        margin: 0 10px 50px; } }
    .blog-news .col:before {
      display: none; }
    .blog-news .col .img-holder {
      border-radius: 0 167px 0 0;
      max-height: 335px; }
    .blog-news .col .text-holder {
      padding: 23px 15px;
      font-size: 16px;
      line-height: 26px;
      box-shadow: 0px 4px 10px 4px rgba(203, 203, 203, 0.25); }
      @media (min-width: 768px) {
        .blog-news .col .text-holder {
          padding: 32px 40px;
          font-size: 18px;
          line-height: 30px; } }
      .blog-news .col .text-holder span {
        display: block;
        font-weight: 500;
        text-align: right;
        color: #808080; }
      .blog-news .col .text-holder strong {
        display: block;
        margin-bottom: 7px;
        font-size: 16px;
        font-weight: 600;
        transition: color ease-in-out 0.3s; }
        @media (min-width: 768px) {
          .blog-news .col .text-holder strong {
            font-size: 24px;
            margin-bottom: 15px; } }
      .blog-news .col .text-holder a {
        color: #282828;
        text-decoration: none; }
        .blog-news .col .text-holder a:hover {
          color: #003800; }

.btn-list {
  display: flex; }
  .btn-list li {
    margin-right: 15px;
    padding: 0;
    margin-bottom: 0; }
    @media (min-width: 768px) {
      .btn-list li {
        margin-right: 25px; } }
    .btn-list li:before {
      display: none; }
  .btn-list .btn {
    width: 128px;
    color: #000;
    background-color: #E2E2E2;
    transition: all .2s ease-in-out; }
  .btn-list .btn:hover,
  .btn-list .btn.active {
    background-color: #FFCC00; }

.blog-content {
  background-position: 0 100%;
  background-repeat-y: no-repeat; }
  @media (min-width: 768px) {
    .blog-content {
      padding-bottom: 445px; } }
  @media (min-width: 768px) {
    .blog-content_sm {
      padding-bottom: 130px; } }

.content-holder {
  padding: 30px 0;
  font-weight: 500;
  font-size: 16px;
  line-height: 170%;
  color: #212121; }
  @media (min-width: 768px) {
    .content-holder {
      padding: 52px 0; } }
  .content-holder p {
    margin: 0 0 44px; }
  @media (min-width: 768px) {
    .content-holder img {
      float: left;
      margin-right: 30px; } }
  @media (min-width: 1280px) {
    .content-holder img {
      margin-right: 85px; } }
  .content-holder h3 {
    font-weight: 700;
    font-size: 20px;
    line-height: 26px;
    color: #212121;
    margin-bottom: 20px; }
    @media (min-width: 768px) {
      .content-holder h3 {
        font-size: 24px;
        line-height: 31px; } }
  .content-holder strong {
    display: block;
    font-weight: 600;
    font-size: 20px;
    line-height: 170%;
    color: #000;
    margin-bottom: 40px; }
    @media (min-width: 768px) {
      .content-holder strong {
        margin-bottom: 50px; } }
  .content-holder table {
    display: block;
    margin-bottom: 40px; }
    .content-holder table tbody {
      display: block;
      background-color: #1F232B;
      color: #fff;
      font-size: 20px;
      text-align: center;
      border: 1px solid #1F232B;
      width: 1200px; }
      .content-holder table tbody tr {
        width: 1200px; }
      .content-holder table tbody th,
      .content-holder table tbody td {
        border-right: 1px solid #434851;
        border-bottom: 1px solid #434851;
        height: 64px;
        width: 335px; }
        .content-holder table tbody th:last-of-type,
        .content-holder table tbody td:last-of-type {
          border-right: none; }
      .content-holder table tbody td {
        font-weight: 400; }
  .content-holder ul {
    margin-bottom: 40px; }
  .content-holder blockquote {
    text-align: center;
    margin: 0 0 40px;
    padding: 115px 20px 50px; }
    @media (min-width: 768px) {
      .content-holder blockquote {
        box-shadow: none;
        padding: 90px 0 85px; } }
    .content-holder blockquote:before {
      right: auto;
      top: 38px;
      left: 50%;
      transform: translateX(-50%);
      z-index: 1; }
      @media (min-width: 768px) {
        .content-holder blockquote:before {
          top: 70px;
          left: 0;
          transform: translateX(0); } }
    .content-holder blockquote h3 {
      font-weight: 600;
      font-size: 28px;
      line-height: 42px;
      color: #212121 !important;
      margin-bottom: 15px;
      padding: 0; }
      @media (min-width: 768px) {
        .content-holder blockquote h3 {
          position: relative;
          z-index: 1;
          font-size: 40px;
          margin-bottom: 28px; } }
    .content-holder blockquote p {
      font-size: 16px;
      margin: 0 auto 25px;
      position: relative;
      z-index: 1;
      max-width: calc(100% - 180px); }

@media (min-width: 768px) {
  .similar-posts {
    margin: 0 -24px;
    display: flex;
    justify-content: center;
    flex-wrap: wrap; } }

.similar-posts__col {
  margin-bottom: 50px;
  padding: 0; }
  @media (min-width: 768px) {
    .similar-posts__col {
      width: 50%;
      padding: 0 24px; } }
  @media (min-width: 1024px) {
    .similar-posts__col {
      width: calc(100% / 3); } }
  @media (min-width: 1280px) {
    .similar-posts__col {
      width: 25%; } }

.similar-posts__article:hover strong,
.similar-posts__article:hover a {
  color: #979797; }

.similar-posts__article .text-holder {
  padding-top: 35px; }
  .similar-posts__article .text-holder span {
    display: block;
    margin-bottom: 20px;
    font-weight: 500;
    font-size: 14px; }
  .similar-posts__article .text-holder strong {
    display: block;
    margin-bottom: 30px;
    font-size: 20px;
    transition: color ease-in-out 0.3s; }
  .similar-posts__article .text-holder a {
    font-weight: 600;
    font-size: 16px;
    line-height: 44px;
    color: #B09762; }

.similar-posts__article .img-holder img {
  width: 100%; }

.result-title {
  font-size: 18px;
  display: block; }
  .result-title strong {
    font-weight: 600;
    margin: 0; }
  @media (min-width: 1280px) {
    .result-title {
      font-size: 24px; } }

@media (min-width: 1280px) {
  .not-found {
    padding-bottom: 150px; } }

.not-found .container {
  display: flex;
  flex-direction: column-reverse;
  padding: 0; }
  @media (min-width: 768px) {
    .not-found .container {
      align-items: center;
      flex-direction: row;
      font-size: 24px;
      padding: 0 15px; } }

.not-found .btn-holder {
  padding: 15px 0;
  text-align: center; }
  @media (min-width: 768px) {
    .not-found .btn-holder {
      text-align: left; } }

.not-found .text-holder {
  padding: 0 15px 15px;
  text-align: center; }
  @media (min-width: 768px) {
    .not-found .text-holder {
      padding: 0 78px;
      text-align: left; } }

.blog .container {
  max-width: 1200px; }

.promo h1 {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto; }

.date {
  font-weight: 500;
  font-size: 18px;
  line-height: 30px;
  color: #909090; }

/*# sourceMappingURL=style.css.map */