@charset "UTF-8";
/*!
Theme Name: Underscores Starter Theme
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Custom WordPress theme. The theme is based on _s (underscores) framework and includes a wide variety of functionalities that can serve for your content management without having to have programming skills.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: miter
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

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.

miter is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.io/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Reset and Variables
# Helpers
# Bootstrap
# WooCommerce
# Base
# Parts
# Components / Templates
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Reset and Variables
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Reset
--------------------------------------------------------------*/
@import url("./../parts/_buttons.scss");
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
  margin: 0;
  padding: 0;
}

html {
  -webkit-font-smoothing: antialiased;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: normal;
}

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
  display: block;
}

audio, canvas, video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}

audio:not([controls]) {
  display: none;
}

[hidden] {
  display: none;
}

/*--------------------------------------------------------------
## Base Reset
--------------------------------------------------------------*/
html {
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

html, button, input, select, textarea {
  font-family: sans-serif;
  color: #222;
}

body {
  margin: 0;
  font-size: 1em;
  line-height: 1.4;
  -moz-osx-font-smoothing: grayscale;
}

::-moz-selection {
  background: #000;
  color: #fff;
  text-shadow: none;
}

::selection {
  background: #000;
  color: #fff;
  text-shadow: none;
}

/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
  text-decoration: none;
  color: #000;
}

a:focus, a:hover, a:active {
  outline: none;
}

/*--------------------------------------------------------------
## Typography
--------------------------------------------------------------*/
abbr[title] {
  border-bottom: 1px dotted;
}

b, strong {
  font-weight: bold;
}

blockquote {
  margin: 0;
}

dfn {
  font-style: italic;
}

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}

ins {
  background: #ff9;
  color: #000;
  text-decoration: none;
}

pre, code, kbd, samp {
  font-family: monospace, serif;
  _font-family: 'courier new', monospace;
  font-size: 1em;
}

pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
}

q {
  quotes: none;
}

q::before, q::after {
  content: "";
  content: none;
}

small {
  font-size: 85%;
}

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/*--------------------------------------------------------------
## Lists
--------------------------------------------------------------*/
nav ul,
nav ol,
ul,
li {
  list-style: none;
  list-style-image: none;
  margin: 0;
  padding: 0;
}

/*--------------------------------------------------------------
## Embedded Content
--------------------------------------------------------------*/
img {
  border: 0;
  -ms-interpolation-mode: bicubic;
  vertical-align: middle;
}

svg:not(:root) {
  overflow: hidden;
}

/*--------------------------------------------------------------
## Forms
--------------------------------------------------------------*/
figure {
  margin: 0;
}

form {
  margin: 0;
}

fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

label {
  cursor: pointer;
}

legend {
  border: 0;
  *margin-left: -7px;
  padding: 0;
  white-space: normal;
}

button, input, select, textarea {
  font-size: 100%;
  margin: 0;
  vertical-align: baseline;
  *vertical-align: middle;
}

button, input {
  line-height: normal;
}

button, input[type="button"], input[type="reset"], input[type="submit"] {
  cursor: pointer;
  -webkit-appearance: button;
  *overflow: visible;
}

button[disabled], input[disabled] {
  cursor: default;
}

input, textarea {
  -webkit-box-shadow: none;
}

input[type="checkbox"], input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
  *width: 13px;
  *height: 13px;
}

input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

textarea {
  overflow: auto;
  vertical-align: top;
  resize: vertical;
}

input:invalid, textarea:invalid {
  background-color: #f0dddd;
}

input, textarea, select {
  outline: none;
}

/*--------------------------------------------------------------
## Tables
--------------------------------------------------------------*/
table {
  border-collapse: collapse;
  border-spacing: 0;
}

td {
  vertical-align: top;
}

/*--------------------------------------------------------------
## Chrome Frame Prompt
--------------------------------------------------------------*/
.chromeframe {
  margin: 0.2em 0;
  background: #ccc;
  color: black;
  padding: 0.2em 0;
}

/*--------------------------------------------------------------
## Mixins
--------------------------------------------------------------*/
/*
	Example:
	-------------------------------------------------------------------------------------------------
	@include mq($phone) 			 	@media screen and (max-width: 640px)
	-------------------------------------------------------------------------------------------------
	@include mq(991) 			 	 	@media screen and (max-width: 991px)
	-------------------------------------------------------------------------------------------------
	@include mq($phone + 1, min) 	 	@media screen and (min-width: 641px)
	-------------------------------------------------------------------------------------------------
	@include mq(992, min) 			 	@media screen and (min-width: 992px)
	-------------------------------------------------------------------------------------------------
	@include mq(400, min, height) 	 	@media screen and (min-height: 400px)
	-------------------------------------------------------------------------------------------------
	@include mq(992) {				 	@media screen and (max-width: 992px) and (min-width: 767px)
		@include mq(767, min) {

		}
	}
	-------------------------------------------------------------------------------------------------
 */
/*--------------------------------------------------------------
## Variables
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Fonts
--------------------------------------------------------------*/
@font-face {
  font-family: 'Source Sans Pro';
  src: url("./assets/fonts/SourceSansPro-Black.woff2") format("woff2"), url("SourceSansPro-Black.woff") format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Source Sans Pro';
  src: url("./assets/fonts/SourceSansPro-BlackItalic.woff2") format("woff2"), url("SourceSansPro-BlackItalic.woff") format("woff");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Source Sans Pro';
  src: url("./assets/fonts/SourceSansPro-Bold.woff2") format("woff2"), url("SourceSansPro-Bold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Source Sans Pro';
  src: url("./assets/fonts/SourceSansPro-BoldItalic.woff2") format("woff2"), url("SourceSansPro-BoldItalic.woff") format("woff");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Source Sans Pro';
  src: url("./assets/fonts/SourceSansPro-LightItalic.woff2") format("woff2"), url("SourceSansPro-LightItalic.woff") format("woff");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Source Sans Pro';
  src: url("./assets/fonts/SourceSansPro-Light.woff2") format("woff2"), url("SourceSansPro-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Source Sans Pro';
  src: url("./assets/fonts/SourceSansPro-Italic.woff2") format("woff2"), url("SourceSansPro-Italic.woff") format("woff");
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Source Sans Pro';
  src: url("./assets/fonts/SourceSansPro-ExtraLight.woff2") format("woff2"), url("SourceSansPro-ExtraLight.woff") format("woff");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Source Sans Pro';
  src: url("./assets/fonts/SourceSansPro-SemiBoldItalic.woff2") format("woff2"), url("SourceSansPro-SemiBoldItalic.woff") format("woff");
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Source Sans Pro';
  src: url("./assets/fonts/SourceSansPro-SemiBold.woff2") format("woff2"), url("SourceSansPro-SemiBold.woff") format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Source Sans Pro';
  src: url("./assets/fonts/SourceSansPro-Regular.woff2") format("woff2"), url("SourceSansPro-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Source Sans Pro';
  src: url("./assets/fonts/SourceSansPro-ExtraLightItalic.woff2") format("woff2"), url("SourceSansPro-ExtraLightItalic.woff") format("woff");
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}

.roboto-78-bold {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 700;
  font-size: 78px;
  line-height: 1;
}

.roboto-24-bold, .post-collection__item-title {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 700;
  font-size: 24px;
  line-height: 1.2;
}

@media screen and (max-width: 576px) {
  .roboto-24-bold, .post-collection__item-title {
    font-size: 20px;
  }
}

.roboto-20-bold, .banner__caption-text {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 1.7;
}

.roboto-18-normal {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 1.4;
}

@media screen and (max-width: 576px) {
  .roboto-18-normal {
    font-size: 16px;
  }
}

.roboto-16-bold {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 1.4;
}

@media screen and (max-width: 576px) {
  .roboto-16-bold {
    font-size: 16px;
  }
}

.roboto-18-bold, .btn--arrow {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  line-height: 1.4;
}

@media screen and (max-width: 576px) {
  .roboto-18-bold, .btn--arrow {
    font-size: 16px;
  }
}

/*--------------------------------------------------------------
# Helpers
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Helpers
--------------------------------------------------------------*/
.clear::after,
.entry-content::after,
.comment-content::after,
.site-content::after,
.site-footer::after {
  content: '';
  display: table;
  clear: both;
}

.fleft {
  float: left;
}

.fright {
  float: right;
}

.alignleft {
  display: inline;
  float: left;
  margin-right: 1.8em;
}

@media screen and (max-width: 768px) {
  .alignleft {
    display: block;
    float: none;
  }
}

.alignright {
  display: inline;
  float: right;
  margin-left: 1.5em;
}

.centered {
  text-align: center;
}

.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  word-wrap: normal !important;
  /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  display: block;
  font-weight: bold;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
  /* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex='-1']:focus {
  outline: 0;
}

/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
  /* Theme Footer (when set to scrolling) */
  display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
  display: block;
}

.slider-arrow {
  cursor: pointer;
}

.cover-img {
  min-width: 1000%;
  min-height: 1000%;
  max-width: none;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0.1001);
  transition: 350ms ease;
  object-fit: cover;
}

/*--------------------------------------------------------------
## Print
--------------------------------------------------------------*/
@media print {
  body {
    background: #fff;
    color: #000;
    margin: 0;
    padding: 0;
    text-align: left;
  }
  a:link,
  a:visited {
    background: #fff;
    color: #000;
    text-decoration: underline;
  }
  a:not([href='javascript:;'])::after {
    content: " [" attr(href) "] ";
  }
  h1, h2, h3, h4, h5, h6 {
    background: none;
    color: #000;
  }
  .temp {
    display: none;
  }
}

@keyframes cycleIcons1 {
  0% {
    transform-origin: center center;
    transform: scale(0);
    opacity: 0;
  }
  5% {
    transform-origin: center center;
    transform: scale(1);
    opacity: 1;
  }
  25% {
    transform-origin: center center;
    transform: scale(1);
    opacity: 1;
  }
  30% {
    transform-origin: bottom center;
    transform: scale(0) rotate(0deg);
    opacity: 0;
  }
  100% {
    transform-origin: bottom center;
    transform: scale(0) rotate(0deg);
    opacity: 0;
  }
}

@keyframes cycleIcons2 {
  0% {
    transform: scale(0) rotate(-30deg);
    opacity: 1;
  }
  28% {
    transform: scale(0) rotate(-30deg);
    opacity: 1;
  }
  31% {
    transform: scale(1) rotate(30deg);
  }
  40% {
    transform: scale(1) rotate(-30deg);
  }
  48% {
    transform: scale(1) rotate(30deg);
  }
  55% {
    transform: scale(1) rotate(-30deg);
  }
  65% {
    transform: scale(1) rotate(30deg);
  }
  85% {
    transform: scale(1) rotate(-30deg);
  }
  91% {
    transform-origin: bottom center;
    transform: scale(1) rotate(30deg);
    opacity: 1;
  }
  93% {
    transform-origin: center center;
    transform: scale(0);
    opacity: 0;
  }
  100% {
    transform-origin: center center;
    transform: scale(0);
    opacity: 0;
  }
}

@keyframes parlor-button-wave-scale-animation {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  28% {
    transform: scale(0);
    opacity: 1;
  }
  31% {
    transform: scale(1.2);
  }
  40% {
    transform: scale(1);
  }
}

@keyframes parlor-button-wiggles-scale-animation {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  6% {
    transform: scale(0.7);
    opacity: 0.6;
  }
  25% {
    transform: scale(0.7);
    opacity: 0.6;
  }
  30% {
    transform: scale(1);
    opacity: 1;
  }
}

@keyframes parlor-button-wave-animation {
  0% {
    transform: scale(1.1) rotate(0deg);
  }
  2% {
    transform: scale(1.2) rotate(-20deg);
  }
  12% {
    transform: scale(1.2) rotate(10deg);
  }
  14% {
    transform: scale(1.2) rotate(-10deg);
  }
  16% {
    transform: scale(1.2) rotate(10deg);
  }
  18% {
    transform: scale(1.1) rotate(-10deg);
  }
  22% {
    transform: scale(1.1) rotate(0deg);
  }
  28% {
    transform: scale(1) rotate(0deg);
  }
}

/*--------------------------------------------------------------
# Bootstrap
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# WooCommerce
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Plugins
--------------------------------------------------------------*/
/**
 * Swiper 6.8.0
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2021 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: July 22, 2021
 */
@font-face {
  font-family: swiper-icons;
  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");
  font-weight: 400;
  font-style: normal;
}

:root {
  --swiper-theme-color:#007aff;
}

.swiper-container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1;
}

.swiper-container-vertical > .swiper-wrapper {
  flex-direction: column;
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  box-sizing: content-box;
}

.swiper-container-android .swiper-slide, .swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}

.swiper-container-multirow > .swiper-wrapper {
  flex-wrap: wrap;
}

.swiper-container-multirow-column > .swiper-wrapper {
  flex-wrap: wrap;
  flex-direction: column;
}

.swiper-container-free-mode > .swiper-wrapper {
  transition-timing-function: ease-out;
  margin: 0 auto;
}

.swiper-container-pointer-events {
  touch-action: pan-y;
}

.swiper-container-pointer-events.swiper-container-vertical {
  touch-action: pan-x;
}

.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
}

.swiper-slide-invisible-blank {
  visibility: hidden;
}

.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide {
  height: auto;
}

.swiper-container-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform,height;
}

.swiper-container-3d {
  perspective: 1200px;
}

.swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-wrapper {
  transform-style: preserve-3d;
}

.swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}

.swiper-container-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}

.swiper-container-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}

.swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper {
  scroll-snap-type: x mandatory;
}

.swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper {
  scroll-snap-type: y mandatory;
}

:root {
  --swiper-navigation-size:44px;
}

.swiper-button-next, .swiper-button-prev {
  position: absolute;
  top: 50%;
  width: calc(var(--swiper-navigation-size)/ 44 * 27);
  height: var(--swiper-navigation-size);
  margin-top: calc(0px - (var(--swiper-navigation-size)/ 2));
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
}

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
  opacity: .35;
  cursor: auto;
  pointer-events: none;
}

.swiper-button-next:after, .swiper-button-prev:after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  text-transform: none !important;
  letter-spacing: 0;
  text-transform: none;
  font-variant: initial;
  line-height: 1;
}

.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
  left: 10px;
  right: auto;
}

.swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after {
  content: 'prev';
}

.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
  right: 10px;
  left: auto;
}

.swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after {
  content: 'next';
}

.swiper-button-next.swiper-button-white, .swiper-button-prev.swiper-button-white {
  --swiper-navigation-color:#ffffff;
}

.swiper-button-next.swiper-button-black, .swiper-button-prev.swiper-button-black {
  --swiper-navigation-color:#000000;
}

.swiper-button-lock {
  display: none;
}

.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: .3s opacity;
  transform: translate3d(0, 0, 0);
  z-index: 10;
}

.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}

.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
  bottom: 10px;
  left: 0;
  width: 100%;
}

.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transform: scale(0.33);
  position: relative;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  transform: scale(0.33);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  transform: scale(0.33);
}

.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 50%;
  background: #000;
  opacity: .2;
}

button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -webkit-appearance: none;
  appearance: none;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}

.swiper-pagination-bullet-active {
  opacity: 1;
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
}

.swiper-container-vertical > .swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  transform: translate3d(0px, -50%, 0);
}

.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 6px 0;
  display: block;
}

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
}

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  transition: .2s transform,.2s top;
}

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 4px;
}

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
}

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: .2s transform,.2s left;
}

.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: .2s transform,.2s right;
}

.swiper-pagination-progressbar {
  background: rgba(0, 0, 0, 0.25);
  position: absolute;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: scale(0);
  transform-origin: left top;
}

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  transform-origin: right top;
}

.swiper-container-horizontal > .swiper-pagination-progressbar, .swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0;
}

.swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-container-vertical > .swiper-pagination-progressbar {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0;
}

.swiper-pagination-white {
  --swiper-pagination-color:#ffffff;
}

.swiper-pagination-black {
  --swiper-pagination-color:#000000;
}

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

.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, 0.1);
}

.swiper-container-horizontal > .swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%;
}

.swiper-container-vertical > .swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%;
}

.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  left: 0;
  top: 0;
}

.swiper-scrollbar-cursor-drag {
  cursor: move;
}

.swiper-scrollbar-lock {
  display: none;
}

.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.swiper-zoom-container > canvas, .swiper-zoom-container > img, .swiper-zoom-container > svg {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

.swiper-slide-zoomed {
  cursor: move;
}

.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  animation: swiper-preloader-spin 1s infinite linear;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}

.swiper-lazy-preloader-white {
  --swiper-preloader-color:#fff;
}

.swiper-lazy-preloader-black {
  --swiper-preloader-color:#000;
}

@keyframes swiper-preloader-spin {
  100% {
    transform: rotate(360deg);
  }
}

.swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  transition-timing-function: ease-out;
}

.swiper-container-fade .swiper-slide {
  pointer-events: none;
  transition-property: opacity;
}

.swiper-container-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-container-cube {
  overflow: visible;
}

.swiper-container-cube .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
}

.swiper-container-cube .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
  transform-origin: 100% 0;
}

.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-next + .swiper-slide, .swiper-container-cube .swiper-slide-prev {
  pointer-events: auto;
  visibility: visible;
}

.swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right, .swiper-container-cube .swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.swiper-container-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  opacity: .6;
  z-index: 0;
}

.swiper-container-cube .swiper-cube-shadow:before {
  content: '';
  background: #000;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  filter: blur(50px);
}

.swiper-container-flip {
  overflow: visible;
}

.swiper-container-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
}

.swiper-container-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right, .swiper-container-flip .swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

/*--------------------------------------------------------------
# Base
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
optgroup,
textarea {
  color: #484848;
  font-family: "Source Sans Pro", Helvetica, sans-serif;
  font-size: 20px;
  line-height: 1.35;
}

@media screen and (max-width: 991px) {
  body,
  button,
  input,
  select,
  optgroup,
  textarea {
    font-size: 18px;
  }
}

@media screen and (max-width: 767px) {
  body,
  button,
  input,
  select,
  optgroup,
  textarea {
    font-size: 16px;
  }
}

p {
  margin-bottom: 24px;
}

blockquote {
  margin: 0 24px;
}

pre {
  background: #ccc;
  max-width: 100%;
  overflow: auto;
  padding: 1.6em;
}

[class*='font-'] {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #000;
  font-size: 30px;
  line-height: 1;
}

.page-title {
  font-style: normal;
  font-weight: 700;
  font-size: 78px;
  font-family: "Source Sans Pro", Helvetica, sans-serif;
  color: #fff;
  line-height: 1.2;
  letter-spacing: 1px;
  margin-bottom: 24px;
}

@media screen and (max-width: 1170px) {
  .page-title {
    font-size: 47px;
  }
}

@media screen and (max-width: 991px) {
  .page-title {
    font-size: 45px;
  }
}

@media screen and (max-width: 700px) {
  .page-title {
    font-size: 38px;
  }
}

@media screen and (max-width: 600px) {
  .page-title {
    font-size: 32px;
  }
}

@media screen and (max-width: 480px) {
  .page-title {
    font-size: 28px;
  }
}

@media screen and (min-width: 1921px) {
  .page-title {
    font-size: 4.0625vw;
    letter-spacing: 0.05208333333vw;
    margin-bottom: 1.25vw;
  }
}

.section-title {
  font-size: 48px;
  color: #17488d;
  line-height: 1;
  font-weight: 700;
}

@media screen and (max-width: 991px) {
  .section-title {
    font-size: 32px;
    line-height: 1.4;
  }
}

@media screen and (max-width: 700px) {
  .section-title {
    font-size: 28px;
  }
}

@media screen and (max-width: 640px) {
  .section-title {
    font-size: 24px;
  }
}

@media screen and (min-width: 1921px) {
  .section-title {
    font-size: 2.5vw;
  }
}

/*--------------------------------------------------------------
## Base Layout
--------------------------------------------------------------*/
html,
body {
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  -ms-font-smoothing: antialiased;
  -o-font-smoothing: antialiased;
  height: 100%;
  width: 100%;
}

