*, *::after, *::before { padding: 0;margin: 0;box-sizing: border-box; }
:root {--font_family: "Roboto", sans-serif;--background_color: #161616; --text_color: #ffffff;--primary_color: #271913;--secondary_color: #e0b19d;--complementary_color: #b45d1a;}
body { font-optical-sizing: auto;font-style: normal;user-select: none;-webkit-user-select:none;text-decoration: none;margin: 0;font-family: var(--font_family);font-size: 1rem;font-weight: 400;font-style: normal;color: var(--text_color);text-align: left; background-color: var(--background_color);-webkit-text-size-adjust: 100%;-webkit-tap-highlight-color: transparent;max-width: 100vw; background-size: 100vw auto;background-repeat: no-repeat;min-width: 1400px;}

/*------------------------------------------------------------*/
/* TEXTS                                                      */
/*------------------------------------------------------------*/

h1, h2, h3, p, a { color: var(--text_color);text-decoration: none;margin: 0;font-weight: 400;line-height: 110%; }
h1 { font-size: 6.5rem; }
h2 { font-size: 2rem; }
h3 { font-size: 1.5rem; }
p { font-size: 1rem; line-height: 150%;}

/*------------------------------------------------------------*/
/* WRAPPER                                                    */
/*------------------------------------------------------------*/

.wrapper {max-width: 1700px;margin: 0 auto;}

/*------------------------------------------------------------*/
/* HEADER                                                     */
/*------------------------------------------------------------*/

header { position: relative;display: flex;justify-content: center;flex-wrap: wrap;align-items: center;width: 100%;margin: 0 auto; background-color: var(--primary_color);height: 11.5rem;border: 1px solid #454545;/*! display: none; */}
.header__wrapper {display: grid;grid-template-columns: repeat(9, 1fr);grid-template-areas: 'a b c d d d e f g';align-items: center;text-align: center;}
.header__element-block {grid-area: d;}
.header__element-block h3 {display: inline-block;margin: 1rem auto;color: var(--secondary_color);font-family: "Great Vibes", cursive;font-weight: 400;font-style: normal;}
.header__element-block--image {position: relative;height: 5rem;width: 100%;display: inline-block;object-fit: contain;position: relative;height: 3rem;width: 100%;display: inline-block;object-fit: contain;}
.header__element-shape {background-repeat: no-repeat;background-size: contain;width: 6rem;height: 6rem;display: block;background-position: center center;margin: 0 auto;}
.header__element-shape--1 {grid-area: b;background-image: url(../assets/shapes/shape_1.png);}
.header__element-shape--2 {grid-area: c;background-image: url(../assets/shapes/shape_2.png);}
.header__element-shape--3 {grid-area: e;background-image: url(../assets/shapes/shape_3.png);}
.header__element-shape--4 {grid-area: f;background-image: url(../assets/shapes/shape_4.png);}
.header__element-button {grid-area: g;background-color: var(--text_color);padding: 1.2rem 2rem;border-radius: 5rem;text-decoration: none;color: #000;text-transform: uppercase;margin: 0 auto;white-space: nowrap;transform: scale(1);transition:transform .5s cubic-bezier(.79,.14,.15,.86);}
.header__element-button:hover {transform:scale(1.1);}

/*------------------------------------------------------------*/
/* HOME                                                       */
/*------------------------------------------------------------*/

.home {width: 100%;}
.home__wrapper {display: grid;/*! grid-template-areas:'a a a a b b b b b c c c c c' 'a a a a d d d d d d g g g g' 'e e e e e f f f f f g g g g'; */grid-template-columns: repeat(4, 1fr);grid-gap: 3rem;padding: 5rem 5rem 1rem 5rem;width: 100%;}
.home__item {position: relative;display: flex;align-items: center;}
.home__item:first-child .home__item-image, .home__item:last-child .home__item-image {/*! padding:5rem 1rem; */}
.home__item:nth-child(1n) {/*! grid-area: a; */}
.home__item:nth-child(2n) {/*! grid-area: b; */}
.home__item:nth-child(3n) {/*! grid-area: c; */}
.home__item:nth-child(4n) {/*! grid-area: d; */}
.home__item:nth-child(5n) {/*! grid-area: e; */}
.home__item:nth-child(6n) {/*! grid-area: f; */}
.home__item:nth-child(7n) {/*! grid-area: g; */}
.home__item-image {padding: 0;width: 100%;height: 100%;position: relative;margin: 0;transform: translateX(-1rem) translateY(-1rem);object-fit: cover;aspect-ratio: 1;object-position: center center;}
.home__item-content {width: 100%;height: auto;background-color: var(--complementary_color);display: block;position: relative;transform: translateX(1rem) translateY(1rem);}
.home__item-content:first-child::after, .home__item:last-child::after {/*! top:6rem; *//*! bottom: 4rem; */}

/*------------------------------------------------------------*/
/* ABOUT                                                      */
/*------------------------------------------------------------*/

.about {width: 100%;}
.about__wrapper {display: grid;grid-template-areas: '. a a a a . b b b .';grid-template-columns: repeat(10, 1fr);grid-gap: 3rem;padding: 5rem;width: 100%;/*! height: 44rem; */align-items: center;}
.about__text {grid-area: a;}
.about__text h2 {margin-bottom: 3rem;}
.about__picture {grid-area: b;overflow: hidden;position: relative;height: 100%;width: 100%;}
.about__picture-image {padding: 1rem;width: 100%;height: 100%;object-fit: cover;object-position: center center;}
.about__picture::after {content:"";width: 100%;/*! height: 100%; */background-color: var(--complementary_color);display: block;position: absolute;top: 2rem;left: 2rem;z-index: -1;bottom: 0;}

/*------------------------------------------------------------*/
/* VALUES                                                     */
/*------------------------------------------------------------*/

.values {width: 100%;background-color: var(--primary_color);}
.values__wrapper {display: grid;grid-template-areas: '. . a a a . .' 'b b b b b b b';grid-template-columns: repeat(7, 1fr);grid-gap: 5rem;padding: 5rem;width: 100%;align-items: center;text-align: center;}
.values__text {grid-area: a;}
.values__text h2 {  margin-bottom: 3rem;}
.values__gallery {grid-area: b;display: grid;grid-template-columns: repeat(3, 1fr);grid-gap: 2rem;}
.values__gallery-item {overflow: hidden;position: relative;}
.values__gallery-item--image {width: 100%;height: auto;object-fit: contain;object-position: center center;}

/*------------------------------------------------------------*/
/* COMMENTS                                                   */
/*------------------------------------------------------------*/

.comments {width: 100%;}
.comments__wrapper {display: grid;grid-template-areas: '. . a a a . .' 'b b b b b b b' 'c c c c c c c';padding: 5rem 5rem 0 5rem;width: 100%;align-items: center;text-align: center;grid-gap: 5rem;}
.comments__text {grid-area: a;}
.comments__items {grid-area: b;display: block;margin: 0 auto;white-space: nowrap;overflow: hidden;width: 100%;}
.comments__items--slider {width: 100%;display: inline-block;position: relative;white-space: nowrap;transition: 3s ease;}
.comments__items--slider--1 {animation: defilement 10s infinite ease-in-out;}
@keyframes defilement {
  0%   { transform: translateX(calc(-33.4rem * 0)); }
  5% { transform: translateX(calc(-33.4rem * 1)); }
  10% { transform: translateX(calc(-33.4rem * 1)); }
  15% { transform: translateX(calc(-33.4rem * 2)); }
  20% { transform: translateX(calc(-33.4rem * 2)); }
  25% { transform: translateX(calc(-33.4rem * 3)); }
  30% { transform: translateX(calc(-33.4rem * 3)); }
  35% { transform: translateX(calc(-33.4rem * 4)); }
  40% { transform: translateX(calc(-33.4rem * 4)); }
  45% { transform: translateX(calc(-33.4rem * 5)); }
  50% { transform: translateX(calc(-33.4rem * 5)); }
  55% { transform: translateX(calc(-33.4rem * 6)); }
  60% { transform: translateX(calc(-33.4rem * 6)); }
  65% { transform: translateX(calc(-33.4rem * 7)); }
  70% { transform: translateX(calc(-33.4rem * 7)); }
  75% { transform: translateX(calc(-33.4rem * 8)); }
  80% { transform: translateX(calc(-33.4rem * 8)); }
  85% { transform: translateX(calc(-33.4rem * 9)); }
  90% { transform: translateX(calc(-33.4rem * 9)); }
  95% { transform: translateX(calc(-33.4rem * 0)); }
  100% { transform: translateX(calc(-33.4rem * 0)); }
}



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


.comments__items-item {padding: 3rem;background-color: var(--text_color);border-radius: 3rem;border: 1px solid #454545;display: inline-block;vertical-align: top;width: 29.4rem;white-space: normal;margin-right: 4rem;}
.comments__items-item:nth-child(1) {grid-column-start: 2;grid-column-end: 4;grid-row-start: 1;grid-row-end: 4;z-index: 1;}
.comments__items-item:nth-child(2) {grid-column-start: 1;grid-column-end: 3;grid-row-start: 2;grid-row-end: 5;}
.comments__items-item:nth-child(3) {grid-column-start: 3;grid-column-end: 5;grid-row-start: 2;grid-row-end: 5;}
.comments__items-item h3 {color: var(--background_color);margin-bottom: 1rem;}
.comments__items-item h3:before {content:"";background-color: var(--background_color);margin-bottom: 1rem;width: 2rem;height: .12rem;display: block;margin: 2rem auto;}
.comments__items-item p {color: var(--background_color);}
.comments__items-rate {display: grid;grid-template-columns: repeat(5, 1fr);width: 10rem;margin: 0 auto;margin-top: 1rem;}
.comments__items-rate span {background-color: #ffeb00;width: 1rem;height: 1rem;display: block;border-radius: 100%;border: 1px solid #454545;}
.comments__link {grid-area: c;display: flex;}
.comments__link-button {background-color: var(--text_color);padding: 1.2rem 2rem;border-radius: 5rem;text-decoration: none;color: #000;text-transform: uppercase;margin: 0 auto;white-space: nowrap;transform: scale(1);transition:transform .5s cubic-bezier(.79,.14,.15,.86);}
.comments__link-button:hover {transform:scale(1.1);}

/*------------------------------------------------------------*/
/* TEAM                                                       */
/*------------------------------------------------------------*/

.team {width: 100%;}
.team__wrapper {display: grid;grid-template-areas: '. . a a a . .' 'b b b b b b b' 'c c c c c c c';grid-template-columns: repeat(7, 1fr);grid-gap: 5rem;padding: 5rem;width: 100%;align-items: center;text-align: center;}
.team__text {grid-area: a;}
.team__gallery {display: grid;grid-template-columns: repeat(3, 20rem);grid-gap: 5rem;width: 70rem;margin: 0 auto;grid-area: b;/*! overflow: hidden; */position: relative;height: 100%;}
.team__gallery-item {/*! overflow: hidden; */position: relative;padding: 1rem;width: 100%;height: 100%;}
.team__gallery-item--icon {width: 7rem;height: 2rem;/*! display: block; */position: absolute;top: 14rem;left: -2rem;z-index: 1;/*! bottom: 0; *//*! bottom: -1rem; */}
.team__gallery-item--icon img {width: 100%;height: auto;}
.team__gallery-item--image::after {content:"";width: 100%;background-color: var(--complementary_color);display: block;position: absolute;top: 2rem;left: 1rem;z-index: -1;bottom: 0;bottom: -1rem;}
.team__gallery-item--image {width: 100%;height: auto;position: relative;margin-bottom: 2rem;}
.team__gallery-item--image img {width: 100%;height: auto;object-fit: cover;object-position: center center;}
.team__gallery-item--social {margin-top: 1rem;}
.team__gallery-item--social a {display: inline-flex;padding: .5rem;border-radius: 10%;align-content: center;cursor: pointer;margin: .5rem;}
.team__gallery-item--social a svg {fill: #fff;width: 2rem;height: auto;margin: 0;object-fit: cover;}
.team__gallery-item--social--facebook {background-color: #3b5998;}
.team__gallery-item--social--instagram {background-color: #A534BF;}
.team__gallery-item--social--google {background-color: #fff;}
.team__gallery-item--social a.team__gallery-item--social--google svg {fill:#FF1E1E;}
/*------------------------------------------------------------*/
/* CONTACT                                                    */
/*------------------------------------------------------------*/

.contact__wrapper {}
.contact__form {background:#fff;padding:5rem;width: 70rem;border-radius: 5rem;margin: 0 auto 5rem auto;display: grid;grid-gap: 1rem 2rem;grid-template-areas: 'a a a' 'b b b' 'c d e' 'f f e' 'g h e' 'i i i';position: relative;}
.contact__title {grid-area: a;}
.contact__title h2 {color: var(--background_color);text-align: center;}
.contact__status {grid-area: b;}
.contact__group {position: relative;}
.contact__group-1 {grid-area: c;}
.contact__group-2 {grid-area: d;}
.contact__group-3 {grid-area: f;}
.contact__group-4 {grid-area: g;}
.contact__group-5 {grid-area: h;}
.contact__group-6 {grid-area: e;}
.contact__label {color: var(--background_color);font-size: 1.5rem;display: inline-block;margin-bottom: 1rem;}
.contact__info {color: var(--complementary_color);display: inline-block;font-size: 1rem;}
.contact__input {border: 1px solid #454545;border-radius: 2rem;padding: .5rem;width: 100%;outline: none;font-size: 1rem;}
textarea.contact__input {height: 84%;resize: none;border-radius: 1rem;}
.contact__submit {grid-area: i;text-align: right;}
.contact__submit-button {background-color: var(--complementary_color);padding: 1.2rem 2rem;border-radius: 5rem;text-decoration: none;color: var(--text_color);text-transform: uppercase;margin: 0 auto;white-space: nowrap;transform: scale(1);transition: transform .5s cubic-bezier(.79,.14,.15,.86);border: none;cursor: pointer;}
.contact__submit-button:hover {transform:scale(1.1);}
.success, .error {padding: 5px 10px;color: var(--background_color);border-radius:4px;margin-bottom: 2rem;text-align: center;}
.error {color: var(--complementary_color);}

/*------------------------------------------------------------*/
/* FOOTER                                                     */
/*------------------------------------------------------------*/

footer { position: relative;display: flex;justify-content: center;flex-wrap: wrap;align-items: center;width: 100%;margin: 0 auto; background-color: var(--primary_color);padding: 3rem 0;border: 1px solid #454545;}
.footer__wrapper {display: grid;grid-template-columns: repeat(9, 1fr);grid-template-areas: 'a b c d d d e f g' 'h h h h h h h h h';align-items: center;text-align: center;}
.footer__element-block {grid-area: d;width: 30.5rem;}
.footer__element-block--tagline {margin-top: 1rem;}
.footer__element-shape {background-repeat: no-repeat;background-size: contain;width: 6rem;height: 6rem;display: block;background-position: center center;margin: 0 auto;}
.footer__element-shape--1 {grid-area: b;background-image: url(../assets/shapes/shape_1.png);}
.footer__element-shape--2 {grid-area: c;background-image: url(../assets/shapes/shape_2.png);}
.footer__element-shape--3 {grid-area: e;background-image: url(../assets/shapes/shape_3.png);}
.footer__element-shape--4 {grid-area: f;background-image: url(../assets/shapes/shape_4.png);}
.footer__element-credits {grid-area: h;margin-top: 2rem;}
.footer__element-credits a, .footer__element-credits p {display: inline-block;margin: 0 .2rem;font-size: .7rem;}