/*

Version : v.1
Created : April 2026
Developer : https://andriimorhun.com

*/

/* Base
--------------------------------------------- */
html {box-sizing: border-box; -ms-overflow-style: scrollbar;}

*,*::before,*::after {box-sizing: border-box;}
body,html {/*height: 100%;*/-moz-osx-font-smoothing: grayscale;}

:root {
  --transition: 0.3s linear;
  --red: #FD4400;
  --black: #211B11;
  --white: #fff;
  --gray: #8B806E;
  --orange: #FF9B00;
  --yellow:#FFD500;
}



body {font: 400 normal 16px/1.4 'Inter', Arial, Tahoma, sans-serif; color: #8B806E; background-color: #EFEDE5;background: conic-gradient(from 0deg at 50% 0%, #D9D9D9 0deg, #F9F9F9 360deg);}
@media (min-width:576px) {
  body {font-size: 18px;}
}
@media (min-width:1320px) {
  body {font-size: 20px;}
}




/* Typography
--------------------------------------------- */
a {color: #FC3F00;text-decoration: none; transition: var(--transition)}
a:hover,a:active {color: #211B11;text-decoration: underline;}
a:focus {outline: none;}

h1,.h1,
h2,.h2,
h3,.h3,
h4,.h4,
h5,.h5,
h6,.h6 {margin-bottom: 16px;font-family: "Unbounded";font-style: normal;font-weight: bold;color:#211B11;line-height: 1;}

h1,.h1 {font-size: 26px;font-weight: 700;}
h2,.h2 {font-size: 24px; font-weight:700;}
h3,.h3 {font-size: 22px;font-weight:700;}
h4,.h4 {font-size: 18px;}

@media (min-width: 376px) {
  h1, .h1 {font-size:30px;}
  h2,.h2 {font-size: 28px}
  h3,.h3 {font-size: 24px;}
}
@media (min-width: 476px) {
  h1, .h1 {font-size:36px;}
}
@media (min-width: 576px) {
  h1,.h1 {font-size: 44px;}
  h2,.h2 {font-size: 32px}
  h3,.h3 {font-size: 28px;}
  h4,.h4 {font-size: 20px;}
}
@media (min-width: 768px) {
  h1,.h1 {font-size: 48px;}
  h2,.h2 {font-size: 36px}
  h3,.h3 {font-size: 32px;}
}
@media (min-width:992px) {
  h1,.h1 {font-size: 64px;}
}
@media (min-width:1200px) {
  h1, .h1 {font-size: 80px;}
  h2,.h2 {font-size: 40px}
  h3,.h3 {font-size: 36px;}
}
@media (min-width:1320px) {
  h1, .h1 {font-size: 94px;}
  h2, .h2 {font-size: 42px;}
  h3, .h3 {font-size:34px;}
  h4, .h4 {font-size:24px;}
}

img {display:block;max-width: 100%;}
svg {display: block;}
b, strong, .bold {font-weight:800;}
.center {text-align: center}
p, ul, ol {margin: 0 0 16px}
button:focus, button:active {outline: none}
.uppercase {text-transform: uppercase;}


@media (min-width:1200px) {
  ol, ul {padding-left: 24px;}
  p, ul, ol,
  h1,.h1,
  h2,.h2,
  h3,.h3,
  h4,.h4,
  h5,.h5,
  h6,.h6,
  .h2_small {margin-bottom:24px}
}

/* */
@media (max-width:991px) {
  .desktop__visible {display: none !important;}
}
@media (min-width:992px) {
  .mobile__visible {display: none !important;}
}


/* General blocks
--------------------------------------------- */
.wrapper {position: relative;overflow: hidden;max-width:2240px;margin-left:auto;margin-right:auto;box-shadow: 0 0 50px rgba(0,0,0,0.1);}
.container {position: relative;width: 100%;margin-right: auto;margin-left: auto;padding-left: 20px;padding-right: 20px;}
.relative {position: relative;z-index: 5;}
@media (min-width: 576px) {
  .container {max-width: 540px;}
}
@media (min-width:768px) {
  .container {max-width: 720px;}
}
@media (min-width:992px) {
  .container {max-width: 960px;}
}
@media (min-width:1200px) {
  .container {max-width: 1160px;}
}
@media (min-width:1320px) {
  .container {max-width: 1290px;}
}


/* .toggleTheme
--------------------------------------------- */
.toggleTheme { cursor: pointer;margin-left: auto;}
.toggleTheme__label {position: relative;width: 90px;height: 24px;border-radius: 32px;overflow: hidden;background: rgba(255, 255, 255, 0.6);opacity: 0.8;border: 1px solid rgba(255, 255, 255, 0.6);box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);}
.toggleTheme__inner {width: 200%;margin-left: -100%;transition: margin 0.15s ease-in-out;display: flex;align-items: center;height: 23px;}
.toggleTheme__switch {width: 18px;height: 18px;background: #FB4400;border-radius: 50%;position: absolute;top: 2px;right: 68px;box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);transition: right 0.15s ease-in-out;}
.toggleTheme__inner::before,
.toggleTheme__inner::after {width: 50%;font-size: 10px;font-weight:700;color: #FB4400;font-weight: bold;box-sizing: border-box;}
.toggleTheme__inner::before {content: "Light Mode";padding-left: 9px;}
.toggleTheme__inner::after {content: "Dark Mode";padding-right: 10px;text-align: right;}
.darkTheme .toggleTheme__label {background: #140C0A;border-color:#FB4300;box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);}
.darkTheme .toggleTheme__inner {margin-left: 0;}
.darkTheme .toggleTheme__switch {right:2px;}
@media (min-width:1200px) {
  .toggleTheme__label {width: 117px; height: 36px;}
  .toggleTheme__switch {width: 28px;height: 28px;top: 3px;right: 85px;}
  .toggleTheme__inner {height:36px;}
  .toggleTheme__inner::before,
  .toggleTheme__inner::after {font-size: 13px;}
  .darkTheme .toggleTheme__switch {right: 3px;}
}


/* .section
--------------------------------------------- */
.section > .container {position: relative;padding-top: 20px; padding-bottom: 40px;}
.section > .container::after {position: absolute; left:0;right:0;bottom:0;height: 2px; content:"";background:  linear-gradient(90deg, rgba(212, 206, 194, 0) 0%, #D4CEC2 50%, rgba(212, 206, 194, 0) 100%);}


/* .heading
--------------------------------------------- */
.heading {display: flex;flex-direction: column;gap:8px;margin-bottom: 40px;}
.heading__sup {font-weight: 500;letter-spacing: 0.04em;text-transform: uppercase;color: #8B806E;}
.heading__title {margin-bottom: 0;}
@media (min-width:1320px) {
  .heading {gap:16px}
}


/* .marquee
--------------------------------------------- */
.marquee {display: flex;list-style: none; padding:10px 0; margin: 0; white-space: nowrap; will-change: transform;color:var(--black);}
.marquee li {flex-shrink: 0;padding-left:5px;padding-right:5px; letter-spacing: 0.04em; font-weight: 500;}
.marquee .red {color:var(--red) !important}
@media (min-width: 576px) {
  .marquee li {padding-left:10px;padding-right:10px;}
}
@media (min-width:1320px) {
  .marquee li {padding-left:20px;padding-right:20px;}
}


/* .hero
--------------------------------------------- */
.hero {background-image: url(../images/hero.png);background-repeat: no-repeat;background-position: 100px 50%;background-size: cover;}
.hero__inner {display: flex;flex-direction: column;padding-top: 40px !important;gap: 80px; justify-content: space-between;}
.hero_top {display: flex;flex-direction: column;gap: 20px;align-items: center;}
.hero__logo svg {width: 220px; height: 89px; color:#0F0F0F}
.hero__content {display: flex;flex-direction: column;gap:20px;align-items: flex-start;}
.hero_label {display: flex;flex-direction: row;align-items: center;padding: 6px 16px;gap: 6px;background: rgba(251, 67, 0, 0.1);border: 1px solid #FAB397;border-radius: 18px;font-weight: 600;font-size: 12px;letter-spacing: 0.04em;text-transform: uppercase;color: var(--red);}
.hero_label i {width: 8px;height:8px;background: var(--red);border-radius: 50%;}
.hero__title {text-transform: uppercase;font-weight: 900;margin-bottom: 0;}
.hero__title span {color:var(--red)}
.hero__desc p:last-child {margin-bottom: 0;}
@media (min-width:576px) {
  .hero {background-position: 150px 50%;}
  .hero__logo svg {width: 280px; height: 114px;}
  .hero__desc {max-width: 70%;}
}
@media (min-width:768px) {
  .hero {background-position: 250px 50%;}
  .hero_top {flex-direction: row-reverse;justify-content:space-between;align-items: flex-start;}
}
@media (min-width:992px) {
  .hero__logo svg {width: 360px;height: 145px;}
  .hero__desc {max-width: 50%;}
}
@media (min-width:1200px) {
  .hero {background-size: auto;}
  .hero__inner {min-height: 660px;}
  .hero__title {margin-bottom:20px}  
}
@media (min-width:1320px) {
  .hero {background-position: 100% 50%;}
  .hero__inner {min-height: 740px;}
  .hero__logo svg {width:460px;height: 186px;}
  .hero_label {padding: 6px 16px;font-size: 14px;}
  .hero_label i {width: 10px;height:10px;}  
}
@media (min-width:1680px) {
  .hero__inner {min-height: 780px;}
}


/* .footer
--------------------------------------------- */
.footer {padding-top:48px; padding-bottom: 48px;}
.footer__inner {display:flex;flex-direction:column;gap:40px;align-items: center;}
.footerLogo a {color:var(--black)}
.footerSocial {display: flex;align-items: center;justify-content: center;gap: 12px;}
.footerSocial a {color:var(--black);}
.footerSocial a:hover {color:var(--red)}
@media (min-width:992px) {
  .footer__inner {flex-direction:row;justify-content:flex-end;position: relative;}
  .footerLogo {position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
}
@media (min-width:1200px) {
  .footer {padding-top:52px; padding-bottom: 52px;}  
}


/* .button
--------------------------------------------- */
.button {
  display:flex;align-items: center;justify-content: center;gap:10px; min-width:280px; padding: 14px 20px;
  font-size: 16px; color:var(--white); font-weight: 700;font-family: 'Unbounded'; background: #FC3F00; border: 2px solid var(--white);
  text-decoration: none;text-align: center; border-radius: 12px; text-transform: uppercase; transition: all var(--transition);
} 
.button svg {width:18px;height: 18px;flex-shrink: 0;}
.button:hover, .button:focus {color:var(--white);background: var(--orange);border-color:var(--white);text-decoration: none;}
.button:active {color:var(--red);border-color: var(--red);background-color: var(--white);}
.button:focus {outline: none;}

.button__light {background:var(--white);border: 2px solid #D5CFC3;color:var(--gray);}
.button__light:hover, .button__light:focus {background-color: var(--white);color:#211B11;border-color: #D5CFC3;}
.button__light:active {background-color: #211B11;color:var(--white);border-color:var(--white)}

@media (min-width:1200px) {
  .button {min-width: 300px;}
}
@media (min-width:1320px) {
  .button {font-size:18px;padding: 17px 24px;min-width: 354px;}
  .button svg {width:22px;height: 22px;}
}


/* .be
--------------------------------------------- */
.be {padding-top: 40px;background: #E9E4DA;}
.be__inner {display: flex; flex-direction: column;gap:20px;text-align: center;}
.be__title {margin-bottom: 0; line-height: 1;font-family: "Unbounded";font-weight: bold;color:var(--black)}
.be__desc p:last-child {margin-bottom: 0;}
.be__buttons {display:flex;flex-direction: column;gap:20px;align-items: center;}
@media (min-width:768px) {
  .be__inner {gap:40px}
  .be__buttons {flex-direction: row; justify-content:center}
}
@media (min-width:1320px) {
  .be__title {font-size: 64px;}
}


/* .locations
--------------------------------------------- */
.locations__inner {display: flex;}
.locations__items {display: flex;flex-wrap: wrap;width:100%}
.locations__item {flex:0 0 100%;display: flex;flex-direction: column;align-items:flex-start;padding: 24px 20px;gap: 20px;background: #FFFFFF;border: 1px solid #D5CFC3; transition: all var(--transition);}
.locations__item:first-child {border-radius: 20px 20px 0 0;}
.locations__item:last-child {border-radius: 0 0 0 20px;}
.locations__item:hover {box-shadow: 0px 10px 0px 0px #FC3F00 inset;}
.locations__item:nth-child(even):hover {box-shadow: 0px 10px 0px 0px #FDA100 inset;}
.locations__label {display: flex;align-items: center;padding: 1px 10px;gap: 6px;background: rgba(251, 67, 0, 0.1);border: 1px solid #FAB397;border-radius: 18px;font-weight: 600;font-size: 12px;letter-spacing: 0.04em;text-transform: uppercase;color: var(--red);}
.locations__label::before {display:block; content:"";width: 10px;height: 10px;border-radius: 50%;background-color: var(--red);}
.locations__label.orange {background: rgba(214, 122, 0, 0.1);border: 1px solid #FDCF89;color: var(--orange);}
.locations__label.orange::before {background-color: var(--orange);;}
.locations__flag {height: 40px;}
.locations__title {margin-bottom: 0;}
.locations__desc p:last-child {margin-bottom: 0;}
.locations__info {display: flex; flex-direction: column;gap:10px}
.locations__info__item {display: flex; align-items: center; gap:10px}
.locations__info__icon {flex-shrink:0;display: flex;justify-content: center;align-items: center;width:32px;height:32px;background: #E9E4DA;border-radius: 8px;font-weight: 500;font-size: 18px;letter-spacing: 0.04em;color: #8B806E;}

.locations__panel {display: flex;justify-content: center;align-items: center;width: 32px; flex-shrink: 0;
  background: #CECECE;border: 1px solid #D5CFC3;box-shadow: inset 0px 10px 0px rgba(32, 32, 32, 0.4);border-radius: 20px 20px 20px 0px;
  font-family: 'Unbounded';font-weight: 600;font-size: 16px;letter-spacing: 0.04em;color: #A6A6A6;
  writing-mode: vertical-lr;white-space: nowrap;text-orientation: mixed;
}

@media (max-width:991px) {
  .locations__item:last-child {border-top:0}
}

@media (min-width: 576px) {
  .locations__item {padding: 32px;gap: 32px;}
  .locations__panel {width: 40px;font-size: 18px;}  
}
@media (min-width:992px) {
  .locations__item {flex:0 0 50%}
  .locations__item:first-child {border-radius: 20px 20px 0 20px;}
  .locations__item:last-child {border-radius: 20px 20px 0 0;border-left:0}
  .locations__panel {width: 48px;font-size: 20px;}  
}
@media (min-width:1200px) {  
  .locations__item {padding: 40px;gap: 40px;}  
}
@media (min-width:1320px) {
  .locations__item {padding: 40px 40px 60px;gap: 47px;}
  .locations__label {font-size: 14px}
  .locations__info__icon {width:38px;height:38px;font-size: 22px;} 
  .locations__panel {width: 60px;font-size: 24px;}
}


/* .whatdoes
--------------------------------------------- */
.whatdoes__items {display: flex; flex-wrap: wrap;gap:10px}
.whatdoes__item {flex:0 0 100%;display: flex;flex-direction: column;padding: 20px;gap: 20px;background: #FFFFFF;border: 1px solid #D5CFC3;border-radius: 14px;color:#8B806E;font-size: 14px; transition:all var(--transition)}
.whatdoes__item:hover {border-color:var(--red);}
.whatdoes__item__number {margin-bottom: 5px;font-family: 'Unbounded';font-weight: 900;font-size:36px;text-transform: uppercase;color: #FC3F00;line-height: 1;}
h3.whatdoes__item__title {margin-bottom: 0;font-weight: 600;font-size: 18px;color: #000;font-family: 'Inter';}
.whatdoes__item p:last-child {margin-bottom: 0;}
@media (min-width: 476px) {
  .whatdoes__item {flex:0 0 calc(50% - 5px)}
}
@media (min-width:1200px) {
  .whatdoes__item {flex: 0 0 calc(25% - 8px);}
}
@media (min-width:1320px) {
  .whatdoes__item__number {margin-bottom: 10px;font-size: 40px;}
}


/* .gallery
--------------------------------------------- */
.gallery__items {display:flex;flex-wrap:wrap;gap:16px}
.gallery__col {display:flex;flex-wrap:wrap;gap:16px;flex: 0 0 100%;}
.gallery__row {display:flex;gap:16px;flex: 0 0 100%;}

.gallery__item {display: flex;flex: 0 0 100%; border-radius: 14px; overflow: hidden;border:1px solid #211B11}
.gallery__item a {display:block;width: 100%;}
.gallery__item img {object-fit:cover;width: 100%;height: 100%; transition: all var(--transition);}
.gallery__item a:hover img {transform: scale(1.05); opacity: 0.8;}

.gallery__more {display: flex;justify-content: flex-end;margin-bottom: 10px;}
.gallery__more__link {display: flex;align-items: center;font-family: 'Unbounded';font-weight: 700;letter-spacing: 0.04em;color: #6F6961;gap: 6px;font-size: 14px;}
.gallery__more__link svg {width: 14px;height: 14px;}
.gallery__more__link:hover {color: var(--red);}

.gallery__row .gallery__item {flex:0 0 calc(66.666667% - 8px)}
.gallery__row .gallery__item + .gallery__item {flex:0 0 calc(33.333333% - 8px)}

.gallery__row:nth-child(even) .gallery__item {flex:0 0 calc(40% - 8px)}
.gallery__row:nth-child(even) .gallery__item + .gallery__item {flex:0 0 calc(60% - 8px)}

.gallery__col:nth-child(3) .gallery__item {flex:0 0 calc(50% - 8px)}

@media (min-width:768px) {
  .gallery__more {margin-top:-35px}
  .gallery__more__link {font-size:16px; }
  .gallery__more__link svg {width: 18px;height: 18px;}
}
@media (min-width:992px) {
  .gallery__col {flex:0 0 calc(50% - 8px)}

  .gallery__col:nth-child(3) .gallery__item,
  .gallery__col:nth-child(4) .gallery__item {height:60%}

}
@media (min-width:1320px) {
  .gallery__more__link {gap:10px;font-size:18px}
  .gallery__more__link svg {width: 20px;height: 20px;}
}


/* .accordion
--------------------------------------------- */
.accordion {display: flex;flex-direction: column;gap:10px;}
.accordion__item {display: flex;flex-direction: column;}

.accordion__header {display: flex; flex-direction: row; align-items: center; padding: 16px; gap: 20px; background: #fff; border: 1px solid #D5CFC3; border-radius: 14px; justify-content: space-between;cursor: pointer;}
.accordion__item.active .accordion__header {background: rgba(239, 237, 229, 0.6);border-radius: 14px 14px 0px 0px;}

.accordion__item__title {margin-bottom:0;font-family: 'Inter';}
.accordion__icon {display:block; width:20px; height: 20px; border:2px solid #D5CFC3; flex-shrink: 0; position: relative; border-radius: 50%; transition:all var(--transition);}
.accordion__icon::before,
.accordion__icon::after {content:"";display: block; background-color: #8B806E; position: absolute;}
.accordion__icon::before {left: 4px;right: 4px;top:calc(50% - 1px);height: 2px;}
.accordion__icon::after {top: 4px;bottom: 4px;left:calc(50% - 1px);width:2px;}

.accordion__item.active .accordion__icon {border-color:#FC3F00;transform:rotate(45deg)}
.accordion__item.active .accordion__icon::before,
.accordion__item.active .accordion__icon::after {background-color:#FC3F00}

.accordion__content {max-height: 0;overflow: hidden; transition: max-height 0.3s ease;}
.accordion-item.active .accordion__content {max-height: 100%;}
.accordion__body {padding: 16px; background: rgba(239, 237, 229, 0.6); border: 1px solid #D5CFC3; border-top:0; border-radius:0 0 14px 14px}
.accordion__body p:last-child {margin-bottom: 0;}

@media (min-width:576px) {
  .accordion__header {padding: 20px;}
  .accordion__body {padding: 20px;} 
}
@media (min-width:1200px) {  
  .accordion__header {padding: 24px;}
  .accordion__icon {width:26px; height: 26px;}
  .accordion__body {padding: 24px;}
}


/* .contact
--------------------------------------------- */
.contact__row {display: flex;flex-wrap: wrap;gap: 4px;padding:24px;background: #FFFFFF;border: 1px solid #D5CFC3;border-radius: 14px;}
.contact__col {flex:0 0 100%}
.contact__text {font-weight: 500;font-size: 14px;}
.contact__text ul {padding: 0;}
.contact__text ul li {display: flex; align-items: center;gap:10px;margin-bottom: 6px;}
.contact__text ul li:last-child {margin-bottom:0;}
.contact__text ul li::before {width: 10px;height: 10px;background: #FB4300;border-radius: 50%;content: "";}
@media (min-width: 576px) {
  .contact__row {padding: 32px;}
}
@media (min-width:992px) {
  .contact__row {align-items: center;gap:20px}
  .contact__col {flex:0 0 calc(50% - 10px)}
}
@media (min-width:1200px) {
  .contact__row {padding: 40px;}
}
@media (min-width:1320px) {
  .contact__row {padding: 40px 60px;}
}


/* .form
--------------------------------------------- */
.form {display: flex; flex-direction: column;}

.form__item {margin-bottom: 10px;}
.form__information {color:green;font-weight: bold;width: 100%;text-align:center;}
.form__error {color: var(--red);font-weight: bold;width: 100%;text-align:center;}

.form__item input,
.form__item select {
  display: block; width: 100%; padding: 13px 20px; border: 1px solid #D5CFC3; background: rgba(239, 237, 229, 0.6);color: #8B806E;
  border-radius: 12px; font-size: 16px; transition: var(--transition);
}
.form__item input:focus,
.form__item select:focus {outline: none;border-color:green}

.form__item select option:disabled {color: #bbb;}

.form__item input { -webkit-appearance: none; -moz-appearance: none; appearance: none;  }
.form__item input.is-error {border-color: var(--red);}
.form__item .field-error {color: var(--red); font-size: 12px; font-weight: bold; margin-top: 4px; padding-left: 20px;}

.form__button button {width: 100%;}
.form__button button svg {width: 20px;height: 20px;}
.form__footer {text-align: center;font-weight: 500;font-size: 12px;}
@media (min-width:1320px) {
  .form__button button {font-size:22px;padding-top: 14px;padding-bottom: 14px;}
  .form__button button svg {width:28px;height:28px;}
}