html {
  box-sizing: border-box;
  scroll-behavior: smooth;
}

body {
  padding-top: 100px;
}

@media screen and (max-width: 992px) {
  body {
    padding-top: 60px;
  }
}

@media screen and (min-width: 1921px) {
  body {
    padding-top: 5.208333333vw;
  }
}

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

/*--------------------------------------------------------------
## Layout
--------------------------------------------------------------*/
.wrapper {
  position: relative;
  max-width: 1500px;
  width: 100%;
  padding: 0 15px;
  margin: 0 auto;
  z-index: 3;
}

@media screen and (min-width: 1921px) {
  .wrapper {
    max-width: 78.125vw;
    padding: 0 0.78125vw;
  }
}

.wrapper-narrow {
  position: relative;
  max-width: 900px;
  width: 100%;
  padding: 0 15px;
  margin: 0 auto;
  z-index: 3;
}

@media screen and (min-width: 1921px) {
  .wrapper-narrow {
    max-width: 46.875vw;
    padding: 0 0.78125vw;
  }
}

.swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  background: #e0e0e0;
  opacity: 1;
  transition: 350ms ease;
}

@media screen and (min-width: 1921px) {
  .swiper-pagination-bullet {
    width: 0.625vw;
    height: 0.625vw;
  }
}

.swiper-pagination-bullet:hover {
  background: #88c147;
}

.swiper-pagination-bullet-active {
  background: #88c147;
}

/*--------------------------------------------------------------
# Parts
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Buttons
--------------------------------------------------------------*/
.btn, .comments-modal .submit {
  position: relative;
  display: inline-block;
  text-align: center;
  border-radius: 10px;
  background-color: #17488d;
  color: #fff;
  padding: 15px 20px;
  transition: 350ms ease;
  line-height: 1;
  font-size: 18px;
  letter-spacing: 1px;
  border: 1px solid transparent;
  cursor: pointer;
  overflow: hidden;
}

@media screen and (max-width: 500px) {
  .btn, .comments-modal .submit {
    font-size: 16px;
    padding: 15px;
  }
}

@media screen and (max-width: 340px) {
  .btn, .comments-modal .submit {
    font-size: 14px;
  }
}

@media screen and (min-width: 1921px) {
  .btn, .comments-modal .submit {
    border-radius: 0.5208333333vw;
    padding: 0.78125vw 1.041666667vw;
    font-size: 0.9375vw;
    letter-spacing: 0.05208333333vw;
    border: 0.05208333333vw solid transparent;
  }
}

.btn::after, .comments-modal .submit::after {
  background: #fff;
  content: '';
  height: 155px;
  left: -75px;
  opacity: 0.2;
  position: absolute;
  top: -50px;
  transform: rotate(35deg);
  transition: 550ms cubic-bezier(0.19, 1, 0.22, 1);
  width: 50px;
}

@media only screen and (min-width: 768px) {
  .btn:hover::after, .comments-modal .submit:hover::after {
    left: 120%;
    transition: 550ms cubic-bezier(0.19, 1, 0.22, 1);
  }
}

.btn--green, .comments-modal .submit {
  background-color: #88c147;
}

.btn-link {
  position: relative;
  color: #fff;
  font-size: 16px;
  font-weight: 400;
  transition: 350ms ease;
}

@media screen and (min-width: 1921px) {
  .btn-link {
    font-size: 0.8333333333vw;
  }
}

.btn-link::after {
  content: '';
  display: block;
  position: absolute;
  bottom: 2px;
  left: 50%;
  transform: translateX(-50%);
  width: 0%;
  margin: 0 auto;
  height: 1px;
  background-color: #88c147;
  z-index: 1;
  transition: 350ms ease;
}

@media screen and (min-width: 1921px) {
  .btn-link::after {
    bottom: 0.1041666667vw;
    height: 0.05208333333vw;
  }
}

@media only screen and (min-width: 768px) {
  .btn-link:hover {
    color: #88c147;
  }
}

@media only screen and (min-width: 768px) and (max-width: 768px) {
  .btn-link:hover {
    color: #fff;
  }
}

