/* @import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500&display=swap'); */

/* cyrillic-ext */
@font-face {
  /*font-display: swap;*/
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/montserrat/v26/JTUSjIg1_i6t8kCHKm459WRhyzbi.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  /*font-display: swap;*/
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/montserrat/v26/JTUSjIg1_i6t8kCHKm459W1hyzbi.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin-ext */
@font-face {
  /*font-display: swap;*/
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/montserrat/v26/JTUSjIg1_i6t8kCHKm459Wdhyzbi.woff2) format('woff2');
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  /*font-display: swap;*/
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/montserrat/v26/JTUSjIg1_i6t8kCHKm459Wlhyw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  /*font-display: swap;*/
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  src: url(https://fonts.gstatic.com/s/montserrat/v26/JTUSjIg1_i6t8kCHKm459WRhyzbi.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  /*font-display: swap;*/
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  src: url(https://fonts.gstatic.com/s/montserrat/v26/JTUSjIg1_i6t8kCHKm459W1hyzbi.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin-ext */
@font-face {
  /*font-display: swap;*/
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  src: url(https://fonts.gstatic.com/s/montserrat/v26/JTUSjIg1_i6t8kCHKm459Wdhyzbi.woff2) format('woff2');
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  /*font-display: swap;*/
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  src: url(https://fonts.gstatic.com/s/montserrat/v26/JTUSjIg1_i6t8kCHKm459Wlhyw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root {
  --primary-1: #85E60F;
  --primary-1-shade-1: #F8FEF0;
  --primary-1-shade-2: #C7F88C;
  --primary-2: #3B6658;
  --primary-2-shade-1: #CBE1DA;
  --primary-2-shade-2: #254138;
  --accent: #FA7921;
  --accent-shade-1: #FEE7D7;
  --accent-shade-2: #3C1901;
  --neutral: #111D02;
  --neutral-shade-1: #8DA59D;
  --neutral-shade-2: #59736A;
  --white: #fff;
  --black: #000;
}

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

:focus-visible {
  outline: none;
}

body {
	background-color: var(--primary-1-shade-1);
	margin: 0;
}

body, input, textarea, select {
	font-size: 18px;
	font-family: 'Montserrat', sans-serif;
	-webkit-font-smoothing: antialiased;
	line-height: 28px;
}

body, input, textarea, select, a {
	color: var(--neutral, #111D02);
}

a {
	text-decoration: none;
}

h1, h2, h3, h4, h5, h6, p, ul {
  margin: 0;
  padding: 0;
}

.content-regular ul {
  margin: 1em;
  padding: 0 0 0 24px;
}

.heading-xxl {
  font-size: 240px;
  font-weight: 500;
  line-height: 240px;
  letter-spacing: -3.6px;
  text-transform: uppercase;
}

.heading-xl {
  font-size: 128px;
  font-weight: 500;
  line-height: 128px;
  text-transform: uppercase;
}

.heading-lg {
  color: var(--primary-2);
  font-size: 64px;
  font-weight: 500;
  letter-spacing: -0.32px;
  line-height: 68px;
  text-transform: uppercase;
  word-wrap: break-word;
}

.heading-md {
  font-size: 48px;
  font-weight: 500;
  line-height: 56px;
  text-transform: uppercase;
}

.heading-sm {
  font-size: 34px;
  font-weight: 400;
  line-height: 44px;
  text-transform: uppercase;
}

.heading-sm {
  font-size: 34px;
  font-weight: 400;
  line-height: 44px;
  text-transform: uppercase;
}

h2.heading-sm-weight {
  color: var(--primary-2, #3B6658);
}

.heading-sm-weight {
  font-size: 34px;
  font-weight: 500;
  line-height: 44px;
  text-transform: uppercase;
}

.heading-xs {
  font-size: 24px;
  font-weight: 400;
  line-height: 32px;
  text-transform: uppercase;
}

.heading-xss {
  color: var(--Primary-2, #3B6658);
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  text-transform: uppercase;
}

.heading-xxs {
  color: var(--neutral-shade-1);	
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 0.08px;
  text-transform: uppercase;
}

.project-page a {
  color: var(--Accent, #FA7921);
}

.project-page a:hover {
  text-decoration: underline;
}

.overflow-hidden {
  overflow: hidden;
}

ul {
  list-style: none;
}

img {
  display: block;
}

.cover-pic {
  background: center / 100% auto no-repeat;
  background-size: cover;
  transition: .3s ease-in;	
}

.cat-list .category-pic {
  background: center / 100% auto no-repeat;
  background-size: cover;
  transition: .3s ease-in;	
}

.category-pic img {
  display: none;	
}

.cover-pic img {
  display: none;
}

.btn {
  cursor: pointer;
  display: block;
  overflow: hidden;
  position: relative;
}

.btn-text-cta, .btn-text.btn-text-cta-black {
  color: var(--white);
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  transition: all 0.5s ease;  	
}

.btn-text.btn-text-cta-black {
  color: var(--neutral);
}

.btn span {
  position: relative;
}

.btn-text {
  color: var(--white);
  font-size: 18px;
  line-height: 28px;
  font-weight: 400;
  transition: all 0.5s ease;
}

.btn-sm.btn-text {
  font-size: 14px;
}

.btn-text-cta:not(.btn-icon), .btn-text-cta-black:not(.btn-icon) {
  align-items: center;
  border-radius: 24px;
  display: flex;
  padding: 10px 24px;
  justify-content: center;
}

.btn-icon:not(.btn-text) {
  background: center no-repeat;
  border-radius: 50%;
  flex: 0 0 40px;
  height: 40px;
  width: 40px;
}

.btn-icon.btn-sm:not(.btn-text), .btn-text.btn-sm.btn-icon:after {
  height: 40px;
  flex: 0 0 40px;
  width: 40px;
}

.btn-icon.btn-lg:not(.btn-text), .btn-text.btn-lg.btn-icon:after {
  height: 80px;
  flex: 0 0 80px;
  max-width: 80px;
}

.btn-icon:after {
  transition: all 0.5s ease;
}

.btn-icon:hover:after {
  transition: all 0.5s ease;
}

.btn-icon:after {
  background: center no-repeat;
  content: '';
  height: 40px;
  left: 0;
  position: absolute;
  top: 0;
  width: 40px;
}

.btn-sm.btn-icon:after {
  height: 32px;
  flex: 0 0 32px;
  width: 32px;
}

.btn-lg.btn-icon:after {
  height: 80px;
  flex: 0 0 80px;
  width: 80px;
}

.btn-text.btn-icon:after {
  left: 0;
  position: absolute;
  top: 0;
}

.btn-icon.btn-arrow:after {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOSIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDkgMTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMF8xMTA1XzU0OSkiPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTAuODExNTg0IDE1LjA2MDRDMC45NTUyNTIgMTUuMTk2OCAxLjE0NTgyIDE1LjI3MjkgMS4zNDM5NSAxNS4yNzI5QzEuNTQyMDggMTUuMjcyOSAxLjczMjY0IDE1LjE5NjggMS44NzYzMSAxNS4wNjA0TDguMTAzOTUgOS4wNTAyQzguMjQzMzUgOC45MTc3MiA4LjM1NDM1IDguNzU4MjcgOC40MzAyIDguNTgxNTVDOC41MDYwNSA4LjQwNDgyIDguNTQ1MTcgOC4yMTQ1MiA4LjU0NTE3IDguMDIyMkM4LjU0NTE3IDcuODI5ODkgOC41MDYwNSA3LjYzOTU4IDguNDMwMiA3LjQ2Mjg2QzguMzU0MzUgNy4yODYxNCA4LjI0MzM1IDcuMTI2NjkgOC4xMDM5NSA2Ljk5NDJMMS44MzEyMiAwLjkzOTY1NkMxLjU0MDMxIDAuNjU5NjU3IDEuMDY5MDQgMC42NTYwMiAwLjc3Mzc2NSAwLjkzMjM4NEMwLjcwMjI3OCAwLjk5ODIyNCAwLjY0NTA4OSAxLjA3ODA2IDAuNjA1NzQ4IDEuMTY2OTNDMC41NjY0MDcgMS4yNTU4IDAuNTQ1NzU1IDEuMzUxOCAwLjU0NTA3MyAxLjQ0ODk5QzAuNTQ0MzkxIDEuNTQ2MTcgMC41NjM2OTQgMS42NDI0NiAwLjYwMTc4MyAxLjczMTg3QzAuNjM5ODczIDEuODIxMjggMC42OTU5MzcgMS45MDE5MSAwLjc2NjQ5MiAxLjk2ODc1TDYuNTA2ODYgNy41MDgzOUM2LjU3NjYxIDcuNTc0NjMgNi42MzIxNiA3LjY1NDM4IDYuNjcwMTIgNy43NDI3N0M2LjcwODA4IDcuODMxMTcgNi43Mjc2NiA3LjkyNjM3IDYuNzI3NjYgOC4wMjI1N0M2LjcyNzY2IDguMTE4NzcgNi43MDgwOCA4LjIxMzk2IDYuNjcwMTIgOC4zMDIzNkM2LjYzMjE2IDguMzkwNzYgNi41NzY2MSA4LjQ3MDUgNi41MDY4NiA4LjUzNjc1TDAuODEyMzEgMTQuMDMyN0MwLjc0MjU3MiAxNC4wOTg5IDAuNjg3MDM3IDE0LjE3ODYgMC42NDkwODYgMTQuMjY3QzAuNjExMTM1IDE0LjM1NTMgMC41OTE1NjQgMTQuNDUwNCAwLjU5MTU2NCAxNC41NDY2QzAuNTkxNTY0IDE0LjY0MjcgMC42MTExMzUgMTQuNzM3OCAwLjY0OTA4NiAxNC44MjYyQzAuNjg3MDM3IDE0LjkxNDUgMC43NDE4NDYgMTQuOTk0MiAwLjgxMTU4NCAxNS4wNjA0WiIgZmlsbD0iIzE5MjgxOSIvPgo8L2c+CjxkZWZzPgo8Y2xpcFBhdGggaWQ9ImNsaXAwXzExMDVfNTQ5Ij4KPHJlY3Qgd2lkdGg9IjgiIGhlaWdodD0iMTQuNTQ1NSIgZmlsbD0id2hpdGUiIHRyYW5zZm9ybT0ibWF0cml4KC0xIDAgMCAtMSA4LjU0NTQ3IDE1LjI3MjcpIi8+CjwvY2xpcFBhdGg+CjwvZGVmcz4KPC9zdmc+Cg);
}

.btn-icon.btn-arrow.btn-arrow-light:after {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSIxNCIgdmlld0JveD0iMCAwIDggMTQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMC41NTY0MjcgMTMuNzk1NUMwLjY5NDcwOCAxMy45MjY4IDAuODc4MTI4IDE0IDEuMDY4ODMgMTRDMS4yNTk1MyAxNCAxLjQ0Mjk1IDEzLjkyNjggMS41ODEyMyAxMy43OTU1TDcuNTc1MzMgOC4wMTA2N0M3LjcwOTUgNy44ODMxNSA3LjgxNjM0IDcuNzI5NjggNy44ODkzNSA3LjU1OTU4QzcuOTYyMzUgNy4zODk0OSA4IDcuMjA2MzIgOCA3LjAyMTIyQzggNi44MzYxMSA3Ljk2MjM1IDYuNjUyOTUgNy44ODkzNSA2LjQ4Mjg1QzcuODE2MzQgNi4zMTI3NSA3LjcwOTUgNi4xNTkyOCA3LjU3NTMzIDYuMDMxNzdMMS41Mzc4MyAwLjIwNDI2NkMxLjI1NzgzIC0wLjA2NTIzNTEgMC44MDQyMjcgLTAuMDY4NzM1MSAwLjUyMDAyNyAwLjE5NzI2NUMwLjQ1MTIyMSAwLjI2MDYzNiAwLjM5NjE3NiAwLjMzNzQ3NyAwLjM1ODMxMSAwLjQyMzAxM0MwLjMyMDQ0NSAwLjUwODU0OSAwLjMwMDU2NyAwLjYwMDk1NSAwLjI5OTkxMSAwLjY5NDQ5NUMwLjI5OTI1NCAwLjc4ODAzNSAwLjMxNzgzMyAwLjg4MDcxMyAwLjM1NDQ5NSAwLjk2Njc3MUMwLjM5MTE1NiAxLjA1MjgzIDAuNDQ1MTE3IDEuMTMwNDMgMC41MTMwMjcgMS4xOTQ3N0w2LjAzODEzIDYuNTI2NjdDNi4xMDUyNyA2LjU5MDQzIDYuMTU4NzMgNi42NjcxOCA2LjE5NTI3IDYuNzUyMjdDNi4yMzE4MSA2LjgzNzM1IDYuMjUwNjUgNi45Mjg5NyA2LjI1MDY1IDcuMDIxNTdDNi4yNTA2NSA3LjExNDE2IDYuMjMxODEgNy4yMDU3OSA2LjE5NTI3IDcuMjkwODdDNi4xNTg3MyA3LjM3NTk1IDYuMTA1MjcgNy40NTI3IDYuMDM4MTMgNy41MTY0N0wwLjU1NzEyNyAxMi44MDY0QzAuNDkwMDA0IDEyLjg3MDEgMC40MzY1NTEgMTIuOTQ2OCAwLjQwMDAyMyAxMy4wMzE4QzAuMzYzNDk1IDEzLjExNjggMC4zNDQ2NTggMTMuMjA4NCAwLjM0NDY1OCAxMy4zMDA5QzAuMzQ0NjU4IDEzLjM5MzUgMC4zNjM0OTUgMTMuNDg1IDAuNDAwMDIzIDEzLjU3QzAuNDM2NTUxIDEzLjY1NTEgMC40ODkzMDQgMTMuNzMxOCAwLjU1NjQyNyAxMy43OTU1WiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==);
}

.btn-icon.btn-arrow-left:after {
  transform: rotate(180deg);
}

.btn-icon.btn-play:after {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEwLjY2NiA5LjA1MzgzVjIyLjQ2MThDMTAuNjY2IDIzLjQ4NDIgMTEuNzkyIDI0LjEwNTQgMTIuNjU5MSAyMy41NDg5TDIzLjE5MzkgMTYuODQ0OUMyMy45OTYzIDE2LjM0MDIgMjMuOTk2MyAxNS4xNzU0IDIzLjE5MzkgMTQuNjU3N0wxMi42NTkxIDcuOTY2N0MxMS43OTIgNy40MTAyIDEwLjY2NiA4LjAzMTQxIDEwLjY2NiA5LjA1MzgzWiIgZmlsbD0iI0ZBNzkyMSIvPgo8L3N2Zz4K);
}

.box-video:hover .btn-icon.btn-play:after {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEwLjY2NiA5LjA1MzgzVjIyLjQ2MThDMTAuNjY2IDIzLjQ4NDIgMTEuNzkyIDI0LjEwNTQgMTIuNjU5MSAyMy41NDg5TDIzLjE5MzkgMTYuODQ0OUMyMy45OTYzIDE2LjM0MDIgMjMuOTk2MyAxNS4xNzU0IDIzLjE5MzkgMTQuNjU3N0wxMi42NTkxIDcuOTY2N0MxMS43OTIgNy40MTAyIDEwLjY2NiA4LjAzMTQxIDEwLjY2NiA5LjA1MzgzWiIgZmlsbD0iI2ZmZiIvPgo8L3N2Zz4K);
}

.btn-icon.btn-download:after {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iMTciIHZpZXdCb3g9IjAgMCAxNyAxNyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzM5OTFfMjc1OSkiPgo8cGF0aCBkPSJNMS41OTM3NSAxN0MxLjE2ODc1IDE3IDAuNzk2ODc1IDE2Ljg0MDYgMC40NzgxMjUgMTYuNTIxOUMwLjE1OTM3NSAxNi4yMDMxIDAgMTUuODMxMyAwIDE1LjQwNjJWMTEuNjM0NEgxLjU5Mzc1VjE1LjQwNjJIMTUuNDA2MlYxMS42MzQ0SDE3VjE1LjQwNjJDMTcgMTUuODMxMyAxNi44NDA2IDE2LjIwMzEgMTYuNTIxOSAxNi41MjE5QzE2LjIwMzEgMTYuODQwNiAxNS44MzEzIDE3IDE1LjQwNjIgMTdIMS41OTM3NVpNOC41IDEyLjk2MjVMMy40IDcuODA5MzdMNC41Njg3NSA2LjY5Mzc1TDcuNzU2MjUgOS44ODEyNVYwSDkuMzVWOS44ODEyNUwxMi41Mzc1IDYuNjkzNzVMMTMuNjUzMSA3LjgwOTM3TDguNSAxMi45NjI1WiIgZmlsbD0iIzExMUQwMiIvPgo8L2c+CjxkZWZzPgo8Y2xpcFBhdGggaWQ9ImNsaXAwXzM5OTFfMjc1OSI+CjxyZWN0IHdpZHRoPSIxNyIgaGVpZ2h0PSIxNyIgZmlsbD0id2hpdGUiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4K);
}

.btn-icon.btn-download:hover:after {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iMTciIHZpZXdCb3g9IjAgMCAxNyAxNyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzM5OTFfMjc1OSkiPgo8cGF0aCBkPSJNMS41OTM3NSAxN0MxLjE2ODc1IDE3IDAuNzk2ODc1IDE2Ljg0MDYgMC40NzgxMjUgMTYuNTIxOUMwLjE1OTM3NSAxNi4yMDMxIDAgMTUuODMxMyAwIDE1LjQwNjJWMTEuNjM0NEgxLjU5Mzc1VjE1LjQwNjJIMTUuNDA2MlYxMS42MzQ0SDE3VjE1LjQwNjJDMTcgMTUuODMxMyAxNi44NDA2IDE2LjIwMzEgMTYuNTIxOSAxNi41MjE5QzE2LjIwMzEgMTYuODQwNiAxNS44MzEzIDE3IDE1LjQwNjIgMTdIMS41OTM3NVpNOC41IDEyLjk2MjVMMy40IDcuODA5MzdMNC41Njg3NSA2LjY5Mzc1TDcuNzU2MjUgOS44ODEyNVYwSDkuMzVWOS44ODEyNUwxMi41Mzc1IDYuNjkzNzVMMTMuNjUzMSA3LjgwOTM3TDguNSAxMi45NjI1WiIgZmlsbD0id2hpdGUiLz4KPC9nPgo8ZGVmcz4KPGNsaXBQYXRoIGlkPSJjbGlwMF8zOTkxXzI3NTkiPgo8cmVjdCB3aWR0aD0iMTciIGhlaWdodD0iMTciIGZpbGw9IndoaXRlIi8+CjwvY2xpcFBhdGg+CjwvZGVmcz4KPC9zdmc+Cg==);
  transition: all 0.5s ease;
}

.btn-text.btn-icon {
  align-items: center;
  display: inline-flex;
  gap: 16px;
  justify-content: center;
}

.btn-text.btn-icon:before {
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgdmlld0JveD0iMCAwIDEwMCAxMDAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cmVjdCB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgZmlsbD0iI0ZBNzkyMSIvPg0KPC9zdmc+DQo);
  background-position: -40px 0;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  transition: .3s;
  content: '';
}

.btn-text.btn-icon:hover:before {
  background-position: 0 0;
}

.btn-round:not(.btn-text), .btn-round.btn-icon:before {
  border-radius: 50%;
}

.btn-fill:not(.btn-border), .btn-icon-fill:before {
  border: 1px solid var(--accent);
}

.btn-border:not(.btn-text):before, .btn-border.btn-icon.btn-text:before, .btn-border:not(.btn-icon) {
  border: 1px solid var(--accent);
}

.btn.btn-text.btn-border {
  color: var(--Neutral, #111D02);
}

.btn-text-cta:hover {
  color: var(--neutral);
}

.btn-text-white:hover, .btn-text.btn-text-cta-black:hover {
  color: var(--white);	
}

.btn.btn-text.btn-border:not(.btn-icon):before {
  background-color: var(--accent);
  content: '';
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  transition: all 0.5s ease;
  width: 0;
  z-index: 0;
}

.btn.btn-text.btn-border:not(.btn-icon):hover:before {
  width: 100%;
}

.btn-border.btn-icon.btn-text:before, .btn-icon:not(.btn-text):before {
  border-radius: 50%;
  content: '';
  height: 40px;
  transition: all 0.5s ease;
  width: 40px;
}

.btn-icon:not(.btn-text):before {
  left: 0;
  position: absolute;
  top: 0;
}

.btn-icon.btn-arrow:hover:after {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOSIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDkgMTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMF8xMTA1XzU0OSkiPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTAuODExNTg0IDE1LjA2MDRDMC45NTUyNTIgMTUuMTk2OCAxLjE0NTgyIDE1LjI3MjkgMS4zNDM5NSAxNS4yNzI5QzEuNTQyMDggMTUuMjcyOSAxLjczMjY0IDE1LjE5NjggMS44NzYzMSAxNS4wNjA0TDguMTAzOTUgOS4wNTAyQzguMjQzMzUgOC45MTc3MiA4LjM1NDM1IDguNzU4MjcgOC40MzAyIDguNTgxNTVDOC41MDYwNSA4LjQwNDgyIDguNTQ1MTcgOC4yMTQ1MiA4LjU0NTE3IDguMDIyMkM4LjU0NTE3IDcuODI5ODkgOC41MDYwNSA3LjYzOTU4IDguNDMwMiA3LjQ2Mjg2QzguMzU0MzUgNy4yODYxNCA4LjI0MzM1IDcuMTI2NjkgOC4xMDM5NSA2Ljk5NDJMMS44MzEyMiAwLjkzOTY1NkMxLjU0MDMxIDAuNjU5NjU3IDEuMDY5MDQgMC42NTYwMiAwLjc3Mzc2NSAwLjkzMjM4NEMwLjcwMjI3OCAwLjk5ODIyNCAwLjY0NTA4OSAxLjA3ODA2IDAuNjA1NzQ4IDEuMTY2OTNDMC41NjY0MDcgMS4yNTU4IDAuNTQ1NzU1IDEuMzUxOCAwLjU0NTA3MyAxLjQ0ODk5QzAuNTQ0MzkxIDEuNTQ2MTcgMC41NjM2OTQgMS42NDI0NiAwLjYwMTc4MyAxLjczMTg3QzAuNjM5ODczIDEuODIxMjggMC42OTU5MzcgMS45MDE5MSAwLjc2NjQ5MiAxLjk2ODc1TDYuNTA2ODYgNy41MDgzOUM2LjU3NjYxIDcuNTc0NjMgNi42MzIxNiA3LjY1NDM4IDYuNjcwMTIgNy43NDI3N0M2LjcwODA4IDcuODMxMTcgNi43Mjc2NiA3LjkyNjM3IDYuNzI3NjYgOC4wMjI1N0M2LjcyNzY2IDguMTE4NzcgNi43MDgwOCA4LjIxMzk2IDYuNjcwMTIgOC4zMDIzNkM2LjYzMjE2IDguMzkwNzYgNi41NzY2MSA4LjQ3MDUgNi41MDY4NiA4LjUzNjc1TDAuODEyMzEgMTQuMDMyN0MwLjc0MjU3MiAxNC4wOTg5IDAuNjg3MDM3IDE0LjE3ODYgMC42NDkwODYgMTQuMjY3QzAuNjExMTM1IDE0LjM1NTMgMC41OTE1NjQgMTQuNDUwNCAwLjU5MTU2NCAxNC41NDY2QzAuNTkxNTY0IDE0LjY0MjcgMC42MTExMzUgMTQuNzM3OCAwLjY0OTA4NiAxNC44MjYyQzAuNjg3MDM3IDE0LjkxNDUgMC43NDE4NDYgMTQuOTk0MiAwLjgxMTU4NCAxNS4wNjA0WiIgZmlsbD0iI2ZmZiIvPgo8L2c+CjxkZWZzPgo8Y2xpcFBhdGggaWQ9ImNsaXAwXzExMDVfNTQ5Ij4KPHJlY3Qgd2lkdGg9IjgiIGhlaWdodD0iMTQuNTQ1NSIgZmlsbD0id2hpdGUiIHRyYW5zZm9ybT0ibWF0cml4KC0xIDAgMCAtMSA4LjU0NTQ3IDE1LjI3MjcpIi8+CjwvY2xpcFBhdGg+CjwvZGVmcz4KPC9zdmc+Cg);
  transition: all 0.5s ease;  
}

.btn-sm.btn-icon:before, .btn-border.btn-sm.btn-icon.btn-text:before {
  content: '';
  height: 40px;
  width: 40px;
}

.btn-icon:not(.btn-text) span {
  display: none;
}

.btn-border:before {
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgdmlld0JveD0iMCAwIDEwMCAxMDAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cmVjdCB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgZmlsbD0iI0ZBNzkyMSIvPg0KPC9zdmc+DQo) 0 0 no-repeat;
  background-position: -40px 0;
  background-size: 100% 100%;
  content: '';
  height: 100%;
  transition: all 0.5s ease;
  width: 0;
  z-index: 0;
}

.btn-border.btn-icon.btn-lg:before {
  background-position: -80px 0;
  height: 80px;
  width: 80px;  
}

.btn-border:not(.btn-text):before {
  left: 0;
  position: absolute;
  top: 0;
}

a:hover .btn-border:before, .btn-border:hover:before, .box-video:hover .btn-border.btn-icon.btn-lg:before {
  background-position: 0 0;
}

.btn-fill:not(.btn-border):before {
  background-color: var(--accent);
  content: '';
  height: 100%;
  right: 0;
  position: absolute;
  top: 0;
  transition: all 0.5s ease;
  width: 100%;
  z-index: 0;
}

.btn-fill:not(.btn-border):hover:before {
  width: 0;
}

.site-wrap {
  overflow: hidden;
}

.box-wrap {
  margin: 0 auto;
  max-width: 1920px;
  padding: 0 64px;
}

.site-header {
  position: relative;
}

.site-header .row {
  align-items: flex-start;
  border-bottom: 1px solid var(--neutral-shade-1);
  display: flex;
  justify-content: space-between;
  padding: 24px 0 0;
}

.site-title a {
  background: url(../images/unisport-logo.svg) center / cover no-repeat;
  display: block;
  height: 48px;
  overflow: hidden;
  text-indent: -9999px;
  width: 186px;
}

.main-nav-trigger {
  display: none;
}

.site-navigation {
  align-items: flex-start;
  display: flex;
  gap: 32px;
}

.site-navigation .menu {
  display: flex;
  gap: 24px;
}

.site-navigation .menu li {
  position: relative;
  white-space: nowrap;
}

.site-navigation .menu a {
  display: block;
  height: 72px;
  line-height: 44px;
  position: relative;
}

.site-navigation .menu .products a {
  padding-right: 20px;
}

.site-navigation .menu a:before {
  background-color: var(--Accent, #FA7921);
  content: '';
  height: 2px;
  left: 0;
  position: absolute;
  bottom: -1px;
  transition: .3s;
  width: 0;
}

.site-navigation .menu a:hover:before, .site-navigation .menu .active a:before, .site-navigation .menu li a:hover, .site-navigation .menu li.active a:before, .site-navigation .menu li.current_page_item, .site-navigation .menu li.current-page-ancestor > a:before, .site-navigation .menu li.current-menu-item > a:before {
  width: 100%;
}

.site-navigation .menu .products a:after {
  border: solid var(--Neutral, #111D02);
  border-width: 0 1px 1px 0;
  content: '';
  display: inline-block;
  height: 8px;
  margin-left: 8px;
  position: absolute;
  right: 0;
  top: 16px;
  transform: rotate(45deg);
  transition: .3s;
  width: 8px;
}

.site-navigation .menu .products a:hover:after, .site-navigation .menu .products.active a:after {
  border-color: var(--Accent, #FA7921);
  top: 20px;
  transform: rotate(225deg);
}

.site-navigation .menu li.current-page-ancestor > a:after {
  border: solid var(--Accent, #FA7921);
  border-width: 0 1px 1px 0;  
}

.site-navigation .menu li a:hover, .site-navigation .menu li.active a, .site-navigation .menu li.current_page_item, .site-navigation .menu li.current-page-ancestor > a, .site-navigation .menu li.current-menu-item > a {
  color: var(--Accent, #FA7921);
}

.products-navigation {
  background-color: #F8FEF0;
  box-shadow: 0px 10px 12px 0px #0000001a;
  left: 0;
  opacity: 0;
  padding: 48px 0;
  position: absolute;
  top: 130%;
  transition: opacity .3s, top .3s, .4s z-index .0s;
  width: 100%;
  z-index: -1;
}

.products-navigation.show {
  opacity: 1;
  top: 100%;
  transition: opacity .3s, top .3s, z-index .0s;
  z-index: 10;
}

.products-navigation .box-wrap {
  display: flex;
  gap: 24px;
}

.products-navigation .categories {
  border-right: 1px solid var(--neutral-shade-1);
  display: flex;
}

.products-navigation .categories > div {
  flex: 0 0 33.3333%;
  max-width: 33.3333%;
  padding-right: 24px;
}

.products-navigation .categories > div > a {
  display: block;
  height: 56px;
  margin-bottom: 24px;
}

.products-navigation .categories > div > a h3 {
  color: var(--Neutral, #111D02);
  font-size: 18px;
  line-height: 28px;
}

.products-navigation .categories div > div > a {
  color: var(--Neutral, #111D02);
  display: block;
  font-size: 16px;
  line-height: 24px;
}

.products-navigation .categories div > div > a + a {
  padding: 6px 0;
}

.products-navigation .categories > div > a:hover h3, .products-navigation .categories a:hover, .products-navigation .active, .products-navigation .categories div > div > .active, .products-navigation .categories > div > .active h3 {
  color: var(--Accent, #FA7921);
  text-decoration-line: underline;
}

.products-navigation .categories img {
  height: 240px;
  opacity: 0;
  position: absolute;
  right: 64px;
  top: 0;
  width: 310px;
}

.products-navigation .categories p {
  display: none;
}

.products-navigation .info {
  flex: 1;
  min-width: 334px;
}

.products-navigation .info .cover-pic {
  background-size: cover;
  height: 240px;
  margin-bottom: 24px;
  width: 100%;
}

.products-navigation .info .text {
  color: var(--Neutral-Shade-2, #59736A);
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.077px;
}

.products-navigation .info .text2 {
  display: none;
}

.home-header .row {
  display: flex;
  gap: 24px;
}

.home-header .column {
  flex: 1;
}

.home-header .column:last-child {
  border-left: 1px solid var(--neutral-shade-1);
  display: flex;
  flex-direction: column;
  padding-left: 24px;
}

.home-header .column:last-child p:first-child {
  height: 360px;
}

.home-header .column:last-child p + p {
  margin-top: 32px;
}

.box-video {
  height: 580px;
  transition: .3s ease-in;
  overflow: hidden;
  position: relative;
  width: 100vw;
}

.box-video:before {
  background: url(../images/video-frame.webp) center / cover no-repeat;
  content: '';
  height: 100%;
  position: absolute;
  transition: .6s ease-out;
  width: 100%;
  z-index: -1;
}
/*
.box-video:hover:before {
  transform: scale(1.1);
}
*/
.box-video a {
  background: linear-gradient(0deg, rgba(59, 102, 88, 0.75) 0%, rgba(59, 102, 88, 0.75) 100%);
  align-items: center;
  display: flex;
  justify-content: center;
  height: 100%;
  width: 100%;
  
  cursor: default;
}

.box-video a .btn {
  display: none;
}

.box-products {
  padding: 64px 0;
}

.box-products .heading-md {
  border-bottom: 1px solid var(--neutral-shade-1);
  color: var(--primary-2);
  padding-bottom: 32px;
}

.cat-list {
  display: flex;
  flex-wrap: nowrap;
  padding: 24px 0;
}

.cat-list > a {
  border-right: 1px solid var(--neutral-shade-1);
  display: flex;
  flex: 1 1 0;
  flex-direction: column;
  gap: 24px;
  justify-content: space-between;
  margin-right: 24px;
  padding-right: 24px;
}

.cat-list > a:last-child {
  border-right: 0;
  margin-right: 0;
}

h3.heading-xs {
  color: var(--primary-2, #3B6658);
}

.cat-list .heading-xs {
  font-weight: 500;
  text-transform: uppercase;
}

.cat-list .desc {
  display: -webkit-box;
  height: 56px;
  margin-bottom: 16px;
  overflow: hidden;
  -webkit-box-orient: vertical;  
  -webkit-line-clamp: 2;
}

.cat-list .pic {
  display: block;
  height: 320px;
  transition: .3s ease-in;
}

  
.cat-list .category-pic {
  display: block;
  height: 320px;
  transition: .3s ease-in;
}

.cat-list .heading-xs, .products-list .heading-sm-weight {
  transition: .3s ease-in;	
}

.cat-list a:hover .heading-xs, .products-list a:hover .heading-sm-weight {
  color: var(--accent);
  transition: .3s ease-out;
}

.pic.cover-pic:not(.nohover):hover, a:not(.nohover):hover .pic.cover-pic {
  background-size: 110% auto;
  transition: .3s ease-out;	
}

.cat-list .category-pic:hover {
  ackground-size: 110% auto;
  transition: .3s ease-out;		
}

.about-floorings {
  border: solid var(--neutral-shade-1);
  border-width: 1px 0;
  margin-bottom: 24px;
  padding: 128px 0;
}

.about-floorings p {
  font-weight: 400;
  margin: 0 auto;
  max-width: 918px;
  text-align: center;
}

.box-sports {
  align-items: flex-start;
  display: flex;
  flex-wrap: nowrap;
  gap: 24px;
  justify-content: space-between;
}

.box-sports-content {
  background-color: var(--primary-2-shade-2);
  height: 648px;
  position: relative;
  width: 100%;
}

.box-sports-content .sport-item {
  position: absolute;
  width: 100%;
}

.box-sports-content .sport-item.current {
  z-index: 10;
}

.box-sports-content .sport-item .pic {
  height: 424px;
  position: relative;
}

.box-sports-content .sport-item .cover-pic {
  background-size: cover;
  height: 100%;
  position: absolute;
  right: 0;
  transition: width .01s linear .4s;
  width: 0;
}

.box-sports-content .sport-item.current .cover-pic {
  transition: width .4s ease-out;
  width: 100%;
}

.box-sports-content .sport-item .content {
  display: flex;
  height: 236px;
  padding: 32px 226px 32px 48px;
  position: relative;
}

.box-sports-content .sport-item .text {
  color: var(--primary-2-shade-1);
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.box-sports-content .sport-item .heading-sm {
  color: var(--primary2-shade-1);
  text-transform: uppercase;
  opacity: 0;
  transition: .3s ease-in;
}

.box-sports-content .sport-item.current .heading-sm {
  opacity: 1;
  transition: .3s ease-out .3s;
}

.box-sports-content .sport-item .text p {
  opacity: 0;
  transition: .3s ease-in;
}

.box-sports-content .sport-item.current .text p {
  opacity: 1;
  transition: .3s ease-out .3s;
}

.box-sports-content .sport-item .picto {
  height: auto;
  position: absolute;
  right: 48px;
  top: 32px;
  width: 120px;
  opacity: 0;
  transform: translate(72px, -72px) scale(0);
  transition: .4s ease-in;
}

.box-sports-content .sport-item.current .picto {
  opacity: 1;
  transform: translate(0, 0) scale(1);
  transition: .4s ease-out .4s;
}

.box-sports-tab.current {
  color: var(--Primary-2, #3B6658);
}

.box-sports-tabs {
  border-left: 1px solid var(--neutral-shade-1);
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  flex: 0 0 334px;
  max-width: 334px;
  padding-left: 24px;
}

.box-sports-tabs a {
  align-items: center;
  border-bottom: 1px solid var(--neutral-shade-1, #8DA59D);
  color: var(--Neutral-Shade-1, #8DA59D);
  display: flex;
  gap: 16px;
  justify-content: flex-start;
  max-height: 112px;
  padding-top: 24px;
  padding-bottom: 24px;
  transition: .3s ease-in;
}

a.box-sports-tab:first-child {
  padding-top: 0;	
}

.box-sports-tabs a.box-sports-tab:nth-last-child(2) {
  border-bottom: 0;	
}

.box-sports-tabs .sport-item + a {
  border-top: 1px solid var(--neutral-shade-1);
  padding-top: 24px;
   
}

.box-sports-tabs .current, .box-sports-tabs a:hover {
  color: var(--Primary-2, #3B6658);
  transition: .3s ease-out;
}

.box-sports-tabs a .icon {
  flex: 0 0 64px;
  height: 64px;
  margin: 0;
  max-width: 64px;
}

.box-sports-tabs a .icon .st0 {
  fill: var(--neutral-shade-1);
  transition: .3s ease-in;
}

.box-sports-tabs .current .icon .st0, .box-sports-tabs a:hover .icon .st0 {
  fill: var(--Primary-2, #3B6658);
  transition: .3s ease-out;
}

.box-sports-tabs .sport-item {
  display: none;
}

.box-sports-tabs .text {
  display: none;
}

.box-services {
  background-color: var(--primary-1-shade-2);
}

.box-services .box-wrap {
  padding-bottom: 48px;
  padding-top: 64px;
  position: relative;
}

.box-services .header {
  align-items: flex-end;
  border-bottom: 1px solid var(--neutral-shade-3);
  display: flex;
  justify-content: space-between;
  margin-bottom: 24px;
  padding-bottom: 32px;
}

.smooth-slider {
  position: relative;
}

.smooth-slider .item {
  display: flex;
  gap: 24px;
}

.smooth-slider .content {
  border-right: 1px solid var(--neutral-shade-3, #87A198);
  display: flex;
  flex-direction: column;
  flex: 0 0 510px;
  max-width: 510px;
  padding-right: 24px;
}

.smooth-slider .heading-sm {
  margin-bottom: 24px;
}

.smooth-slider .text {
  border-top: 1px solid var(--neutral-shade-3, #87A198);
  padding-top: 24px;
}

.smooth-slider .pic {
  background: center / cover no-repeat;
  height: 480px;
  width: 100%;
}

.smooth-slider .pic img {
  display: none;
}

.smooth-slider .nav {
  bottom: 0;
  display: flex;
  gap: 24px;
  position: absolute;
  left: 0;
}

.box-services .view.btn-border.btn-icon:before, .box-services .nav .btn-border.btn-icon {
  border-color: var(--primary-2);
}

.box-projects {
  background-color: var(--primary-2-shade-2);
  color: var(--primary-2-shade-1);
  padding: 48px 0;
}

.about-projects {
  display: flex;
  gap: 24px;
  min-height: 472px;
  border-bottom: 1px solid var(--neutral-shade-2);
  margin-bottom: 24px;
  padding-bottom: 24px;
}

.about-projects .count {
  border-right: 1px solid var(--neutral-shade-2);
  flex: 0 0 50%;
  padding: 92px 44px;
}

.about-projects .count .heading-xxl {
  align-items: flex-start;
  color: var(--accent);
  display: flex;
  justify-content: center;
}

.about-projects .count .heading-xxl sup {
  font-size: 146px;
  line-height: 132px;
}

.about-projects .text {
  display: flex;
  flex-direction: column;
  gap: 24px;
  justify-content: space-between;
}

.about-projects .text .heading-sm {
  color: var(--primary-2-shade-1);
}

.projects-map {
  display: flex;
  gap: 24px;
  height: 100%;
  min-height: 596px;
}

.projects-map .map {
  align-items: flex-start;
  border-right: 1px solid var(--neutral-shade-2);
  display: flex;
  flex-direction: column;
  gap: 24px;
  justify-content: space-between;
  flex: 0 0 756px;
  max-width: 756px;
  padding: 48px 55px 0 54px;
}

.projects-map .map-canvas {
  height: 420px;
  max-width: 646px;
  position: relative;
  min-width: 100%;
}

.projects-map .map-canvas:after {
  background-color: var(--primary-2-shade-2);
  bottom: -1px;
  content: '';
  height: 26px;
  left: 0;
  position: absolute;
  width: 110%;
}

.projects-map .map .gm-style [role="button"], .projects-map .map .gm-style [role="button"] img {
  transform: scale(1.5);
}

.projects-map .map .active {
  transform: scale(1.5);
}

.projects-map .map .btn-arrow {
  color: var(--White, #FFFFFF);
}

.projects-map .projects {
  position: relative;
  width: 100%;
}

.projects-map .project {
  color: var(--primary-2-shade-1);
  display: flex;
  flex-direction: column;
  gap: 24px;
  height: 100%;
  justify-content: space-between;
  opacity: 0;
  position: absolute;
  transition: .6s;
  width: 100%;
}

.projects-map .project.active {
  opacity: 1;
  z-index: 5;
}

.projects-map .project .heading-xxs {
  margin-bottom: 8px;
}

.projects-map .project .heading-xs {
  color: var(--primary-2-shade-1);
  font-size: 34px;
  line-height: 44px;
  min-height: 88px;
}

.projects-map .project .heading-sm {
  color: var(--primary-2-shade-1);
}

.projects-map .project img {
  display: block;
  height: 280px;
  margin: 16px 0 16px;
  object-fit: cover;
  width: 100%;
}

.projects-map .project .area {
  color: var(--accent);
}

.projects-map .project .heading-lg {
  color: var(--accent);
  letter-spacing: -0.64px;
}

.box-testimonials {
  border-bottom: 1px solid var(--neutral-shade-1);
  display: flex;
  gap: 24px;
  padding: 64px 0 24px;
}

.box-testimonials .nav {
  border-right: 1px solid var(--neutral-shade-1);
  display: flex;
  gap: 16px;
  flex: 0 0 445px;
  max-width: 445px;
  padding-right: 24px;
}

.box-quote {
  background: var(--primary-2-shade-1);
  padding: 46px 0 96px;
}

.box-testimonials .list {
  flex: 1;
  min-height: 328px;
  position: relative;
}

.quote {
  color: var(--Neutral, #111D02);
  display: flex;
  flex-direction: column;
  gap: 48px;
  margin: 0;
  position: relative;
}

.box-quote .quote {
  margin: 0 auto;
  max-width: 977px;
  transform: translateX(72px);
}

.box-quote .quote .text, .box-quote .quote .caption .name  {
  color: var(--primary-2-shade-2, #254138);	
}

.box-testimonials .quote {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.box-testimonials .quote.current {
  position: relative;
  z-index: 10;
}

.quote:before {
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1MCIgaGVpZ2h0PSI0MCIgdmlld0JveD0iMCAwIDUwIDQwIiBmaWxsPSJub25lIj4NCjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMF83NTFfOTA1KSI+DQo8cGF0aCBkPSJNNDcuNzA3MyAwLjY4MzEwNUM0OC42ODI5IDAuNjgzMTA1IDQ5LjQxNDYgMS40MTQ4MSA0OS40MTQ2IDIuMzkwNDJDNDkuNDE0NiAyLjg3ODIzIDQ5LjE3MDcgMy42MDk5MyA0OC4xOTUxIDQuMDk3NzRDNDMuODA0OSA2LjI5Mjg2IDM4LjY4MjkgMTQuMzQxNiAzOC42ODI5IDE5LjIxOTdDNDYgMTguOTc1OCA0OS4xNzA3IDI1LjU2MTIgNDkuMTcwNyAyOS43MDc1QzQ5LjE3MDcgMzQuNTg1NSA0NS4wMjQ0IDM5LjcwNzUgMzguNjgyOSAzOS43MDc1QzMwLjg3ODEgMzkuNzA3NSAyNi45NzU2IDMzLjYwOTkgMjYuOTc1NiAyNi43ODA3QzI2Ljk3NTYgMTIuMTQ2NSA0My44MDQ5IDAuNjgzMTA1IDQ3LjcwNzMgMC42ODMxMDVaTTIxLjM2NTkgMC42ODMxMDVDMjIuMzQxNSAwLjY4MzEwNSAyMy4wNzMyIDEuNDE0ODEgMjMuMDczMiAyLjM5MDQyQzIzLjA3MzIgMi44NzgyMyAyMi44MjkzIDMuNjA5OTMgMjEuODUzNyA0LjA5Nzc0QzE3LjQ2MzQgNi4yOTI4NiAxMi4zNDE1IDE0LjM0MTYgMTIuMzQxNSAxOS4yMTk3QzE5LjY1ODUgMTguOTc1OCAyMi44MjkzIDI1LjU2MTIgMjIuODI5MyAyOS43MDc1QzIyLjgyOTMgMzQuNTg1NSAxOC42ODI5IDM5LjcwNzUgMTIuMzQxNSAzOS43MDc1QzQuNTM2NTkgMzkuNzA3NSAwLjYzNDE1NSAzMy42MDk5IDAuNjM0MTU1IDI2Ljc4MDdDMC42MzQxNTUgMTIuMTQ2NSAxNy4yMTk1IDAuNjgzMTA1IDIxLjM2NTkgMC42ODMxMDVaIiBmaWxsPSIjRkE3OTIxIi8+DQo8L2c+DQo8ZGVmcz4NCjxjbGlwUGF0aCBpZD0iY2xpcDBfNzUxXzkwNSI+DQo8cmVjdCB3aWR0aD0iNDkuNzU2MSIgaGVpZ2h0PSI0MCIgZmlsbD0id2hpdGUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAuMjQzODk2KSIvPg0KPC9jbGlwUGF0aD4NCjwvZGVmcz4NCjwvc3ZnPg) 0 0 / contain no-repeat;
  content: '';
  height: 40px;
  left: -98px;
  position: absolute;
  top: 0;
  width: 50px;
}

.quote .text {
  margin: 0;
}

.box-testimonials .quote .text div {
  opacity: 0;
  transition: .3s ease-in;
}

.box-testimonials .quote.current .text div {
  opacity: 1;
  transition: .3s ease-out .3s;
}

.box-testimonials .quote .name {
  opacity: 0;
  transform: translateY(-32px);
  transition: .3s ease-in;
}

.quote .label {
  color: var(--neutral-shade-2);
  display: block;
  font-style: normal;
}

.box-testimonials .quote .label {
  opacity: 0;
  transition: .3s ease-in;
}

.box-testimonials .quote.current .name, .box-testimonials .quote.current .label {
  opacity: 1;
  transition: .3s ease-out .3s;
}

.box-partners, .box-clients {
  padding: 64px 0;
}

.box-partners {
  border-top: 1px solid var(--Neutral-Shade-1, #8DA59D);	
}

.box-partners h2 {
  color: var(--Primary-2, #3B6658);
  padding-bottom: 32px;
}

.box-partners .list, .box-clients .list {
  display: flex;
  flex-wrap: nowrap;
  gap: 24px;
}

.box-partners a, .box-clients a {
  align-items: center;
  border: 1px solid var(--neutral-shade-1);
  display: flex;
  flex: 0 1 16.6666%;
  height: 199px;
  justify-content: center;
  max-width: calc(16.6666% - 20px);
  transition: .3s;
}

.box-partners a:hover, .box-clients a:hover {
  border: 1px solid var(--accent);
}

.box-partners img, .box-clients img {
  transition: .3s;
}

.box-clients a:nth-child(1) img, .box-clients a:nth-child(3) img, .box-clients a:nth-child(5) img, .box-clients a:nth-child(6) img {
  max-height: 80px;
  max-width: 192px;
}

.box-clients a:nth-child(2) img {
  max-height: 24px;
  max-width: 192px;	
}

.box-partners a:nth-child(1) img {
  max-height: 34px;
  max-width: 192px;
} 

.box-partners a:nth-child(2) img, .box-partners a:nth-child(4) img, .box-clients a:nth-child(4) img  {
  max-height: 48px;
  max-width: 192px;
}

.box-partners a:nth-child(3) img {
  max-height: 26px;
  max-width: 192px;
}

.box-partners a:nth-child(5) img, .box-partners a:nth-child(6) img {
  max-height: 32px;
  max-width: 192px;
}

.box-clients a:hover img, .box-partners a:hover img {
  transform: scale(1.1);
}

.projects-page .page-title {
  display: none;
}

.projects-nav {
  border-top: 1px solid var(--neutral-shade-1);
  display: flex;
  margin-bottom: -24px;
  margin-top: 48px;
  padding-top: 24px;
  text-transform: uppercase;
}

.projects-nav .active {
  color: var(--accent);
}

.projects-nav a:hover {
  color: var(--accent);
  transition: all .2s ease-in-out;
}

.projects-nav a + a {
  border-left: 1px solid var(--neutral-shade-1);
  margin-left: 16px;
  padding-left: 16px;
  transition: all .2s ease-in-out;
}

.projects-list {
  padding: 48px 0;
}

.box-project {
  display: flex;
  gap: 24px;
}

a.box-project:hover .btn-icon.btn-arrow:after {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSIxNCIgdmlld0JveD0iMCAwIDggMTQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMC41NTY0MjcgMTMuNzk1NUMwLjY5NDcwOCAxMy45MjY4IDAuODc4MTI4IDE0IDEuMDY4ODMgMTRDMS4yNTk1MyAxNCAxLjQ0Mjk1IDEzLjkyNjggMS41ODEyMyAxMy43OTU1TDcuNTc1MzMgOC4wMTA2N0M3LjcwOTUgNy44ODMxNSA3LjgxNjM0IDcuNzI5NjggNy44ODkzNSA3LjU1OTU4QzcuOTYyMzUgNy4zODk0OSA4IDcuMjA2MzIgOCA3LjAyMTIyQzggNi44MzYxMSA3Ljk2MjM1IDYuNjUyOTUgNy44ODkzNSA2LjQ4Mjg1QzcuODE2MzQgNi4zMTI3NSA3LjcwOTUgNi4xNTkyOCA3LjU3NTMzIDYuMDMxNzdMMS41Mzc4MyAwLjIwNDI2NkMxLjI1NzgzIC0wLjA2NTIzNTEgMC44MDQyMjcgLTAuMDY4NzM1MSAwLjUyMDAyNyAwLjE5NzI2NUMwLjQ1MTIyMSAwLjI2MDYzNiAwLjM5NjE3NiAwLjMzNzQ3NyAwLjM1ODMxMSAwLjQyMzAxM0MwLjMyMDQ0NSAwLjUwODU0OSAwLjMwMDU2NyAwLjYwMDk1NSAwLjI5OTkxMSAwLjY5NDQ5NUMwLjI5OTI1NCAwLjc4ODAzNSAwLjMxNzgzMyAwLjg4MDcxMyAwLjM1NDQ5NSAwLjk2Njc3MUMwLjM5MTE1NiAxLjA1MjgzIDAuNDQ1MTE3IDEuMTMwNDMgMC41MTMwMjcgMS4xOTQ3N0w2LjAzODEzIDYuNTI2NjdDNi4xMDUyNyA2LjU5MDQzIDYuMTU4NzMgNi42NjcxOCA2LjE5NTI3IDYuNzUyMjdDNi4yMzE4MSA2LjgzNzM1IDYuMjUwNjUgNi45Mjg5NyA2LjI1MDY1IDcuMDIxNTdDNi4yNTA2NSA3LjExNDE2IDYuMjMxODEgNy4yMDU3OSA2LjE5NTI3IDcuMjkwODdDNi4xNTg3MyA3LjM3NTk1IDYuMTA1MjcgNy40NTI3IDYuMDM4MTMgNy41MTY0N0wwLjU1NzEyNyAxMi44MDY0QzAuNDkwMDA0IDEyLjg3MDEgMC40MzY1NTEgMTIuOTQ2OCAwLjQwMDAyMyAxMy4wMzE4QzAuMzYzNDk1IDEzLjExNjggMC4zNDQ2NTggMTMuMjA4NCAwLjM0NDY1OCAxMy4zMDA5QzAuMzQ0NjU4IDEzLjM5MzUgMC4zNjM0OTUgMTMuNDg1IDAuNDAwMDIzIDEzLjU3QzAuNDM2NTUxIDEzLjY1NTEgMC40ODkzMDQgMTMuNzMxOCAwLjU1NjQyNyAxMy43OTU1WiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==);
  transition: all 0.5s ease;
}

.btn-hamburger {
  display: none;
}

.box-project .heading-xxs {
  color: var(--Neutral-Shade-2, #59736A); 	
}

.box-project .heading-sm {
  color: var(--Primary-2, #3B6658);
  font-weight: 500;  
}

.box-project + .box-project {  
  border-top: 1px solid var(--neutral-shade-1, #8DA59D);
  margin-top: 24px;
  padding-top: 24px;
}

.box-project > div {
  display: flex;
}

.box-project > div:first-child {
  border-right: 1px solid var(--neutral-shade-1, #8DA59D);
  flex: 0 0 382px;
  flex-direction: column;
  gap: 8px;
  max-width: 382px;
  padding-right: 24px;
}

.box-project > div:nth-child(2) {
  flex: 1;
}

.box-project > div .pic {
  background: center / 100% auto no-repeat;
  height: 288px;
  transition: .3s ease-in;
  width: 100%;
}

.box-project:hover > div .pic {
  background-size: 110% auto;
  transition: .3s ease-out;
}

.box-project > div .pic img {
  display: none;
}

.box-project > div:last-child {
  align-items: flex-start;
  border-left: 1px solid var(--neutral-shade-1, #8DA59D);
  flex: 0 0 373px;
  flex-direction: column;
  justify-content: space-between;
  padding-left: 24px;
}

.box-project > div:last-child .heading-xs {
  color: var(--primary-2, #3B6658);
  text-transform: lowercase;
}

sup { 
  font-size: initial;
}

.home .site-wrap .site-content .entry-header {
  border-bottom: none;	
}

.entry-header {
  border-bottom: 1px solid var(--Neutral-Shade-1, #8DA59D);
  padding: 48px 0;  
}

.hero1 {
  display: flex;
  gap: 24px;
}

.hero1 > div:first-child {
  border-right: 1px solid var(--Neutral-Shade-1, #8DA59D);
  display: flex;
  flex: 1;
  gap: 24px;
  flex-direction: column;
  padding-right: 24px;
}

.hero1 > div:first-child > div {
  flex: 1;
}

.hero1 > div:first-child > div:first-child {
  border-bottom: 1px solid var(--Neutral-Shade-1, #8DA59D);  
}

.hero1 > div:first-child > div:first-child h4 {
  padding-bottom: 8px;
  text-transform: none;
  color: var(--Accent, #FA7921);
}

.products-page .hero1 h4.heading-xss {
  color: var(--Neutral) !important;
  font-weight: 400 !important;    
}

.project-page .hero1 a {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}

.hero1 > div:first-child > div:first-child h4 a {
  color: var(--Accent, #FA7921);
}

.hero1 > div:first-child > div:first-child h4 a:hover {
  text-decoration: underline;
}

.hero1 .cover-pic {
  flex: 0 0 533px;
  height: 528px;
  max-width: 533px;
}
  	
.services-entry .hero1 .cover-pic, .about-entry .hero1 .cover-pic {
  height: 436px;
  margin-bottom: 0;
  max-width: 100%;
}

.boxes-colored {
  border-bottom: 1px solid var(--neutral-shade-1, #8DA59D);
  display: flex;
  padding: 48px 0;
}

.boxes-colored > div {
  flex: 1;
}

.boxes-colored > div:first-child {
  border-right: 1px solid var(--neutral-shade1, #8DA59D);
  padding-right: 24px;
}

.boxes-colored > div:last-child {
  padding-left: 24px;
}

.boxes-colored .colored > div {
  background-color: var(--accent, #FA7921);
  color: var(--accent-shade, #3C1901);
  height: 340px;
  padding: 24px;
  position: relative;
}

.boxes-colored .color-2 > div {
  background-color: var(--primary-2-shade-2, #254138);
  color: var(--Primary-2-Shade-1, #CBE1DA);
}

.boxes-colored .colored > div p:last-child {
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
}

.project-acts {
  border-bottom: 1px solid var(--Neutral-Shade-1, #8DA59D);
  display: flex;
  gap: 24px;
  padding: 48px 0;
}

.project-acts > div:first-child {
  display: flex;
  flex: 0 0 557px;
  max-width: 557px;
} 

.project-acts > div:last-child {
  border-left: 1px solid var(--neutral-shade-1, #8DA59D);
  flex: 1;
  width: 100%;
  padding-left: 24px;
}

.project-acts .heading {
  color: var(--primary-2, #3B6658);
}

.project-acts ul {
  display: flex;
  flex-direction: column;
  padding-left: 16px;
}

.project-acts ul li {
  padding-left: 32px;
  position: relative;
}

.project-acts ul li:before {
  background: var(--accent, #FA7921);
  border-radius: 8px 8px 8px 0px;
  content: '';
  height: 12px;
  left: 0;
  position: absolute;
  top: 8px;
  width: 12px;
}

.gallery {
  padding: 48px 0;
}

.gallery-header {
  border-bottom: 1px solid var(--Neutral-Shade-3, #87A198);
  display: flex;
  justify-content: space-between;
  margin-bottom: 24px;
  padding-bottom: 32px;
  padding-left: 223px;
}

.gallery-title {
  color: var(--Primary-2, #3B6658);
}

.gallery-count {
  color: var(--Neutral-Shade-2, #59736A);
  display: flex;
  justify-content: space-between;
  flex: 0 0 233px;
  max-width: 233px;
}

.gallery-count .current {
  color: var(--Accent, #FA7921);
  line-height: 100px;
}

.gallery-slider {
  display: flex;
  flex: 1;
  gap: 24px;
  position: relative;
}

.owl-stage-outer {
  overflow: visible;
  position: relative;
}

.owl-stage {
  align-items: flex-start;
  display: flex;
  flex-wrap: nowrap;
}

.owl-item {
  /* min-width: 390px; */
}

.owl-item a {
  display: block;
  font-size: 30px;
  line-height: 40px;
  color: #000D09;
  max-width: 866px;
  min-width: 866px;
  margin-right: 24px;
  position: relative;
}

.gallery-nav {
  bottom: 0;
  display: flex;
  gap: 16px;
  justify-content: space-between;
  left: 0;
  position: absolute;
}

.gallery-nav button {
  background: transparent;
  border: none;
  padding: 0;
}

.gallery-slider-arrow {
  display: block;
  position: relative;
  cursor: pointer;
}

.gallery-slider-items-list {
  overflow: hidden;
}

.gallery-slider-items .pic {
  background-size: auto 100%;
  position: relative;
  transition: 2.4s cubic-bezier(.075,.82,.165,1);
}

.gallery-slider-items .pic:hover {
  background-size: auto 110%;
  transition: .6s cubic-bezier(0.215, 0.61, 0.355, 1);
}
/*
.gallery-slider-items .pic:after {
  background: linear-gradient(0deg, rgba(59, 102, 88, 0.65) 0%, rgba(59, 102, 88, 0.65) 100%), lightgray 50% / cover no-repeat;
  content: '';
  height: 100%;
  left: 0;
  opacity: .75;
  position: absolute;
  top: 0;
  width: 100%;
}

.gallery-slider-items .owl-item:not(.active) ~ .active .pic:after {
  display: none;
}

.gallery-slider-items .owl-item.active ~ .active .pic:after {
  display: block;
}
*/
.gallery-slider-items .pic img {
  display: block;
  height: 487px;
  opacity: 0;
  width: 421px;
}

.box-next-project {
  background: var(--primary-2-shade-2, #254138);
  color: var(--neutral-shade-1, #DAE7E3);
  padding: 48px 0;
}

a.box-wrap:hover .btn-icon.btn-arrow:after {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSIxNCIgdmlld0JveD0iMCAwIDggMTQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMC41NTY0MjcgMTMuNzk1NUMwLjY5NDcwOCAxMy45MjY4IDAuODc4MTI4IDE0IDEuMDY4ODMgMTRDMS4yNTk1MyAxNCAxLjQ0Mjk1IDEzLjkyNjggMS41ODEyMyAxMy43OTU1TDcuNTc1MzMgOC4wMTA2N0M3LjcwOTUgNy44ODMxNSA3LjgxNjM0IDcuNzI5NjggNy44ODkzNSA3LjU1OTU4QzcuOTYyMzUgNy4zODk0OSA4IDcuMjA2MzIgOCA3LjAyMTIyQzggNi44MzYxMSA3Ljk2MjM1IDYuNjUyOTUgNy44ODkzNSA2LjQ4Mjg1QzcuODE2MzQgNi4zMTI3NSA3LjcwOTUgNi4xNTkyOCA3LjU3NTMzIDYuMDMxNzdMMS41Mzc4MyAwLjIwNDI2NkMxLjI1NzgzIC0wLjA2NTIzNTEgMC44MDQyMjcgLTAuMDY4NzM1MSAwLjUyMDAyNyAwLjE5NzI2NUMwLjQ1MTIyMSAwLjI2MDYzNiAwLjM5NjE3NiAwLjMzNzQ3NyAwLjM1ODMxMSAwLjQyMzAxM0MwLjMyMDQ0NSAwLjUwODU0OSAwLjMwMDU2NyAwLjYwMDk1NSAwLjI5OTkxMSAwLjY5NDQ5NUMwLjI5OTI1NCAwLjc4ODAzNSAwLjMxNzgzMyAwLjg4MDcxMyAwLjM1NDQ5NSAwLjk2Njc3MUMwLjM5MTE1NiAxLjA1MjgzIDAuNDQ1MTE3IDEuMTMwNDMgMC41MTMwMjcgMS4xOTQ3N0w2LjAzODEzIDYuNTI2NjdDNi4xMDUyNyA2LjU5MDQzIDYuMTU4NzMgNi42NjcxOCA2LjE5NTI3IDYuNzUyMjdDNi4yMzE4MSA2LjgzNzM1IDYuMjUwNjUgNi45Mjg5NyA2LjI1MDY1IDcuMDIxNTdDNi4yNTA2NSA3LjExNDE2IDYuMjMxODEgNy4yMDU3OSA2LjE5NTI3IDcuMjkwODdDNi4xNTg3MyA3LjM3NTk1IDYuMTA1MjcgNy40NTI3IDYuMDM4MTMgNy41MTY0N0wwLjU1NzEyNyAxMi44MDY0QzAuNDkwMDA0IDEyLjg3MDEgMC40MzY1NTEgMTIuOTQ2OCAwLjQwMDAyMyAxMy4wMzE4QzAuMzYzNDk1IDEzLjExNjggMC4zNDQ2NTggMTMuMjA4NCAwLjM0NDY1OCAxMy4zMDA5QzAuMzQ0NjU4IDEzLjM5MzUgMC4zNjM0OTUgMTMuNDg1IDAuNDAwMDIzIDEzLjU3QzAuNDM2NTUxIDEzLjY1NTEgMC40ODkzMDQgMTMuNzMxOCAwLjU1NjQyNyAxMy43OTU1WiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==);
  transition: all 0.5s ease;	
}

.box-next-project.box-next-category {
  background: #CBE1DA;
  color: var(---Primary-2, #3B6658);
}

.box-next-project .box-wrap {
  display: flex;
  gap: 24px;
}

.box-next-project .box-wrap > div:first-child {
  border-right: 1px solid var(--Neutral-Shade-1, #8DA59D);
  flex: 0 0 533px;
  gap: 24px;
  max-width: 533px;
  display: flex;
  flex-direction: column;
  padding-right: 24px;
}

.box-next-project .box-wrap > div:first-child > div {
  flex: 1;
}

.box-next-project .box-wrap > div:first-child > div:first-child {
  border-bottom: 1px solid var(--Neutral-Shade-1, #8DA59D);
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.box-next-object .box-wrap > div:first-child > div:first-child {
  border-bottom: 1px solid var(--Neutral-Shade-2, #59736A);	
}

.box-next-object .box-wrap > div:first-child {
  border-right: 1px solid var(--Neutral-Shade-2, #59736A);		
}

.box-next-project .box-wrap .heading-xxs {
  color: var(--Neutral-Shade-1, #8DA59D);	
}

.box-next-project .box-wrap > div:first-child > div:first-child .heading-sm {
  color: var(--Primary-2-Shade-1, #CBE1DA);
}

.box-next-project .box-wrap > div:first-child > div:last-child p {
  color: var(--Primary-2-Shade-1, #CBE1DA);
}

.box-next-project.box-next-category .box-wrap > div:first-child > div:first-child .heading-sm {
  color: var(--primary-2-shade-2, #254138);
}

.box-next-project.box-next-category .box-wrap p {
  color: var(--Primary-2-Shade-1, #CBE1DA);
}

.box-next-project .box-wrap > div:first-child > div:last-child {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.box-next-project .box-wrap > div:first-child > div:last-child .btn {
  color: var(--White, #FFFFFF);
}

.box-next-project.box-next-category .box-wrap > div:first-child > div:last-child .btn {
  color: var(--Neutral, #111D02);
}

.box-next-project .box-wrap > div:last-child {
  flex: 1;
  width: 100%;
}

.box-next-project .pic {
  height: 480px;
  position: relative;
  width: 100%;
  background: center / 100% auto no-repeat;
  transition: .3s ease-in;
}

.box-next-project a:hover .pic {
  background-size: 110% auto;
  transition: .3s ease-out;
}

.box-next-category .box-wrap .heading-xxs {
  color: var(--Neutral-Shade-2, #59736A);	
}

.box-next-category .box-wrap > div:first-child > div:last-child p {
  color: var(--Primary-2-Shade-2, #254138);
}

/*
.box-next-project .pic:after {
  background: url(https://www.unisport.bg/new/wp-content/uploads/2023/09/20211020_132757.jpg), lightgray 50% / cover no-repeat;
  content: '';
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
*/
.box-request > div:first-child {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.box-request > div:last-child {
  flex: 0 0 240px;
  max-width: 240px;
}

.products-list {
  display: flex;
  flex: 1;
  flex-wrap: wrap;
  padding: 48px 0;
}
/*
.products-list:nth-of-type(1) {
  padding-top: 48px;
}

.products-list:nth-last-of-type(1) {
  padding-bottom: 48px;
}

.products-list + .products-list {
  border-top: 1px solid var(--neutral-shade-4, #607B72);
}
*/

.box-product {
  border-top: 1px solid var(--Neutral-Shade-1, #8DA59D);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 24px;
  flex-basis: 50%;
  margin-top: 24px;
  max-width: 50%;
  padding-top: 24px;
}

.box-product:nth-child(1), .box-product:nth-child(2) {
  border-top: none;
  margin-top: 0;
  padding-top: 0;
}

.box-product:nth-child(odd) {
  padding-right: 24px;
  position: relative;
}

.box-product:nth-child(odd):after {
  background-color: var(--Neutral-Shade-1, #8DA59D);
  bottom: 0;
  content: '';
  position: absolute;
  right: -0.5px;
  top: 24px;
  width: 1px;
}

.box-product:nth-child(1):after {
  top: 0;
}

.box-product:nth-child(even) {
  padding-left: 24px;
}

.box-product > div:last-child {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 24px;
}

.box-product > div:last-child > div:first-child p {
  display: -webkit-box;
  height: 56px;
  overflow: hidden;
  -webkit-box-orient: vertical;  
  -webkit-line-clamp: 2;
}

.box-product > div:last-child > div:first-child .btn {
  display: none;
}

.box-product > div:last-child > div:first-child {
  display: flex;
  gap: 48px;
  justify-content: space-between;
}

.box-product .pic {
  background: center / 100% auto no-repeat;
  display: block;
  height: 320px;
  transition: .3s ease-in;
}

.box-product:hover .pic {
  background-size: 110% auto;
  transition: .3s ease-out;
}

.box-product .pic img {
  display: none;
}

.product-desc {
  border-bottom: 1px solid var(--Neutral-Shade-1, #8DA59D);
  display: flex;
  gap: 24px;
  padding: 48px 0;
}

.product-desc > div:first-child {
  border-right: 1px solid var(--Neutral-Shade-1, #8DA59D);
  flex-shrink: 0;
  align-self: stretch;
  padding-right: 24px;
  max-width: 557px;
}

.product-desc > div:first-child h2 {
  color: var(--primary-2, #3B6658);
}

.product-desc > div:last-child p + p {
  margin-top: 1em;
}

.product-pic-big {
  border-bottom: 1px solid var(--Neutral-Shade-1, #8DA59D);
  padding: 24px 0;
}

.product-pic-big p {
  background: center / cover no-repeat;
  display: block;
  height: 520px;
}

.product-pic-big p img {
  display: none;
}

.product-adv {
  display: flex;
  gap: 24px;
  min-height: 656px;
  padding: 48px 0;
}

.product-adv > div:first-child {
  align-self: stretch;
  border-right: 1px solid var(--Neutral-Shade-1, #8DA59D);
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  gap: 24px;
  justify-content: space-between;
  width: 50%;
  padding-right: 24px;
}

.product-adv > div:first-child h2 {
  color: var(--primary-2, #3B6658);
}

.product-adv > div:first-child p {
  background: center / cover no-repeat;
  display: block;
  height: 280px;
}

.product-adv > div:first-child p img {
  display: none;
}

.product-adv > div:last-child {
  display: flex;
  flex-direction: column;
  gap: 32px;
  justify-content: space-between;
  width: 100%;
}

.product-adv > div:last-child a {
  border-bottom: 1px solid var(--Neutral-Shade-1, #8DA59D);
  color: var(--Neutral-Shade-1, #8DA59D);
  display: block;
  padding-bottom: 24px;
  padding-top: 24px;
  font-weight: 500;
  text-decoration: none;
}

.product-adv > div:last-child a:first-child {
  padding-top: 0;
}

.product-adv > div:last-child a:last-child {
  border-bottom: 0;
}

.product-adv > div:last-child .active, .product-adv > div:last-child a:hover {
  color: var(--primary-2, #3B6658);
}

.product-adv > div:last-child > div:last-child {
  position: relative;
}

.product-adv > div:last-child > div:last-child p {
  bottom: 0;
  left: 0;
  opacity: 0;
  position: absolute;
  transform: scaleY(0);
  transform-origin: bottom;
  transition: .2s ease-in;
}

.product-adv > div:last-child > div:last-child .active {
  color: #111D02;
  opacity: 1;
  transform: scaleY(1);
  transition: .2s ease-out .3s;
}

.product-sports {
  background-color: var(--primary-2-shade-1, #CBE1DA);
  padding: 48px 0;
}

.product-sports > div {
  display: flex;
  gap: 24px;
}

.product-sports > div > div:first-child {
  border-right: 1px solid var(--neutral-shade-3, #87A198);
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding-right: 24px;
}

.product-sport {
  display: flex;
  gap: 24px;
}

.product-sport + .product-sport {
  border-top: 1px solid var(--neutral-shade-1, #8DA59D);
  padding-top: 24px;
}

.product-sport .image p {
  align-items: center;
  display: flex;
  height: 64px;
  flex-shrink: 0;
  justify-content: center;
  width: 64px;
}

.product-sport img {
  display: block;
  height: 64px;
  width: auto;
}

.product-sport h3 {
  margin-bottom: 16px;
  color: var(--primary-2-shade-2, #254138);
}

.product-sport p {
  color: var(--primary-2-shade-2, #254138);	
}

.product-sports > div > div:last-child {
  align-items: center;
  background: var(--Primary-2-Shade-4, #254138);
  display: flex;
  flex-direction: column;
  flex: 0 0 420px;
  justify-content: space-between;
  max-width: 420px;
  min-height: 504px;
  padding: 24px 24px 0;
}

.product-sports > div > div:last-child p {
  color: var(--Primary-2-Shade-1, #CBE1DA );
}

.product-sports > div > div:last-child img {
  height: auto;
  max-width: 100%;
}

.infopage-entry .hero1 {
  border-bottom: 0;
  flex-direction: column;
}

.infopage-entry .hero1 > div:first-child {
  border-right: 0;
  padding-right: 0;
}

.infopage-entry .hero1 > div:first-child > div:first-child {
  padding-bottom: 48px;  
}

.infopage-entry:not(.services-entry, .about-entry) .hero1 > div:last-child {
  flex: 0 0 436px;
  height: 436px;
  max-width: 100%;
  width: 100%;
}

.infopage-entry .boxes-colored.first {
  padding-bottom: 24px;
  padding-top: 0;
}

.infopage-entry .boxes-colored + .boxes-colored {
  padding-bottom: 24px;
  padding-top: 24px;
}

.box-equipment {
  display: flex;
  padding: 64px 0 128px;
}

/*
.box-equipment > div {
  flex: 0 0 50%;
  max-width: 50%;
}
.box-equipment > div:first-child {
  border-right: 1px solid var(--neutral-shade-3, #87A198);
  padding-right: 24px;
}
*/
.box-equipment > div {
  width: 100%;
}

.box-equipment > div:first-child h2 {
  color: var(--Primary-2, #3B6658); 
  margin-bottom: 64px;
}

.box-equipment > div:first-child h2 span {
  color: var(--Accent, #FA7921);
  display: block;
  
}

.box-equipment > div:first-child p {
  color: var(--Primary-2, #3B6658);
  text-align: center;
}

.box-equipment > div:first-child p sup {
  font-size: .6em;
  font-weight: 400;
  line-height: 88px;
}

.box-equipment .cover-pic {
  background-size: contain;
}

.infopage-entry .big-pic {
  height: 620px;
}

.slider-slick-wrap {
  background: var(--primary-2-shade-1);
  padding: 64px 0 48px;
}

.slider-slick-wrap .box-wrap {
  position: relative;
}

.slider-slick-wrap .slider-slick-header {
  align-items: flex-end;
  border-bottom: 1px solid var(--neutral-shade-1);
  display: flex;
  justify-content: space-between;
  margin-bottom: 24px;
  padding-bottom: 32px;
}

.slider-slick-wrap h2 {
  color: var(--Primary-2, #3B6658);
}

.slider-slick {
  position: relative;
}

.about-entry .slider-slick {
  border-bottom: 1px solid var(--Neutral-Shade-3, #87A198);
  padding-bottom: 24px;
}

.slider-slick-list {
  display: flex;
  height: 480px;
  position: relative;
}

.slider-slick-item {
  display: flex;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 0;
}

.slider-slick-item.current {
  z-index: 1;
}

.slider-slick-item .text {
  border-right: 1px solid var(--neutral-shade-1);
  display: flex;
  flex: 0 0 533px;
  flex-direction: column;
  height: 100%;
  max-width: 533px;
  padding-right: 24px;
}

.slider-slick-item .heading-sm, .slider-slick-item .text div p {
  height: 240px;
  opacity: 0;
}

.slider-slick-item .heading-sm {
  text-transform: uppercase;
}

.slider-slick-item.current .heading-sm {
  color: var(--primary-2-shade-2, #254138);
  opacity: 1;
  transition: opacity .2s ease-in;
}

.slider-slick-item .text .heading-sm ~ div {
  border-top: 1px solid var(--neutral-shade-1);
  padding-top: 24px;
}

.slider-slick-item .text .pic {
  display: none;
}

.slider-slick-item.current .text div p {
  color: var(--primary-2-shade-2, #254138);
  opacity: 1;
  transition: opacity .2s ease-in;
}

.slider-slick-item > .pic {
  flex: 1;
  width: 100%;
  padding-left: 24px;
}

.slider-slick-item > .pic .cover-pic {
  height: 100%;
  transform: scale(0, 1);
  transform-origin: right;
  transition: transform .1s linear .2s;
  width: 100%;
}

.slider-slick-item.current > .pic .cover-pic {
  transform: scale(1, 1);
  transition: transform .3s ease-in-out;
}

.slider-slick-nav {
  bottom: 0;
  display: flex;
  gap: 16px;
  justify-content: flex-start;
  left: 0;
  position: absolute;
  z-index: 10;
}

.about-entry .slider-slick-nav {
  bottom: 24px;
}

.box-certificates {
  padding: 48px 0 24px;
}

.box-certificates .box-wrap {
  display: flex;
}

.box-certificates .title {
  border-right: 1px solid var(--Neutral-Shade-1, #8DA59D);
  color: var(--Primary-2-Shade-1, #CBE1DA);
  flex: 0 0 445px;
  max-width: 445px;
  padding-right: 24px;
}

.box-certificates .title h2 {
  background: var(--Primary-2-Shade-4, #254138) url(../images/certificates_and_credentials.webp) center calc(100% - 10px) / 360px auto no-repeat;
  height: 100%;
  min-height: 420px;
  padding: 24px 24px 0;
}

.box-certificates .list {
  flex: 1;
  padding-left: 24px;
}

.box-certificates .list a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  text-transform: uppercase;
}

.box-certificates .list a:hover .btn-icon.btn-download:after {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iMTciIHZpZXdCb3g9IjAgMCAxNyAxNyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzM5OTFfMjc1OSkiPgo8cGF0aCBkPSJNMS41OTM3NSAxN0MxLjE2ODc1IDE3IDAuNzk2ODc1IDE2Ljg0MDYgMC40NzgxMjUgMTYuNTIxOUMwLjE1OTM3NSAxNi4yMDMxIDAgMTUuODMxMyAwIDE1LjQwNjJWMTEuNjM0NEgxLjU5Mzc1VjE1LjQwNjJIMTUuNDA2MlYxMS42MzQ0SDE3VjE1LjQwNjJDMTcgMTUuODMxMyAxNi44NDA2IDE2LjIwMzEgMTYuNTIxOSAxNi41MjE5QzE2LjIwMzEgMTYuODQwNiAxNS44MzEzIDE3IDE1LjQwNjIgMTdIMS41OTM3NVpNOC41IDEyLjk2MjVMMy40IDcuODA5MzdMNC41Njg3NSA2LjY5Mzc1TDcuNzU2MjUgOS44ODEyNVYwSDkuMzVWOS44ODEyNUwxMi41Mzc1IDYuNjkzNzVMMTMuNjUzMSA3LjgwOTM3TDguNSAxMi45NjI1WiIgZmlsbD0id2hpdGUiLz4KPC9nPgo8ZGVmcz4KPGNsaXBQYXRoIGlkPSJjbGlwMF8zOTkxXzI3NTkiPgo8cmVjdCB3aWR0aD0iMTciIGhlaWdodD0iMTciIGZpbGw9IndoaXRlIi8+CjwvY2xpcFBhdGg+CjwvZGVmcz4KPC9zdmc+Cg==);
  transition: all 0.5s ease;
}

.box-certificates .list a + a {
  border-top: 1px solid var(--Neutral-Shade-1, #8DA59D);
  margin-top: 24px;
  padding-top: 24px;
}

.box-certificates .list a p {
  font-size: 24px;
  line-height: 32px;  
}

.box-certificates .box-wrap .list a span {
  color: var(--Neutral-Shade-2, #59736A);	
}

.services-entry .hero1 .cover-pic, .about-entry .hero1 .cover-pic {
  flex: 0 0 480px;
}

.box-services-boxed {
  display: flex;
  flex-wrap: wrap;
  padding-bottom: 48px;
}

.box-services-boxed > div {
  display: flex;
  flex: 0 0 50%;
  height: 480px;
  max-width: 50%;
}

.box-services-boxed > div:nth-child(1), .box-services-boxed > div:nth-child(2) {
  margin-bottom: 25px;
  position: relative;
}

.box-services-boxed > div:nth-child(1):after, .box-services-boxed > div:nth-child(2):after {
  border-bottom: 1px solid var(---Neutral-Shade-1, #8DA59D);
  content: '';
  bottom: -24px;
  height: 1px;
  left: 0;
  position: absolute;
  width: 100%;
}

.box-services-boxed > div:nth-child(3), .box-services-boxed > div:nth-child(4) {
  margin-top: 24px;
}

.box-services-boxed > div:nth-child(1), .box-services-boxed > div:nth-child(3) {
  border-right: 1px solid var(---Neutral-Shade-1, #8DA59D);
  padding-right: 24px;
}

.box-services-boxed > div:nth-child(2), .box-services-boxed > div:nth-child(4) {
  padding-left: 24px;
}

.box-services-boxed > div > div {
  overflow: hidden;
  padding: 24px;
  position: relative;
  width: 100%;
}

.box-services-boxed > div:nth-child(1) > div {
  background: var(--Accent, #FA7921);
  color: var(--Accent, #FA7921);
}

.box-services-boxed > div:nth-child(2) > div {
  background: var(--Primary-2-Shade-1, #CBE1DA);
  color: var(--Primary-2-Shade-1, #CBE1DA);
}

.box-services-boxed > div:nth-child(3) > div {
  background: var(--primary-2-shade-2, #254138);
  color: var(--primary-2-shade-2, #254138);
}

.box-services-boxed > div:nth-child(4) > div {
  background: var(--Primary-1-Shade-2, #C7F88C);
  color: var(--Primary-1-Shade-2, #C7F88C);
}

.box-services-boxed > div > div:after {
  align-items: center;
  border-radius: 50%;
  bottom: 24px;
  content: '×';
  display: flex;
  font-size: 32px;
  height: 60px;
  justify-content: center;
  position: absolute;
  right: 24px;
  transform: rotate(45deg);
  width: 60px;
}

.box-services-boxed > div:nth-child(1) > div:after {
  background: var(--Accent-Shade, #3C1901);
}

.box-services-boxed > div:nth-child(2) > div:after {
  background: var(--primary-2-shade-2, #254138);
}

.box-services-boxed > div:nth-child(3) > div:after {
  background: var(--Primary-2-Shade-1, #CBE1DA);
}

.box-services-boxed > div:nth-child(4) > div:after {
  background: var(--Primary-2-Shade-2, #254138);
}

.box-services-boxed > div .title {
  display: flex;
  justify-content: space-between;
  margin-bottom: 38px;
}

.box-services-boxed > div:nth-child(1) .title, .box-services-boxed > div:nth-child(1) .text {
  color: var(--Accent-Shade, #3C1901);
}

.box-services-boxed > div:nth-child(2) .title, .box-services-boxed > div:nth-child(2) .text {
  color: var(--primary-2-shade-2, #254138);
}

.box-services-boxed > div:nth-child(3) .title, .box-services-boxed > div:nth-child(3) .text {
  color: var(--Primary-2-Shade-1, #CBE1DA);
}

.box-services-boxed > div:nth-child(4) .title, .box-services-boxed > div:nth-child(4) .text {
  color: var(--Primary-2-Shade-2, #254138);
}

/* .box-services-boxed > div .title:after { */
  /* content: attr(data-index); */
/* } */

.box-services-boxed > div .title span {
  display: block;
}

.box-services-boxed > div:nth-child(1) .title span {
  max-width: 286px;
}

.box-services-boxed > div:nth-child(2) .title span {
  max-width: 298px;
}

.box-services-boxed > div:nth-child(3) .title span {
  max-width: 347px;
}

.box-services-boxed > div:nth-child(4) .title span {
  max-width: 521px;
}

.box-services-boxed > div .pic {
  background: center / cover no-repeat;
  border-radius: 50% 50% 50% 0;
  display: block;
  height: 250px;
  margin: 0 auto;
  width: 250px;
}

.box-services-boxed > div .text {
  bottom: -24px;
  height: 0;
  left: 0;
  overflow: hidden;
  padding: 0 24px;
  position: absolute;
  transition: .5s ease-in-out;
  width: 100%;
  z-index: 2;
}

.box-services-boxed > div:hover .text {
  bottom: 0;
  height: 72%;
  transition: .5s ease-in-out;
}

.box-services-boxed > div:nth-child(1) .text {
  background: var(--Accent, #FA7921);
}

.box-services-boxed > div:nth-child(2) .text {
  background: var(--Primary-2-Shade-1, #CBE1DA);
}

.box-services-boxed > div:nth-child(3) .text {
  background: var(--Primary-2-Shade-4, #254138);
}

.box-services-boxed > div:nth-child(4) .text {
  background: var(--Primary-1-Shade-2, #C7F88C);
}

.box-services-boxed > div .text p {
  opacity: 0;
  transition: .5s ease-in-out;
}

.box-services-boxed > div:hover .text p {
  opacity: 1;
  transition: .3s ease-in-out .1s;
}

.box-pricing {
  background: var(--Primary-2-Shade-1, #CBE1DA);
  padding: 64px 0;
}

.box-pricing .heading {
	color: var(--Primary-2, #3B6658);
  border-bottom: 1px solid var(--Neutral-Shade-1, #8DA59D);
  margin-bottom: 24px;
  padding-bottom: 32px;
}

.box-pricing .pic {
  height: 520px;
  margin-bottom: 24px;
}

.pricing-steps {
  border-top: 1px solid var(--Neutral-Shade-1, #8DA59D);
  display: flex;
  min-height: 593px;
  padding-top: 48px;
}

.pricing-steps > div:first-child {
  border-right: 1px solid var(--Neutral-Shade-1, #8DA59D);
  display: flex;
  flex: 0 0 445px;
  flex-direction: column;
  padding-right: 24px;
  max-width: 445px;
}

.pricing-steps > div:first-child .slogan {
  color: var(--primary-2-shade-2, #254138);
  border-bottom: 1px solid var(--Neutral-Shade-1, #8DA59D);
  flex: 0 0 50%;
  max-height: 50%;
}

.pricing-steps > div:first-child .text {
  color: var(--primary-2-shade-2, #254138);
  align-items: flex-end;
  display: flex;
  flex: 0 0 50%;
  max-height: 50%;
}

.pricing-steps .list {
  padding-left: 24px;
}

.pricing-steps .list li {
  padding-left: 48px;
  position: relative;
}

.pricing-steps .list li + li {
  border-top: 1px solid var(--Neutral-Shade-1, #8DA59D);
  padding-top: 24px;
}

.pricing-steps .list .title {
  color: var(--primary-2-shade-2, #254138);
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  padding-bottom: 24px;
  text-transform: uppercase;
}

.pricing-steps .list .title:before {
  content: attr(data-index);
  left: 0;
  position: absolute;
}

.pricing-steps .list .title:before, .pricing-steps .list .title:after {
  color: var(--Accent, #FA7921);
}

.pricing-steps .list .text {
  color: var(--primary-2-shade-2, #254138);
  display: none;
  overflow: hidden;
  padding-bottom: 24px;
}

.pricing-steps .list li:first-child .text {
  display: block;
}

.box-contacts {
  display: flex;
  padding: 48px 0;
}

.box-contacts > div:first-child {
  border-right: 1px solid var(--Neutral-Shade-1, #8DA59D);
  display: flex;
  flex: 0 0 533px;
  flex-direction: column;
  max-width: 533px;
  min-height: 808px;
  padding-right: 24px;
}

.box-contacts > div:first-child > div {
  height: 50%;
}

.box-contacts > div:first-child > div:first-child {
  border-bottom: 1px solid var(--Neutral-Shade-1, #8DA59D);
}

.box-contacts > div:first-child > div:first-child > p:first-child {
  font-size: 48px;
  font-style: normal;
  font-weight: 500;
  line-height: 56px;
  margin-bottom: 48px;
}

.box-contacts > div:first-child > div:first-child > p:nth-child(2) {
  font-size: 34px;
  line-height: 44px;	
}

.box-contacts > div:first-child > div:last-child > div > p:last-child {
  color: var(--Neutral-Shade-2, #59736A);
}

.box-contacts > div:first-child > div:first-child > p:first-child, .box-contacts > div:first-child > div:first-child > p:first-child a {
  color: var(--Accent, #FA7921);
}

.box-contacts > div:first-child > div:first-child > p:last-child {
  color: var(--Neutral, #111D02);
  font-size: 34px;
  font-weight: 400;
  line-height: 44px;
  text-transform: uppercase;
}

.box-contacts > div:first-child > div:last-child {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding-top: 24px;
}

.box-contacts > div:first-child > div:last-child > div:first-child > p:first-child {
  color: var(--Neutral, #111D02);
  font-size: 34px;
  font-weight: 400;
  line-height: 44px;
  margin-bottom: 48px;
  text-transform: uppercase;
}

.contact-form {
  flex: 1;
  width: 100%;
  padding-left: 24px;
  text-transform: none;
}

.contact-form .wpcf7 {
  background: var(--primary-2-shade-2, #254138);
  color: var(--Primary-2-Shade-1, #CBE1DA);
  padding: 48px;
}

.contact-form .wpcf7 .wpcf7-form {
  display: flex;
  flex-direction: column;
  gap: 32px;
}

.contact-form .wpcf7 .wpcf7-form .columns {
  display: flex;
  gap: 32px;
}

.contact-form .wpcf7 .wpcf7-form .columns p {
  flex: 1 0 0;
}

.contact-form .wpcf7 .wpcf7-form-control:not(.wpcf7-acceptance, .wpcf7-submit) {
  background: none;
  border: 1px solid var(--Neutral-Shade-1, #8DA59D);
  color: var(--Neutral-Shade-1, #8DA59D);
  padding: 12px;
  width: 100%;
  box-sizing: border-box;
}

.contact-form .wpcf7 .wpcf7-form-control:focus-visible {
  outline: 2px solid var(--Primary-2-Shade-1, #CBE1DA);
  outline-offset: -2px;
}

.contact-form .wpcf7 .wpcf7-acceptance .wpcf7-list-item, 
.contact-form .wpcf7 .wpcf7-acceptance [type="checkbox"] {
  margin: 0;
}

.contact-form .wpcf7 .wpcf7-acceptance .wpcf7-list-item label {
  display: flex;
  gap: 16px;
  position: relative;
}

.contact-form .wpcf7 .wpcf7-acceptance .wpcf7-list-item .wpcf7-list-item-label:before {
  border: 1px solid var(--Neutral-Shade-3, #87A198);
  content: '';
  height: 16px;
  left: 0;
  line-height: 14px;
  position: absolute;
  text-align: center;
  top: 0;
  width: 16px;
}

.contact-form .wpcf7 .wpcf7-acceptance .wpcf7-list-item :checked ~ .wpcf7-list-item-label:before {
  content: '✓';
}

.contact-form .wpcf7 .wpcf7-acceptance [type="checkbox"] {
  height: 16px;
  opacity: 0;
  width: 16px;
}

.contact-form .wpcf7 .wpcf7-acceptance .wpcf7-list-item .wpcf7-list-item-label:before, .contact-form .wpcf7 .wpcf7-acceptance [type="checkbox"] {
  transform: translateY(2px);
}

.contact-form .wpcf7 label {
  display: block;
  margin-bottom: 8px;
}

.contact-form .wpcf7 .wpcf7-form > p:last-of-type {
  align-items: center;
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-start;
  gap: 24px
}

.contact-form .wpcf7-textarea {
  height: 180px;
}

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

.contact-form .wpcf7-not-valid-tip, .contact-form a {
  color: var(--Accent, #fa7921);
}

.contact-form .wpcf7-submit {
  background: transparent;
  color: var(--white);
  font-family: Montserrat, sans-serif !important;
  font-size: 16px !important;;
  font-weight: 500 !important;
  line-height: 24px !important;
  padding: 10px 24px;
  border-radius: 24px;
  transition: all 0.5s ease;
}

.contact-form .wpcf7-submit:hover {
  color: var(--white);
}

.contact-form .wpcf7-spinner {
  margin: 0;
}

.box_contacts_cta {
  background: var(--primary-2-shade-2, #254138);
  color: var(--Primary-2-Shade-1, #CBE1DA);
  padding: 48px 0;
}

.box_contacts_cta .box-wrap {
  display: flex;
  height: 320px;
}

.box_contacts_cta .box-wrap > div > * {
  height: 50%;
}

.box_contacts_cta .box-wrap > div {
  border-right: 1px solid var(--Neutral-Shade-2, #59736A);
  flex: 1;
  padding-right: 24px;
}

.box_contacts_cta .box-wrap > div > h3 {
  border-bottom: 1px solid var(--Neutral-Shade-2, #59736A);
  color: var(--Primary-2-Shade-1, #CBE1DA);
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.box_contacts_cta .box-wrap > div > p {
  align-items: flex-end;  
  display: flex;
  max-width: 420px;
}

.box_contacts_cta .box-wrap > p {
  align-items: center;
  display: flex;
  flex: 0 0 397px;
  justify-content: center;
  max-width: 397px;
}

.box-next-section {
  background: var(--Primary-2-Shade-1, #CBE1DA);
}

.box-next-section .box-wrap {
  display: flex;
  height: 480px;
  position: relative;
}

.box-next-section .box-wrap h3, .box-next-section .box-wrap p {
  flex: 0 0 50%;
  max-width: 50%;
}

.box-next-section .box-wrap h3 {
  align-items: center;
  display: flex;
  justify-content: center;
  padding: 0 120px;
  text-align: center;
}

.box-next-section .box-wrap p {
  position: relative;
}

.box-next-section .box-wrap p:after {
  background: linear-gradient(0deg, rgba(59, 102, 88, 0.55) 0%, rgba(59, 102, 88, 0.55) 100%);
  content: '';
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.box-next-section .box-wrap a {
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%)
}

.page-content {
  padding: 64px 0;
  max-width: 1100px;
  margin: 0 auto;
}

@property --num {
  syntax: "<integer>";
  initial-value: 128534;
  inherits: false;
}

.counter.active {
  animation: counter 1s 1 normal ease-in;
  counter-reset: num var(--num);
}

.counter::after {
  content: counter(num);
}

@keyframes counter {
  from {
    --num: 0;
  }
  to {
    --num: 128534;
  }
}

.text-move {
  margin-bottom: 128px;
}

.text-move div {
  font-size: 160px;
  line-height: 200px;
  display: flex;
  flex-wrap: nowrap;
  overflow: visible;
  padding: calc(var(--spacing-s) / 2) 0;
  position: relative;
  white-space: nowrap;
  width: 100%;
}

@keyframes moveLeft {
  0% {
    transform: translateX(0)
  }

  to {
    transform: translateX(-100%)
  }
}

.text-move-left p {
  color: var(--primary-2);
  animation: moveLeft 12.8s linear;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite
}

@keyframes moveRight {
  0% {
    transform: translateX(-100%)
  }

  to {
    transform: translateX(0)
  }
}

.text-move-right p {
  color: var(--primary-2-shade-2);
  animation: moveRight 12.8s linear;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite
}

.page-template-default .page-content a, .privacy-policy .page-content a {
  color: var(--accent);	
}

.error404 .buttons {
  display: flex;
  justify-content: center;
}

.error404 .buttons a {
  border-radius: 24px;
  padding: 10px 24px;
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  transition: all 0.6s cubic-bezier(0.68, -0.25, 0.265, 1.25);
}

.error404 .buttons .btn.btn-text.btn-border:hover {
  color: var(--White, #FFF);
  transition: all 0.6s cubic-bezier(0.68, -0.25, 0.265, 1.25);  
}

.site-footer {
  background: var(--primary-1, #85E60F);
}

.error404 .site-footer {
  display: none;
}

.site-footer .unisport {
  height: 244px;
  overflow: hidden;
  padding: 48px 0;
  position: relative;
}

.site-footer .unisport p {
  background: url(../images/unisport.svg) 0 center repeat-x;
  animation: marquee 12s linear infinite;
  align-items: center;
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  gap: 80px;
  position: absolute;
  width: 4158px;
  height: 100%;
  top: 0;
}

@keyframes marquee {
  0% { background-position-x: 0; }
  100% { background-position-x: -100%; }
}

.site-footer-content {
  border-bottom: 1px solid var(--neutral-shade-2);
  border-top: 1px solid var(--neutral-shade-2);
  display: flex;
  gap: 24px;
  height: 288px;
  justify-content: space-between;
  padding: 24px 0;
}

.site-footer-content .info {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  justify-content: space-between;  
}

.site-footer-content .info .heading-md {
  color: var(--primary-2-shade-2);
  text-transform: none;
  transition: all .2s ease-in-out;
}

.site-footer-content .info .heading-md:hover {
  color: var(--Neutral, #111D02);
  transition: all .2s ease-in-out;  
}

.site-footer-content .info p {
  display: flex;
  gap: 16px;
}

.site-footer-content .info p .btn-icon:not(.btn-text):before {
  border-color: var(--primary-2-shade-2);
}

.site-footer-content .info p .btn-icon:not(.btn-text):hover:before {
  background-position: -40px 0;
}

.site-footer-content .info p .icon-facebook {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAxMiAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggaWQ9IlZlY3RvciIgZD0iTTkuMzE0NjggMy4zMjAwMkgxMS4xOTQ3VjAuMTQwMDNDMTAuMjg0NCAwLjA0NTM3NjkgOS4zNjk4MyAtMC4wMDEzNTQyOCA4LjQ1NDY4IDIuOTg2NDFlLTA1QzUuNzM0NjggMi45ODY0MWUtMDUgMy44NzQ2OCAxLjY2MDAzIDMuODc0NjggNC43MDAwMlY3LjMyMDAySDAuODA0Njg4VjEwLjg4SDMuODc0NjhWMjBINy41NTQ2OFYxMC44OEgxMC42MTQ3TDExLjA3NDcgNy4zMjAwMkg3LjU1NDY4VjUuMDUwMDJDNy41NTQ2OCA0LjAwMDAyIDcuODM0NjggMy4zMjAwMiA5LjMxNDY4IDMuMzIwMDJaIiBmaWxsPSIjMjU0MTM4Ii8+Cjwvc3ZnPgo);
}

.site-footer-content .info p .icon-youtube {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxOCAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggaWQ9IlZlY3RvciIgZD0iTTE3LjUzNDQgNC4yMjkxOEMxNy41NzI4IDMuMTE4OCAxNy4zMjk5IDIuMDE2NzMgMTYuODI4NSAxLjAyNTNDMTYuNDg4MiAwLjYxODQ5NiAxNi4wMTYgMC4zNDM5NjUgMTUuNDk0MiAwLjI0OTU0OEMxMy4zMzU2IDAuMDUzNjg4OSAxMS4xNjgyIC0wLjAyNjU4NzIgOS4wMDEwOSAwLjAwOTA2MzM4QzYuODQxODkgLTAuMDI4MjA1MiA0LjY4MjIzIDAuMDQ5NDgwNCAyLjUzMTI5IDAuMjQxNzlDMi4xMDYwMyAwLjMxOTE0NiAxLjcxMjQ5IDAuNTE4NjEzIDEuMzk4NjggMC44MTU4NUMwLjcwMDUwMyAxLjQ1OTczIDAuNjIyOTI4IDIuNTYxMyAwLjU0NTM1MiAzLjQ5MjIxQzAuNDMyNzk5IDUuMTY1OTUgMC40MzI3OTkgNi44NDUzNiAwLjU0NTM1MiA4LjUxOTExQzAuNTY3Nzk1IDkuMDQzMDYgMC42NDU4MDggOS41NjMxNCAwLjc3ODA3OSAxMC4wNzA2QzAuODcxNjE2IDEwLjQ2MjQgMS4wNjA4NiAxMC44MjQ5IDEuMzI4ODcgMTEuMTI1NkMxLjY0NDgxIDExLjQzODYgMi4wNDc1MSAxMS42NDk0IDIuNDg0NzQgMTEuNzMwN0M0LjE1NzIxIDExLjkzNzIgNS44NDIzOCAxMi4wMjI3IDcuNTI3MTYgMTEuOTg2N0MxMC4yNDIzIDEyLjAyNTUgMTIuNjIzOSAxMS45ODY3IDE1LjQzOTkgMTEuNzY5NUMxNS44ODc4IDExLjY5MzIgMTYuMzAxOSAxMS40ODIxIDE2LjYyNjggMTEuMTY0NEMxNi44NDQgMTAuOTQ3MiAxNy4wMDYyIDEwLjY4MTIgMTcuMSAxMC4zODg3QzE3LjM3NzQgOS41MzczOCAxNy41MTM3IDguNjQ2NDIgMTcuNTAzNCA3Ljc1MTExQzE3LjUzNDQgNy4zMTY2OSAxNy41MzQ0IDQuNjk0NjMgMTcuNTM0NCA0LjIyOTE4Wk03LjI0Nzg4IDguMjE2NTZWMy40MTQ2M0wxMS44NDA0IDUuODI3MjNDMTAuNTUyNiA2LjU0MDkzIDguODUzNyA3LjM0NzcyIDcuMjQ3ODggOC4yMTY1NloiIGZpbGw9IiMyNTQxMzgiLz4KPC9zdmc+Cg);
}

.site-footer-content .info p .icon-youtube {
  display: none;	
}

.site-footer-content .nav {  
  border-left: 1px solid var(--neutral-shade-2);
  display: flex;
  flex: 0 1 755px;
  gap: 24px;
  justify-content: space-between;
  padding-left: 24px;
}

.site-footer-content .nav a {
  color: var(--primary-2-shade-2);
  transition: all .2s ease-in-out;
}

.site-footer-content .nav > div {
  padding-right: 24px;
}

.site-footer-content .nav .nav-products {
  min-width: 260px;
}

.site-footer-content .nav .nav-useful {
  flex-basis: 285px;
}

.site-footer-content .nav .heading {
  margin-bottom: 16px;
  color: var(--primary-2-shade-2);
  text-transform: uppercase;
}

.site-footer-content .nav nav {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.site-footer-bottom {
  display: flex;
  justify-content: space-between;
  padding: 16px 0;
}

.site-footer-bottom .links a, .site-footer-bottom p {
  text-transform: none;
  font-weight: 400;
  color: var(--primary-2-shade-2);
  transition: all .2s ease-in-out;
  text-align: right;
}

.site-footer-bottom p br {
  display: none;
}

.site-footer-bottom .links a + a:before {
  content: ' | ';
  color: #59736A;
}

.site-footer a:hover {
  color: var(--Neutral, #111D02);
  transition: all .2s ease-in-out;
}

@media (min-width: 1680px) {  
  .heading-xxl {
	font-size: 264px;
    line-height: 242px;	
  }
  
  .heading-xl {
	font-size: 144px;
    line-height: 144px;	  
  }
  
  .heading-lg {
	font-size: 72px;
    line-height: 76px;  
  }
  
  .heading-md, .box-contacts > div:first-child > div:first-child > p:first-child {
	font-size: 56px;
    line-height: 64px;  
  }
  
  .heading-sm, .heading-sm-weight, .box-contacts > div:first-child > div:first-child > p:nth-child(2), .box-contacts > div:first-child > div:last-child > div:first-child > p:first-child {
	font-size: 42px;
    line-height: 52px;  
  }
  
  .heading-xs, .box-certificates .list a p {
	font-size: 32px;
    line-height: 40px;	
  }
  
  body, .btn-text, input, .projects-nav a span, .products-navigation .categories > div > a h3 {
	font-size: 20px;
    line-height: 30px;  
  }
  
  .btn-text-cta, .btn-text.btn-text-cta-black, .products-page .hero1 h4.heading-xss, .site-footer-bottom .links a, .site-footer-bottom p, .project-page .hero1 a, .error404 .buttons a, .products-navigation .categories div > div > a {
	font-size: 18px;
    line-height: 28px;	
  }
  
  .box-next-category .box-wrap .heading-xxs, .projects-map .project .heading-xxs, .contact-form .wpcf7 label, .box-project .heading-xxs, .site-footer-content .nav .heading, .btn-sm.btn-text, .products-navigation .info .text {
	font-size: 16px;
    line-height: 24px;
    letter-spacing: 0;	
  }
  
  .contact-form .wpcf7-submit {
	font-size: 18px !important;
    line-height: 28px !important;  
  }
  
  .products-navigation .categories > div > a {
	height: 60px;   
  }
  
  .products-navigation .categories > div > a h3 {
	font-weight: 400;  
  }

  .products-navigation .info .cover-pic {
	height: 280px;  
  }
  
  .about-floorings p {
	max-width: 1071px;  
  }
  
  .about-floorings {
	padding: 196px 0;  
  }
  
  .pricing-steps .list li {
	padding-left: 56px;  
  }
  
  .box-product > div:last-child > div:first-child p {
	height: 60px;   
  }
  
  .box_contacts_cta .box-wrap {
	height: 364px;  
  }
  
  .box_contacts_cta .box-wrap > div > p {
	max-width: 450px;  
  }
  
  .box_contacts_cta .box-wrap svg {
	width: 440px;
    height: 108px;	
  }
  
  .box-services-boxed > div:hover .text {
	height: 74%;  
  }
  
  .site-title a {
	height: 56px;
    width: 217px;  
  }
  
  .cover-pic {
    background: center / 100% auto no-repeat;
	background-size: cover;
  }
  
  .home-header .column:last-child p:first-child {
	height: 440px; 
  }
  
  .box-video {
	height: 820px;  
  }
  
  .cat-list .pic {
	height: 400px;  
  }
  
  .box-sports-content {
	height: 808px;
  }
  
  .box-sports-content .sport-item .content {
	height: 224px;  
  }
  
  .box-sports-content .sport-item .pic {
	height: 584px;  
  }
  
  .box-sports-tabs {
	flex: 0 0 454px;
    max-width: 454px;  
  }
  
  .slider-slick-item .text, .box-next-project .box-wrap > div:first-child, .box-contacts > div:first-child {
	flex: 0 0 733px;
    max-width: 733px;  
  }
 
  .slider-slick-list, .box-next-project .pic {
	height: 640px;  
  }
  
  .projects-map .map-canvas {
	height: 580px;  
  }
  
  .projects-map {
	height: 740px;  
  }
  
  .projects-map .map {
	flex: 0 0 884px;
    max-width: 884px;	
  }

  .projects-map .project img {
	height: 424px;  
  }
  
  .box-testimonials .nav, .box-certificates .title {
	flex: 0 0 605px;
    max-width: 605px;  
  }
  
  .product-sports > div > div:last-child {
	flex: 0 0 581px;
    max-width: 581px;    
  }

  .box-clients a, .box-partners a {
	height: 238px;  
  }
  
  .box-clients a:nth-child(1) img {
	max-height: 96px;  
  }
  
  .box-clients a:nth-child(2) img {
	max-height: 40px;  
  }
  
  .box-clients a:nth-child(3) img, .box-clients a:nth-child(5) img, .box-clients a:nth-child(6) img {
	max-height: 96px  
  }
    
  .box-clients a:nth-child(4) img {
    max-height: 64px  
  }
  
  .box-quote .quote {
	max-width: 1200px;  
  }
  
  .hero1 .cover-pic {
	flex: 0 0 733px;
    height: 720px;
    max-width: 733px;
  }
  
  .box-product .pic {
	height: 420px;  
  }
  
  .box_contacts_cta .box-wrap > p {
	flex: 0 0 426px;
    max-width: 426px;
  }
  
  .product-desc > div:first-child {
	max-width: 733px;  
  }
    
  .product-pic-big p {
	height: 712px;  
  }
  
  .product-adv > div:first-child p {
	height: 424px;  
  }
  
  .product-sports > div > div:last-child img {
	height: 300px;  
  }
  
  .box-project > div .pic {
	height: 424px;  
  }
  
  .boxes-colored .colored > div {
	height: 440px;   
  }
  
  .gallery-count {
	flex: 0 0 320px;
    max-width: 320px;  
  }
  
  .gallery-slider-items .pic img {
	height: 580px;  
  }
  
  .services-entry .hero1 .cover-pic, .entry .hero1 .cover-pic {
	flex: 0 0 733px;  
  }

  .box-services-boxed > div {
	height: 640px;
  }
  
  .box-services-boxed > div:nth-child(2) .title span {
	max-width: 368px;  
  }
  
  .box-services-boxed > div:nth-child(3) .title span {
	max-width: 418px;    
  }
  
  .box-services-boxed > div:nth-child(4) .title span {
    max-width: 626px;
  }
  
  .box-services-boxed > div .pic {
	height: 320px;
    width: 320px;	
  }
  
  .box-services-boxed > div .title {
	margin-bottom: 68px;  
  }
  
  .box-pricing .pic {
	height: 712px;  
  }
  
  .pricing-steps > div:first-child {
	flex: 0 0 605px;
    max-width: 605px;
  }
  
  .box-certificates .title h2 {
	background: var(--Primary-2-Shade-4, #254138) url(../images/certificates_and_credentials.webp) center calc(100% - 10px) / 380px auto no-repeat;  
  }
  
  .box-partners a:nth-child(1) img {
	max-height: 50px;  
  }
  
  .box-partners a:nth-child(2) img, .box-partners a:nth-child(4) img {
	max-height: 64px;  
  }
  
  .box-partners a:nth-child(3) img {
	max-height: 42px;  
  }
  
  .box-partners a:nth-child(5) img, .box-partners a:nth-child(6) img {
	max-height: 48px;  
  }
  
  .pricing-steps {
    min-height: 643px;
  }
  
  .pricing-steps .list .title {
	padding-bottom: 24px;  
  }
  
  .pricing-steps .list li + li {
	padding-top: 24px;  
  }
  
  .site-footer-content .nav {
	flex: 0 1 1059px;
  }
}

@media (min-width: 1800px) {
  .projects-map .map {
    flex: 0 0 1035px;
    max-width: 1035px;	
  }
}

@media screen and (min-width: 768px) and (max-width: 1280px) {
  .home-header .column:last-child p:first-child {
    height: 420px;	
  }
}

@media screen and (min-width: 1280px) and (max-width: 1440px) {
  .projects-map .map {
    flex: 0 0 640px;
    max-width: 640px;	
  }
}

@media (max-width: 1280px) {
  .heading-xxl {
    font-size: 180px;
    line-height: 200px;
  }
  
  .box-wrap {
    padding: 0 48px;
  }
  
  .home-header .row {
    flex-direction: column;
  }
  
  .home-header .column:last-child {
    border-left: none;
    border-top: none;
    padding-top: 24px;
    padding-left: 0;
  }
  
  .products-navigation .categories > div > a {
	height: 80px;  
  }
    
  .hero1 {
    flex-direction: column;
  }
  
  .hero1 > div:first-child {
    border-right: 0;
    gap: 0;
    padding-right: 0;
  }
  
  .hero1 > div:first-child > div:first-child {
    border-bottom: 0;
    margin-bottom: 24px;
  }
  
  .hero1 .cover-pic {
	flex: 0 0 480px;
    height: 480px;
	max-width: none;
    margin-bottom: 24px;	
  }
    
  .box-partners .list, .box-clients .list {
    flex-wrap: wrap;
    margin: 0 auto;
  }
  
  .box-partners a, .box-clients a {
    flex-basis: 33.3333%;
    max-width: calc(33.3333% - 20px);
  }
  
  .box-partners a img, .box-clients a img {
    max-width: 80% !important;
  }
  
  .box-clients a:nth-child(1) img, .box-clients a:nth-child(3) img, .box-clients a:nth-child(5) img, .box-clients a:nth-child(6) img {
	max-height: 96px;  
  }
  
  .box-clients a:nth-child(2) img {
	max-height: 40px;  
  }
  
  .box-clients a:nth-child(4) img {
	max-height: 54px;  
  }
  
  .box-sports-content .sport-item .content {
    padding-right: 128px;
	padding-left: 24px;
  }
  
  .box-sports-content .sport-item .pic {
    height: 380px;
  }
   
 .box-sports-content .sport-item .content .picto {
    right: 24px;
    width: 90px;
  }
  
  .box-sports-tabs {
    max-width: 321px;
  }
  
  .slider-slick-item .text, .slider-slick-item > .pic {
    flex-basis: 50%;
    max-width: 50%;
  }
  
  .projects-map .map {
    flex: 0 0 556px;
    max-width: 556px;
    padding-left: 0;
  }
  
  .box-quote .quote {
    max-width: 100%;
    padding-left: 92px;
    transform: none;
  }
  
  .box-certificates .list a {
    align-items: flex-start;
    flex-direction: column;
    gap: 16px;
    justify-content: flex-start;
  }

  .product-desc {
    flex-direction: column;
	padding-top: 24px;
  }
  
  .product-desc > div:first-child {
    border-right: 0;
    max-width: none;
    padding-right: 0;
  }
  
  .product-pic-big p {
    background: center / cover no-repeat;
    display: block;
    height: 480px;
  }
    
  .product-adv {
    flex-direction: column;
  }
  
  .product-adv > div:first-child {
    border-right: 0;
    width: 100%;
    padding-right: 0;
    gap: 16px;	
  }

  .product-adv > div:first-child p {
    background: center / cover no-repeat;
    display: block;
    height: 360px;
  }	
  
  .product-tabs-links div {
    border-bottom: 1px solid var(--Neutral-Shade-1, #8DA59D);
    height: 1px;
    overflow: hidden;
  }
  
  .product-tabs-links div p {
    margin-top: -4px;
    padding-bottom: 16px;
  }
  
  .product-adv > div:last-child a {
    border-bottom: 0;
    position: relative;
  }
  
  .product-tabs-links a.heading-sm:before {
	background-color: var(--accent);
    content: '';
    height: 2px;
    margin-top: -1px;
    position: absolute;
    right: 6px;
    top: 50%;
    width: 14px;
  }
  
  .product-tabs-links a.heading-sm:after {
	background-color: var(--accent);
    content: '';
    height: 2px;
    margin-top: -1px;
    position: absolute;
    right: 6px;
    top: 50%;
    width: 14px;
	transform: rotate(90deg);
    transition: .15s;
  }
  
  .product-tabs-links a.heading-sm.active:after {
	transform: rotate(180deg);
  }
  
  .product-tabs-content {
    display: none;
  }
  
  .product-sports > div {
    flex-direction: column-reverse;
  }
  
  .product-sports > div > div:first-child {
	border-right: none;
    padding-right: 0;	
  }
  
  .product-sports > div > div:last-child {
    flex-basis: 100%;
    gap: 32px;
    min-height: auto;
    max-width: none;
    width: 100%;
	padding: 24px 16px 0;
  }
  
  .product-sport h3 {
    align-items: center;
    display: flex;
    gap: 12px;
  }
  
  .product-sport img {
    height: 48px;
  }
  
  .box-project {
    flex-direction: column;
    gap: 0;
  }
  
  .box-project > div:first-child {
    border-right: 0;
    flex-basis: 100%;
    gap: 8px;
    margin-bottom: 16px;
    max-width: none;
    padding-right: 0;
  }
  
  .box-project > div:nth-child(2) {
    margin-bottom: 24px;
  }
  
  .box-project > div .pic {
    height: 380px;
  }
  
  .box-project > div:last-child {
    border-left: 0;
    flex-basis: 100%;
    gap: 24px;
    max-width: none;
    padding-left: 0;
  }
  
  .box-project:last-child {
    border-bottom: 1px solid var(--neutral-shade-3, #87A198);
    padding-bottom: 24px;
  }
    
  .project-acts {
    flex-direction: column;
    padding: 48px 0 24px;
  }
  
  .project-acts > div:first-child {
	flex: 1;	
  }
  
  .project-acts > div:last-child {
    border-left: 0;
    flex: 0 0 100%;
    max-width: 100%;
    padding-left: 0;
  }
  
  .project-acts ul li {
    padding-left: 24px;
  }
  
  .gallery {
    padding: 48px 0;
  }
  
  .gallery-header {
    border-bottom: 0;
    margin-bottom: 0;
    padding-bottom: 24px;
    padding-left: 0;
  }
  
  .gallery-slider {
    padding-bottom: 80px;
  }
  
  .gallery-count {
    align-items: flex-end;
    bottom: -16px;
    flex-direction: row-reverse;
    gap: 8px;
    position: absolute;
  }
  
  .gallery-count .heading-xl {
    line-height: 80px;
  }
  
  .gallery-nav {
    right: 0;
    left: auto;
  }
  
  .owl-item a {
    max-width: 263px;
    min-width: 263px;
  }
  
  .gallery-slider-items .pic img {
    height: 340px;
    width: 263px;
  }  
  
  .quote:before {
    left: -98px;
  }
  
  .about-entry .boxes-colored .colored > div {
    height: 100%;
  }
  
  .box-pricing .pic {
    height: 480px;
  }
  
  .box-services-boxed > div .pic {
    height: 220px;
    width: 220px;
  }
  
  .box-contacts {
    flex-direction: column;
    gap: 24px;
    padding: 24px 0;
  }
    
  .box-contacts > div:first-child {
    border-bottom: 1px solid var(--Neutral-Shade-3, #87A198);
    border-right: 0;
    flex-basis: 100%;
    min-height: auto;
    max-width: none;
    padding-right: 0;
  }
    
  .box-contacts > div:first-child > div {
    height: auto;
    padding-bottom: 24px;
  }
    
  .box-contacts > div:first-child > div:last-child > div:first-child, .box-contacts > div:first-child > div:last-child > div:first-child > p:first-child {
    margin-bottom: 24px;
  }
  
  .box-contacts .btn-text {
    font-size: 16px;
    line-height: 24px;
	margin-bottom: 24px;
  }
  
  .contact-form {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.08px;
    max-width: none;
    padding-left: 0;
  }
  
  .contact-form .wpcf7 {
    padding: 48px 24px;
  }
  
  .contact-form .wpcf7 .wpcf7-form {
    gap: 24px;
  }

  .wpcf7 .wpcf7-submit {
    max-width: 100%;
    width: 275px;
  }
  
  .contact-form .wpcf7-spinner {
    position: absolute;
  }
  
  .site-footer-content {
    flex: 1;
    flex-direction: column;
    height: auto;
  }
  
  .site-footer-content .info {
    gap: 16px;
  }
  
  .site-footer-content .nav {
    border-left: none;
    border-top: 1px solid var(--neutral-shade-2);
    flex: 0;
    padding-left: 0;
    padding-top: 24px;
  }
  
  .site-footer-bottom .links {
    display: flex;
    flex-direction: column;
    justify-content: left;
  }
  
  .site-footer-bottom .links a, .site-footer-bottom p  {
    text-align: left;	
  }
  
  .site-footer-bottom .links a + a:before, .site-footer-bottom .links a + a:before {
    display: none;
  }
  
  .site-footer-bottom p br {
    display: block;
  }
  
  .site-footer-content .nav .nav-useful {
    flex-basis: 196px;
    padding-right: 0;
  }
}

@media (max-width: 1100px) {  
  .site-header .row {
    gap: 24px;
    justify-content: flex-end;
	align-items: center;
    padding-bottom: 24px;
  }
  
  .site-logo {
    margin: 0 auto 0 0;
  }

  .btn-hamburger {
    align-items: center;
    border: 1px solid var(--accent);
    border-radius: 20px;
    display: flex;
    flex-direction: column;
    height: 40px;
    justify-content: center;
    gap: 3px;
    order: 3;
    width: 40px;
  }

  .btn-hamburger:before, .btn-hamburger:after {
    background-color: var(--neutral);
    border-radius: 2px;
    content: '';
    height: 2px;
    width: 24px;
  }
  
  .btn-hamburger:before, .btn-hamburger:after {
    transition: .2s ease-in;
  }
  
  .btn-hamburger.show:before, .btn-hamburger.show:after {
    transition: .2s ease-out;
  }
  
  .btn-hamburger.show:before {
    transform: translateY(2px) rotate(-45deg);
  }
  
  .btn-hamburger.show:after {
    transform: translateY(-2px) rotate(45deg);
  }
    
  .site-header .row {
    padding: 16px 0;
  }
  
  .main-navigation {
    background-color: var(--primary-1-shade-1);
    box-shadow: 0px 10px 12px 0px #0000001a;
	min-height: calc(100vh - 119px);
    right: 0;
    padding: 0 48px 48px;
    position: absolute;
    top: 72px;
    transition: transform .2s ease-in;
    transform: translateX(100%);
    width: 100%;
    z-index: 100;
  }

  .main-navigation.show {
    height: 100vh;
    max-height: calc(100vh - 73px);
    overflow: auto;
    transform: translateX(0);
    transition: transform .2s ease-out;
	transition-duration: .6s;
  }
 
  .site-navigation .menu {
    flex-direction: column;
    gap: 0;
  }
  
  .site-navigation .menu li {
    border-bottom: 1px solid #87A198;
  }
  
  .site-navigation .menu a {
    font-size: 24px;
    height: auto;
    line-height: normal;
    padding: 16px 0;
  }
  
  .site-navigation .menu .products > a {
    line-height: 32px;
    margin: 16px 0 0;
    padding: 8px 0;
  }
  
  .site-navigation .menu a:before {
    display: none;
  }
  
  .site-navigation .menu .products > a:after, .site-navigation .menu .products a:hover:after {
    border-color: var(--Neutral, #111D02);
    margin-top: -6px;
    right: 2px;
    top: 50%;
    transform: rotate(45deg);
  }
  
  .site-navigation .menu .products > .open:after, .site-navigation .menu .products > .open:hover:after {
    border-color: var(--Accent, #FA7921);
    margin-top: 0;
    top: 20px;
    transform: rotate(225deg);
  }
  
  .site-navigation .menu .products .box-wrap a:after {
    display: none;
  }
  
  .site-navigation .menu .categories > div > div a:after, .site-navigation img, .site-navigation p, .site-navigation .info {
    display: none;
  }
  
  .site-navigation .box-wrap {
    height: 0;
    padding: 0;
    overflow: hidden;
  }
  
  .site-navigation .box-wrap .categories {
    padding: 8px 0 24px;
  }
  
  .site-navigation .box-wrap .categories > div {
    margin-bottom: 16px;
  }
  
  .site-navigation .menu li {
    white-space: wrap;
  }
  
  .site-navigation .menu .products a {
    padding-right: 0;
  }
  
  .site-navigation .menu > li > a {
    text-transform: uppercase;
  }
  
  .site-navigation .heading-xss {
    color: var(--Neutral);
    font-size: 20px;
    height: auto;
    line-height: 28px;
    margin-bottom: 8px;
  }
  /*
  .site-navigation .categories, .site-navigation .categories div div {
    height: 0;
    overflow: hidden;
  }
  */
  .site-navigation .categories > div a {
    height: auto;
  }
  
  .site-navigation .categories > div > div > a {
    font-size: 18px;
    line-height: 24px;
    padding: 0 0 16px;
  }
  
  .projects-map .project img {
	height: 180px;  
  }
  
}

@media (max-width: 1024px) {
  .heading-xxl {
    font-size: 120px;
    line-height: 104px;
  }
  
  .about-projects .count .heading-xxl sup {
	font-size: 80px;
    line-height: 64px;
  }
  
  a.box-sports-tab.current {
	border-bottom: 0;
	padding-bottom: 0;
  }

  .cat-list {
    flex-direction: column;
  }
  
  .cat-list .desc {
	height: auto; 
  }
  
  .cat-list .pic {
	height: 360px;
  }
  
  .cat-list .category-pic {
	height: 360px;  
  }
  
  .cat-list > a {
    border-right: none;
    flex: 1;
    max-width: none;
    padding-right: 0;
  }
  
  .cat-list > a:not(:last-child) {
    border-bottom: 1px solid var(--neutral-shade-1);
    margin-bottom: 24px;
    margin-right: 0;
    padding-bottom: 24px;
  }
  
  .box-projects {
    padding: 48px 0 120px;
    position: relative;
  }
  
  .about-projects {
    flex-direction: column;
    gap: 24px;
    margin-bottom: 16px;
    min-height: auto;
  }
  
  .about-projects .count {
    border-right: none;
	border-bottom: 1px solid var(--neutral-shade-2);
    flex: 1;
    padding: 0;
	padding-bottom: 32px;
  }
  
  .about-projects .count .heading-xxl {
	justify-content: flex-start;  
  }
  
  .projects-map {
    flex-direction: column;
    gap: 24px;
    height: auto;
    min-height: auto;
  }
  
  .projects-map .map {
    border-right: none;
    padding: 0;
    flex: 1;
    max-width: none;
  }
  
  .projects-map .map-canvas {
    height: 480px;
  }
  
  .projects-map .project .pic {
    height: 256px;
  }
  
  .projects-map .map .btn-arrow {
    bottom: 48px;
    /* left: 20px; */
    position: absolute;
  }
  
  .projects-map .project {
    border-bottom: 1px solid var(--neutral-shade-2);
    opacity: 1;
    padding-bottom: 24px;
    position: static;
    margin-bottom: 24px;
  }
  
  .projects-map .project:last-child {
	margin-bottom: 0;  
  }
  
  .projects-map .project img, .projects-map .project p, .projects-map .project .area {
    display: none;
  }
  
  .projects-map .project .heading-xs {
    font-size: 24px;
    line-height: 32px;
	height: auto;
	min-height: auto;
    margin-bottom: 0;
    position: relative;
	color: var(--primary-2-shade-1, #CBE1DA);
	padding-right: 24px;
  }
  
  .projects-map .project .heading-xs:after {
    border: solid var(--accent);
    border-width: 1px 1px 0 0;
    content: '';
    height: 11px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%) rotate(45deg);
    width: 11px;
  }
  
  .projects a .info .heading-sm {
	position: relative;
    padding-right: 24px;	
  }
  
  .projects a .info .heading-sm:after {
	background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOSIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDkgMTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMS4wMjQ3NCAxNS43NTM1QzEuMTcyOSAxNS44OTQyIDEuMzY5NDIgMTUuOTcyNyAxLjU3Mzc0IDE1Ljk3MjdDMS43NzgwNiAxNS45NzI3IDEuOTc0NTggMTUuODk0MiAyLjEyMjc0IDE1Ljc1MzVMOC41NDQ5OSA5LjU1NTUxQzguNjg4NzUgOS40MTg4OSA4LjgwMzIyIDkuMjU0NDYgOC44ODE0NCA5LjA3MjIxQzguOTU5NjYgOC44ODk5NiA5IDguNjkzNzEgOSA4LjQ5NTM5QzkgOC4yOTcwNiA4Ljk1OTY2IDguMTAwODEgOC44ODE0NCA3LjkxODU2QzguODAzMjIgNy43MzYzMiA4LjY4ODc1IDcuNTcxODggOC41NDQ5OSA3LjQzNTI2TDIuMDc2MjQgMS4xOTE1MUMxLjc3NjI0IDAuOTAyNzYxIDEuMjkwMjQgMC44OTkwMTIgMC45ODU3NDMgMS4xODQwMUMwLjkxMjAyMiAxLjI1MTkxIDAuODUzMDQ1IDEuMzM0MjQgMC44MTI0NzUgMS40MjU4OEMwLjc3MTkwNCAxLjUxNzUzIDAuNzUwNjA3IDEuNjE2NTQgMC43NDk5MDQgMS43MTY3NkMwLjc0OTIgMS44MTY5OCAwLjc2OTEwNiAxLjkxNjI4IDAuODA4Mzg2IDIuMDA4NDhDMC44NDc2NjcgMi4xMDA2OSAwLjkwNTQ4MSAyLjE4Mzg0IDAuOTc4MjQzIDIuMjUyNzZMNi44OTc5OSA3Ljk2NTUxQzYuOTY5OTMgOC4wMzM4MyA3LjAyNzIyIDguMTE2MDcgNy4wNjYzNiA4LjIwNzIzQzcuMTA1NTEgOC4yOTgzOCA3LjEyNTY5IDguMzk2NTUgNy4xMjU2OSA4LjQ5NTc2QzcuMTI1NjkgOC41OTQ5NyA3LjEwNTUxIDguNjkzMTQgNy4wNjYzNiA4Ljc4NDNDNy4wMjcyMiA4Ljg3NTQ2IDYuOTY5OTMgOC45NTc3IDYuODk3OTkgOS4wMjYwMUwxLjAyNTQ5IDE0LjY5MzhDMC45NTM1NzUgMTQuNzYyIDAuODk2MzAzIDE0Ljg0NDIgMC44NTcxNjYgMTQuOTM1M0MwLjgxODAzIDE1LjAyNjQgMC43OTc4NDcgMTUuMTI0NSAwLjc5Nzg0NyAxNS4yMjM2QzAuNzk3ODQ3IDE1LjMyMjggMC44MTgwMyAxNS40MjA5IDAuODU3MTY2IDE1LjUxMkMwLjg5NjMwMyAxNS42MDMxIDAuOTUyODI2IDE1LjY4NTMgMS4wMjQ3NCAxNS43NTM1WiIgZmlsbD0iI0ZBNzkyMSIvPgo8L3N2Zz4K);
	background-size: cover;
	content: '';
	position: absolute;
	top: 14px;
	right:0;
	width: 9px;
	height: 16px;
	}
  
  .box-sports {
    flex-direction: column;
  }
  
  .box-sports-content {
    display: none;
  }
  
  .box-sports-tabs {
    border-left: 0;
    flex: 1 1 100%;
    padding-left: 0;
    max-width: 100%;
    width: 100%;
  }
  
  .box-sports-tabs .box-sports-tab {
    border-bottom: 1px solid var(--neutral-shade-1, #8DA59D);
    padding-bottom: 16px;
    padding-top: 16px;
    position: relative;
  }
  
  .box-sports-tabs .sport-item + .box-sports-tab {
    border-top: 0;
  }
  
  .box-sports-tabs .box-sports-tab:before, .box-sports-tabs .box-sports-tab:after {
    background-color: var(--accent);
    content: '';
    height: 2px;
    margin-top: -1px;
    position: absolute;
    right: 6px;
    top: 50%;
    width: 14px;
  }
  
  .box-sports-tabs .box-sports-tab:after {
    transform: rotate(90deg);
    transition: .15s;
  }
  
  .box-sports-tabs .box-sports-tab.current:after {
    transform: rotate(180deg);
  }
  
  .box-sports-tabs .sport-tab-item {
    display: block;
    height: 0;
    overflow: hidden;
  }
  
  .box-sports-tabs .sport-tab-item > div {
    border-bottom: 1px solid var(--Neutral-Shade-3, #87A198);
    padding: 24px 0;
  }
  
  .box-sports-tabs .sport-tab-item .cover-pic {
    height: 280px;
  }
  
  .box-sports-tabs .sport-tab-item .text {
    background: var(--Primary-2-Shade-2, #254138);
    color: var(--Primary-2-Shade-1, #CBE1DA);
    display: block;
    padding: 24px 16px;
  }
  
  .box-testimonials {
    flex-direction: column-reverse;
    padding: 48px 0 32px;
    gap: 32px;
  }
  
  .box-testimonials .list {
    flex: 0 0 auto;
    height: auto;
  }
  
  .box-testimonials .quote {
    padding-top: 56px;
  }
  
  .box-testimonials .quote.current {
    position: relative;
	gap: 24px;
  }
  
  .box-quote {
    padding-bottom: 32px;
  }
  
  .box-quote .quote {
    gap: 24px;
    padding-left: 0;
    padding-top: 56px;
  }
  
  .box-quote .quote:before {
    left: 0;
    top: 0;
  }
  
  .quote:before {
    left: 0;
  }
  
  .box-testimonials .nav {
    border-right: none;
    flex-basis: 32px;
    gap: 16px;
    padding-right: 0;
    position: relative;
    z-index: 2;
  }
  
  .box-certificates .title {
	flex: 0 0 346px;	 
  }
  
  .box-certificates .box-wrap {
    flex-direction: column;
  }
  
  .box-certificates .title {
    border-right: 0;
    max-width: 100%;
    margin-bottom: 24px;
    padding-right: 0;
  }
  
  .box-certificates .list {
    padding-left: 0;
  }
  
  .box-certificates .list a {
    align-items: center;
    flex-direction: row;
    justify-content: space-between;
  }
  
  .products-list .heading-sm-weight {
	word-wrap: break-word;  
  }
  
  .box-next-project .box-wrap {
    flex-direction: column;
    gap: 16px;
  }
  
  .box-next-project .box-wrap > div:first-child {
    border-right: 0;
    flex-basis: 100%;
    gap: 16px;
    max-width: none;
    padding-right: 0;
  }
  
  .box-next-project .box-wrap > div:first-child > div:first-child {
    border-bottom: 0;
    gap: 8px;
  }
  
  .box-next-project .pic {
    height: 420px;
  }
  
  .box-next-project .box-wrap > div:first-child > div:last-child {
    gap: 32px;
  }
  
  .box-next-project .box-wrap > div:last-child {
    width: auto;
  }
  
  .about-entry .boxes-colored.row-reversed {
    flex-direction: column-reverse;
  }
  
  .about-entry .boxes-colored .colored > div {
    height: 280px;
  }
    
  .boxes-colored {
    flex-direction: column;
    gap: 24px;
    padding: 24px 0;
  }
  
  .boxes-colored > div:first-child {
    border-right: 0;
    padding-right: 0;
  }
  
  .boxes-colored > div:last-child {
    padding-left: 0;
  }
  
  .boxes-colored .colored > div {
    display: flex;
    flex-direction: column;
    height: 280px;
    justify-content: space-between;
    padding: 24px 16px;
  }
  
  .boxes-colored .colored > div p:last-child {
    position: static;
    transform: none;
  }
    
  .box-services-boxed > div .text {
    overflow-y: scroll;
  }
  
  .box-services-boxed {
    flex-direction: column;
  }
  
  .box-services-boxed > div, .box-services-boxed > div:nth-child(1), .box-services-boxed > div:nth-child(3) {
    border-right: 0;
    flex-basis: 100%;
    max-width: none;
    padding-right: 0;
  }
   
  .box-services-boxed {
    border-top: 1px solid var(--neutral-shade-1, #8DA59D);
    flex-direction: column;
    padding-top: 24px;
  }
  
  .box-services-boxed > div + div {
    border-top: 1px solid var(--Neutral-Shade-3, #87A198);
    margin-top: 24px;
    padding-top: 24px;
  }
    
  .box-services-boxed > div > div {
	height: 434px;	
  }

  .box-services-boxed > div:nth-child(1), .box-services-boxed > div:nth-child(2) {
    margin-bottom: 0;
  }
  
  .box-services-boxed > div:nth-child(2), .box-services-boxed > div:nth-child(4) {
    padding-left: 0;
  }
  
  .box-services-boxed > div:nth-child(1):after, .box-services-boxed > div:nth-child(2):after {
    display: none;
  }
  
  .box-services-boxed > div > div:after {
    height: 48px;
    width: 48px;
  }
  
  .box-services-boxed > div > div:after {
    margin: 0 0 0 auto;
    position: absolute;
  }
 
  .pricing-steps {
    padding-top: 24px;
  }
  
  .pricing-steps > div:first-child .slogan {
    border-bottom: 0;
    padding-bottom: 16px;
  }
  
  .pricing-steps > div:first-child .text {
    border-bottom: 1px solid var(--Neutral-Shade-3, #87A198);
    margin-bottom: 24px;
    padding-bottom: 24px;
  }
  
  .pricing-steps .list {
    padding-left: 0;
  }
  
  .pricing-steps .list li {
    padding-left: 0;
  }
  
  .pricing-steps .list .title {
    flex-direction: column;
    gap: 4px;
    padding-bottom: 16px;
    position: relative;
  }
  
  .pricing-steps .list .title:before {
    position: static;
  }
  
  .pricing-steps .list .title span:before, .pricing-steps .list .title span:after {
    background-color: var(--accent);
    content: '';
    height: 2px;
    margin-top: -1px;
    position: absolute;
    right: 6px;
    top: 50%;
    transition: .3s;
    width: 14px;
  }
  
  .pricing-steps .list .title span:after {
    transform: rotate(90deg);
  }
  
  .pricing-steps .list .current .title span:after {
    transform: rotate(0);
  }
  
  .pricing-steps .list .text {
    margin-top: -4px;
    padding-bottom: 16px;
  }
    
  .pricing-steps {
    flex-direction: column;
  }
  
  .pricing-steps > div:first-child {
    border-right: 0;
    flex-basis: 100%;
    max-width: none;
    padding-right: 0;
  }

}

@media (max-width: 768px) {
  .box-wrap {
    padding: 0 20px;
  }
  
  .heading-xl {
    font-size: 88px;
    line-height: 80px;
    letter-spacing: -0.36px;
  }

  .heading-lg {
    font-size: 36px;
    line-height: 36px;
    overflow-wrap: anywhere;
  }

  .heading-md {
    font-size: 30px;
    line-height: 36px;
  }

  .heading-sm {
    font-size: 24px;
    line-height: 32px;
  }

  .heading-xs {
    font-size: 20px;
    line-height: 28px;
  }
  
  .btn-icon:not(.btn-text), .btn-icon:before {
    height: 40px;
    width: 40px;
  }
  
  .btn-icon:not(.btn-text) {
    flex-basis: 40px;
  }

  .site-title a {
    height: 40px;
    width: 155px;
  }

  .main-navigation .buttons {
    justify-content: space-between;
    padding-top: 48px;
  }
    
  .main-navigation {
    padding: 0 24px 48px;
  }
  
  .site-navigation .buttons {
    display: none;
  }
  
  .home-header {
    padding: 24px 0 48px;
  }
  
  .home-header .row {
    flex-direction: column;
  }
  
  .home-header .column:last-child {
    border-left: 0;
    border-top: 1px solid var(--neutral-shade-3);
    padding-left: 0;
	padding-top: 0
  }
  
  .home-header .column:last-child p + p {
    margin-top: 16px;
  }
  
  .home-header .column:last-child p:last-child {
    margin-top: 32px;
    height: 40px;
  }

  .box-video {
    height: 440px;
  }
  
  .btn-lg.btn-icon:after, .btn-icon.btn-lg:not(.btn-text), .btn-text.btn-lg.btn-icon:after {
    height: 64px;
    max-width: 64px;
  }
  
  .btn-border.btn-icon.btn-lg:before {
    background-position: -64px 0;
    height: 64px;
    width: 64px;
  }
  
  .box-products {
    padding: 48px 0;
  }
  
  .box-products .heading-md {
    padding-bottom: 16px;  
  }
  
  .cat-list .pic, .box-product .pic {
    height: 280px;
    background-size: cover;	
  }
  
  .cat-list .category-pic {
	height: 280px;  
  }
  
  .cat-list {
    flex-direction: column;
    padding-top: 24px;
    padding-bottom: 0;
  }
  
  .cat-list > div {
    border-right: 0;
    gap: 16px;
    margin-right: 0;
    max-width: 100%;
    padding-right: 0;
  }
  
  .cat-list > div + div {
    border-top: 1px solid var(--neutral-shade-3);
    gap: 16px;
    margin-top: 24px;
    max-width: 100%;
    padding-top: 24px;
  }
  
  .cat-list .desc {
    margin-bottom: 0;
    margin-top: 16px;
  }
  
  .cat-list > div > div {
    display: flex;
    flex-direction: column-reverse;
  }
  
  .cat-list > a {
    border-right: none;
    flex: 0;
    gap: 16px;
    justify-content: start;
    margin-right: 0;
    max-width: none;
    padding-right: 0;
    padding-bottom: 24px;
  }
  
  .cat-list a:nth-child(1), .cat-list a:nth-child(2) {
    border-bottom: 1px solid var(--neutral-shade-1);
    margin-bottom: 24px;
    padding-bottom: 24px;
  }
  
  .cat-list > a > div, .box-product > div:last-child {
    display: flex;
    flex-direction: column-reverse;
  }
  
  .cat-list .desc {
    -webkit-line-clamp: 3;
  }
  
  .cat-list .heading-xs {
	font-size: 24px;
    line-height: 32px; 	
  }
  
  .about-floorings {
    margin-bottom: 16px;
    padding: 64px 0;
  }
  
  .projects-map .map-canvas {
    height: 240px;
  }
  
  .projects-map .project .heading-xs {
	font-size: 20px;
    line-height: 28px;
	min-height: auto;
  }
  
  .projects-map .project {
	padding-bottom: 16px;
    margin-bottom: 16px;	
  }
  
  .projects a .info .heading-sm:after {
	top: 8px;  
  }
  
  .slider-slick-list {
    height: auto;  
  }
  
  .slider-slick-wrap {
    padding: 48px 0 120px;
    position: relative;
  }
  
  .slider-slick-wrap .box-wrap {
    /* min-height: 676px; */
    position: static;
  }
  
  .slider-slick-wrap .slider-slick-header {
    margin-bottom: 24px;
    padding-bottom: 16px;
  }
  
  .slider-slick-wrap .slider-slick-header .btn {
    bottom: 48px;
    left: 20px;
    position: absolute;
    z-index: 2;
  }
  
  .slider-slick-item.current {
    position: relative;
    flex-direction: column-reverse;
  }
  
  .slider-slick-item .text {
    border-right: none;
    display: block;
    flex: 1;
    max-width: 100%;
    padding-right: 0;
  }
  
  .slider-slick-item .heading-sm {
    height: 80px;
    padding-bottom: 16px;
  }
  
  .slider-slick-item .text > div p {
    display: box;
    display: -webkit-box;
    height: auto;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 6;
  }

  .slider-slick-item .text .cover-pic {
    height: 280px;
    transform: scale(0, 1);
    transform-origin: right;
    transition: transform .1s linear .2s;
    width: 100%;
  }
  
  .slider-slick-item .text .heading-sm ~ div {
	border-top: none;
    padding-top: 16px;	
  }

  .slider-slick-item.current .text .cover-pic {
    transform: scale(1, 1);
    transition: transform .3s ease-in-out;
  }
  
  .slider-slick-item .text div {
    border-top: none;
    padding-top: 16px;
  }

  .slider-slick-item {
    flex-direction: column;
  }

  .slider-slick-item > .pic {
    display: none;
  }
  
  .slider-slick-item > .pic .cover-pic {
    height: 280px
  }

  .slider-slick-nav {
    bottom: auto;
    top: -77px;
    left: auto;
    right: 0;
  }

  .slider-slick-wrap .slider-slick-header .btn:before, .slider-slick-wrap .slider-slick-header .btn:after, .slider-slick-nav .btn-icon:not(.btn-text), .slider-slick-nav .btn-icon:after {
    height: 40px;
    max-width: 40px;
  }
  
  .box-certificates .title h2 {
	background: var(--Primary-2-Shade-4, #254138) url(../images/certificates_and_credentials.webp) center calc(100% - 10px) / 280px auto no-repeat;
	min-height: 346px;
   }
   
  .box-certificates .list a p {
	font-size: 20px;
    line-height: 28px;
  }
  
  .box-partners, .box-clients {
    padding: 48px 0 48px;
  }
  
  .box-partners .list, .box-clients .list {
    column-gap: 16px;
    flex-wrap: wrap;
    row-gap: 24px;
  }
  
  .box-partners a, .box-clients a {
    flex-basis: 33.3334%;
    height: 152px;
    max-width: calc(33.3334% - 11px);
  }
  
  .box-partners h2 {
    padding-bottom: 24px;	
  }
    
  .box-clients a:nth-child(1) img, .box-clients a:nth-child(3) img, .box-clients a:nth-child(5) img, .box-clients a:nth-child(6) img {
	max-height: 80px;  
  }
  
  .box-clients a:nth-child(2) img {
	max-height: 24px;  
  }
  
  .box-clients a:nth-child(4) img {
	max-height: 40px;  
  }
  
  .entry-header {
    padding: 24px 0 48px 0;
  }

  .projects-page .entry-header {
    border-bottom: 0;
    padding-bottom: 0;
    position: relative;
  }

  .projects-page .entry-header .heading {
    border-bottom: 1px solid var(--Neutral-Shade-1, #8DA59D);
    margin-bottom: 24px;
    padding-bottom: 24px;
  }

  .projects-page .page-title {
    display: block;
    align-items: center;
    align-self: stretch;
    border: 1px solid var(--Neutral-Shade-3, #87A198);
    content: attr(data-title);
    display: flex;
    padding: 12px;
    color: var(--Accent, #FA7921);
    font-family: Montserrat;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    position: relative
  }

  .projects-page .page-title:after {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 5px 0 5px;
    border-color: #87a198 transparent transparent transparent;
    content: '';
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
  }
  
  .projects-page .page-title:active:after {
    transform: translateY(-50%) rotate(180deg); 	
  }
  
  .projects-nav {
    background-color: var(--primary-1-shade-1);
    box-shadow: 0px 10px 12px 0px #0000001a;
    border-top: 0;
    flex-direction: column;
    height: 0;
    margin-bottom: 0;
    margin-top: 0;
    overflow: hidden;
    padding-top: 0;
    position: absolute;
    left: -1px;
    right: -1px;
  }
  
  .projects-nav a {
    display: block;
    padding: 8px 16px;
  }
  
  .projects-nav a:first-child {
    padding-top: 16px;
  }
  
  .projects-nav a:last-child {
    padding-bottom: 16px;
  }
  
  .projects-nav a + a {
    border-left: 0;
    margin-left: 0;
  }
  
  .projects-nav a span {
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }
    
  .box-project > div .pic {
    height: 280px;
  }
  
  .box_contacts_cta {
    padding: 48px 0 48px;
  }
  
  .box_contacts_cta .box-wrap {
    height: auto;
    flex-direction: column;
  }
  
  .box_contacts_cta .box-wrap > div {
    border-right: 0;
    padding-bottom: 48px;
    padding-right: 0;
  }
  
  .box_contacts_cta .box-wrap > div > h3 {
    margin-bottom: 24px;
    padding-bottom: 24px;
  }
  
  .box_contacts_cta .box-wrap > p {
    justify-content: flex-start;
    flex-basis: 100%;
    max-width: none;
  }
  
  .contact-form .wpcf7 .wpcf7-form .columns {
    flex-direction: column;
    gap: 24px;
  }
  
  .contact-form .wpcf7 .wpcf7-form > p:last-of-type {
    justify-content: center;
  }

  .box-contacts > div:first-child > div:first-child > p:first-child {
    font-size: 30px;
    font-weight: 500;
    line-height: 36px;
    margin-bottom: 24px;
  }
  
  .box-contacts > div:first-child > div:first-child > p:last-child, .box-contacts > div:first-child > div:last-child > div:first-child > p:first-child, .box-contacts > div:first-child > div:first-child > p:nth-child(2) {
    font-size: 24px;
    line-height: 32px;
  }
  
  .contact-form .wpcf7 {
    padding: 48px 16px 24px;
  }

 .box-next-project .pic {
    height: 340px;
  }
 
  .box-services-boxed > div > div, .box-services-boxed > div .text {
	padding-left: 16px;
    padding-right: 16px;
  }
  
  .box-services-boxed > div > div:after {
	right: 16px;  
  }
    
  .box-services-boxed > div .pic {
    height: 200px;
    width: 200px;
  }
  
  .services-entry .hero1 > div:first-child > div:first-child, .about-entry .hero1 > div:first-child > div:first-child {
    padding-bottom: 0;
  }

  .hero1 .cover-pic {
    flex: 0 0 340px;
    height: 340px;
    margin-bottom: 16px;
    max-width: none;
  }
 
  .product-adv > div:first-child p {
    background: center / cover no-repeat;
    display: block;
    height: 280px;
  }	
  
  .gallery {
    padding: 48px 0;
  }
  
  .gallery-header {
    border-bottom: 0;
    margin-bottom: 0;
    padding-bottom: 24px;
    padding-left: 0;
  }
  
  .gallery-slider {
    padding-bottom: 80px;
  }
  
  .gallery-count {
    align-items: flex-end;
    bottom: 0;
    flex-direction: row-reverse;
    gap: 8px;
    position: absolute;
  }
  
  .gallery-count .heading-xl {
    line-height: 80px;
  }
  
  .gallery-nav {
    right: 0;
    left: auto;
  }
  
  .owl-item a {
    max-width: 263px;
    min-width: 263px;
  }
  
  .gallery-slider-items .pic img {
    height: 340px;
    width: 263px;
  }
  
  .contacts .entry-header {
	padding-bottom: 24px;  
  }
  
  .products-page .entry-header {
    margin: 0 -20px;
    padding: 24px 20px 48px;
  }
  
  .products-list {
	border-top: 1px solid var(--Neutral-Shade-1, #8DA59D);
	padding-top: 24px;
  }
  
  .products-list .heading-sm-weight {
	font-size: 24px;
    line-height: 32px;
  }
  
  .box-product {
    border-bottom: 1px solid var(--neutral-shade-1, #8DA59D);
    border-top: 0;
    flex-basis: 100%;
    gap: 16px;
    margin-bottom: 24px;
    margin-top: 0;
    max-width: 100%;
    padding-bottom: 24px;
    padding-top: 0;
  }
  
  .box-product > div:last-child > div:first-child p {
	height: 112px;
    -webkit-line-clamp: 4;	
  }
  
  .box-product:last-child {
    margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: none;
  }
  
  .box-product:nth-child(odd) {
    padding-right: 0;
  }
  
  .box-product:nth-child(odd):after {
    display: none;
  }
  
  .box-product:nth-child(even) {
    padding-left: 0;
  }
  
  .box-product > div:last-child {
    gap: 16px;
  }
  
  .box-product .pic {
    background-size: cover;
  }
  
  .box-next-section .box-wrap {
    flex-direction: column;
    height: auto;
    padding: 0;
  }
  
  .box-next-section .box-wrap h3, .box-next-section .box-wrap p {
    flex-basis: 100%;
    max-width: none;
    min-height: 220px;
  }
  
  .box-next-section .box-wrap a, .box-next-section .box-wrap a:after {
    height: 64px;
    width: 64px;
  }

  .product-pic-big {
	padding: 24px 0;  
  }
  
  .product-pic-big p {
	height: 320px;
  }

  .services-entry .hero1 .cover-pic, .about-entry .hero1 .cover-pic {
	flex: 0 0 340px;   
  }
  
  .box-pricing {
	padding: 48px 0;  
  }
  
  .box-pricing .heading {
    padding-bottom: 16px;
  }
  
  .box-pricing .pic {
    height: 320px;
  }
  
  .box-equipment {
    flex-direction: column;
    padding: 24px 0 48px;
  }
  
  .box-equipment > div, .box-equipment > div:first-child {
    border-right: 0;
    padding-right: 0;
    flex: 1;
    max-width: none;
  }
  
  .box-equipment > div:first-child h2 {
    margin-bottom: 48px;
  }
  
  .box-equipment .cover-pic {
    flex-basis: 468px;
    height: 468px;
  }
  
  .box-equipment .area-counter > span {
    display: block;
  }
  
  .infopage-entry .big-pic {
    height: 440px;
  }
  
  .site-footer .unisport {
    height: 128px;
    padding: 32px 0;
  }
  
  .site-footer .unisport p {
    animation: marquee 32s linear infinite;
    background-size: auto 96px;
  }
  
  .site-footer-content {
    flex-direction: column;
    height: auto;
  }
  
  .site-footer-content .info {
    border-bottom: 1px solid var(--neutral-shade-2);
    border-right: none;
    gap: 32px;
    padding-bottom: 24px;
  }
  
  .site-footer-content .nav {
    flex: none;
	flex-direction: column;
	border-top: none;
	padding-top: 0;
	gap: 32px;
  }
  
  .site-footer-content .nav .nav-useful {
	flex-basis: 0;  
  }

  .site-footer-content .nav .heading {
    margin-bottom: 8px;
  }

  .site-footer-content .nav li + li {
    margin-top: 4px;
  }
  
  .site-footer-bottom {
    flex-direction: column;
    gap: 24px;
	font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0.07px;
	padding: 24px 0;
  }
  
  .site-footer-bottom .links {
    gap: 4px;
  }
}

@media (max-width: 675px) {
  .box-certificates .list a {
    align-items: flex-start;
    flex-direction: column;
    justify-content: left;
  }
}

@media (max-width: 456px) {  
  .box-partners a, .box-clients a {
    flex-basis: 50%;
    height: 152px;
    max-width: calc(50% - 8px);
  }
}