/*---------------pseudo element default styles---------------*/
/*---------------------pseudo full size---------------------*/
/*--------------------proportional ratio--------------------*/
/*--------------------placeholder styles--------------------*/
/*-------------------------clearfix-------------------------*/
/*------------------------transition------------------------*/
/*--------------------background image--------------------*/
/*--------------------absolute alignment--------------------*/
/*------------------make triangle------------------*/
/*---------------------------fonts---------------------------*/
/*-----------------------for browsers-----------------------*/
/*-----------------------map get recursive-----------------------*/
/*-----------------------interaction support-----------------------*/
@import url("https://fonts.googleapis.com/css2?family=Oranienbaum&family=Oswald:wght@200;300&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500&display=swap");
@font-face { font-family: "TTProstoSansRegular"; src: url("../fonts/TTProstoSansRegular.otf") format("opentype"); }

/*---------------pseudo element default styles---------------*/
/*---------------------pseudo full size---------------------*/
/*--------------------proportional ratio--------------------*/
/*--------------------placeholder styles--------------------*/
/*-------------------------clearfix-------------------------*/
/*------------------------transition------------------------*/
/*--------------------background image--------------------*/
/*--------------------absolute alignment--------------------*/
/*------------------make triangle------------------*/
/*---------------------------fonts---------------------------*/
/*-----------------------for browsers-----------------------*/
/*-----------------------map get recursive-----------------------*/
/*-----------------------interaction support-----------------------*/
/* Colors variables start */
/* Colors variables end */
/* Reboot variables start */
/* Reboot variables end */
/* Grid variables start */
/* Grid variables end */
/* Responsive font-size start */
/* Responsive font-size end */
/*Common variables start */
/*Common variables end */
/*---------------pseudo element default styles---------------*/
/*---------------------pseudo full size---------------------*/
/*--------------------proportional ratio--------------------*/
/*--------------------placeholder styles--------------------*/
/*-------------------------clearfix-------------------------*/
/*------------------------transition------------------------*/
/*--------------------background image--------------------*/
/*--------------------absolute alignment--------------------*/
/*------------------make triangle------------------*/
/*---------------------------fonts---------------------------*/
/*-----------------------for browsers-----------------------*/
/*-----------------------map get recursive-----------------------*/
/*-----------------------interaction support-----------------------*/
/* Global styles start*/
* { outline: none; }

html, body { height: 100%; font-family: "TTProstoSansRegular"; }

ul, ol, li { margin: 0; padding: 0; list-style: none; }

button { border: none; padding: 0; margin: 0; background-color: transparent; cursor: pointer; }

button[type="button"], button[type="submit"] { outline: none !important; }

button[type="button"]:focus, button[type="button"]:active, button[type="submit"]:focus, button[type="submit"]:active { outline: none !important; }

a { color: inherit; }

input[type='number'] { -moz-appearance: textfield; }

input[type='number']::-webkit-outer-spin-button, input[type='number']::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }

input:focus, textarea:focus { outline: none; }

svg { max-width: 100%; max-height: 100%; stroke-width: 0; fill: currentColor; pointer-events: none; }

img { max-width: 100%; }

/* Global styles end*/
.page__wrapper { display: flex; flex-direction: column; min-height: 100%; overflow: hidden; }