@media only screen and (min-width: 768px) {
  .btn-link:hover::after {
    width: 100%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 768px) {
  .btn-link:hover::after {
    width: 0%;
  }
}

@media only screen and (min-width: 768px) {
  .btn-link:hover::before {
    color: #fff;
  }
}

input[type='button'] {
  background-color: #88c147;
}

input[type='button']::before {
  content: 'tets';
}

input[type='button']:hover {
  background-color: #17488d;
}

.btn--arrow {
  position: relative;
  display: inline-flex;
  align-items: center;
  color: #88c147;
}

@media only screen and (min-width: 768px) {
  .btn--arrow:hover .btn--arrow__svg-first {
    opacity: 1;
    transform: translateX(0);
  }
}

.btn--arrow__text {
  margin-right: 12px;
}

@media screen and (min-width: 1921px) {
  .btn--arrow__text {
    margin-right: 0.625vw;
  }
}

.btn--arrow__svg-first {
  display: inline-flex;
  align-items: center;
  opacity: 0;
  position: absolute;
  right: 7px;
  transform: translateX(-10px);
  transition: 350ms ease;
}

@media screen and (min-width: 1921px) {
  .btn--arrow__svg-first {
    right: 0.3645833333vw;
    transform: translateX(-0.52083vw);
  }
}

.btn--arrow__svg-second {
  display: inline-flex;
  align-items: center;
}

/*--------------------------------------------------------------
## Forms
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Wrapper and Ratios
--------------------------------------------------------------*/
.media-wrap {
  position: relative;
  overflow: hidden;
}

.media-wrap::before {
  content: '';
  display: block;
  width: 100%;
}

.media-wrap-square::before {
  padding-top: 100%;
}

.media-item {
  display: block;
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

/*--------------------------------------------------------------
## WP Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
  border: 0;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
  max-width: 100%;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
  display: inline-block;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
  margin-bottom: 1.5em;
  max-width: 100%;
}

.wp-caption .wp-caption-text {
  margin: 0.8075em 0;
}

.wp-caption-text {
  text-align: center;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
  margin-bottom: 1.5em;
}

.gallery-item {
  display: inline-block;
  text-align: center;
  vertical-align: top;
  width: 100%;
}

.gallery-columns-2 .gallery-item {
  max-width: 50%;
}

.gallery-columns-3 .gallery-item {
  max-width: 33.33333%;
}

.gallery-columns-4 .gallery-item {
  max-width: 25%;
}

.gallery-columns-5 .gallery-item {
  max-width: 20%;
}

.gallery-columns-6 .gallery-item {
  max-width: 16.66667%;
}

.gallery-columns-7 .gallery-item {
  max-width: 14.28571%;
}

.gallery-columns-8 .gallery-item {
  max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
  max-width: 11.11111%;
}

.gallery-caption {
  display: block;
}

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

/*--------------------------------------------------------------
# Components / Templates
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Header
--------------------------------------------------------------*/
.site-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 75px;
  background-color: #fff;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  min-height: 100px;
  z-index: 10;
  transition: 350ms ease;
}

@media screen and (max-width: 1440px) {
  .site-header {
    padding: 0 15px;
  }
}

@media screen and (max-width: 992px) {
  .site-header {
    padding: 15px;
    height: 60px;
    min-height: 60px;
  }
}

@media screen and (min-width: 1921px) {
  .site-header {
    padding: 0 3.90625vw;
    min-height: 5.208333333vw;
  }
}

.site-header.sticky {
  box-shadow: 0 3px 10px -5px rgba(51, 51, 51, 0.4);
}

@media screen and (min-width: 1921px) {
  .site-header.sticky {
    box-shadow: 0 0.15625vw 0.52083vw -0.26042vw rgba(51, 51, 51, 0.4);
  }
}

.site-header.hide-on-scroll {
  transform: translateY(-300%);
}

.site-branding {
  transition: 350ms ease;
}

.site-branding a {
  color: #fff;
}

.site-branding img {
  width: 150px;
  height: 55px;
}

@media screen and (max-width: 992px) {
  .site-branding img {
    width: 100px;
    height: 33px;
  }
}

@media screen and (min-width: 1921px) {
  .site-branding img {
    width: 7.8125vw;
    height: auto;
  }
}

.wpml-ls-legacy-list-horizontal a span {
  color: #17488d;
  font-size: 22px;
  font-weight: 600;
  margin-right: 100px;
  letter-spacing: 0.5px;
  transition: 350ms ease;
}

@media screen and (min-width: 1921px) {
  .wpml-ls-legacy-list-horizontal a span {
    font-size: 1.145833333vw;
    margin-right: 5.208333333vw;
    letter-spacing: 0.02604166667vw;
  }
}

.wpml-ls-legacy-list-horizontal a span:hover {
  color: #88c147;
}

/*--------------------------------------------------------------
## Menu Btn
--------------------------------------------------------------*/
.header__hamburger {
  display: none;
  position: relative;
  cursor: pointer;
  margin-left: 24px;
}

@media screen and (max-width: 992px) {
  .header__hamburger {
    display: block;
    z-index: 120;
    align-self: center;
  }
}

@media screen and (max-width: 375px) {
  .header__hamburger {
    margin-left: 12px;
  }
}

@media screen and (min-width: 1921px) {
  .header__hamburger {
    margin-left: 1.25vw;
  }
}

.header__hamburger-lines {
  transition: 0.3s cubic-bezier(0.75, -0.5, 0, 1.75);
  transform: scale(1);
}

.header__hamburger-close {
  position: absolute;
  left: 2px;
  top: 3px;
  transition: 0.3s cubic-bezier(0.75, -0.5, 0, 1.75);
  transform: scale(0);
}

@media screen and (min-width: 1921px) {
  .header__hamburger-close {
    left: 0.1041666667vw;
    top: 0.15625vw;
  }
}

.header__hamburger--opened .header__hamburger-lines {
  transform: scale(0);
}

.header__hamburger--opened .header__hamburger-close {
  transform: scale(1);
}

.sub-menu__expanding {
  width: 20px;
  height: 20px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}

@media screen and (max-width: 992px) {
  .sub-menu__expanding {
    top: 0;
    transform: translateY(0);
  }
}

@media screen and (max-width: 992px) {
  .sub-menu__expanding {
    right: 32px;
  }
}

.sub-menu__expanding svg {
  transform: scale(1.4);
}

.sub-menu__expanding svg path {
  fill: #17488d;
}

@media screen and (max-width: 992px) {
  .sub-menu__expanding svg path {
    fill: #fff;
  }
}

.sub-menu__expanding[data-open='opened'] svg {
  transform: scale(1.4) rotate(180deg);
}

/*--------------------------------------------------------------
## Navigation
--------------------------------------------------------------*/
a {
  text-decoration: none;
}

a:hover, a:focus, a:active {
  text-decoration: none;
  outline: 0;
}

.main-navigation .primary-menu {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  align-items: center;
  height: 100px;
  -webkit-tap-highlight-color: transparent;
}

.main-navigation .primary-menu li:hover > ul,
.main-navigation .primary-menu li.focus > ul {
  transform: translateY(0);
  opacity: 1;
  pointer-events: all;
}

.main-navigation .sub-menu {
  position: absolute;
  left: -25%;
  top: 100%;
  z-index: 99999;
  transition: 350ms ease;
  background-color: #fff;
  transform: translateY(5px);
  opacity: 0;
  min-width: 296px;
  border-radius: 0 0 20px 20px;
  text-align: center;
  pointer-events: none;
  overflow: hidden;
}

.main-navigation .sub-menu .sub-menu {
  left: 100%;
  top: 0;
}

.main-navigation .sub-menu li {
  width: 100%;
  margin-right: 0;
  height: 60px;
  padding: 0;
}

@media screen and (max-width: 992px) {
  .main-navigation .sub-menu li {
    margin-bottom: 0;
    height: auto;
  }
}

.main-navigation .sub-menu li:last-of-type {
  margin: 0;
}

.main-navigation .sub-menu a {
  width: 100%;
  line-height: 60px;
}

.main-navigation li {
  position: relative;
  padding: 0 48px;
  display: flex;
  align-items: center;
  height: 100%;
}

@media screen and (max-width: 1200px) {
  .main-navigation li {
    padding: 0 24px;
  }
}

@media screen and (max-width: 992px) {
  .main-navigation li {
    height: auto;
  }
}

.main-navigation li.eng-link {
  margin-left: 150px;
  margin-right: 0;
}

@media screen and (max-width: 1600px) {
  .main-navigation li.eng-link {
    margin-left: 0;
  }
}

@media screen and (max-width: 1440px) {
  .main-navigation li.eng-link {
    padding-right: 0;
  }
}

@media screen and (max-width: 992px) {
  .main-navigation li.eng-link {
    padding: 0 24px;
  }
}

.main-navigation li.eng-link a {
  font-size: 0;
  padding: 16px !important;
  background-image: url("./assets/svg/eng-flag.svg");
  background-position: left;
  background-repeat: no-repeat;
  width: 36px;
}

.main-navigation li:hover > a,
.main-navigation li.focus > a {
  color: #88c147;
}

.main-navigation a {
  display: block;
  text-decoration: none;
  color: #17488d;
  transition: color 350ms ease;
  font-size: 18px;
  font-weight: 600;
  height: 100%;
  line-height: 100px;
}

@media screen and (max-width: 992px) {
  .main-navigation a {
    font-size: 18px;
    line-height: unset;
    height: auto;
  }
}

@media screen and (max-width: 480px) {
  .main-navigation a {
    font-size: 16px;
  }
}

.main-navigation .current_page_item > a,
.main-navigation .current-menu-item > a,
.main-navigation .current_page_ancestor > a,
.main-navigation .current-menu-ancestor > a {
  color: #88c147;
}

@media screen and (max-width: 992px) {
  .main-navigation {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    visibility: hidden;
    z-index: 100;
  }
  .main-navigation.main-navigation--opened {
    visibility: visible;
    opacity: 1;
    transition: 0.3s opacity, 0.3s visibility 0s;
    background: #17488d;
  }
  .main-navigation .primary-menu {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-color: #17488d;
    text-align: center;
    overflow: auto;
    z-index: 100;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  .main-navigation .sub-menu {
    position: static;
    transition: initial;
    transform: none;
    background-color: transparent;
    border: 0;
    padding: 5px 0 10px 10px;
    opacity: 1;
    display: none;
  }
}

@media screen and (max-width: 992px) and (max-width: 992px) {
  .main-navigation .sub-menu {
    display: block;
    min-width: 100%;
    opacity: 1;
    padding: 0;
    transform: translate(0);
    left: 0;
    top: 10px;
    position: relative;
    visibility: visible;
    margin-bottom: 0;
    text-align: center;
    padding-top: 0;
    height: 0;
    overflow: hidden;
    transition: height 350ms ease;
  }
}

@media screen and (max-width: 992px) {
  .main-navigation .sub-menu li {
    border: 0;
    font-size: 0.85em;
    margin: 0;
  }
  .main-navigation .sub-menu .sub-icon {
    top: 1px;
  }
  .main-navigation li {
    float: none;
    margin: 13px 0;
    width: 100%;
    justify-content: center;
  }
  .main-navigation li::before {
    top: 0;
    right: 0;
  }
  .main-navigation li:last-of-type {
    margin: 13px 0;
  }
  .main-navigation li:hover > a,
  .main-navigation li.focus > a {
    background-color: transparent;
  }
  .main-navigation a {
    color: #fff;
    display: inline-block;
    padding: 0 15px;
  }
  .main-navigation .sub-icon {
    line-height: 1;
    display: block;
    color: #fff;
    font-size: 18px;
    position: absolute;
    right: 60px;
    top: 3px;
  }
}

.main-navigation .menu-item-not-a-link {
  cursor: pointer;
}

.site-main .comment-navigation, .site-main
.posts-navigation, .site-main
.post-navigation {
  margin: 0 0 1.5em;
  overflow: hidden;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
  float: left;
  width: 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
  float: right;
  text-align: right;
  width: 50%;
}

.wpml-ls-first-item .sub-menu {
  left: 0;
  padding-left: 0;
  min-width: 30px;
}

.wpml-ls-first-item .sub-menu li::before {
  content: '';
}

.menu-item-has-children {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

@media screen and (max-width: 992px) {
  .menu-item-has-children {
    flex-direction: column;
    justify-content: center;
  }
}

.menu-item-has-children .mega-menu-btn {
  width: 20px;
  height: auto;
}

@media screen and (max-width: 992px) {
  .menu-item-has-children .mega-menu-btn {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    height: auto;
    position: absolute;
    right: 0;
    top: 0;
  }
}

.menu-item-has-children .mega-menu-btn svg {
  height: 100%;
  width: 100%;
}

.menu-item-has-children .mega-menu-btn svg path {
  fill: #17488d;
}

@media screen and (max-width: 992px) {
  .menu-item-has-children .mega-menu-btn svg path {
    fill: #fff;
  }
}

/*--------------------------------------------------------------
## Footer
--------------------------------------------------------------*/
.copyright {
  display: block;
  margin: 0;
  background-color: #17488d;
  font-size: 16px;
  color: #fff;
}

@media screen and (min-width: 1921px) {
  .copyright {
    font-size: 0.8333333333vw;
  }
}

@media screen and (max-width: 767px) {
  .copyright {
    text-align: center;
  }
}

.copyright a {
  position: relative;
  color: #fff;
  transition: 350ms ease;
}

.copyright a::before, .copyright a::after {
  content: '';
  display: block;
  position: absolute;
  bottom: 2px;
  left: 50%;
  transform: translateX(-50%);
  width: 0%;
  margin: 0 auto;
  height: 1px;
  background-color: #88c147;
  z-index: 1;
  transition: 350ms ease;
}

@media screen and (min-width: 1921px) {
  .copyright a::before, .copyright a::after {
    bottom: 0.1041666667vw;
    height: 0.05208333333vw;
  }
}

.copyright a::before {
  width: 100%;
  background-color: #fff;
}

@media only screen and (min-width: 768px) {
  .copyright a:hover {
    color: #88c147;
  }
}

@media only screen and (min-width: 768px) and (max-width: 768px) {
  .copyright a:hover {
    color: #fff;
  }
}

@media only screen and (min-width: 768px) {
  .copyright a:hover::after {
    width: 100%;
  }
  .copyright a:hover::before {
    color: #fff;
  }
}

@media screen and (max-width: 767px) {
  .copyright span {
    display: block;
    margin-bottom: 16px;
  }
  .copyright span:last-child {
    margin-bottom: 0;
  }
}

.site-footer {
  background-color: #17488d;
}

.site-footer__content {
  display: flex;
  padding: 100px 0 40px;
  justify-content: space-between;
}

@media screen and (max-width: 1200px) {
  .site-footer__content {
    flex-direction: column;
    padding: 40px 0;
  }
}

@media screen and (max-width: 768px) {
  .site-footer__content {
    flex-direction: column;
    align-items: center;
    padding: 64px 0 48px;
  }
}

@media screen and (max-width: 640px) {
  .site-footer__content {
    padding: 48px 0 0;
  }
}

@media screen and (min-width: 1921px) {
  .site-footer__content {
    padding: 5.208333333vw 0 2.083333333vw;
  }
}

.site-footer__container {
  display: flex;
  width: 100%;
  justify-content: space-evenly;
}

@media screen and (max-width: 1200px) {
  .site-footer__container {
    justify-content: space-between;
  }
}

@media screen and (max-width: 768px) {
  .site-footer__container {
    flex-direction: column;
    align-items: center;
  }
}

.site-footer__item {
  max-width: 390px;
  padding: 0 15px;
}

@media screen and (max-width: 768px) {
  .site-footer__item {
    margin-bottom: 24px;
    text-align: center;
  }
}

@media screen and (max-width: 480px) {
  .site-footer__item {
    margin-bottom: 15px;
  }
}

@media screen and (min-width: 1921px) {
  .site-footer__item {
    max-width: 20.3125vw;
    padding: 0 0.78125vw;
  }
}

.site-footer__item:last-child {
  margin-bottom: 0;
}

.site-footer__item-title {
  display: block;
  font-weight: 900;
  font-size: 24px;
  color: #fff;
  margin-bottom: 24px;
}

@media screen and (min-width: 1921px) {
  .site-footer__item-title {
    font-size: 1.25vw;
    margin-bottom: 1.25vw;
  }
}

@media screen and (max-width: 767px) {
  .site-footer__item-title {
    font-size: 18px;
    margin-bottom: 18px;
  }
}

.site-footer__site-branding {
  display: inline-block;
}

.site-footer__site-branding img {
  width: 200px;
  height: 74px;
}

@media screen and (min-width: 1921px) {
  .site-footer__site-branding img {
    width: 10.41666667vw;
    height: auto;
  }
}

.site-footer__list-item {
  color: #fff;
  margin-bottom: 32px;
}

@media screen and (min-width: 1921px) {
  .site-footer__list-item {
    margin-bottom: 1.666666667vw;
  }
}

@media screen and (max-width: 1200px) {
  .site-footer__list-item {
    margin-bottom: 16px;
  }
}

.site-footer__list-item:last-child {
  margin-bottom: 0;
}

.site-footer__list-item--phone a {
  position: relative;
  margin-right: 20px;
}

@media screen and (min-width: 1921px) {
  .site-footer__list-item--phone a {
    margin-right: 1.041666667vw;
  }
}

.site-footer__list-item--phone a:last-of-type {
  margin-right: 0;
}

.site-footer__list-item--phone a:last-of-type::before {
  content: none;
}

.site-footer__list-item--phone a::before {
  content: '|';
  position: absolute;
  top: 0;
  right: -15px;
}

@media screen and (min-width: 1921px) {
  .site-footer__list-item--phone a::before {
    right: -0.78125vw;
  }
}

.site-footer__list-item--pbi-mb {
  color: #fff;
}

.site-footer__list-item--pbi-mb span {
  position: relative;
  margin-right: 20px;
}

@media screen and (min-width: 1921px) {
  .site-footer__list-item--pbi-mb span {
    margin-right: 1.041666667vw;
  }
}

.site-footer__list-item--pbi-mb span:last-of-type {
  margin-right: 0;
}

.site-footer__list-item--pbi-mb span:last-of-type::before {
  content: none;
}

.site-footer__list-item--pbi-mb span::before {
  content: '|';
  position: absolute;
  top: 0;
  right: -15px;
}

@media screen and (min-width: 1921px) {
  .site-footer__list-item--pbi-mb span::before {
    right: -0.78125vw;
  }
}

.site-footer__link,
.site-footer__list-item-text {
  display: inline-block;
  color: #fff;
  font-size: 18px;
  line-height: 1.4;
}

@media screen and (min-width: 1921px) {
  .site-footer__link,
  .site-footer__list-item-text {
    font-size: 0.9375vw;
  }
}

@media screen and (max-width: 767px) {
  .site-footer__link,
  .site-footer__list-item-text {
    font-size: 16px;
  }
}

.site-footer__list-item-text a {
  color: #fff;
}

.site-footer__social-media {
  display: flex;
  align-items: center;
}

@media screen and (max-width: 991px) {
  .site-footer__social-media {
    justify-content: center;
  }
}

.site-footer__social-media .site-footer__list-item {
  margin-right: 22px;
}

@media screen and (min-width: 1921px) {
  .site-footer__social-media .site-footer__list-item {
    margin-right: 1.145833333vw;
  }
}

.site-footer__social-media .site-footer__list-item:last-of-type {
  margin-right: 0;
}

.site-footer__social-media .site-footer__link {
  font-size: 30px;
  color: #88c147;
  transition: 350ms ease;
}

@media screen and (min-width: 1921px) {
  .site-footer__social-media .site-footer__link {
    font-size: 1.5625vw;
  }
}

.site-footer__social-media .site-footer__link:hover {
  color: #a7d671;
}

.site-footer__social-media .site-footer__link:hover svg path {
  fill: #fff;
}

.site-footer__social-media svg path {
  transition: 350ms ease;
}

@media screen and (max-width: 1200px) {
  .site-footer__branding-wrap {
    margin-bottom: 48px;
  }
}

@media screen and (max-width: 768px) {
  .site-footer__branding-wrap {
    margin-bottom: 32px;
  }
}

.site-footer__branding-wrap .entry-content {
  margin-top: 24px;
  color: #fff;
}

@media screen and (min-width: 1921px) {
  .site-footer__branding-wrap .entry-content {
    margin-top: 1.25vw;
  }
}

.site-footer__branding-wrap .entry-content p {
  font-size: 18px;
  line-height: 1.3;
}

@media screen and (min-width: 1921px) {
  .site-footer__branding-wrap .entry-content p {
    font-size: 0.9375vw;
  }
}

@media screen and (max-width: 767px) {
  .site-footer__branding-wrap .entry-content p {
    font-size: 16px;
  }
}

.site-footer__branding-wrap .entry-content p:last-child {
  margin-bottom: 0;
}

.site-footer__privacy-policy {
  display: block;
}

.site-footer__bottom {
  padding: 32px 0 88px;
  border-top: 1px solid rgba(255, 255, 255, 0.3);
}

@media screen and (min-width: 1921px) {
  .site-footer__bottom {
    padding: 1.666666667vw 0 4.583333333vw;
    border-top: 0.05208vw solid rgba(255, 255, 255, 0.3);
  }
}

@media screen and (max-width: 1200px) {
  .site-footer__bottom {
    padding-bottom: 64px;
  }
}

@media screen and (max-width: 767px) {
  .site-footer__bottom {
    padding: 32px 0;
  }
}

@media screen and (max-width: 480px) {
  .site-footer__bottom {
    padding: 24px 0;
  }
}

.site-footer__bottom__wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

@media screen and (max-width: 1200px) {
  .site-footer__bottom__wrapper {
    flex-direction: column;
  }
}

@media screen and (max-width: 1200px) {
  .site-footer__bottom-links {
    margin-bottom: 24px;
  }
}

@media screen and (max-width: 768px) {
  .site-footer__bottom-links {
    margin-bottom: 16px;
  }
}

.site-footer__bottom-links ul {
  display: flex;
  align-items: center;
}

@media screen and (max-width: 576px) {
  .site-footer__bottom-links ul {
    flex-direction: column;
  }
}

.site-footer__bottom-links li {
  position: relative;
  padding: 0 32px;
}

@media screen and (min-width: 1921px) {
  .site-footer__bottom-links li {
    padding: 0 1.666666667vw;
  }
}

@media screen and (max-width: 991px) {
  .site-footer__bottom-links li {
    padding: 0 16px;
  }
}

@media screen and (max-width: 576px) {
  .site-footer__bottom-links li {
    padding: 0;
    margin-top: 12px;
  }
}

.site-footer__bottom-links li:first-child {
  padding-left: 0;
}

@media screen and (max-width: 576px) {
  .site-footer__bottom-links li:first-child {
    margin-top: 0;
  }
}

.site-footer__bottom-links li:last-child::before {
  display: none;
}

.site-footer__bottom-links li::before {
  content: '';
  position: absolute;
  right: 0;
  height: 100%;
  width: 1px;
  background-color: rgba(255, 255, 255, 0.3);
}

@media screen and (min-width: 1921px) {
  .site-footer__bottom-links li::before {
    width: 0.05208333333vw;
  }
}

@media screen and (max-width: 576px) {
  .site-footer__bottom-links li::before {
    display: none;
  }
}

/*--------------------------------------------------------------
## Entry Content
--------------------------------------------------------------*/
.entry-content {
  font-size: 20px;
}

@media screen and (max-width: 991px) {
  .entry-content {
    font-size: 16px;
  }
}

@media screen and (min-width: 1921px) {
  .entry-content {
    font-size: 1.041666667vw;
  }
}

.entry-content .aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6 {
  line-height: 1.35;
  margin-bottom: 15px;
  color: #000;
  font-weight: 600;
}

@media screen and (min-width: 1921px) {
  .entry-content h1,
  .entry-content h2,
  .entry-content h3,
  .entry-content h4,
  .entry-content h5,
  .entry-content h6 {
    margin-bottom: 0.78125vw;
  }
}

.entry-content h1 {
  font-size: 800;
}

.entry-content h2 {
  font-size: 24px;
  font-weight: 700;
}

@media screen and (min-width: 1921px) {
  .entry-content h2 {
    font-size: 1.25vw;
  }
}

.entry-content h3 {
  font-size: 18px;
}

@media screen and (min-width: 1921px) {
  .entry-content h3 {
    font-size: 0.9375vw;
  }
}

.entry-content h4 {
  font-size: 14px;
}

@media screen and (min-width: 1921px) {
  .entry-content h4 {
    font-size: 0.7291666667vw;
  }
}

.entry-content h5 {
  font-size: 12px;
}

@media screen and (min-width: 1921px) {
  .entry-content h5 {
    font-size: 0.625vw;
  }
}

.entry-content h6 {
  font-size: 10px;
}

@media screen and (min-width: 1921px) {
  .entry-content h6 {
    font-size: 0.5208333333vw;
  }
}

.entry-content p {
  line-height: 1.7;
  margin-bottom: 16px;
  letter-spacing: 0;
}

@media screen and (max-width: 480px) {
  .entry-content p {
    margin-bottom: 15px;
  }
}

@media screen and (min-width: 1921px) {
  .entry-content p {
    margin-bottom: 0.8333333333vw;
  }
}

.entry-content p strong {
  font-weight: 600;
  color: #000;
}

.entry-content li {
  margin-bottom: 4px;
}

@media screen and (min-width: 1921px) {
  .entry-content li {
    margin-bottom: 0.2083333333vw;
  }
}

.entry-content li:last-child {
  margin-bottom: 0;
}

.entry-content ul,
.entry-content ol {
  margin-bottom: 24px;
}

@media screen and (min-width: 1921px) {
  .entry-content ul,
  .entry-content ol {
    margin-bottom: 1.25vw;
  }
}

.entry-content ul {
  margin-left: 20px;
}

@media screen and (min-width: 1921px) {
  .entry-content ul {
    margin-left: 1.041666667vw;
  }
}

.entry-content ul li::before {
  content: '•';
  display: inline-block;
  margin-right: 10px;
}

@media screen and (min-width: 1921px) {
  .entry-content ul li::before {
    margin-right: 0.5208333333vw;
  }
}

.entry-content ol {
  margin-left: 24px;
}

@media screen and (min-width: 1921px) {
  .entry-content ol {
    margin-left: 1.25vw;
  }
}

.entry-content ol li {
  list-style: decimal;
}

.entry-content a {
  display: inline-block;
  position: relative;
}

.entry-content a::before {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  height: 1px;
  width: 0;
  background: #000;
  transition: 350ms ease;
}

@media screen and (min-width: 1921px) {
  .entry-content a::before {
    height: 0.05208333333vw;
  }
}

.entry-content a:hover::before {
  width: 100%;
}

.entry-content table {
  border-collapse: collapse;
  color: #000;
  margin: 25px 0 35px;
  overflow-x: visible;
  table-layout: fixed;
  width: 100%;
  max-width: 700px;
  display: table;
}

@media screen and (max-width: 767pxpx) {
  .entry-content table {
    display: block;
    overflow-x: scroll;
  }
}

@media screen and (min-width: 1921px) {
  .entry-content table {
    margin: 1.25vw 0 1.822916667vw;
    max-width: 36.45833333vw;
  }
}

.entry-content tbody {
  width: 100%;
}

@media screen and (max-width: 767pxpx) {
  .entry-content tbody {
    width: 700px;
    display: block;
  }
}

.entry-content tr {
  vertical-align: top;
}

.entry-content tr:first-child td {
  padding-top: 0;
}

.entry-content th {
  border-bottom: 2px solid #000;
  font-weight: 400;
  padding-bottom: 8px;
  color: #000;
}

@media screen and (min-width: 1921px) {
  .entry-content th {
    border-bottom: 0.10417vw solid #000;
    padding-bottom: 0.4166666667vw;
  }
}

.entry-content td {
  border-bottom: 1px solid #000;
  padding: 20px 0 5px;
}

@media screen and (min-width: 1921px) {
  .entry-content td {
    border-bottom: 0.05208vw solid #000;
    padding: 1.041666667vw 0 0.2604166667vw;
  }
}

/*--------------------------------------------------------------
## Banners
--------------------------------------------------------------*/
.banner-example {
  height: 100vh;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 0;
  background-attachment: fixed;
  position: relative;
  max-height: 600px;
}

@media screen and (max-width: 640px) {
  .banner-example {
    max-height: 400px;
  }
}

.banner-example-caption {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
}

.banner-example-caption h1,
.banner-example-caption p {
  color: #fff;
}

.banner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  max-height: 843px;
  height: 100vh;
}

@media screen and (max-width: 1440px) {
  .banner {
    max-height: 700px;
  }
}

@media screen and (max-width: 992px) {
  .banner {
    flex-direction: column;
    max-height: calc(100vh - 60px);
  }
}

@media screen and (min-width: 1921px) {
  .banner {
    max-height: 43.90625vw;
  }
}

.banner__caption {
  width: 50%;
  background-color: #17488d;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

@media screen and (max-width: 992px) {
  .banner__caption {
    padding: 96px 0;
    width: 100%;
    height: 50%;
  }
}

@media screen and (max-width: 767px) {
  .banner__caption {
    padding: 48px 0;
  }
}

@media screen and (max-width: 350px) {
  .banner__caption {
    padding: 24px 0;
  }
}

@media screen and (max-width: 340px) {
  .banner__caption {
    height: 60%;
  }
}

.banner__caption-content {
  max-width: 500px;
  padding: 0 15px;
}

@media screen and (max-width: 992px) {
  .banner__caption-content {
    max-width: 100%;
  }
}

@media screen and (min-width: 1921px) {
  .banner__caption-content {
    max-width: 26.04166667vw;
    padding: 0 0.78125vw;
  }
}

.banner__bg-img {
  width: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 0;
  height: 100%;
}

@media screen and (max-width: 992px) {
  .banner__bg-img {
    height: 50%;
    width: 100%;
    background-position: 50% 50%;
  }
}

@media screen and (max-width: 480px) {
  .banner__bg-img {
    max-height: 400px;
  }
}

@media screen and (max-width: 340px) {
  .banner__bg-img {
    height: 40%;
  }
}

.banner__caption-text {
  display: block;
  margin-bottom: 24px;
  color: #fff;
}

@media screen and (max-width: 991px) {
  .banner__caption-text {
    color: #fff;
    font-size: 16px;
    line-height: 1.6;
  }
}

@media screen and (max-width: 530px) {
  .banner__caption-text {
    font-weight: 400;
  }
}

@media screen and (max-width: 480px) {
  .banner__caption-text {
    font-size: 14px;
  }
}

@media screen and (min-width: 1921px) {
  .banner__caption-text {
    margin-bottom: 1.25vw;
  }
}

.banner__btn-wrap a:first-child {
  margin-right: 24px;
}

@media screen and (max-width: 500px) {
  .banner__btn-wrap a:first-child {
    margin-right: 15px;
  }
}

@media screen and (min-width: 1921px) {
  .banner__btn-wrap a:first-child {
    margin-right: 1.25vw;
  }
}

.comments-area {
  max-width: 1360px;
  margin: 0 auto 4rem;
  box-shadow: 0px 30px 60px rgba(2, 80, 124, 0.15);
  padding: 2.5rem;
  border-radius: 1rem;
}

@media screen and (min-width: 1921px) {
  .comments-area {
    max-width: calc(70.83333333vw - 190px);
    margin: 0 auto 4rem;
  }
}

@media screen and (max-width: 1024px) {
  .comments-area {
    margin: 0 15px 4rem;
  }
}

.comments-area__title {
  font-weight: 700;
  font-size: 48px;
  margin-bottom: 1em;
}

.comments-area__btn {
  width: 100%;
}

.comments-area__btn a {
  display: block !important;
  color: #fff;
}

.comments-area__no-comment {
  margin-bottom: 2.5rem;
}

.comments-area .comment-list {
  margin-bottom: 2rem;
  display: flex;
  flex-direction: column;
  grid-gap: 2rem;
}

.comments-area .comment.depth-1 {
  border: 1px solid #999;
  border-radius: 8px;
  padding: 2.5rem;
  display: flex;
  flex-direction: column;
}

.comments-area .comment.depth-1 > .comment-body {
  order: 1;
}

.comments-area .comment.depth-1 > .children {
  order: 2;
}

.comments-area .comment.depth-1 #respond {
  order: 3;
}

.comments-area .comment.depth-1.parent > .comment-body .cld-like-dislike-wrap {
  position: absolute;
  left: 0;
  bottom: calc(2rem + 10px);
  margin-bottom: 0;
}

.comments-area .comment.depth-1:not(.parent) > .comment-body .cld-like-dislike-wrap {
  position: absolute;
  left: 0;
  bottom: 1rem;
  margin-bottom: 0;
}

.comments-area .comment.parent > article {
  padding-bottom: 2rem;
  margin-bottom: 2rem;
  border-bottom: 1px solid #999;
}

.comments-area .comment-body {
  position: relative;
}

.comments-area .comment-meta {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  grid-gap: 1rem 2rem;
  margin-bottom: 2rem;
}

.comments-area .comment-meta .comment-author {
  margin-right: auto;
}

.comments-area .submit,
.comments-area .comment-reply-link {
  background-color: transparent;
  display: block;
  width: fit-content;
  font-weight: 700;
  padding: .8rem 2rem;
  border: 1px solid #999;
  border-radius: 8px;
  transition: background-color 350ms ease;
  margin: 0 0 0 auto;
  font-size: 18px;
  color: #484848;
}

@media only screen and (min-width: 768px) {
  .comments-area .submit:hover,
  .comments-area .comment-reply-link:hover {
    background-color: #88c147;
    color: #fff;
    border-color: #88c147;
  }
}

.comments-area .comment-reply-link::before {
  content: url("./assets/images/reply-green.png");
  margin-right: 12px;
  transition: 350ms ease;
}

@media only screen and (min-width: 768px) {
  .comments-area .comment-reply-link:hover::before {
    content: url("./assets/images/reply-white.png");
  }
}

.comments-area .avatar,
.comments-area .says {
  display: none;
}

.comments-area .children .comment-author {
  text-transform: uppercase;
  color: #88c147;
}

.comments-area .children .comment-author::before {
  content: '';
  display: inline-block;
  width: 16px;
  height: 14px;
  background-image: url("./assets/images/reply-gray.png");
  margin-right: 1.2rem;
  opacity: .3;
}

.comments-area .children .comment:not(:last-of-type) {
  margin-bottom: 2rem;
  padding-bottom: 2rem;
  border-bottom: 1px solid #999;
}

.comments-area .children .comment-content {
  margin-left: 2.31rem;
}

.comments-area .children .cld-like-dislike-wrap {
  display: block;
  margin-top: 1.5rem;
}

.comments-area #respond {
  margin-top: 2rem;
  padding-top: 2rem;
  border-top: 1px solid #999;
}

#respond .comment-reply-title,
#respond .logged-in-as,
#respond .comment-form-comment label,
#respond .comment-form-author label,
#respond .comment-form-email label,
#respond .comment-form-url label {
  display: none;
}

