* { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

:root { scroll-behavior: smooth; font-size: 62.5%; }

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

body { background: #181f14; color: #f7f7f7; font: 400 1.6rem "Lato", sans-serif; }

::-webkit-scrollbar, ::-webkit-scrollbar-track { background: #181f14; }

::-webkit-scrollbar { width: 11px; height: 0; scrollbar-width: 10px; }

::-webkit-scrollbar-thumb { background: #424b35; border-radius: 25px; border: 3px solid #181f14; }

::-webkit-scrollbar, ::-webkit-scrollbar-track { background: #181f14; }

.container { max-width: 1160px; padding-right: 20px; padding-left: 20px; margin: 0 auto; display: -ms-grid; display: grid; }

@media (max-width: 700px) { .container { -ms-grid-columns: 1fr !important; grid-template-columns: 1fr !important; } }

.content { padding-top: 60px; padding-bottom: 60px; }

@media (max-width: 500px) { .content { padding-top: 40px; padding-bottom: 40px; } }

.title { font: 700 4.8rem "Nunito", sans-serif; color: #f8ffed; position: relative; z-index: 2; }

@media (max-width: 450px) { .title { font-size: 3.6rem; } }

.text { color: #dedede; font-family: "Lato", sans-serif; font-size: 1.8rem; line-height: 1.5em; margin: 30px 0; }

@media (max-width: 450px) { .text { font-size: 1.6rem; margin: 20px 0; } }

.btn { cursor: pointer; display: block; width: -webkit-max-content; width: -moz-max-content; width: max-content; padding: 10px 20px; background: #a83b24; border-radius: 25px; font-size: 2.4rem; font-weight: 400; line-height: 2.4rem; color: #f8ffed; -webkit-transition: -webkit-box-shadow 500ms, -webkit-transform 500ms; transition: -webkit-box-shadow 500ms, -webkit-transform 500ms; transition: box-shadow 500ms, transform 500ms; transition: box-shadow 500ms, transform 500ms, -webkit-box-shadow 500ms, -webkit-transform 500ms; -webkit-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1); transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1); }

.btn:hover { -webkit-box-shadow: 0 8px 8px -4px rgba(0, 0, 0, 0.1), inset 0 -49px 0 0 #673025; box-shadow: 0 8px 8px -4px rgba(0, 0, 0, 0.1), inset 0 -49px 0 0 #673025; -webkit-transform: scale(1.05); transform: scale(1.05); }

@media (max-width: 450px) { .btn { padding: 8px 16px; font-size: 1.8rem; } }

*, *:before, *:after { margin: 0; padding: 0; -webkit-box-sizing: border-box; box-sizing: border-box; }

button, input, textarea { outline: none; border: none; color: inherit; font-family: inherit; }

a { text-decoration: none; color: inherit; }

ol, ul { list-style: none; }

html, body, div, span, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, a, em, img, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, article, footer, header, nav, section, main { margin: 0; padding: 0; border: 0; vertical-align: baseline; }

h1, h2, h3, h4, h5, h6, p, a, ul { font-size: 1em; font-weight: normal; }

.header { position: fixed; top: 0; left: 0; width: 100%; z-index: 99; padding: 20px 0; -webkit-transition: all 1s cubic-bezier(0.075, 0.82, 0.165, 1); transition: all 1s cubic-bezier(0.075, 0.82, 0.165, 1); }

.header--scroll { background: rgba(24, 31, 20, 0.5); -webkit-backdrop-filter: blur(25px); backdrop-filter: blur(25px); border-bottom: 1px solid rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.1); padding: 20px; }

@media (max-width: 700px) { .header--scroll { padding: 20px 0; } }

.header .container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.header__logo { width: 120px; height: 58px; -o-object-fit: contain; object-fit: contain; }

@media (max-width: 667px) { @-webkit-keyframes disappear { from { opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0); }
    to { opacity: 0;
      -webkit-transform: translate3d(0, -100px, 0);
              transform: translate3d(0, -100px, 0); } } @keyframes disappear { from { opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0); }
    to { opacity: 0;
      -webkit-transform: translate3d(0, -100px, 0);
              transform: translate3d(0, -100px, 0); } }
  .header .header__nav ul { -webkit-animation: disappear 500ms forwards; animation: disappear 500ms forwards; visibility: hidden; opacity: 0; width: 0; max-height: 0; background: #424b35; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; position: fixed; top: 0; left: 0; z-index: 99999999; }
  .header .header__nav ul a { font-size: 3.6rem; }
  .header .header__nav ul.active + .header__nav__menu { position: relative; bottom: -8px; z-index: 999999999; }
  .header .header__nav ul.active + .header__nav__menu .header__nav__menu--mid { opacity: 0; visibility: hidden; }
  .header .header__nav ul.active + .header__nav__menu .header__nav__menu--up { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
  .header .header__nav ul.active + .header__nav__menu .header__nav__menu--down { -webkit-transform: rotate(45deg); transform: rotate(45deg); position: relative; top: -18px; }
  .header .header__nav__menu { display: -webkit-box; display: -ms-flexbox; display: flex; } }

.header__nav__menu { background: transparent; cursor: pointer; display: none; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 6px; }

.header__nav__menu > div { width: 40px; height: 3px; border-radius: 2px; background: #a83b24; -webkit-transition: all 700ms cubic-bezier(0.075, 0.82, 0.165, 1); transition: all 700ms cubic-bezier(0.075, 0.82, 0.165, 1); }

.header__nav ul { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 40px; }

@-webkit-keyframes show-down { from { opacity: 0;
    -webkit-transform: translate3d(0, -100px, 0);
            transform: translate3d(0, -100px, 0); }
  to { opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); } }

@keyframes show-down { from { opacity: 0;
    -webkit-transform: translate3d(0, -100px, 0);
            transform: translate3d(0, -100px, 0); }
  to { opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); } }

.header__nav ul.active { visibility: visible; opacity: 1; width: 100vw; height: 100vh; max-height: 100vh; -webkit-animation: show-down 500ms forwards; animation: show-down 500ms forwards; }

.header__nav ul a { position: relative; display: block; font-size: 1.8rem; color: #dedede; }

.header__nav ul a::after { content: ''; position: absolute; bottom: 0; left: 0; display: block; background: #a83b24; height: 2px; width: 100%; opacity: 0; visibility: hidden; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition: opacity 400ms, visibility 800ms, -webkit-transform 800ms; transition: opacity 400ms, visibility 800ms, -webkit-transform 800ms; transition: transform 800ms, opacity 400ms, visibility 800ms; transition: transform 800ms, opacity 400ms, visibility 800ms, -webkit-transform 800ms; -webkit-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1); transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1); }

.header__nav ul a.active, .header__nav ul a:hover { color: #f7f7f7; }

.header__nav ul a.active::after, .header__nav ul a:hover::after { opacity: 1; visibility: visible; -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); }

.cover { background: url(../assets/shape1.svg) no-repeat, url(../assets/shape2.svg) no-repeat; background-position: left top, right center; background-size: 50%, contain; }

@media (max-width: 1000px) { .cover { background: url(../assets/shape1-2.svg) no-repeat; background-size: 500px; } }

@media (max-width: 500px) { .cover { background: url(../assets/shape1-3.svg) no-repeat; background-size: 300px; } }

#home { display: -ms-grid; display: grid; -ms-grid-columns: 2fr 1fr; grid-template-columns: 2fr 1fr; gap: 40px; padding-top: 160px; }

@media (max-width: 750px) { #home { -ms-grid-columns: 1fr; grid-template-columns: 1fr; }
  #home .home__image { display: none; } }

.home__presentation .presentation__title { font: 400 9.6rem/10.7rem "Nunito", sans-serif; max-width: 460px; color: #f8ffed; margin-bottom: 30px; }

@media (max-width: 500px) { .home__presentation .presentation__title { font-size: 6.4rem; line-height: 8rem; }
  .home__presentation .presentation__title .presentation__title--days::after { width: 85px; height: 85px; } }

.home__presentation .presentation__title--days { font-weight: 700; position: relative; z-index: 2; }

.home__presentation .presentation__title--days.small { font-size: 5.6rem; }

.home__presentation .presentation__title--days.small::after { width: 75px; height: 75px; left: 10%; }

.home__presentation .presentation__title--days::after { content: ''; display: block; position: absolute; top: 0; left: -5px; background-image: url(../assets/marking1.svg); background-size: contain; z-index: -1; width: 128px; height: 128px; }

#about-us { margin-top: -10px; background: #424b35; }

#about-us .content { display: -ms-grid; display: grid; -ms-grid-columns: 5fr 6fr; grid-template-columns: 5fr 6fr; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 40px; }

@media (max-width: 700px) { #about-us .container { padding: 40px 0; }
  #about-us .about-us__content { padding: 0 20px; } }

#about-us .about-us__image { -webkit-box-shadow: 0px 16px 16px -4px rgba(0, 0, 0, 0.1); box-shadow: 0px 16px 16px -4px rgba(0, 0, 0, 0.1); -webkit-filter: drop-shadow(-40px -40px 0px rgba(0, 0, 0, 0.25)); filter: drop-shadow(-40px -40px 0px rgba(0, 0, 0, 0.25)); border-radius: 25px; }

@media (max-width: 700px) { #about-us .about-us__image { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; -webkit-filter: drop-shadow(-200px -10px 0px rgba(0, 0, 0, 0.1)); filter: drop-shadow(-200px -10px 0px rgba(0, 0, 0, 0.1)); border-radius: 0; width: 100%; -o-object-fit: cover; object-fit: cover; } }

#about-us .content__title::after { content: ''; position: absolute; bottom: -5px; left: -5px; z-index: -1; display: block; width: 128px; height: 50px; background-image: url("../assets/marking2.svg"); background-size: contain; background-repeat: no-repeat; }

@media (max-width: 450px) { #about-us .content__title::after { width: 95px; height: 25px; bottom: 5px; } }

#portfolio.container { -ms-grid-columns: 5fr 6fr; grid-template-columns: 5fr 6fr; gap: 40px; }

@media (max-width: 900px) { #portfolio.container { -ms-grid-columns: 1fr; grid-template-columns: 1fr; } }

#portfolio .content__title::after { content: ''; position: absolute; bottom: -5px; left: -5px; z-index: -1; display: block; width: 128px; height: 50px; background-image: url("../assets/marking3.svg"); background-size: contain; background-repeat: no-repeat; }

@media (max-width: 450px) { #portfolio .content__title::after { width: 95px; height: 25px; bottom: 5px; } }

#portfolio .portfolio__see-images { height: 450px; display: -webkit-box; display: -ms-flexbox; display: flex; gap: 0; }

@media (max-width: 550px) { #portfolio .portfolio__see-images { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
  #portfolio .portfolio__see-images .portfolio__see-images__images-control { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; }
  #portfolio .portfolio__see-images .portfolio__see-images__images-control img { -webkit-transform: translateY(-100px); transform: translateY(-100px); } }

#portfolio .portfolio__see-images.active { gap: 20px; }

#portfolio .portfolio__see-images.active .portfolio__see-images__main-image::after { background-color: transparent; }

#portfolio .portfolio__see-images.active .see-image__button { position: absolute; top: 20px; right: 20px; background: transparent; }

#portfolio .portfolio__see-images.active .see-image__button:hover { -webkit-box-shadow: none; box-shadow: none; }

#portfolio .portfolio__see-images.active .portfolio__see-images__images-control { width: 100px; height: auto; }

#portfolio .portfolio__see-images.active .portfolio__see-images__images-control img { visibility: visible; -webkit-transform: translateX(0); transform: translateX(0); border-width: 2px !important; border-style: solid !important; border-color: transparent; }

#portfolio .portfolio__see-images__main-image { position: relative; width: 100%; height: 100%; background-image: url("../assets/image-portfolio.png"); background-repeat: no-repeat; background-size: cover; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: 25px; z-index: 2; }

#portfolio .portfolio__see-images__main-image:hover::after { background-color: rgba(66, 75, 53, 0.5); }

#portfolio .portfolio__see-images__main-image::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; background-color: rgba(66, 75, 53, 0.75); border-radius: 25px; -webkit-transition: background-color 500ms; transition: background-color 500ms; }

#portfolio .portfolio__see-images .see-image__button { z-index: 2; position: relative; top: 0; right: 0; -webkit-transition-property: top, right, position; transition-property: top, right, position; -webkit-transition-duration: 700ms; transition-duration: 700ms; }

#portfolio .portfolio__see-images__images-control { width: 0; height: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 10px; }

#portfolio .portfolio__see-images__images-control img:nth-child(1) { -webkit-transition: all 0.5s, -webkit-transform 500ms; transition: all 0.5s, -webkit-transform 500ms; transition: all 0.5s, transform 500ms; transition: all 0.5s, transform 500ms, -webkit-transform 500ms; }

#portfolio .portfolio__see-images__images-control img:nth-child(2) { -webkit-transition: all 0.5s, -webkit-transform 1000ms; transition: all 0.5s, -webkit-transform 1000ms; transition: all 0.5s, transform 1000ms; transition: all 0.5s, transform 1000ms, -webkit-transform 1000ms; }

#portfolio .portfolio__see-images__images-control img { -o-object-fit: cover; object-fit: cover; height: 70px; cursor: pointer; border-radius: 10px; opacity: 0.5; border: none; visibility: hidden; -webkit-transform: translateX(-100px); transform: translateX(-100px); }

#portfolio .portfolio__see-images__images-control img.active { cursor: default; opacity: 1; border-color: #a83b24 !important; }

#testimony { background-color: #424b35; background-image: url("../assets/pattern-testimony.png"); background-repeat: no-repeat; background-attachment: fixed; background-size: cover; background-position: center center; }

#testimony .testimony__title { max-width: -webkit-max-content; max-width: -moz-max-content; max-width: max-content; margin: 0 auto; }

#testimony .testimony__title::after { content: ''; position: absolute; bottom: -5px; left: -5px; z-index: -1; display: block; width: 128px; height: 50px; background-image: url("../assets/marking2.svg"); background-size: contain; background-repeat: no-repeat; }

@media (max-width: 450px) { #testimony .testimony__title::after { width: 95px; height: 25px; bottom: 5px; } }

#testimony .card-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 50px; row-gap: 70px; margin: 94px auto 0; }

#testimony .card-container .card { position: relative; width: 250px; height: 230px; padding: 30px 20px; background: #181f14; border-radius: 25px; -webkit-transition: -webkit-box-shadow 500ms, -webkit-transform 500ms; transition: -webkit-box-shadow 500ms, -webkit-transform 500ms; transition: box-shadow 500ms, transform 500ms; transition: box-shadow 500ms, transform 500ms, -webkit-box-shadow 500ms, -webkit-transform 500ms; -webkit-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1); transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1); }

#testimony .card-container .card:hover { -webkit-box-shadow: 0 8px 16px -2px rgba(0, 0, 0, 0.25); box-shadow: 0 8px 16px -2px rgba(0, 0, 0, 0.25); -webkit-transform: translate3d(0, -8px, 0); transform: translate3d(0, -8px, 0); }

#testimony .card-container .card__cover { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }

#testimony .card-container .card__image { position: absolute; top: -50px; }

#testimony .card-container .card__title { font-family: "Nunito", sans-serif; font-weight: bold; font-size: 2.4rem; color: #f8ffed; margin-top: 30px; }

#testimony .card-container .card__testimony { font-size: 1.6rem; line-height: 1.5em; color: #cccccc; margin-top: 10px; }

#faq .faq__title { max-width: -webkit-max-content; max-width: -moz-max-content; max-width: max-content; margin: 0 auto; text-align: center; }

#faq .faq__title::after { content: ''; position: absolute; bottom: -5px; left: -5px; z-index: -1; display: block; width: 128px; height: 50px; background-image: url("../assets/marking3.svg"); background-size: contain; background-repeat: no-repeat; }

@media (max-width: 450px) { #faq .faq__title::after { width: 95px; height: 25px; bottom: 5px; } }

@media (max-width: 600px) { #faq .faq__title { max-width: 300px; }
  #faq .faq__title::after { top: 20px; left: 20%; } }

#faq .faq-container { margin-top: 40px; }

#faq .faq-container .question { cursor: pointer; background: #424b35; border-radius: 25px; padding: 30px; max-width: 960px; margin: 0 auto; }

#faq .faq-container .question + .question { margin-top: 30px; }

#faq .faq-container .question__header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 20px; }

#faq .faq-container .question__header .question__title { font: 700 2.4rem "Lato", sans-serif; }

@media (max-width: 600px) { #faq .faq-container .question__header .question__title { font-size: 1.8rem; } }

#faq .faq-container .question--active .question__answer { max-height: 500px; margin-top: 30px; opacity: 1; visibility: visible; }

#faq .faq-container .question__answer { color: #b2b2b2; font-size: 1.6rem; line-height: 1.5em; max-height: 0; opacity: 0; visibility: hidden; transform-box: max-height, visibility, margin-top, line-height; -webkit-transition-duration: 500ms; transition-duration: 500ms; -webkit-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1); transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1); }

.footer { background: #424b35; }

.footer .container { -ms-grid-columns: 2fr 1fr 1fr; grid-template-columns: 2fr 1fr 1fr; gap: 40px; }

.footer__company { font-size: 1.6rem; }

.footer__company__abstract { color: #ededed; max-width: 360px; margin: 30px 0 20px; }

.footer__company__copy { color: #dedede; }

.footer .footer__contact__title { font-family: "Nunito", sans-serif; font-size: 3.6rem; font-weight: bold; color: #f7f7f7; margin-bottom: 30px; }

.footer .footer__contact__list > li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 10px; color: #dedede; padding: 10px 0; max-width: 200px; }

.footer .footer__contact__list__address { padding-top: 0 !important; border-bottom: 3px solid #353d2b; margin-bottom: 10px; }

.footer .footer__contact__list__address address { font-style: normal; line-height: 25px; }

.footer .footer__contact__list__telephone { border-bottom: 3px solid #353d2b; padding-bottom: 20px !important; }

.footer .footer__contact__list__social { gap: 15px !important; margin-top: 10px; }

.footer .footer__informations__title { font: 700 3.6rem "Nunito", sans-serif; color: #f7f7f7; margin-bottom: 30px; }

.footer .footer__informations__links { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 10px; color: #ededed; }

.footer .footer__informations__links a:hover { color: #f7f7f7; text-decoration: underline; }
/*# sourceMappingURL=style.css.map */