.page__wrapper .footer { flex: 0 0 auto; background-color: #4C0200; color: #FEE6C1; display: flex; align-items: center; justify-content: center; padding: 50px !important; }

.page__wrapper .footer li { font-size: 18px !important; line-height: 180%; }

.page__wrapper .footer li a:hover { color: #fff; text-decoration: underline; }

.page__wrapper .footer__copyright { font-size: 14px; text-align: right; }

@media all and (max-width: 767px) { .page__wrapper .footer__copyright { font-size: 12px; text-align: left; } }

@media all and (max-width: 767px) { .page__wrapper .footer { padding: 1rem !important; }
  .page__wrapper .footer img { width: 150px; margin: 0 auto 15px; display: block; }
  .page__wrapper .footer li { font-size: 12px !important; } }

.page__content { flex: 1 0 auto; }

/*Custom styles start*/
.page__modal.small .page__modal-container { width: 500px; }

.page__modal-container { padding: 0.625rem 1.5625rem; }

.page__modal-close { margin-right: -0.9375rem; }

.presentation-wrapper { color: #ffffff; position: relative; overflow: hidden; }

.presentation-wrapper-background { background-image: url("../img/background.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; position: absolute; left: -1.25%; top: -1.25%; width: 102.5%; height: 102.5%; }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .presentation-wrapper .row { width: 100%; } }

.presentation-wrapper .page__wrapper { min-height: 100vh; }

.presentation-wrapper .page__content { display: flex; flex-direction: column; }

.presentation-wrapper main { display: flex; flex-direction: column; flex: 1 0 auto; justify-content: center; }

.presentation-wrapper .header, .presentation-wrapper .footer { padding-top: 0.625rem; padding-bottom: 0.625rem; }

.presentation-wrapper .header { background: #FEE6C1; position: fixed; width: 100%; z-index: 999; }

.presentation-wrapper .header .logo-image { width: 160px; -o-object-fit: contain; object-fit: contain; transition: .25s ease-in; cursor: pointer; }

@media all and (max-width: 767px) { .presentation-wrapper .header .logo-image { width: 140px; } }

@media all and (max-width: 767px) { .presentation-wrapper .header { position: fixed; z-index: 9998; transition: .25s ease-in; right: auto; bottom: auto; }
  .presentation-wrapper .header.active { width: 100%; top: 0; left: 0; right: 0; bottom: 0; } }

.presentation-wrapper .header nav a { transition: all 0.15s ease; margin-right: 0.625rem; text-transform: uppercase; font-weight: 500; transform: scale(1, 1.5); color: #4C0200; font-family: 'Oswald', sans-serif; letter-spacing: 1.1px; font-size: 1rem; }

@media (max-width: 1200px) { .presentation-wrapper .header nav a { font-size: calc(0.775rem + 0.3vw) ; } }

.presentation-wrapper .header nav a:hover { color: #4C0200; }

.presentation-wrapper .header nav a:hover:after { width: 100%; }

.presentation-wrapper .header nav a.active:after { width: 100%; }

@media all and (min-width: 768px) and (max-width: 991px) { .presentation-wrapper .header nav a { font-size: 12px; } }

@media all and (max-width: 767px) { .presentation-wrapper .header nav a { font-size: 18px; letter-spacing: 1.8px; } }

@media all and (max-width: 374px) { .presentation-wrapper .header nav a { font-size: 14px; letter-spacing: 1.8px; } }

.presentation-wrapper .header nav a:after { content: ''; display: block; height: 1px; width: 0; position: absolute; background-color: #4C0200; transition: .3s ease-in; }

@media all and (max-width: 767px) { .presentation-wrapper .header nav { display: flex; height: 100vh; flex-direction: column; } }

.presentation-wrapper .header.scroll .logo-image { width: 120px; }

.presentation-wrapper .list { font-size: 1.375rem; padding-top: 0.3125rem; padding-bottom: 0.3125rem; }

@media (max-width: 1200px) { .presentation-wrapper .list { font-size: calc(0.8125rem + 0.75vw) ; } }

.presentation-wrapper h1 { font-size: 2rem; }

@media (max-width: 1200px) { .presentation-wrapper h1 { font-size: calc(0.875rem + 1.5vw) ; } }

.presentation-wrapper h2 { font-size: 1.75rem; }

@media (max-width: 1200px) { .presentation-wrapper h2 { font-size: calc(0.85rem + 1.2vw) ; } }

.presentation-wrapper .image-holder { position: relative; display: block; padding-top: 100%; }

.presentation-wrapper .image-holder .v8-image { position: absolute; min-width: 100%; min-height: 100%; top: 0; left: 0; }

.presentation-wrapper .github-link { transition: all 0.15s ease; -webkit-animation: 5s linear infinite jump; animation: 5s linear infinite jump; display: block; color: #4b8bf5; }

@media all and (min-width: 992px) { .presentation-wrapper .github-link { max-width: 12.5rem; } }

@media all and (max-width: 991px) { .presentation-wrapper .github-link { max-width: 7.5rem; margin: 0 auto; } }

.presentation-wrapper .github-link:hover { color: #ffffff; -webkit-animation-play-state: paused; animation-play-state: paused; }

.presentation-wrapper .button { transition: all 0.15s ease; padding: 0.625rem; display: block; color: inherit; border: 1px solid #ffffff; border-radius: 0.625rem; width: 100%; /* pointer: fine - Desktop/Laptop and Desktop/Laptop+Touchscreen any-pointer: fine - Touchscreen+Mouse and Desktop/Laptop and Touchscreen and Desktop/Laptop+Touchscreen */ /* pointer: coarse - Touchscreen and Touchscreen+Mouse any-pointer: fine - Touchscreen+Mouse and Desktop/Laptop and Touchscreen and Desktop/Laptop+Touchscreen */ }

@media (pointer: fine) and (any-hover: hover), (min-width: 0\0) { .presentation-wrapper .button:hover { background-color: white; color: black; } }

@media (pointer: coarse) and (any-pointer: fine) { .presentation-wrapper .button:active { background-color: white; color: black; } }

@-webkit-keyframes jump { 0% { transform: translateY(0); }
  25% { transform: translateY(10%); }
  50% { transform: translateY(0); }
  75% { transform: translateY(-10%); }
  100% { transform: translateY(0); } }

@keyframes jump { 0% { transform: translateY(0); }
  25% { transform: translateY(10%); }
  50% { transform: translateY(0); }
  75% { transform: translateY(-10%); }
  100% { transform: translateY(0); } }

/*Custom styles end*/
.debug-container .debug-close { /* pointer: fine - Desktop/Laptop and Desktop/Laptop+Touchscreen any-pointer: fine - Touchscreen+Mouse and Desktop/Laptop and Touchscreen and Desktop/Laptop+Touchscreen */ }

@media (pointer: fine) and (any-hover: hover), (min-width: 0\0) { .debug-container .debug-close:hover { color: #ff4444; } }

.debug-container:after { content: ""; display: block; position: absolute; width: 1.25rem; height: 1.25rem; background-color: #ffffff; left: 50%; transform: translate(-50%, -50%) rotate(45deg); top: 100%; }

section { padding: 40px 0; }

@media all and (max-width: 767px) { section { padding: 20px 0; } }

.slider { padding-top: 80px; position: relative; }

.slider-btns { position: absolute; top: 0; bottom: 0; left: 0; right: 0; }

.slider-btns > div { height: 100%; position: relative; }

.slider-btn { position: absolute; bottom: 10%; right: 15px; }

@media all and (max-width: 767px) { .slider { padding-top: 71px; }
  .slider-btn { right: 5%; } }

.products { background-color: #FAF2E0; }

.products__line { margin: 50px 0 0; }

.products__line-row { display: flex; padding: 20px 0 0; justify-content: center; }

.products__line-col { height: 250px; width: 25%; padding: 0 10px; }

.products__line-card { width: 100%; height: 100%; overflow: hidden; position: relative; background: #fff; border-radius: 10px; }

.products__line-card-img { background-repeat: no-repeat; width: 100%; height: 100%; position: absolute; }

.products__line-card-link { position: absolute; bottom: 24px; left: 30px; color: #4C0200; font-size: 22px; font-weight: 500; max-width: 80%; }

.products__badge { border: 1px solid #4C0200; border-radius: 3px; padding: 5px 15px; font-size: 22px; font-weight: bold; margin: 0 15px 0 0; color: #4C0200; text-transform: uppercase; }

@media all and (max-width: 767px) { .products__line { margin: 20px 0 0; }
  .products__line-row { padding: 0; flex-wrap: wrap; }
  .products__line-col { height: 200px; width: 50%; padding: 5px; }
  .products__line-card { border-radius: 6px; background: #F9F7EA; }
  .products__line-card-img { right: 0; top: -30px; }
  .products__line-card-link { bottom: 15px; left: 15px; font-size: 16px; }
  .products__badge { font-size: 16px; } }

.product-forms { background-color: #FAF2E0; }

.product-forms__box { border: 1px solid #4C0200; margin-top: 50px; border-radius: 10px; position: relative; }

.product-forms__title { background-color: #FAF2E0; color: #4C0200; font-size: 22px; font-weight: 500; letter-spacing: 1px; position: absolute; top: 0; left: 50%; transform: translate(-50%, -1rem); padding: 0 50px; text-transform: uppercase; }

.product-forms-row { display: flex; padding: 30px 0 0; flex-wrap: wrap; justify-content: center; }

.product-forms-col { height: 250px; width: 25%; padding: 0 10px; margin: 20px 0; }

.product-forms-card { width: 100%; height: 100%; border-radius: 10px; display: flex; flex-direction: column; }

.product-forms-card-img { width: 100%; height: 60%; background-position: center; background-repeat: no-repeat; background-size: contain; }

.product-forms-card-link { color: #4C0200; font-size: 22px; font-weight: 500; padding-top: 25px; text-align: center; }

@media all and (max-width: 767px) { .product-forms__box { margin-top: 25px; }
  .product-forms__title { font-size: 16px; transform: translate(-50%, -0.75rem); padding: 0 30px; }
  .product-formsrow { padding: 15px 0 0; }
  .product-forms-col { height: 200px; width: 50%; padding: 10px; margin: 0; }
  .product-forms-card-link { font-size: 16px; padding-top: 10px; } }

.about { background-color: #FAF2E0; }

.about__desc { color: #4C0200; font-size: 22px; font-weight: 500; padding: 50px 0 0 20px; }

.about__desc ul { list-style: disc; padding-left: 22px; }

.about__desc ul li { list-style: disc; }

.about__desc p { margin: 10px 0; }

@media all and (max-width: 767px) { .about__pic { display: flex; justify-content: center; margin-top: 20px; }
  .about__pic img { width: 250px; }
  .about__desc { font-size: 12px; padding: 20px; }
  .about__desc ul { padding-left: 12px; }
  .about__desc ul li { list-style: disc; }
  .about__desc p { margin: 10px 0; } }

.projects { background-color: #FAF2E0; }

.projects__sliders { margin-top: 50px; display: flex; justify-content: space-between; padding-bottom: 50px; }

.projects__sliders-pagination span { width: 14px; height: 14px; }

.projects__sliders-pagination span.active { background: #4C0200; opacity: 1; }

.projects__slide { display: flex; flex-direction: column; background: #fff; border-radius: 10px; padding: 25px 20px; justify-content: center; }

.projects__slide-logo { -o-object-fit: contain; object-fit: contain; margin: 0 auto; }

.projects__slide-img { margin-top: 20px; height: 124px; -o-object-fit: contain; object-fit: contain; }

.projects__slide-text { margin-top: 20px; text-align: center; color: #4C0200; font-size: 18px; font-weight: 500; }

/*.projects .swiper-slide { height: auto; }*/

.contacts { background-color: #FAF2E0; }

.contacts__map { height: 470px; }

.contacts #map { width: 100%; height: 100%; min-height: 100%; }

.contacts__texts { color: #4C0200; font-size: 22px; }

@media all and (max-width: 767px) { .contacts__texts { font-size: 14px; }
  .contacts__map { height: 300px; } }

.feedback { background-color: #FAF2E0; }

.feedback label { color: #4C0200; }

.feedback input, .feedback select, .feedback textarea { color: #4C0200 !important; font-size: 14px; border-color: #4C0200; font-weight: 500; min-height: 60px; }

@media all and (max-width: 767px) { .feedback input, .feedback select, .feedback textarea { min-height: 40px; } }

.feedback select { appearance: none; -webkit-appearance: none; -moz-appearance: none; background: transparent; position: relative; z-index: 1; }

.feedback select:focus, .feedback select:active { background: transparent; }

.feedback select::-ms-expand { display: none; }

.feedback__select { position: relative; background-color: #fff; }

.feedback__select-arrow { position: absolute; right: 15px; top: 50%; transform: translateY(-50%); z-index: 0; }

.feedback-form .form-control:focus { border-color: #4C0200; box-shadow: 0 0 0 0.2rem rgba(139, 0, 0, 0.35); }

.feedback-form .form-control.error { border-color: #ff4444; box-shadow: 0 0 0 0.2rem rgba(255, 0, 0, 0.25); }

.feedback__btns { margin-top: 26px; justify-content: flex-end; }

.feedback-checkbox { position: absolute; z-index: -1; opacity: 0; }

.feedback-checkbox + label { /*display: inline-flex;*/ align-items: center; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; color: #4C0200; cursor: pointer; }

.feedback-checkbox + label:before { content: ''; display: inline-block; width: 1em; height: 1em; flex-shrink: 0; flex-grow: 0; border: 1px solid #adb5bd; border-radius: 0.25em; margin-right: 0.5em; background-repeat: no-repeat; background-position: center center; background-size: 50% 50%; }

.feedback-checkbox:checked + label::before { border-color: #4C0200; background-color: #4C0200; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e"); }

.feedback-checkbox:not(:disabled):not(:checked) + label:hover::before { border-color: #A27D7D; }

.feedback-checkbox.custom-checkbox:not(:disabled):active + label::before { background-color: #A27D7D; border-color: #A27D7D; }

.feedback-checkbox.custom-checkbox:focus + label::before { box-shadow: 0 0 0 0.2rem rgba(139, 0, 0, 0.25); }

.feedback-checkbox.custom-checkbox:focus:not(:checked) + label::before { border-color: #A27D7D; }

.feedback-checkbox .custom-checkbox:disabled + label::before { background-color: #A27D7D; }

.feedback .error-text { color: #ff4444; font-size: 12px; position: absolute; bottom: 1px; right: 5px; }

.title { color: #4C0200; text-transform: uppercase; text-align: center; font-size: 40px; font-weight: 500; }

.title.h3 { font-size: 32px; }

.title.h4 { font-size: 22px; }

.title.h5 { font-size: 18px; }

@media all and (max-width: 767px) { .title { font-size: 18px; }
  .title.h3 { font-size: 16px; }
  .title.h4 { font-size: 14px; }
  .title.h5 { font-size: 12px; } }

.button { background: #E60004; border-radius: 5px !important; display: flex; align-items: center; justify-content: center; color: #fff; text-transform: uppercase; font-weight: 500; transform: scale(1, 1.5); font-family: 'Oswald', sans-serif; width: -webkit-fit-content !important; width: -moz-fit-content !important; width: fit-content !important; padding: 8px 50px !important; letter-spacing: 1.1px; cursor: pointer; transition: .25s ease-in; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.button:hover { box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.15); }

.button.disabled { background: rgba(0, 0, 0, 0.25); cursor: default; pointer-events: none; }

.icon-arrow { width: 15px; height: 15px; }

.hamburger { position: fixed; z-index: 999; top: 10px; right: 28px; display: flex; align-items: center; height: 40px; }

.hamburger input { display: none; }

.hamburger label { position: relative; width: 44px; height: 24px; display: inline-block; cursor: pointer; margin: 0; transition: all .5s; text-align: left; }

.hamburger div, .hamburger div:before, .hamburger div:after { background: #4C0200; position: absolute; height: 3px; width: 44px; border-radius: 4px; transition: all .5s; }

.hamburger label div:first-child { top: 0; }

.hamburger label div:nth-child(2) { top: 10px; }

.hamburger label div:nth-child(3) { top: 20px; }

.hamburger #hum + label div { transition: top .15s .3s, transform .15s .12s; }

.hamburger #hum + label div:nth-child(3) { transition: top .15s .3s, transform .3s; }

.hamburger #hum:checked + label div { top: 10px; transform: rotate(45deg); transition: top .15s, transform .12s .15s; }

.hamburger #hum:checked + label div:nth-child(3) { transform: rotate(135deg); transition: top .15s, transform .3s .15s; }

.swal2-close:focus { outline: none; box-shadow: none !important; }

.about article strong, .about article b { font-weight: 500; }

.about article ul, .about article ol, .about article h2, .about article h3, .about article h4, .about article h5, .about article h6, .about article p { margin-bottom: .75rem; }

.about article ul li, .about article ol li { margin-bottom: 0.5em; }

.about article h2, .about article h3, .about article h4, .about article h5, .about article h6 { text-transform: uppercase; }

.about article .logo-image { max-width: 100px; }

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