#respond input:not(input[type='checkbox']):not(input[type='submit']), #respond textarea {
  background: none;
  outline: none;
  border: 1px solid #999;
  border-radius: 8px;
  padding: 1.5rem 3rem 1.5rem 1.5rem;
  height: 77px;
  min-height: 77px;
  width: 100%;
}

#respond .comment-form {
  display: flex;
  grid-gap: 2rem;
  flex-wrap: wrap;
}

#respond .comment-form .comment-notes {
  width: 100%;
  order: 1;
}

#respond .comment-form .comment-form-author {
  order: 2;
}

#respond .comment-form .comment-form-email {
  order: 3;
}

#respond .comment-form .comment-form-comment {
  order: 4;
}

#respond .comment-form .comment-form-cookies-consent {
  order: 5;
}

#respond .comment-form .comment-form-url,
#respond .comment-form .comment-form-comment {
  width: 100%;
}

#respond .comment-form .comment-form-author,
#respond .comment-form .comment-form-email {
  width: calc(50% - 1rem);
}

@media screen and (max-width: 680px) {
  #respond .comment-form .comment-form-author,
  #respond .comment-form .comment-form-email {
    width: 100%;
  }
}

#respond p {
  margin-bottom: 0;
}

#respond .form-submit {
  width: 100%;
  order: 6;
}

#respond .form-submit input {
  width: 100%;
}

.comments-modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.4);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 30;
}

@media screen and (max-width: 680px) {
  .comments-modal {
    align-items: flex-start;
    overflow-y: auto;
  }
}

.comments-modal.hidden {
  display: none;
}

.comments-modal__container {
  background-color: #fff;
  border-radius: 8px;
  width: 100%;
  max-width: 1362px;
  padding: 7.5rem clamp(2rem, 5vw, 7.5vw);
}

.comments-modal__wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 3rem;
  margin-bottom: 2rem;
  border-bottom: 1px solid #999;
}

.comments-modal__title {
  font-size: 3rem;
  font-weight: 700;
}

.comments-modal__close {
  background: none;
  border: none;
  outline: none;
}

.comments-modal__close svg {
  vertical-align: middle;
}

.comments-modal #comment {
  height: 300px;
}

.comments-hr {
  background-color: #999;
  max-width: 1360px;
  margin: 0 auto 2rem;
  padding: 0 2.5rem;
}

@media screen and (min-width: 1921px) {
  .comments-hr {
    max-width: calc(70.83333333vw - 190px);
    margin: 0 auto 4rem;
  }
}

@media screen and (max-width: 1024px) {
  .comments-hr {
    margin: 0 15px 4rem;
  }
}

.home-slider {
  position: relative;
  padding: 128px 0;
  z-index: 9;
}

@media screen and (min-width: 1921px) {
  .home-slider {
    padding: 6.666666667vw 0;
  }
}

@media screen and (max-width: 1441px) {
  .home-slider {
    padding: 96px 0;
  }
}

@media screen and (max-width: 991px) {
  .home-slider {
    padding: 64px 0;
  }
}

@media screen and (max-width: 640px) {
  .home-slider {
    padding: 48px 0;
  }
}

.home-slider .swiper-container {
  width: 100%;
}

.home-slider .swiper-slide {
  height: auto;
}

.home-slider .swiper-slide__wrap {
  display: flex;
  max-width: 100%;
  width: 100%;
  margin: 0 auto;
  height: 100%;
}

@media screen and (max-width: 992px) {
  .home-slider .swiper-slide__wrap {
    flex-direction: column;
  }
}

.home-slider .swiper-slide__left-box {
  max-width: 770px;
  width: 100%;
  margin-left: 225px;
  padding: 0 15px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  height: 100%;
}

@media screen and (max-width: 1441px) {
  .home-slider .swiper-slide__left-box {
    margin: 0 auto;
    max-width: 50%;
  }
}

@media screen and (max-width: 992px) {
  .home-slider .swiper-slide__left-box {
    max-width: 100%;
  }
}

@media screen and (max-width: 992px) {
  .home-slider .swiper-slide__left-box {
    padding: 0;
  }
}

@media screen and (min-width: 1921px) {
  .home-slider .swiper-slide__left-box {
    max-width: 40.10416667vw;
    margin-left: 11.71875vw;
    padding: 0 0.78125vw;
  }
}

.home-slider .swiper-slide__right-box {
  position: relative;
  max-width: 770px;
  width: 100%;
  height: auto;
  margin-left: auto;
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  z-index: 3;
}

@media screen and (max-width: 1800px) {
  .home-slider .swiper-slide__right-box {
    max-width: 40%;
  }
}

@media screen and (max-width: 1440px) {
  .home-slider .swiper-slide__right-box {
    max-width: 50%;
  }
}

@media screen and (max-width: 992px) {
  .home-slider .swiper-slide__right-box {
    max-width: 100%;
  }
}

@media screen and (max-width: 768px) {
  .home-slider .swiper-slide__right-box {
    display: none;
  }
}

@media screen and (min-width: 1921px) {
  .home-slider .swiper-slide__right-box {
    max-width: 40.10416667vw;
  }
}

.home-slider .swiper-slide__right-box::before {
  content: '';
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 80%;
  background-color: #17488d;
  z-index: -1;
  border-radius: 10px 0 0 10px;
}

@media screen and (min-width: 1921px) {
  .home-slider .swiper-slide__right-box::before {
    border-radius: 0.5208333333vw 0 0 0.5208333333vw;
  }
}

.home-slider .swiper-slide__right-box img {
  height: 33.708333vw;
  width: auto;
}

@media screen and (min-width: 1921px) {
  .home-slider .swiper-slide__right-box img {
    height: 32.70833333vw;
  }
}

@media screen and (max-width: 992px) {
  .home-slider .swiper-slide__right-box img {
    height: 400px;
  }
}

@media screen and (max-width: 576px) {
  .home-slider .swiper-slide__right-box img {
    height: auto;
  }
}

.home-slider .swiper-slide__title {
  color: #17488d;
  font-size: 36px;
  font-weight: 600;
  line-height: 1.4;
  letter-spacing: 1px;
  margin-bottom: 48px;
}

@media screen and (max-width: 1600px) {
  .home-slider .swiper-slide__title {
    font-size: 28px;
  }
}

@media screen and (max-width: 992px) {
  .home-slider .swiper-slide__title {
    padding: 0 15px;
    font-size: 22px;
  }
}

@media screen and (max-width: 768px) {
  .home-slider .swiper-slide__title {
    font-size: 20px;
    text-align: center;
    margin-bottom: 32px;
  }
}

@media screen and (max-width: 375px) {
  .home-slider .swiper-slide__title {
    font-size: 17px;
  }
}

@media screen and (min-width: 1921px) {
  .home-slider .swiper-slide__title {
    font-size: 1.875vw;
    letter-spacing: 0.05208333333vw;
    margin-bottom: 2.5vw;
  }
}

.home-slider .swiper-slide__content {
  display: flex;
}

@media screen and (max-width: 992px) {
  .home-slider .swiper-slide__content {
    padding: 0 15px;
  }
}

@media screen and (max-width: 768px) {
  .home-slider .swiper-slide__content {
    flex-direction: column-reverse;
    align-items: center;
  }
}

.home-slider .swiper-slide__content-info {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
}

.home-slider .swiper-slide__content-text {
  display: block;
  color: #17488d;
  font-size: 24px;
  line-height: 1.4;
  max-width: 255px;
  width: 100%;
  margin-bottom: 64px;
}

@media screen and (max-width: 1600px) {
  .home-slider .swiper-slide__content-text {
    font-size: 18px;
  }
}

@media screen and (max-width: 991px) {
  .home-slider .swiper-slide__content-text {
    font-size: 16px;
    margin-bottom: 48px;
  }
}

@media screen and (max-width: 768px) {
  .home-slider .swiper-slide__content-text {
    max-width: 100%;
    margin-bottom: 32px;
  }
}

@media screen and (min-width: 1921px) {
  .home-slider .swiper-slide__content-text {
    font-size: 1.25vw;
    max-width: 13.28125vw;
    margin-bottom: 3.333333333vw;
  }
}

@media screen and (max-width: 768px) {
  .home-slider .swiper-slide__content-btn {
    align-self: flex-end;
  }
}

.home-slider .swiper-slide__content-image {
  max-width: 420px;
  width: 100%;
  margin-left: auto;
}

@media screen and (max-width: 1600px) {
  .home-slider .swiper-slide__content-image {
    max-width: 350px;
  }
}

@media screen and (max-width: 1350px) {
  .home-slider .swiper-slide__content-image {
    max-width: 500px;
  }
}

@media screen and (max-width: 991px) {
  .home-slider .swiper-slide__content-image {
    max-width: 450px;
  }
}

@media screen and (max-width: 850px) {
  .home-slider .swiper-slide__content-image {
    max-width: 400px;
  }
}

@media screen and (max-width: 768px) {
  .home-slider .swiper-slide__content-image {
    max-width: 80%;
    margin-left: 0;
    margin-bottom: 20px;
  }
}

@media screen and (min-width: 1921px) {
  .home-slider .swiper-slide__content-image {
    max-width: 21.875vw;
  }
}

.home-slider .swiper-slide__content-image img {
  width: 420px;
  height: auto;
  margin: 0 auto;
}

@media screen and (max-width: 480px) {
  .home-slider .swiper-slide__content-image img {
    width: 100%;
  }
}

.home-slider .home-slider__slider-next,
.home-slider .home-slider__slider-prev {
  max-width: 30px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  outline: none;
  z-index: 10;
}

.home-slider .home-slider__slider-next svg path,
.home-slider .home-slider__slider-prev svg path {
  stroke: #88c147;
  transition: stroke 350ms ease;
}

@media only screen and (min-width: 768px) {
  .home-slider .home-slider__slider-next:hover svg path,
  .home-slider .home-slider__slider-prev:hover svg path {
    stroke: #17488d;
  }
}

.home-slider .home-slider__slider-next {
  right: 3%;
}

@media screen and (max-width: 1441px) {
  .home-slider .home-slider__slider-next {
    right: 15px;
    height: 35px;
  }
}

.home-slider .home-slider__slider-prev {
  left: 3%;
}

@media screen and (max-width: 1441px) {
  .home-slider .home-slider__slider-prev {
    right: 64px;
    height: 35px;
  }
}

.home-slider .swiper-pagination {
  position: absolute;
  bottom: 33px;
  left: 225px;
  z-index: 9;
  display: flex;
  align-items: center;
}

@media screen and (max-width: 1441px) {
  .home-slider .swiper-pagination {
    left: 15px;
    height: 35px;
    bottom: 24px;
  }
}

@media screen and (max-width: 768px) {
  .home-slider .swiper-pagination {
    bottom: 10px;
  }
}

@media screen and (min-width: 1921px) {
  .home-slider .swiper-pagination {
    bottom: 1.71875vw;
    left: 11.71875vw;
  }
}

.home-slider .swiper-pagination-bullet {
  margin: 0 4px;
}

.icons-block {
  padding: 80px 0;
  background-color: #f3f1f2;
}

@media screen and (min-width: 1921px) {
  .icons-block {
    padding: 4.166666667vw 0;
  }
}

@media screen and (max-width: 991px) {
  .icons-block {
    padding: 64px 0;
  }
}

@media screen and (max-width: 640px) {
  .icons-block {
    padding: 48px 0;
  }
}

.icons-block__title {
  margin: 0 auto 80px;
}

@media screen and (min-width: 1921px) {
  .icons-block__title {
    margin: 0 auto 4.166666667vw;
  }
}

@media screen and (max-width: 991px) {
  .icons-block__title {
    margin: 0 auto 48px;
  }
}

@media screen and (max-width: 640px) {
  .icons-block__title {
    margin: 0 auto 32px;
  }
}

.icons-block__icons {
  display: grid;
  align-items: center;
  grid-template-columns: repeat(6, 1fr);
  grid-gap: 24px;
}

@media screen and (min-width: 1921px) {
  .icons-block__icons {
    grid-gap: 1.25vw;
  }
}

@media screen and (max-width: 1280px) {
  .icons-block__icons {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media screen and (max-width: 767px) {
  .icons-block__icons {
    grid-template-columns: 1fr 1fr;
  }
}

.icons-block__icons img {
  height: 107px;
  width: 107px;
}

@media screen and (min-width: 1921px) {
  .icons-block__icons img {
    height: 5.572916667vw;
    width: 5.572916667vw;
  }
}

.icons-block__icon {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.icons-block__icon:hover .icons-block__title-small {
  color: #88c147;
}

.icons-block__title-small {
  display: inline-block;
  font-size: 24px;
  font-weight: 500;
  line-height: 1.4;
  color: #17488d;
  margin-top: 40px;
  transition: 350ms ease;
}

@media screen and (max-width: 480px) {
  .icons-block__title-small {
    font-size: 16px;
    margin-top: 24px;
  }
}

@media screen and (min-width: 1921px) {
  .icons-block__title-small {
    font-size: 1.25vw;
    margin-top: 2.083333333vw;
  }
}

.promo-tiles {
  position: relative;
  padding: 96px 0;
  background-color: #17488d;
}

@media screen and (min-width: 1921px) {
  .promo-tiles {
    padding: 5vw 0;
  }
}

@media screen and (max-width: 991px) {
  .promo-tiles {
    padding: 64px 0;
  }
}

@media screen and (max-width: 640px) {
  .promo-tiles {
    padding: 48px 0;
  }
}

.promo-tiles .post-collection__item {
  height: auto;
}

.promo-tiles__title {
  color: #fff;
  margin-bottom: 64px;
}

@media screen and (min-width: 1921px) {
  .promo-tiles__title {
    margin-bottom: 3.333333333vw;
  }
}

@media screen and (max-width: 991px) {
  .promo-tiles__title {
    margin-bottom: 48px;
  }
}

@media screen and (max-width: 640px) {
  .promo-tiles__title {
    margin-bottom: 32px;
  }
}

.promo-tiles__content-wrap {
  display: flex;
  align-items: center;
}

.promo-tiles__slider-prev,
.promo-tiles__slider-next {
  outline: none;
}

@media screen and (max-width: 992px) {
  .promo-tiles__slider-prev,
  .promo-tiles__slider-next {
    position: absolute;
    bottom: 110px;
    right: 24px;
  }
}

@media screen and (max-width: 1200px) {
  .promo-tiles__slider-prev,
  .promo-tiles__slider-next {
    display: none;
  }
}

.promo-tiles__slider-prev svg path,
.promo-tiles__slider-next svg path {
  transition: stroke 350ms ease;
}

@media only screen and (min-width: 768px) {
  .promo-tiles__slider-prev:hover svg path,
  .promo-tiles__slider-next:hover svg path {
    stroke: #88c147;
  }
}

.promo-tiles__slider-prev {
  margin-right: 32px;
}

@media screen and (min-width: 1921px) {
  .promo-tiles__slider-prev {
    margin-right: 1.666666667vw;
  }
}

.promo-tiles__slider-next {
  margin-left: 32px;
}

@media screen and (min-width: 1921px) {
  .promo-tiles__slider-next {
    margin-left: 1.666666667vw;
  }
}

.promo-tiles__btn-wrap {
  margin-top: 32px;
}

@media screen and (min-width: 1921px) {
  .promo-tiles__btn-wrap {
    margin-top: 1.666666667vw;
  }
}

.custom-popup {
  position: fixed;
  bottom: 240px;
  right: 80px;
  max-width: 680px;
  width: 100%;
  margin: 0 auto;
  border-radius: 10px;
  padding: 50px;
  background-color: #17488d;
  opacity: 0;
  pointer-events: none;
  z-index: 200;
  transition: 350ms ease;
}

@media screen and (max-width: 1800px) {
  .custom-popup {
    bottom: 185px;
  }
}

@media screen and (max-width: 991px) {
  .custom-popup {
    right: 75px;
  }
}

@media screen and (max-width: 768px) {
  .custom-popup {
    max-width: 96%;
    right: 2%;
    left: 2%;
  }
}

@media screen and (max-width: 480px) {
  .custom-popup {
    padding: 15px;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
    max-width: 100%;
    border-radius: 0;
    height: 100vh;
    overflow-y: scroll;
  }
  .custom-popup p {
    margin-bottom: 15px;
  }
}

@media screen and (max-width: 340px) {
  .custom-popup {
    padding: 35px 15px 15px;
  }
}

.custom-popup::after {
  content: '';
  position: absolute;
  bottom: -19px;
  right: 20px;
  width: 0;
  height: 0;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-top: 20px solid #17488d;
}

@media screen and (max-width: 550px) {
  .custom-popup::after {
    right: 24px;
  }
}

.custom-popup.show {
  opacity: 1;
  pointer-events: all;
}

.custom-popup-wrap {
  position: relative;
}

.custom-popup-wrap .contact-form__text {
  font-size: 14px;
}

.custom-popup-close {
  position: absolute;
  top: 0;
  right: 0;
  color: #fff;
  cursor: pointer;
  transition: 350ms ease;
}

@media screen and (max-width: 350px) {
  .custom-popup-close {
    top: -18px;
  }
}

.custom-popup-close:hover {
  color: #88c147;
}

.contact-form__btn {
  display: flex;
  align-items: center;
  justify-content: center;
  position: fixed;
  z-index: 9;
  bottom: 150px;
  right: 80px;
  background-color: #fff;
  height: 70px;
  width: 70px;
  border-radius: 50%;
  border: 2px solid #17488d;
}

@media screen and (max-width: 1800px) {
  .contact-form__btn {
    bottom: 95px;
  }
}

@media screen and (max-width: 768px) {
  .contact-form__btn {
    right: 20px;
  }
}

@media screen and (max-width: 340px) {
  .contact-form__btn {
    bottom: 30px;
  }
}

.contact-form__btn .icon-form-mark {
  position: absolute;
  animation: cycleIcons1 10s ease 0s infinite normal both running;
}

.contact-form__btn .icon-write__hand {
  position: absolute;
  animation: cycleIcons2 6s ease 0s infinite normal both running;
  width: 35px;
}

.contact-form__btn .icon-write__hand path {
  fill: #17488d;
}

.contact-form__btn .parlor-hand-wave {
  position: absolute;
  overflow: visible;
  animation: parlor-button-wave-scale-animation 10s ease 0s infinite normal
 both running;
}

.contact-form__btn .parlor-hand-wave path {
  fill: #17488d;
}

.contact-form__btn #parlor-hand-wave {
  animation: parlor-button-wave-animation 5s infinite;
  transform-origin: 100% 100%;
}

.contact-form__btn #parlor-hand-wiggles {
  animation: parlor-button-wiggles-scale-animation 5s infinite;
  transform-origin: 50% 50%;
}

@media screen and (max-width: 480px) {
  .contact-form__box {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
}

.contact-form__box input {
  width: 100%;
  border-radius: 10px;
  height: 48px;
  border: none;
  padding-left: 20px;
}

@media screen and (max-width: 480px) {
  .contact-form__box input {
    height: 38px;
    font-size: 16px;
  }
}

.contact-form__title {
  display: block;
  font-size: 36px;
  color: #fff;
  line-height: 1.4;
  margin-bottom: 5px;
  font-weight: 600;
}

@media screen and (max-width: 991px) {
  .contact-form__title {
    font-size: 32px;
  }
}

@media screen and (max-width: 700px) {
  .contact-form__title {
    font-size: 28px;
  }
}

@media screen and (max-width: 640px) {
  .contact-form__title {
    font-size: 24px;
  }
}

.contact-form__text {
  display: block;
  font-size: 20px;
  color: #e9e9e9;
  line-height: 1.4;
  margin-bottom: 16px;
  font-weight: 400;
}

@media screen and (max-width: 640px) {
  .contact-form__text {
    font-size: 18px;
  }
}

.contact-form__item {
  max-width: 48%;
  width: 100%;
  border-radius: 10px;
  margin-bottom: 20px;
}

.contact-form__item:last-of-type {
  margin-bottom: 0;
}

@media screen and (max-width: 550px) {
  .contact-form__item {
    max-width: 100%;
  }
}

.contact-form__content {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.contact-form__content .wpcf7-not-valid-tip {
  font-size: 12px;
}

.contact-form__textarea {
  padding: 20px;
  border: none;
  border-radius: 10px;
}

.contact-form__textarea,
.contact-form__message {
  max-width: 100%;
  width: 100%;
  resize: none;
  height: 200px;
}

@media screen and (max-width: 480px) {
  .contact-form__textarea,
  .contact-form__message {
    font-size: 16px;
  }
}

.contact-form__bottom-box {
  display: flex;
  align-items: flex-start;
  margin-top: 24px;
}

@media screen and (max-width: 600px) {
  .contact-form__bottom-box {
    flex-direction: column;
  }
}

@media screen and (max-width: 480px) {
  .contact-form__bottom-box {
    flex-direction: column;
    align-items: flex-start;
  }
  .contact-form__bottom-box span.wpcf7-list-item {
    margin: 0;
  }
}

.contact-form__bottom-box input {
  height: initial;
  width: initial;
  margin-right: 10px;
}

.contact-form__bottom-box span {
  color: #fff;
  font-size: 12px;
}

.contact-form__bottom-box span label {
  display: flex;
}

.contact-form__bottom-box .btn-container {
  margin-right: auto;
}

.contact-form__bottom-box .btn-container .btn, .contact-form__bottom-box .btn-container .comments-modal .submit, .comments-modal .contact-form__bottom-box .btn-container .submit {
  padding: 10px 20px;
  font-size: 16px;
  border: 1px solid transparent;
}

.contact-form__bottom-box .btn-container .btn:hover, .contact-form__bottom-box .btn-container .comments-modal .submit:hover, .comments-modal .contact-form__bottom-box .btn-container .submit:hover {
  color: #88c147;
  background-color: transparent;
  border: 1px solid #88c147;
}

.contact-form__recaptcha {
  margin-right: 15px;
  z-index: 10;
}

@media screen and (max-width: 600px) {
  .contact-form__recaptcha {
    margin-right: 0;
  }
}

.contact-form__buttons {
  max-width: 235px;
  width: 100%;
  margin-left: auto;
}

@media screen and (max-width: 600px) {
  .contact-form__buttons {
    margin-left: 0;
    margin-top: 15px;
  }
}

.contact-form__buttons .wpcf7-list-item {
  margin-left: 0;
}

.contact-form__acceptance {
  margin-bottom: 10px;
}

.wpcf7 form.sent .wpcf7-response-output {
  border: none;
  background-color: #88c147;
  color: #fff;
  text-align: center;
  border-radius: 10px;
}

.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.spam .wpcf7-response-output {
  border: none;
  background-color: #f00;
  color: #fff;
  text-align: center;
  border-radius: 10px;
}

.banner-basic {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 0;
  position: relative;
  max-height: 500px;
  height: 100vh;
  display: flex;
  align-items: center;
  overflow: hidden;
}

@media screen and (max-width: 767px) {
  .banner-basic {
    max-height: 400px;
  }
}

@media screen and (max-width: 640px) {
  .banner-basic {
    max-height: 350px;
  }
}

@media screen and (min-width: 1921px) {
  .banner-basic {
    max-height: 26.04166667vw;
  }
}

.banner-basic::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), linear-gradient(90deg, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 50%);
  z-index: 3;
}

.banner-basic__caption {
  position: relative;
  z-index: 1;
}

.banner-basic__caption-title {
  margin-bottom: 0;
}

.fill-block {
  display: flex;
  flex-direction: column;
  padding: 105px 0 80px;
  max-width: 1500px;
  width: 100%;
  margin: 0 auto;
}

@media screen and (max-width: 991px) {
  .fill-block {
    padding: 70px 0;
  }
}

@media screen and (max-width: 480px) {
  .fill-block {
    padding: 50px 0;
  }
}

.fill-block .entry-content {
  padding: 0 15px;
}

.fill-block .entry-content strong {
  font-weight: 600;
}

.fill-block .entry-content img {
  display: inline-block;
  margin-bottom: 24px;
}

@media screen and (max-width: 560px) {
  .fill-block .entry-content img {
    display: block;
    margin: 0 auto 24px;
  }
}

@media screen and (max-width: 480px) {
  .fill-block .entry-content img {
    margin: 0 auto 16px;
  }
}

.fill-block .entry-content .fill-block__br {
  display: inline-block;
  max-width: 320px;
  width: 100%;
}

@media screen and (max-width: 560px) {
  .fill-block .entry-content .fill-block__br {
    max-width: 100%;
    text-align: center;
  }
}

.fill-block__double-column {
  column-count: 2;
}

@media screen and (max-width: 768px) {
  .fill-block__double-column {
    column-count: 1;
  }
}

.wysiwyg-logo-text-box {
  display: flex;
}

@media screen and (max-width: 480px) {
  .wysiwyg-logo-text-box {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }
}

.wysiwyg-logo-text {
  display: flex;
  flex-direction: column;
  margin-right: 65px;
}

@media screen and (max-width: 480px) {
  .wysiwyg-logo-text {
    margin-right: 0;
  }
}

.wysiwyg-logo-text:last-child {
  margin-right: 0;
}

.fill-block-full {
  position: relative;
  background-color: #17488d;
  padding: 96px 0;
}

@media screen and (max-width: 991px) {
  .fill-block-full {
    padding: 64px 0;
  }
}

@media screen and (max-width: 768px) {
  .fill-block-full {
    padding: 48px 0;
  }
}

@media screen and (min-width: 1921px) {
  .fill-block-full {
    padding: 3.333333333vw 0;
  }
}

.fill-block-full .entry-content {
  color: #fff;
}

.fill-block-full .entry-content p {
  font-size: 20px;
}

@media screen and (min-width: 1921px) {
  .fill-block-full .entry-content p {
    font-size: 1.041666667vw;
  }
}

.fill-block-full .entry-content p:last-of-type {
  margin-bottom: 0;
}

@media screen and (max-width: 991px) {
  .fill-block-full .entry-content p {
    font-size: 18px;
  }
}

@media screen and (max-width: 767px) {
  .fill-block-full .entry-content p {
    font-size: 16px;
  }
}

.fill-block-full .entry-content strong {
  color: #fff;
  font-weight: 600;
}

.fill-block-full .entry-content a {
  color: #88c147;
}

.fill-block-full .entry-content a::before {
  background-color: #88c147;
}

.fill-block-full.fill-block-full__two-columns .entry-content {
  column-count: 2;
}

@media screen and (max-width: 767px) {
  .fill-block-full.fill-block-full__two-columns .entry-content {
    column-count: 1;
  }
}

.fill-block-full__title {
  color: #fff;
  margin-bottom: 16px;
}

@media screen and (min-width: 1921px) {
  .fill-block-full__title {
    margin-bottom: 0.8333333333vw;
  }
}

.fill-block-full__btn-wrap {
  margin-top: 24px;
}

@media screen and (min-width: 1921px) {
  .fill-block-full__btn-wrap {
    margin-top: 1.25vw;
  }
}

.fill-block-full-about .fill-block-full__wrapper {
  display: flex;
  align-items: center;
}

@media screen and (max-width: 1024px) {
  .fill-block-full-about .fill-block-full__wrapper {
    flex-direction: column;
    align-items: flex-start;
  }
}

.fill-block-full-about .fill-block-full__title {
  max-width: 425px;
  width: 100%;
  margin-right: 24px;
}

@media screen and (max-width: 1024px) {
  .fill-block-full-about .fill-block-full__title {
    max-width: 100%;
    margin-right: 0;
    margin-bottom: 24px;
  }
}

@media screen and (min-width: 1921px) {
  .fill-block-full-about .fill-block-full__title {
    max-width: 22.13541667vw;
    margin-right: 1.25vw;
  }
}

.products {
  padding: 100px 0 0;
  overflow-x: hidden;
}

@media screen and (max-width: 480px) {
  .products {
    padding: 60px 0 0;
  }
}

@media screen and (min-width: 1921px) {
  .products {
    padding: 5.208333333vw 0 0;
  }
}

.products .entry-content {
  margin-bottom: 32px;
}

@media screen and (min-width: 1921px) {
  .products .entry-content {
    margin-bottom: 1.666666667vw;
  }
}

.products__wrapper {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}

.products__item {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  max-width: 50%;
  width: 100%;
  margin-bottom: 90px;
  padding: 20px 15px;
}

@media screen and (max-width: 768px) {
  .products__item {
    max-width: 100%;
  }
}

@media screen and (min-width: 1921px) {
  .products__item {
    margin-bottom: 4.6875vw;
    padding: 1.041666667vw 0.78125vw;
  }
}

.products__item.products__item--left .products__item-content {
  margin-left: 50px;
}

@media screen and (max-width: 1600px) {
  .products__item.products__item--left .products__item-content {
    margin-left: 0;
  }
}

@media screen and (min-width: 1921px) {
  .products__item.products__item--left .products__item-content {
    margin-left: 2.604166667vw;
  }
}

.products__item.products__item--right .products__item-content {
  margin-right: 50px;
}

@media screen and (max-width: 1600px) {
  .products__item.products__item--right .products__item-content {
    margin-right: 0;
  }
}

@media screen and (min-width: 1921px) {
  .products__item.products__item--right .products__item-content {
    margin-right: 2.604166667vw;
  }
}

.products__item.no-post-thumbnail .products__item-content {
  flex: 1 1 auto;
  display: block;
}

.products__item.no-post-thumbnail .products__box {
  top: 0;
  height: 100%;
}

@media screen and (max-width: 1650px) {
  .products__item.no-post-thumbnail .products__box--left {
    width: 60%;
  }
}

@media screen and (max-width: 768px) {
  .products__item.no-post-thumbnail .products__box--left {
    left: -10px;
    width: 90%;
  }
}

@media screen and (max-width: 1650px) {
  .products__item.no-post-thumbnail .products__box--right {
    width: 60%;
  }
}

@media screen and (max-width: 768px) {
  .products__item.no-post-thumbnail .products__box--right {
    left: -10px;
    width: 90%;
  }
}

.products__item.no-post-thumbnail.products__item--left {
  text-align: right;
}

@media screen and (max-width: 768px) {
  .products__item.no-post-thumbnail.products__item--left {
    text-align: initial;
  }
  .products__item.no-post-thumbnail.products__item--left .products__item-categories {
    justify-content: flex-start !important;
  }
}

.products__item.no-post-thumbnail.products__item--left .products__item-categories {
  justify-content: flex-end;
}

.products__item.no-post-thumbnail.products__item--right {
  text-align: left;
}

.products__item.no-post-thumbnail.products__item--right .products__item-categories {
  justify-content: flex-start;
}

.products__item.no-post-thumbnail .products__item-text {
  margin-bottom: 0;
}

.products__item-img {
  margin-bottom: 24px;
}

@media screen and (min-width: 1921px) {
  .products__item-img {
    margin-bottom: 1.25vw;
  }
}

@media screen and (min-width: 1921px) {
  .products__item-img img {
    width: 17.70833333vw;
    height: auto;
  }
}

.products__item-content {
  max-width: 570px;
  width: 100%;
  flex: 1 1 317px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

@media screen and (max-width: 768px) {
  .products__item-content {
    flex: 1 1 auto;
  }
}

@media screen and (min-width: 1921px) {
  .products__item-content {
    max-width: 29.6875vw;
    flex: 1 1 16.51041667vw;
  }
}

.products__item-content .btn, .products__item-content .comments-modal .submit, .comments-modal .products__item-content .submit {
  margin-top: auto;
}

.products__item-title {
  font-size: 36px;
  font-weight: 600;
  color: #17488d;
  margin-bottom: 20px;
}

@media screen and (max-width: 991px) {
  .products__item-title {
    font-size: 30px;
  }
}

@media screen and (max-width: 480px) {
  .products__item-title {
    font-size: 26px;
    margin-bottom: 15px;
  }
}

@media screen and (min-width: 1921px) {
  .products__item-title {
    font-size: 1.875vw;
    margin-bottom: 1.041666667vw;
  }
}

.products__item-categories {
  display: flex;
  flex-wrap: wrap;
}

.products__item-subtitle {
  display: block;
  font-size: 18px;
  font-weight: 600;
  color: #88c147;
  margin-bottom: 10px;
  margin-right: 10px;
  transition: 350ms ease;
}

@media screen and (min-width: 1921px) {
  .products__item-subtitle {
    font-size: 0.9375vw;
    margin-bottom: 0.5208333333vw;
    margin-right: 0.5208333333vw;
  }
}

.products__item-subtitle::after {
  content: ',';
}

.products__item-subtitle:last-child {
  margin-right: 0;
}

.products__item-subtitle:last-child::after {
  content: '';
}

.products__item-subtitle:hover {
  color: #17488d;
}

.products__item-text {
  margin-bottom: 24px;
  line-height: 1.6;
}

@media screen and (max-width: 991px) {
  .products__item-text {
    font-size: 16px;
    margin-bottom: 18px;
  }
}

@media screen and (min-width: 1921px) {
  .products__item-text {
    margin-bottom: 1.25vw;
  }
}

.products__box {
  position: absolute;
  top: 0;
  border: 2px solid #e9e9e9;
  border-radius: 10px;
  height: 255px;
  z-index: -1;
}

@media screen and (min-width: 1921px) {
  .products__box {
    border: 0.10417vw solid #e9e9e9;
    border-radius: 0.5208333333vw;
    height: 13.28125vw;
  }
}

.products__box--left {
  width: 90%;
  left: -10px;
}

@media screen and (min-width: 1921px) {
  .products__box--left {
    left: -0.5208333333vw;
  }
}

.products__box--right {
  width: 90%;
  right: -10px;
}

@media screen and (min-width: 1921px) {
  .products__box--right {
    right: -0.5208333333vw;
  }
}

.post-collection {
  padding: 140px 0 80px;
}

@media screen and (max-width: 991px) {
  .post-collection {
    padding: 96px 0 60px;
  }
}

@media screen and (max-width: 769px) {
  .post-collection {
    padding: 64px 0;
  }
}

@media screen and (max-width: 480px) {
  .post-collection {
    padding: 48px 0;
  }
}

@media screen and (min-width: 1921px) {
  .post-collection {
    padding: 7.291666667vw 0 4.166666667vw;
  }
}

.post-collection__items {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 60px;
}

@media screen and (min-width: 1921px) {
  .post-collection__items {
    grid-gap: 3.125vw;
  }
}

@media screen and (max-width: 1441px) {
  .post-collection__items {
    grid-gap: 24px;
  }
}

@media screen and (max-width: 1050px) {
  .post-collection__items {
    grid-template-columns: 1fr 1fr;
  }
}

@media screen and (max-width: 577px) {
  .post-collection__items {
    grid-template-columns: 1fr;
  }
}

.post-collection__item {
  background-color: #fff;
  display: flex;
  flex-direction: column;
  border-radius: 10px;
  overflow: hidden;
}

@media screen and (min-width: 1921px) {
  .post-collection__item {
    border-radius: 0.5208333333vw;
  }
}

.post-collection__img-box {
  height: 345px;
  width: 100%;
}

@media screen and (min-width: 1921px) {
  .post-collection__img-box {
    height: 17.96875vw;
  }
}

@media screen and (max-width: 480px) {
  .post-collection__img-box {
    height: 254px;
  }
}

.post-collection__img-box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.post-collection__item-content {
  padding: 32px;
  border-bottom: 4px solid #ededed;
  border-left: 4px solid #ededed;
  border-right: 4px solid #ededed;
  overflow: hidden;
  border-radius: 0 0 10px 10px;
  display: flex;
  height: 100%;
  flex-direction: column;
}

@media screen and (min-width: 1921px) {
  .post-collection__item-content {
    padding: 1.666666667vw;
    border-bottom: 0.2083333333vw solid #ededed;
    border-left: 0.2083333333vw solid #ededed;
    border-right: 0.2083333333vw solid #ededed;
    border-radius: 0 0 0.5208333333vw 0.5208333333vw;
  }
}

@media screen and (max-width: 991px) {
  .post-collection__item-content {
    padding: 24px;
  }
}

@media screen and (max-width: 767px) {
  .post-collection__item-content {
    padding: 16px;
  }
}

.post-collection__item-title {
  padding-bottom: 32px;
  border-bottom: 2px solid #ededed;
  margin-bottom: 24px;
}

@media screen and (min-width: 1921px) {
  .post-collection__item-title {
    padding-bottom: 1.666666667vw;
    border-bottom: 0.1041666667vw solid #ededed;
    margin-bottom: 1.25vw;
  }
}

@media screen and (max-width: 767px) {
  .post-collection__item-title {
    padding-bottom: 16px;
    margin-bottom: 16px;
  }
}

.post-collection__item-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: auto;
}

.post-collection__item-date {
  font-weight: 700;
  font-size: 18px;
  color: #17488d;
}

@media screen and (min-width: 1921px) {
  .post-collection__item-date {
    font-size: 0.9375vw;
  }
}

@media screen and (max-width: 576px) {
  .post-collection__item-date {
    font-size: 16px;
  }
}

@media screen and (max-width: 360px) {
  .post-collection__item-date {
    font-size: 14px;
  }
}

.page-pagination {
  margin: 64px auto 0;
  text-align: center;
}

@media screen and (min-width: 1921px) {
  .page-pagination {
    margin: 3.333333333vw auto 0;
  }
}

.page-pagination .page-numbers {
  font-size: 22px;
  color: #17488d;
  transition: color 0.2s ease;
  border: 1px solid transparent;
  border-radius: 50%;
  padding: 6px 16px;
}

@media screen and (min-width: 1921px) {
  .page-pagination .page-numbers {
    font-size: 1.145833333vw;
    border: 0.05208333333vw solid transparent;
    padding: 0.3125vw 0.8333333333vw;
  }
}

@media only screen and (min-width: 768px) {
  .page-pagination .page-numbers:hover {
    color: #88c147;
  }
}

.page-pagination .current {
  color: #17488d;
  border: 1px solid #17488d;
  pointer-events: none;
}

@media screen and (min-width: 1921px) {
  .page-pagination .current {
    border: 0.05208vw solid #17488d;
  }
}

.post-single .entry-content p:last-child {
  margin-bottom: 0;
}

.post-single__header {
  position: relative;
  padding: 64px 0;
  background-color: #17488d;
}

@media screen and (min-width: 1921px) {
  .post-single__header {
    padding: 3.333333333vw 0;
  }
}

@media screen and (max-width: 640px) {
  .post-single__header {
    padding: 48px 0;
  }
}

.post-single__title {
  font-weight: 700;
  font-size: 64px;
  line-height: 1.4;
  color: #fff;
  margin-bottom: 16px;
}

@media screen and (min-width: 1921px) {
  .post-single__title {
    font-size: 3.333333333vw;
    margin-bottom: 0.8333333333vw;
  }
}

@media screen and (max-width: 1280px) {
  .post-single__title {
    font-size: 48px;
  }
}

@media screen and (max-width: 991px) {
  .post-single__title {
    font-size: 32px;
  }
}

@media screen and (max-width: 576px) {
  .post-single__title {
    font-size: 32px;
  }
}

.post-single__date {
  display: block;
  font-weight: 700;
  color: #88c147;
  font-size: 24px;
}

@media screen and (min-width: 1921px) {
  .post-single__date {
    font-size: 1.25vw;
  }
}

@media screen and (max-width: 640px) {
  .post-single__date {
    font-size: 18px;
  }
}

.post-single__content {
  margin: 96px 0 32px;
}

@media screen and (min-width: 1921px) {
  .post-single__content {
    margin: 5vw 0 1.666666667vw;
  }
}

@media screen and (max-width: 991px) {
  .post-single__content {
    margin: 64px 0 32px;
  }
}

@media screen and (max-width: 640px) {
  .post-single__content {
    margin: 48px 0 32px;
  }
}

.post-single__featured-image {
  margin-bottom: 48px;
  border-radius: 10px;
  overflow: hidden;
}

@media screen and (min-width: 1921px) {
  .post-single__featured-image {
    border-radius: 0.5208333333vw;
    margin-bottom: 2.5vw;
  }
}

@media screen and (max-width: 768px) {
  .post-single__featured-image {
    margin-bottom: 24px;
  }
}

.post-single__entry-content {
  padding-bottom: 64px;
}

@media screen and (min-width: 1921px) {
  .post-single__entry-content {
    padding-bottom: 3.333333333vw;
  }
}

@media screen and (max-width: 640px) {
  .post-single__entry-content {
    padding-bottom: 48px;
  }
}

.post-single__entry-content a {
  color: #17488d;
}

.post-single__entry-content img {
  width: 100%;
}

.single-product__wrap-entry-content {
  max-width: 1500px;
  width: 100%;
  margin: 0 auto;
  padding: 0 15px;
}

@media screen and (min-width: 1921px) {
  .single-product__wrap-entry-content {
    max-width: 78.125vw;
    padding: 0 0.78125vw;
  }
}

.single-product__title {
  max-width: 1500px;
  padding: 0 15px;
  font-size: 48px;
  font-weight: 600;
  color: #17488d;
  margin: 0 auto 30px;
}

@media screen and (min-width: 1921px) {
  .single-product__title {
    max-width: 78.125vw;
    padding: 0 0.78125vw;
    font-size: 2.5vw;
    margin: 0 auto 1.666666667vw;
  }
}

.single-product__image {
  max-width: 1500px;
  width: 100%;
  margin: 50px auto;
  padding: 0 15px;
}

@media screen and (min-width: 1921px) {
  .single-product__image {
    max-width: 78.125vw;
    margin: 2.604166667vw auto;
    padding: 0 0.78125vw;
  }
}

.single-product__granted {
  margin: 80px 0 50px;
  padding: 0 15px;
}

@media screen and (max-width: 991px) {
  .single-product__granted {
    margin: 60px 0;
  }
}

@media screen and (min-width: 1921px) {
  .single-product__granted {
    margin: 4.166666667vw 0 2.604166667vw;
    padding: 0 0.78125vw;
  }
}

.single-product__granted-img {
  margin: 0 auto;
}

.contact-block {
  position: relative;
}

.contact-block .contact-form__box {
  height: auto;
}

.contact-block__form-wrap {
  position: relative;
  padding: 96px 15px 64px;
}

@media screen and (max-width: 1280px) {
  .contact-block__form-wrap {
    padding: 64px 15px;
  }
}

@media screen and (max-width: 768px) {
  .contact-block__form-wrap {
    padding: 48px 15px;
  }
}

.contact-block__form-wrap .contact-form__box input,
.contact-block__form-wrap .contact-form__textarea {
  border: 2px solid #e9e9e9;
}

.contact-block__form-wrap .btn-container,
.contact-block__form-wrap .contact-form__acceptance {
  text-align: right;
}

@media screen and (max-width: 600px) {
  .contact-block__form-wrap .btn-container,
  .contact-block__form-wrap .contact-form__acceptance {
    text-align: left;
  }
}

.contact-block__form-wrap .contact-form__acceptance .wpcf7-list-item-label {
  margin-left: 10px;
}

.contact-block__form-wrap .btn-container {
  position: relative;
}

.contact-block__form-wrap .btn-container .ajax-loader {
  position: absolute;
  left: 100px;
  top: 50%;
  transform: translateY(-50%);
}

@media screen and (max-width: 600px) {
  .contact-block__form-wrap .btn-container .ajax-loader {
    position: static;
    transform: translateY(0);
  }
}

.contact-block__form-wrap .contact-form__bottom-box input {
  margin-right: 0;
}

.contact-block__form {
  max-width: 870px;
  width: 100%;
  margin: 0 auto;
}

.contact-block__form .wpcf7-list-item-label,
.contact-block__form .contact-form__text,
.contact-block__form .contact-form__title {
  color: #17488d;
}

.page-404__wrap {
  max-width: 450px;
  width: 100%;
  margin: 200px auto 125px;
  text-align: center;
  padding: 0 15px;
}

.page-404__wrap img {
  width: 100%;
}

.page-404__text {
  max-width: 375px;
  width: 100%;
  margin: 35px auto;
  font-size: 18px;
}

@media screen and (max-width: 380px) {
  .page-404__text {
    font-size: 16px;
  }
}

.banner-single-product {
  height: 100vh;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 0;
  position: relative;
  max-height: 745px;
}

@media screen and (max-width: 640px) {
  .banner-single-product {
    max-height: 550px;
  }
}

@media screen and (min-width: 1921px) {
  .banner-single-product {
    max-height: 38.80208333vw;
  }
}

.banner-single-product::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 62.36%);
}

@media screen and (max-width: 1345px) {
  .banner-single-product {
    background-position: 90% 50%;
  }
  .banner-single-product::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: none;
    background-color: rgba(0, 0, 0, 0.2);
  }
}

.banner-single-product__wrapper {
  display: flex;
  align-items: center;
  height: 100%;
}

@media screen and (max-width: 768px) {
  .banner-single-product__wrapper {
    align-items: flex-end;
    padding-top: 48px;
    padding-bottom: 24px;
  }
}

.banner-single-product__content-wrap {
  width: 100%;
  border: 2px solid #e9e9e9;
  border-radius: 10px;
  padding: 45px;
}

@media screen and (max-width: 715px) {
  .banner-single-product__content-wrap {
    padding: 35px 15px;
  }
}

@media screen and (min-width: 1921px) {
  .banner-single-product__content-wrap {
    border: 0.1041666667vw solid #e9e9e9;
    border-radius: 0.5208333333vw;
    padding: 2.34375vw;
  }
}

.banner-single-product__title {
  color: #17488d;
  margin-bottom: 24px;
}

@media screen and (max-width: 991px) {
  .banner-single-product__title {
    margin-bottom: 16px;
  }
}

@media screen and (min-width: 1921px) {
  .banner-single-product__title {
    margin-bottom: 1.25vw;
  }
}

.banner-single-product__subtitle {
  display: block;
  font-size: 24px;
  font-weight: 500;
  line-height: 1.4;
  margin-bottom: 16px;
}

@media screen and (max-width: 1345px) {
  .banner-single-product__subtitle {
    color: #fff;
  }
}

@media screen and (max-width: 991px) {
  .banner-single-product__subtitle {
    font-size: 20px;
  }
}

@media screen and (max-width: 480px) {
  .banner-single-product__subtitle {
    font-size: 18px;
  }
}

@media screen and (min-width: 1921px) {
  .banner-single-product__subtitle {
    font-size: 1.25vw;
    margin-bottom: 0.8333333333vw;
  }
}

.banner-single-product__description {
  display: block;
  font-size: 20px;
  line-height: 1.6;
  font-weight: 500;
  color: #17488d;
}

@media screen and (max-width: 1345px) {
  .banner-single-product__description {
    color: #fff;
  }
}

@media screen and (max-width: 991px) {
  .banner-single-product__description {
    font-size: 18px;
  }
}

@media screen and (max-width: 480px) {
  .banner-single-product__description {
    font-size: 16px;
  }
}

@media screen and (min-width: 1921px) {
  .banner-single-product__description {
    font-size: 1.041666667vw;
  }
}

.banner-single-product__text-above-btn {
  font-size: 14px;
  margin-bottom: 12px;
}

@media screen and (max-width: 1345px) {
  .banner-single-product__text-above-btn {
    color: #fff;
  }
}

.banner-single-product__btn-wrap {
  margin-top: 42px;
}

@media screen and (max-width: 1280px) {
  .banner-single-product__btn-wrap {
    margin-top: 24px;
  }
}

@media screen and (min-width: 1921px) {
  .banner-single-product__btn-wrap {
    margin-top: 2.1875vw;
  }
}

.banner-single-product__btns {
  display: flex;
  align-items: center;
}

@media screen and (max-width: 450px) {
  .banner-single-product__btns {
    flex-direction: column;
    align-items: flex-start;
  }
}

.banner-single-product__calc-btn {
  margin-right: 32px;
}

@media screen and (max-width: 768px) {
  .banner-single-product__calc-btn {
    margin-right: 24px;
  }
}

@media screen and (max-width: 450px) {
  .banner-single-product__calc-btn {
    margin-right: 0;
    margin-bottom: 16px;
  }
}

.banner-single-product__container {
  max-width: 680px;
  width: 100%;
}

@media screen and (max-width: 800px) {
  .banner-single-product__container {
    max-width: 100%;
  }
}

@media screen and (min-width: 1921px) {
  .banner-single-product__container {
    max-width: 35.41667vw;
  }
}

.avatar-text__wrap {
  max-width: 1500px;
  width: 100%;
  margin: 100px auto 125px;
  padding: 0 15px;
}

@media screen and (max-width: 991px) {
  .avatar-text__wrap {
    margin: 80px auto 50px;
  }
}

@media screen and (max-width: 480px) {
  .avatar-text__wrap {
    margin: 60px auto 25px;
  }
}

.avatar-text__title {
  color: #17488d;
  font-size: 36px;
  font-weight: 700;
  line-height: 1.6;
  margin-bottom: 45px;
}

@media screen and (max-width: 991px) {
  .avatar-text__title {
    font-size: 30px;
    margin-bottom: 24px;
  }
}

@media screen and (max-width: 480px) {
  .avatar-text__title {
    font-size: 26px;
  }
}

.avatar-text__item-title {
  color: #17488d;
  font-size: 22px;
  font-weight: 600;
  margin-bottom: 10px;
}

.avatar-text__item {
  display: flex;
  margin-bottom: 30px;
}

@media screen and (max-width: 991px) {
  .avatar-text__item {
    flex-direction: column;
    align-items: center;
  }
}

.avatar-text__item-image {
  position: relative;
  max-width: 420px;
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-radius: 10px;
}

@media screen and (max-width: 991px) {
  .avatar-text__item-image {
    margin-bottom: 24px;
  }
}

.avatar-text__item-image::before {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 2;
  display: block;
  content: '';
  width: 0;
  height: 0;
  background: rgba(255, 255, 255, 0.2);
  border-radius: 100%;
  transform: translate(-50%, -50%);
  opacity: 0;
}

.avatar-text__item-image:hover::before {
  animation: circle 0.75s;
}

@keyframes circle {
  0% {
    opacity: 1;
  }
  40% {
    opacity: 1;
  }
  100% {
    width: 200%;
    height: 200%;
    opacity: 0;
  }
}

.avatar-text__item-image img {
  width: 100%;
  height: 100%;
  transition: 0.5s ease;
}

.avatar-text__item-text {
  max-width: 1024px;
  width: 100%;
  padding: 0 15px;
  margin-left: auto;
}

@media screen and (max-width: 991px) {
  .avatar-text__item-text {
    padding: 0;
  }
}

.inofolic-calculator {
  background-color: #e9e9e9;
  padding: 100px 0;
}

.inofolic-calculator__wrap {
  max-width: 1500px;
  width: 100%;
  margin: 0 auto;
  display: flex;
  flex-direction: row-reverse;
}

@media screen and (max-width: 1300px) {
  .inofolic-calculator__wrap {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }
}

.inofolic-calculator__bmi {
  max-width: 465px;
  width: 100%;
  padding: 0 15px;
  margin-left: auto;
}

@media screen and (max-width: 1300px) {
  .inofolic-calculator__bmi {
    margin-left: 0;
    margin-bottom: 50px;
  }
}

.inofolic-calculator__title {
  font-size: 22px;
  font-weight: 500;
  color: #17488d;
  margin-bottom: 36px;
}

@media screen and (max-width: 768px) {
  .inofolic-calculator__title {
    font-size: 20px;
  }
}

@media screen and (max-width: 480px) {
  .inofolic-calculator__title {
    font-size: 18px;
  }
}

.inofolic-calculator__title--bold {
  font-size: 30px;
  font-weight: 700;
  color: #17488d;
  margin-bottom: 24px;
}

@media screen and (max-width: 768px) {
  .inofolic-calculator__title--bold {
    font-size: 26px;
  }
}

@media screen and (max-width: 480px) {
  .inofolic-calculator__title--bold {
    font-size: 20px;
  }
}

.infolic-calculator__bmi-content {
  display: flex;
}

@media screen and (max-width: 480px) {
  .infolic-calculator__bmi-content {
    margin-bottom: 5px;
  }
}

.infolic-calculator__bmi-left {
  display: flex;
  margin-bottom: 24px;
}

.infolic-calculator__bmi-item {
  display: flex;
  align-items: center;
  margin-right: 15px;
}

.infolic-calculator__bmi-item:last-child {
  margin-right: 0;
}

.infolic-calculator__bmi-label {
  font-size: 18px;
  line-height: 1.6;
  margin-right: 10px;
}

.infolic-calculator__bmi-input {
  background-color: #fff;
  border: none;
  border-radius: 10px;
  width: 90px;
  height: 48px;
  padding-left: 10px;
}

.infolic-calculator__bmi-right {
  margin-left: auto;
  align-self: flex-end;
}

@media screen and (max-width: 480px) {
  .infolic-calculator__bmi-right {
    margin-left: 0;
    align-self: center;
    margin-bottom: 20px;
  }
}

.infolic-calculator__bmi-result {
  display: flex;
  align-items: center;
}

.infolic-calculator__bmi-result-text {
  display: inline-block;
  background-color: #fff;
  width: 240px;
  height: 48px;
  border: none;
  border-radius: 10px;
  line-height: 48px;
  padding-left: 10px;
}

.infolic-calculator__bmi-bottom {
  display: flex;
}

@media screen and (max-width: 480px) {
  .infolic-calculator__bmi-bottom {
    flex-direction: column-reverse;
    align-items: center;
  }
}

.inofolic-calculator__kombinacija {
  max-width: 880px;
  width: 100%;
  padding: 0 15px;
}

.infolic-calculator__kombinacija-content {
  display: flex;
  align-items: center;
  margin-bottom: 24px;
}

@media screen and (max-width: 820px) {
  .infolic-calculator__kombinacija-content {
    flex-direction: column;
    align-items: center;
  }
}

.infolic-calculator__kombinacija-left {
  display: flex;
}

@media screen and (max-width: 820px) {
  .infolic-calculator__kombinacija-left {
    margin-bottom: 20px;
  }
}

.infolic-calculator__kombinacija-item {
  margin-right: 15px;
}

.infolic-calculator__kombinacija-item:last-child {
  margin-right: 0;
}

.infolic-calculator__kombinacija-input {
  background-color: #fff;
  border: none;
  border-radius: 10px;
  width: 90px;
  height: 48px;
  padding-left: 10px;
}

.infolic-calculator__kombinacija-right {
  margin: 0 auto;
}

@media screen and (max-width: 820px) {
  .infolic-calculator__kombinacija-right {
    margin: 0 auto 20px;
  }
}

.infolic-calculator__kombinacija-right .infolic-calculator__kombinacija-item {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
}

.infolic-calculator__kombinacija-submit {
  margin-left: auto;
}

@media screen and (max-width: 820px) {
  .infolic-calculator__kombinacija-submit {
    margin-left: 0;
  }
}

.infolic-calculator__kombinacija-result {
  display: flex;
  align-items: center;
}

@media screen and (max-width: 640px) {
  .infolic-calculator__kombinacija-result {
    flex-direction: column;
  }
}

.infolic-calculator__kombinacija-label {
  font-size: 18px;
  line-height: 1.6;
  margin-right: 10px;
  max-width: 160px;
  width: 100%;
}

@media screen and (max-width: 640px) {
  .infolic-calculator__kombinacija-label {
    margin-bottom: 20px;
  }
}

.infolic-calculator__kombinacija-result-text {
  display: inline-block;
  background-color: #fff;
  width: 100%;
  height: 48px;
  border: none;
  border-radius: 10px;
  line-height: 48px;
  padding-left: 10px;
  font-size: 20px;
}

@media screen and (max-width: 480px) {
  .infolic-calculator__kombinacija-result-text {
    font-size: 16px;
    padding-left: 0;
  }
}

@media screen and (max-width: 375px) {
  .infolic-calculator__kombinacija-result-text {
    height: 90px;
  }
}

.infolic-calculator__kombinacija-checkbox-label {
  font-size: 18px;
  line-height: 1.6;
}

.infolic-calculator__kombinacija-checkbox-input {
  margin-left: 10px;
}

.infolic-calculator__result-link {
  color: #17488d;
  transition: 350ms ease;
}

.infolic-calculator__result-link:hover {
  color: #88c147;
}

input[type='number'],
input[type='number'] {
  appearance: none;
}

input[type='number'] {
  appearance: textfield;
}

.product-pharmacies {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.4);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 30;
}

@media screen and (max-width: 680px) {
  .product-pharmacies {
    align-items: flex-start;
    overflow-y: auto;
  }
}

.product-pharmacies.hidden {
  display: none;
}

.product-pharmacies__container {
  background-color: #fff;
  border-radius: 8px;
  width: 100%;
  max-width: 1362px;
  padding: 7.5rem clamp(2rem, 5vw, 7.5vw);
}

.product-pharmacies__wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 3rem;
  margin-bottom: 2rem;
  border-bottom: 1px solid #999999;
}

.product-pharmacies__title {
  font-size: 3rem;
  font-weight: 700;
}

.product-pharmacies__close {
  background: none;
  border: none;
  outline: none;
}

.product-pharmacies__close svg {
  vertical-align: middle;
}

.product-pharmacies .pharmacies {
  display: flex;
  grid-gap: 1.5rem;
  flex-wrap: wrap;
  align-items: center;
}

@media screen and (max-width: 1080px) {
  .product-pharmacies .pharmacies {
    justify-content: center;
  }
}

.product-pharmacies .pharmacies__item img {
  max-height: 102px;
  width: auto;
}

.product-reasoning {
  max-width: 1500px;
  width: 100%;
  margin: 0 auto 145px;
  padding: 0 15px;
}

@media screen and (max-width: 1200px) {
  .product-reasoning {
    margin: 0 auto 65px;
  }
}

@media screen and (max-width: 991px) {
  .product-reasoning {
    margin: 0 auto 45px;
  }
}

.product-reasoning__title {
  margin-bottom: 55px;
}

@media screen and (max-width: 768px) {
  .product-reasoning__title {
    margin-bottom: 24px;
  }
}

.product-reviews {
  padding: 6rem 0;
}

@media screen and (max-width: 1200px) {
  .product-reviews {
    margin: 0 auto 65px;
  }
}

@media screen and (max-width: 1080px) {
  .product-reviews {
    width: 100%;
  }
}

@media screen and (max-width: 991px) {
  .product-reviews {
    margin: 0 auto 45px;
  }
}

.product-reviews__container * {
  box-sizing: border-box;
}

.product-reviews__wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  grid-gap: 2rem;
  margin-bottom: 4rem;
}

.product-reviews .slider-container {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  grid-gap: 1.5rem 3rem;
}

.product-reviews .reviews-slider {
  box-sizing: border-box;
  overflow: hidden;
  width: 100%;
}

.product-reviews .reviews-slider .swiper-wrapper {
  align-items: unset;
}

.product-reviews .reviews-slider .swiper-slide {
  border: 1px solid #999999;
  border-radius: 8px;
  padding: 2rem;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  height: auto;
  min-width: calc(100 / 3 - 24px);
}

.product-reviews .reviews-slider__icon {
  margin-bottom: 2.1rem;
}

.product-reviews .reviews-slider__rating {
  margin-bottom: 1rem;
}

.product-reviews .reviews-slider__title {
  margin-bottom: 1.5rem;
}

.product-reviews .reviews-slider__comment {
  margin-bottom: 2rem;
  width: 100%;
  font-size: 0.87rem;
  line-height: 1.7;
}

.product-reviews .reviews-slider__user, .product-reviews .reviews-slider__date {
  margin-bottom: 0;
}

.product-reviews .reviews-slider__date {
  font-size: 1rem;
}

.product-reviews .reviews-slider__wrapper {
  width: 100%;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  margin-top: auto;
  border-top: 1px solid #999999;
  padding-top: 1.5rem;
}

.product-reviews .swiper-button-disabled {
  opacity: .2;
  cursor: default;
}

.product-reviews .reviews-button:not([role="button"]) {
  display: none;
}

.product-reviews .reviews-button {
  position: absolute;
  cursor: pointer;
}

.product-reviews .reviews-button.reviews-button-prev {
  left: -5vw;
}

.product-reviews .reviews-button.reviews-button-next {
  right: -5vw;
}

@media screen and (max-width: 1080px) {
  .product-reviews .reviews-button {
    position: static;
  }
}

@media screen and (max-width: 1625px) {
  .product-reviews .reviews-button.reviews-button-prev {
    left: 0;
  }
  .product-reviews .reviews-button.reviews-button-next {
    right: 0;
  }
}

.product-reviews .reviews-modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.4);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 30;
}

@media screen and (max-width: 680px) {
  .product-reviews .reviews-modal {
    align-items: flex-start;
    overflow-y: auto;
  }
}

.product-reviews .reviews-modal.hidden {
  display: none;
}

.product-reviews .reviews-modal__container {
  background-color: #fff;
  border-radius: 8px;
  width: 100%;
  max-width: 1362px;
  padding: 7.5rem clamp(2rem, 5vw, 7.5vw);
}

.product-reviews .reviews-modal__wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 3rem;
  margin-bottom: 2rem;
  border-bottom: 1px solid #999999;
}

.product-reviews .reviews-modal__title {
  font-size: 3rem;
  font-weight: 700;
}

.product-reviews .reviews-modal__close {
  background: none;
  border: none;
  outline: none;
}

.product-reviews .reviews-modal__close svg {
  vertical-align: middle;
}

.product-reviews .reviews-modal .review-form {
  display: flex;
  flex-wrap: wrap;
  grid-gap: 30px;
}

.product-reviews .reviews-modal .review-form__reviews {
  display: flex;
  width: 100%;
}

.product-reviews .reviews-modal .review-form__reviews p {
  margin: 0 1.5rem 0 0;
}

.product-reviews .reviews-modal .review-form__reviews svg {
  vertical-align: middle;
  margin-right: 1.12rem;
}

.product-reviews .reviews-modal .review-form__reviews input[type='radio'] {
  display: none;
}

.product-reviews .reviews-modal .review-form__reviews label.highlight svg path {
  fill: #ffd600;
}

.product-reviews .reviews-modal .review-form__row {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 1.12rem 1.5rem;
  border: 1px solid #999999;
  border-radius: 8px;
  grid-gap: .5rem;
}

.product-reviews .reviews-modal .review-form__row label {
  white-space: nowrap;
}

.product-reviews .reviews-modal .review-form__row input, .product-reviews .reviews-modal .review-form__row textarea {
  width: 100%;
  background: none;
  border: none;
  outline: none;
}

.product-reviews .reviews-modal .review-form__row textarea {
  height: 27px;
}

.product-reviews .reviews-modal .review-form__row-50 {
  width: calc(50% - 15px);
}

@media screen and (max-width: 1080px) {
  .product-reviews .reviews-modal .review-form__row-50 {
    width: 100%;
  }
}

.product-reviews .reviews-modal .review-form__row-100 {
  width: 100%;
}

.product-reviews .reviews-modal .review-form .btn, .product-reviews .reviews-modal .review-form .comments-modal .submit, .comments-modal .product-reviews .reviews-modal .review-form .submit {
  width: 100%;
}

.product-reviews .reviews-modal .review-form .btn::after, .product-reviews .reviews-modal .review-form .comments-modal .submit::after, .comments-modal .product-reviews .reviews-modal .review-form .submit::after {
  transition: .6s ease;
}

.product-single-work {
  max-width: 1470px;
  width: 100%;
  margin: 0 auto 115px;
  padding: 0 15px;
}

@media screen and (max-width: 1200px) {
  .product-single-work {
    margin: 0 auto 75px;
  }
}

.product-single-work .entry-content p {
  margin-bottom: 10px;
}

.product-single-work__title {
  margin-bottom: 35px;
}

@media screen and (max-width: 991px) {
  .product-single-work__title {
    margin-bottom: 20px;
  }
}

.product-single-work__image-text {
  margin-top: 25px;
}

.product-single-work__image-text-item {
  display: flex;
  margin-bottom: 65px;
}

@media screen and (max-width: 991px) {
  .product-single-work__image-text-item {
    flex-direction: column;
    margin-bottom: 35px;
  }
}

.product-single-work__image-text-item .entry-content {
  max-width: 900px;
  width: 100%;
  margin-left: auto;
  padding: 0 15px;
}

@media screen and (max-width: 991px) {
  .product-single-work__image-text-item .entry-content {
    margin-left: 0;
    padding: 0;
  }
}

.product-single-work__image-text-item-image {
  position: relative;
  max-width: 450px;
  overflow: hidden;
  width: 100%;
  height: 100%;
}

@media screen and (max-width: 991px) {
  .product-single-work__image-text-item-image {
    margin: 0 auto 25px;
  }
}

.product-single-work__image-text-item-image::before {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 2;
  display: block;
  content: '';
  width: 0;
  height: 0;
  background: rgba(255, 255, 255, 0.2);
  border-radius: 100%;
  transform: translate(-50%, -50%);
  opacity: 0;
}

.product-single-work__image-text-item-image:hover::before {
  animation: circle 0.75s;
}

@keyframes circle {
  0% {
    opacity: 1;
  }
  40% {
    opacity: 1;
  }
  100% {
    width: 200%;
    height: 200%;
    opacity: 0;
  }
}

.product-single-work__image-text-item-image img {
  width: 100%;
  height: 100%;
  transition: 0.5s ease;
}

.product-single-how-to-use {
  max-width: 1470px;
  width: 100%;
  margin: 0 auto 45px;
  padding: 0 15px;
}

.product-single-how-to-use .entry-content {
  margin-bottom: 24px;
}

@media screen and (max-width: 375px) {
  .product-single-how-to-use .entry-content {
    margin-bottom: 0;
  }
}

.product-single-how-to-use .entry-content p:last-child {
  margin-bottom: 0;
}

.product-single-how-to-use__purchase {
  padding: 32px 0;
}

.product-single-how-to-use__purchase-title {
  margin-bottom: 24px;
}

.product-single-how-to-use__purchase-rich-text p:last-child {
  margin-bottom: 0;
}

.product-single-how-to-use__content {
  display: flex;
  justify-content: space-between;
  margin-bottom: 35px;
}

@media screen and (max-width: 1600px) {
  .product-single-how-to-use__content {
    align-items: center;
    justify-content: center;
  }
}

@media screen and (max-width: 1240px) {
  .product-single-how-to-use__content {
    flex-wrap: wrap;
    justify-content: flex-start;
  }
}

@media screen and (max-width: 652px) {
  .product-single-how-to-use__content {
    flex-direction: column;
  }
}

.product-single-how-to-use__content-item--1 {
  max-width: 448px;
}

@media screen and (max-width: 652px) {
  .product-single-how-to-use__content-item--1 {
    text-align: center;
  }
}

.product-single-how-to-use__content-item--2 {
  max-width: 718px;
}

@media screen and (max-width: 1421px) {
  .product-single-how-to-use__content-item--2 {
    max-width: 550px;
  }
}

@media screen and (max-width: 1240px) {
  .product-single-how-to-use__content-item--2 {
    order: 1;
  }
}

.product-single-how-to-use__content-item--3 {
  max-width: 400px;
}

@media screen and (max-width: 634px) {
  .product-single-how-to-use__content-item--3 {
    margin-top: 0;
  }
}

.product-single-how-to-use__content-title {
  margin-bottom: 40px;
}

@media screen and (max-width: 991px) {
  .product-single-how-to-use__content-title {
    margin-bottom: 20px;
  }
}

.product-single-how-to-use__content-list {
  text-align: right;
}

@media screen and (max-width: 652px) {
  .product-single-how-to-use__content-list {
    text-align: center;
  }
}

.product-single-how-to-use__content-list-item {
  color: #17488d;
  font-size: 26px;
  font-weight: 600;
  margin-bottom: 12px;
}

@media screen and (max-width: 1200px) {
  .product-single-how-to-use__content-list-item {
    font-size: 22px;
  }
}

@media screen and (max-width: 991px) {
  .product-single-how-to-use__content-list-item {
    font-size: 18px;
  }
}

.product-single-how-to-use__unwanted-effects {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(290px, 1fr));
  grid-gap: 30px;
  justify-content: center;
  margin-bottom: 80px;
}

@media screen and (max-width: 1200px) {
  .product-single-how-to-use__unwanted-effects {
    margin-bottom: 65px;
  }
}

@media screen and (max-width: 480px) {
  .product-single-how-to-use__unwanted-effects {
    margin-bottom: 24px;
  }
}

.product-single-how-to-use__unwanted-effect {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  border: 2px solid #88c147;
  padding: 15px;
  border-radius: 10px;
}

.product-single-how-to-use__unwanted-effect-title {
  max-width: 90%;
  width: 100%;
  color: #17488d;
  font-size: 20px;
  line-height: 1.5;
  font-weight: 600;
}

@media screen and (max-width: 480px) {
  .product-single-how-to-use__unwanted-effect-title {
    font-size: 16px;
  }
}

.product-single-how-to-use__unwanted-effect-text {
  max-width: 90%;
  width: 100%;
  font-size: 20px;
  line-height: 1.5;
  font-weight: 600;
}

@media screen and (max-width: 480px) {
  .product-single-how-to-use__unwanted-effect-text {
    font-size: 16px;
  }
}

.product-single-how-to-use__made {
  display: flex;
  justify-content: space-between;
  margin-bottom: 80px;
}

@media screen and (max-width: 850px) {
  .product-single-how-to-use__made {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }
}

.product-single-how-to-use__made-title {
  font-size: 18px;
  color: #17488d;
  font-weight: 600;
  padding: 0 15px;
}

@media screen and (max-width: 850px) {
  .product-single-how-to-use__made-title {
    margin-bottom: 24px;
  }
}

.product-single-how-to-use__made-img {
  padding: 0 15px;
}

@media screen and (max-width: 850px) {
  .product-single-how-to-use__made-img {
    height: fit-content;
    width: fit-content;
    margin-bottom: 24px;
  }
}

.product-single-how-to-use__made-address {
  max-width: 330px;
  width: 100%;
  padding: 0 15px;
}

@media screen and (max-width: 850px) {
  .product-single-how-to-use__made-address {
    margin-bottom: 24px;
  }
}

.product-single-how-to-use__made-adress-item {
  color: #17488d;
  margin-bottom: 12px;
  font-size: 18px;
  font-weight: 500;
}

.product-single-how-to-use__made-social-media-list {
  display: flex;
  padding: 0 15px;
}

.product-single-how-to-use__made-social-media-item {
  margin-right: 15px;
}

.product-single-how-to-use__made-social-media-item:last-child {
  margin-right: 0;
}

.product-single-how-to-use__made-social-media-item svg path {
  transition: 350ms ease;
}

.product-single-how-to-use__made-social-media-item:hover svg path {
  fill: #17488d;
}

.product-single-how-to-use__steps {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  grid-gap: 25px;
}

@media screen and (max-width: 375px) {
  .product-single-how-to-use__steps {
    grid-gap: 15px;
  }
}

.product-single-how-to-use__steps-item-title {
  color: #17488d;
  font-size: 32px;
  font-weight: 600;
}

.product-single-how-to-use__registracija .entry-content {
  font-size: 18px;
  font-weight: 500;
  color: #17488d;
  margin-bottom: 10px;
}

.where_to_buy_title_wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  grid-gap: 1rem 2rem;
  flex-wrap: wrap;
}

.privacy-policy-page {
  max-width: 1470px;
  width: 100%;
  margin: 250px auto;
  padding: 0 15px;
}

@media screen and (max-width: 991px) {
  .privacy-policy-page {
    margin: 150px auto 80px;
  }
}

@media screen and (max-width: 480px) {
  .privacy-policy-page {
    margin: 50px auto;
  }
}

.privacy-policy-page .entry-content h1,
.privacy-policy-page .entry-content h2,
.privacy-policy-page .entry-content h3,
.privacy-policy-page .entry-content h4,
.privacy-policy-page .entry-content h5,
.privacy-policy-page .entry-content h6 {
  color: #17488d;
  font-weight: 600;
}

.privacy-policy-page .entry-content h1 {
  font-size: 50px;
}

@media screen and (max-width: 1200px) {
  .privacy-policy-page .entry-content h1 {
    font-size: 40px;
  }
}

.privacy-policy-page .entry-content h2 {
  font-size: 35px;
}

@media screen and (max-width: 1200px) {
  .privacy-policy-page .entry-content h2 {
    font-size: 25px;
  }
}

.privacy-policy-page .entry-content h3 {
  font-size: 30px;
}

@media screen and (max-width: 1200px) {
  .privacy-policy-page .entry-content h3 {
    font-size: 20px;
  }
}

.privacy-policy-page .entry-content h4 {
  font-size: 25px;
}

@media screen and (max-width: 1200px) {
  .privacy-policy-page .entry-content h4 {
    font-size: 15px;
  }
}

.privacy-policy-page .entry-content p:last-child {
  margin-bottom: 0;
}

.privacy-policy-page .entry-content a {
  color: #88c147;
  transition: 350ms ease;
}

.privacy-policy-page .entry-content a:hover {
  color: #17488d;
}

.icon-text {
  margin: 70px 0;
}

@media screen and (max-width: 991px) {
  .icon-text {
    margin: 55px 0;
  }
}

.icon-text .entry-content {
  max-width: 1500px;
  width: 100%;
  margin: 0 auto;
  padding: 60px 15px 0;
}

.icon-text__wrap {
  max-width: 1380px;
  width: 100%;
  margin: 0 auto;
  padding: 0 15px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  grid-gap: 25px;
}

.icon-text__item {
  text-align: center;
}

.icon-text__img {
  display: flex;
  justify-content: center;
}

.icon-text__title {
  max-width: 85%;
  width: 100%;
  font-size: 24px;
  color: #88c147;
  font-weight: 600;
  margin: 0 auto 15px;
}

@media screen and (max-width: 991px) {
  .icon-text__title {
    font-size: 20px;
    margin: 0 auto 8px;
  }
}

.icon-text__text {
  font-size: 20px;
}

@media screen and (max-width: 991px) {
  .icon-text__text {
    font-size: 16px;
  }
}

.text-image-tireoiditis {
  margin: 40px 0 100px;
}

@media screen and (max-width: 1200px) {
  .text-image-tireoiditis {
    margin: 40px 0 90px;
  }
}

@media screen and (max-width: 991px) {
  .text-image-tireoiditis {
    margin: 40px 0 60px;
  }
}

.text-image-tireoiditis .entry-content {
  max-width: 1020px;
  width: 100%;
}

.text-image-tireoiditis .entry-content h1,
.text-image-tireoiditis .entry-content h2,
.text-image-tireoiditis .entry-content h3,
.text-image-tireoiditis .entry-content h4,
.text-image-tireoiditis .entry-content h5,
.text-image-tireoiditis .entry-content h6 {
  color: #17488d;
  font-weight: 600;
}

.text-image-tireoiditis .entry-content h3 {
  font-size: 24px;
}

@media screen and (max-width: 991px) {
  .text-image-tireoiditis .entry-content h3 {
    font-size: 20px;
  }
}

.text-image-tireoiditis .entry-content p {
  font-size: 20px;
}

@media screen and (max-width: 991px) {
  .text-image-tireoiditis .entry-content p {
    font-size: 16px;
  }
}

.text-image-tireoiditis__text-left {
  margin-right: 30px;
}

@media screen and (max-width: 1200px) {
  .text-image-tireoiditis__text-left {
    margin-right: 0;
    margin-bottom: 24px;
  }
}

.text-image-tireoiditis__wrap {
  max-width: 1500px;
  width: 100%;
  margin: 0 auto;
  padding: 0 15px;
  display: flex;
  align-items: flex-start;
}

@media screen and (max-width: 1200px) {
  .text-image-tireoiditis__wrap {
    flex-direction: column;
    align-items: center;
  }
}

.text-image-tireoiditis__image-block {
  max-width: 420px;
  width: 100%;
  border: 2px solid #e9e9e9;
  border-radius: 10px;
  margin-left: auto;
  padding: 45px 25px 25px;
}

@media screen and (max-width: 1200px) {
  .text-image-tireoiditis__image-block {
    margin-left: 0;
  }
}

@media screen and (max-width: 480px) {
  .text-image-tireoiditis__image-block {
    padding: 25px 15px 15px;
  }
}

.text-image-tireoiditis__image-block .entry-content ul {
  margin-left: 0;
  margin-bottom: 10px;
}

.text-image-tireoiditis__image-block .entry-content p {
  color: #88c147;
  font-weight: 600;
  margin-bottom: 10px;
}

.text-image-tireoiditis__image-block-img {
  margin-bottom: 50px;
}

.image-content .entry-content {
  margin: 0;
  max-width: 100%;
  width: 100%;
  padding: 0;
}

.image-content__wrap {
  max-width: 1500px;
  width: 100%;
  margin: 0 auto;
}

.image-content__item-wrap {
  margin-bottom: 120px;
}

@media screen and (max-width: 1200px) {
  .image-content__item-wrap {
    margin-bottom: 60px;
  }
}

.image-content__item-wrap:last-of-type {
  margin-bottom: 50px;
}

@media screen and (max-width: 1200px) {
  .image-content__item-wrap:last-of-type {
    margin-bottom: 24px;
  }
}

.image-content__item-wrap--reverse {
  flex-direction: row-reverse;
}

@media screen and (max-width: 991px) {
  .image-content__item-wrap--reverse {
    flex-direction: column;
  }
}

.image-content__item {
  position: relative;
  width: calc(50% - 10px);
  padding: 0 15px;
}

@media screen and (max-width: 991px) {
  .image-content__item {
    width: 100%;
  }
}

.image-content__item img {
  width: 100%;
  border-radius: 10px;
}

@media screen and (max-width: 991px) {
  .image-content__item img {
    margin-bottom: 24px;
  }
}

.image-content__item-top {
  display: flex;
  justify-content: space-between;
  margin-bottom: 50px;
}

@media screen and (max-width: 991px) {
  .image-content__item-top {
    flex-direction: column;
    align-items: center;
    margin-bottom: 24px;
  }
}

.image-content__item-bottom .entry-content {
  padding: 0 15px;
}

.cookies-banner {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  background: rgba(0, 0, 0, 0.8);
  z-index: 999;
}

.cookies-banner__wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 70%;
  width: 100%;
  margin: 0 auto;
  height: 70px;
  padding: 0 15px;
}

@media screen and (max-width: 1500px) {
  .cookies-banner__wrap {
    max-width: 100%;
  }
}

@media screen and (max-width: 768px) {
  .cookies-banner__wrap {
    height: auto;
    padding: 20px;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
  }
}

.cookies-banner__text {
  font-size: 14px;
  color: #fff;
  letter-spacing: 0.6px;
  padding: 0 15px;
}

@media screen and (max-width: 768px) {
  .cookies-banner__text {
    margin-bottom: 15px;
  }
}

.cookie-banner__link {
  font-size: 14px;
  color: #fff;
  border-bottom: 1px solid #fff;
  transition: 350ms ease;
}

.cookie-banner__link:hover {
  border-bottom: 1px solid #88c147;
}

.cookies-banner__btn {
  margin-left: auto;
  padding: 13px 17px;
  min-width: 125px;
}

@media screen and (max-width: 768px) {
  .cookies-banner__btn {
    margin-left: 0;
  }
}

.related-posts {
  margin-bottom: 96px;
}

@media screen and (max-width: 991px) {
  .related-posts {
    margin-bottom: 64px;
  }
}

@media screen and (max-width: 640px) {
  .related-posts {
    margin-bottom: 48px;
  }
}

.related-posts__wrapper {
  max-width: 1360px;
}

@media screen and (min-width: 1921px) {
  .related-posts__wrapper {
    max-width: 70.83333333vw;
  }
}

.related-posts__section-title {
  display: block;
  margin-left: 80px;
  font-weight: 700;
  font-size: 48px;
  margin-bottom: 32px;
}

@media screen and (max-width: 1024px) {
  .related-posts__section-title {
    margin-left: 0;
  }
}

@media screen and (max-width: 640px) {
  .related-posts__section-title {
    font-size: 32px;
  }
}

.related-posts__content-wrap {
  display: flex;
  align-items: center;
}

.related-posts__slider-prev,
.related-posts__slider-next {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 48px;
  height: 48px;
}

@media screen and (max-width: 1024px) {
  .related-posts__slider-prev,
  .related-posts__slider-next {
    display: none;
  }
}

.related-posts__slider-prev svg path,
.related-posts__slider-next svg path {
  transition: stroke 350ms ease;
}

@media only screen and (min-width: 768px) {
  .related-posts__slider-prev:hover svg path,
  .related-posts__slider-next:hover svg path {
    stroke: #88c147;
  }
}

.related-posts__slider-prev {
  margin-right: 32px;
}

.related-posts__slider-next {
  margin-left: 32px;
}

.related-posts__slide-image {
  height: 100vh;
  max-height: 365px;
  width: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 10px;
  margin-bottom: 32px;
}

@media screen and (max-width: 480px) {
  .related-posts__slide-image {
    height: 254px;
    margin-bottom: 24px;
  }
}

.related-posts__slide-date {
  font-weight: 500;
  font-size: 20px;
  color: #88c147;
  margin-bottom: 24px;
}

@media screen and (max-width: 768px) {
  .related-posts__slide-date {
    font-size: 18px;
  }
}

@media screen and (max-width: 480px) {
  .related-posts__slide-date {
    font-size: 16px;
    margin-bottom: 16px;
  }
}

.related-posts__slide-title {
  display: block;
  font-weight: 700;
  font-size: 24px;
  margin-bottom: 16px;
}

@media screen and (max-width: 578px) {
  .related-posts__slide-title {
    font-size: 20px;
  }
}

.related-posts__slide-text {
  display: block;
  font-weight: 500;
  font-size: 18px;
  margin-bottom: 24px;
}

@media screen and (max-width: 578px) {
  .related-posts__slide-text {
    font-size: 16px;
  }
}

.testimonials {
  padding: 108px 0 108px 225px;
  overflow: hidden;
  width: 100%;
}

@media screen and (max-width: 1600px) {
  .testimonials {
    padding: 108px 0 108px 108px;
  }
}

@media screen and (max-width: 1281px) {
  .testimonials {
    padding: 96px 0 96px 24px;
  }
}

@media screen and (max-width: 992px) {
  .testimonials {
    padding: 64px 0 64px 24px;
  }
}

@media screen and (max-width: 760px) {
  .testimonials {
    padding: 48px 0 48px 15px;
  }
}

@media screen and (min-width: 1921px) {
  .testimonials {
    padding: 5.625vw 0 5.625vw 11.71875vw;
  }
}

.testimonials__wrapper {
  display: flex;
  align-items: center;
}

@media screen and (max-width: 1281px) {
  .testimonials__wrapper {
    flex-direction: column;
    align-items: flex-start;
  }
}

.testimonials__title-wrap {
  max-width: 320px;
  width: 100%;
  margin-right: 50px;
}

@media screen and (min-width: 1921px) {
  .testimonials__title-wrap {
    max-width: 16.66666667vw;
    margin-right: 2.604166667vw;
  }
}

.testimonials__section-title {
  font-weight: 900;
  margin-bottom: 32px;
}

@media screen and (min-width: 1921px) {
  .testimonials__section-title {
    margin-bottom: 1.666666667vw;
  }
}

.testimonials__text {
  font-size: 24px;
}

@media screen and (min-width: 1921px) {
  .testimonials__text {
    font-size: 1.25vw;
  }
}

.testimonials__swiper-container {
  max-width: 100%;
  width: 100%;
  border-radius: 16px;
}

@media screen and (min-width: 1921px) {
  .testimonials__swiper-container {
    border-radius: 0.8333333333vw;
  }
}

.testimonials__item {
  position: relative;
  height: auto;
  display: flex;
}

.testimonials__item-wrap {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  background: rgba(136, 193, 71, 0.9);
  border: 4px solid #88c147;
  border-radius: 16px;
  padding: 48px;
}

@media screen and (min-width: 1921px) {
  .testimonials__item-wrap {
    border: 0.2083333333vw solid #88c147;
    border-radius: 0.8333333333vw;
    padding: 2.5vw;
  }
}

@media screen and (max-width: 1024px) {
  .testimonials__item-wrap {
    padding: 24px;
  }
}

@media screen and (max-width: 570px) {
  .testimonials__item-wrap {
    padding: 24px 16px;
  }
}

.testimonials__item-wrap img {
  margin-bottom: 24px;
}

@media screen and (min-width: 1921px) {
  .testimonials__item-wrap img {
    margin-bottom: 1.25vw;
  }
}

@media screen and (max-width: 570px) {
  .testimonials__item-wrap img {
    margin-bottom: 16px;
  }
}

.testimonials__item-text {
  color: #fff;
  font-size: 18px;
  text-align: center;
  margin-bottom: 0;
  position: relative;
  z-index: 3;
  max-width: 100%;
}

@media screen and (min-width: 1921px) {
  .testimonials__item-text {
    font-size: 0.9375vw;
  }
}

@media screen and (max-width: 570px) {
  .testimonials__item-text {
    font-size: 16px;
  }
}

.testimonials__pagination {
  margin-top: 32px;
}

@media screen and (min-width: 1921px) {
  .testimonials__pagination {
    margin-top: 1.666666667vw;
  }
}

.about-img-text__item {
  padding: 164px 0;
}

@media screen and (max-width: 1024px) {
  .about-img-text__item {
    padding: 128px 0;
  }
}

@media screen and (max-width: 991px) {
  .about-img-text__item {
    padding: 96px 0;
  }
}

@media screen and (max-width: 769px) {
  .about-img-text__item {
    padding: 64px 0;
  }
}

@media screen and (max-width: 480px) {
  .about-img-text__item {
    padding: 48px 0;
  }
}

@media screen and (min-width: 1921px) {
  .about-img-text__item {
    padding: 8.541666667vw 0;
  }
}

.about-img-text__item.about-img-text__item--bg-grey {
  background-color: #f3f1f2;
}

.about-img-text__wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

@media screen and (max-width: 769px) {
  .about-img-text__wrapper {
    flex-direction: column;
  }
}

.about-img-text__img {
  margin-right: 24px;
}

@media screen and (max-width: 1350px) {
  .about-img-text__img {
    max-width: 50%;
    width: 100%;
  }
}

@media screen and (max-width: 769px) {
  .about-img-text__img {
    max-width: 100%;
    margin-right: 0;
    margin-bottom: 24px;
  }
}

@media screen and (min-width: 1921px) {
  .about-img-text__img {
    margin-right: 1.25vw;
  }
}

.about-img-text__img img {
  width: 500px;
  height: 522px;
}

@media screen and (max-width: 1350px) {
  .about-img-text__img img {
    max-width: 100%;
    width: 100%;
    height: auto;
  }
}

@media screen and (min-width: 1921px) {
  .about-img-text__img img {
    width: 26.04166667vw;
    height: 27.1875vw;
  }
}

.about-img-text__content {
  max-width: 787px;
}

@media screen and (max-width: 1350px) {
  .about-img-text__content {
    max-width: 50%;
    width: 100%;
  }
}

@media screen and (max-width: 769px) {
  .about-img-text__content {
    max-width: 100%;
  }
}

@media screen and (min-width: 1921px) {
  .about-img-text__content {
    max-width: 40.98958333vw;
  }
}

.about-img-text__title {
  margin-bottom: 32px;
}

@media screen and (max-width: 769px) {
  .about-img-text__title {
    margin-bottom: 24px;
  }
}

@media screen and (min-width: 1921px) {
  .about-img-text__title {
    margin-bottom: 1.71875vw;
  }
}

.about-img-text__text p {
  margin-bottom: 0;
}

.about-img-text__item--reverse .about-img-text__wrapper {
  flex-direction: row-reverse;
}

@media screen and (max-width: 769px) {
  .about-img-text__item--reverse .about-img-text__wrapper {
    flex-direction: column;
  }
}

.about-img-text__item--reverse .about-img-text__img {
  margin-right: 0;
  margin-left: 24px;
}

@media screen and (max-width: 769px) {
  .about-img-text__item--reverse .about-img-text__img {
    margin-left: 0;
    margin-bottom: 24px;
  }
}

@media screen and (min-width: 1921px) {
  .about-img-text__item--reverse .about-img-text__img {
    margin-left: 1.25vw;
  }
}

.about-logos {
  padding: 164px 0;
}

@media screen and (max-width: 1024px) {
  .about-logos {
    padding: 128px 0;
  }
}

@media screen and (max-width: 991px) {
  .about-logos {
    padding: 96px 0;
  }
}

@media screen and (max-width: 769px) {
  .about-logos {
    padding: 64px 0;
  }
}

@media screen and (max-width: 480px) {
  .about-logos {
    padding: 48px 0;
  }
}

@media screen and (min-width: 1921px) {
  .about-logos {
    padding: 8.541666667vw 0;
  }
}

.about-logos__wrapper {
  text-align: center;
}

.about-logos__section-title {
  margin-bottom: 64px;
}

@media screen and (min-width: 1921px) {
  .about-logos__section-title {
    margin-bottom: 3.333333333vw;
  }
}

@media screen and (max-width: 991px) {
  .about-logos__section-title {
    margin-bottom: 48px;
  }
}

@media screen and (max-width: 640px) {
  .about-logos__section-title {
    margin-bottom: 32px;
  }
}

.about-logos__items {
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-width: 730px;
  width: 100%;
  margin: 0 auto;
}

@media screen and (max-width: 700px) {
  .about-logos__items {
    flex-direction: column;
  }
}

@media screen and (min-width: 1921px) {
  .about-logos__items {
    max-width: 38.02083333vw;
  }
}

.about-logos__item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-right: 64px;
}

@media screen and (max-width: 991px) {
  .about-logos__item {
    margin-right: 32px;
  }
}

@media screen and (max-width: 700px) {
  .about-logos__item {
    margin-right: 0;
    margin-bottom: 32px;
  }
}

@media screen and (min-width: 1921px) {
  .about-logos__item {
    margin-right: 3.333333333vw;
  }
}

.about-logos__item:last-child {
  margin-right: 0;
}

@media screen and (max-width: 700px) {
  .about-logos__item:last-child {
    margin-bottom: 0;
  }
}

.about-logos__item-img {
  margin-bottom: 24px;
}

@media screen and (max-width: 480px) {
  .about-logos__item-img {
    margin-bottom: 16px;
  }
}

@media screen and (min-width: 1921px) {
  .about-logos__item-img {
    margin-bottom: 1.25vw;
  }
}

.about-logos__item-title {
  font-weight: 500;
  font-size: 24px;
  line-height: 35px;
  color: #88c147;
}

@media screen and (max-width: 480px) {
  .about-logos__item-title {
    font-size: 22px;
  }
}

@media screen and (min-width: 1921px) {
  .about-logos__item-title {
    font-size: 1.25vw;
    line-height: 1.822916667vw;
  }
}

.about-us-cta {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 0;
  position: relative;
  height: 100vh;
  max-height: 400px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

@media screen and (max-width: 480px) {
  .about-us-cta {
    max-height: 300px;
  }
}

@media screen and (min-width: 1921px) {
  .about-us-cta {
    max-height: 20.83333333vw;
  }
}

.about-us-cta__title {
  max-width: 800px;
  margin: 0 auto;
}

@media screen and (min-width: 1921px) {
  .about-us-cta__title {
    max-width: 41.66666667vw;
  }
}