@font-face {
  font-family: "Kudryashev";
  src: url("assets/fonts/Kudryashev.eot");
  src: url("assets/fonts/Kudryashev.eot?#iefix") format("embedded-opentype"), url("assets/fonts/Kudryashev.woff2") format("woff2"), url("assets/fonts/Kudryashev.woff") format("woff"), url("assets/fonts/Kudryashev.ttf") format("truetype"), url("assets/fonts/Kudryashev.svg#Kudryashev") format("svg");
}
@font-face {
  font-family: "Nunito Sans";
  src: url("assets/fonts/NunitoSans.ttf") format("truetype");
  font-style: normal;
}
@font-face {
  font-family: "Nunito Sans";
  src: url("assets/fonts/NunitoSans-Italic.ttf") format("truetype");
  font-style: italic;
}
body {
  margin: 0;
  padding: 0;
  font-family: "Nunito Sans";
  font-size: 16px;
  color: #2E2C2C;
  background-color: #f1eee9;
  position: relative;
}
body .grecaptcha-badge {
  visibility: hidden;
}
body .popup-overlay {
  opacity: 0;
  visibility: hidden;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 15;
  overflow: hidden;
  background-color: rgba(0, 0, 0, 0.8);
  transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
}
body .popup-container {
  opacity: 0;
  visibility: hidden;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 16;
  width: 70%;
  max-width: 640px;
  background: #fff;
  padding: 2rem 2rem 1rem;
  text-align: center;
}
body .popup-container h2 {
  font-size: 28px;
}
body .popup-container .close {
  position: absolute;
  right: 20px;
  top: 20px;
  width: 20px;
  height: 20px;
  opacity: 0.75;
}
body .popup-container .close:hover {
  opacity: 1;
}
body .popup-container .close:before, body .popup-container .close:after {
  position: absolute;
  left: 15px;
  content: " ";
  height: 20px;
  width: 2px;
  background-color: #525252;
}
body .popup-container .close:before {
  transform: rotate(45deg);
}
body .popup-container .close:after {
  transform: rotate(-45deg);
}
body .popup-overlay.active, body .popup-container.active {
  opacity: 1;
  visibility: visible;
}
body footer {
  background-color: #f1eee9;
  text-align: center;
  padding: 30px 70px;
  font-size: 12px;
}
body footer div:first-child {
  margin-bottom: 4px;
}
body footer div a {
  font-family: sans-serif;
  font-weight: 700;
  font-size: 12px;
  line-height: 100%;
  text-decoration: none;
  color: #000;
}
body .loader-overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.8);
  z-index: 9999;
}
body .loader-overlay .loader {
  width: 48px;
  height: 48px;
  border: 3px solid #759B82;
  border-radius: 50%;
  display: inline-block;
  position: absolute;
  top: calc(50% - 24px);
  left: calc(50% - 24px);
  box-sizing: border-box;
  animation: rotation 1s linear infinite;
}
body .loader-overlay .loader::after {
  content: "";
  box-sizing: border-box;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 3px solid;
  border-color: #E8875B transparent;
}

@keyframes rotation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@media only screen and (min-width: 80em) {
  body .popup-container {
    width: 80%;
    padding: 2rem;
  }
  body footer {
    font-size: 14px;
    padding: 30px 0;
  }
  body footer a {
    font-size: 14px;
  }
}
.side-menu-btn {
  position: fixed;
  top: 1rem;
  right: 1rem;
  z-index: 1;
  height: 50px;
  width: 50px;
  border-radius: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-color: #CC855C;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzMiIGhlaWdodD0iMjciIHZpZXdCb3g9IjAgMCAzMyAyNyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3QgeD0iMyIgeT0iNiIgd2lkdGg9IjI3IiBoZWlnaHQ9IjMiIHJ4PSIxLjUiIGZpbGw9IiNGQ0ZCRjkiLz4KPHJlY3QgeD0iMyIgeT0iMTIiIHdpZHRoPSIyNyIgaGVpZ2h0PSIzIiByeD0iMS41IiBmaWxsPSIjRkNGQkY5Ii8+CjxyZWN0IHg9IjMiIHk9IjE4IiB3aWR0aD0iMjciIGhlaWdodD0iMyIgcng9IjEuNSIgZmlsbD0iI0ZDRkJGOSIvPgo8L3N2Zz4=");
}

.side-menu-close {
  display: none;
}

.site.active .side-menu-btn {
  visibility: hidden;
}
.site.active .side-menu-close {
  position: fixed;
  z-index: 11;
  top: 1rem;
  right: 1rem;
  display: block;
  height: 50px;
  width: 50px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAzMiAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTI5LjQ1MDkgMTkuNzk5NkMyOS40MTEzIDIwLjA2ODcgMjkuMDI4IDE5Ljc0MTkgMjguNzI2OSAxOS41ODkyQzI4LjIzNDEgMTkuMzA4NCAyNy43MzAyIDE5LjAxOTYgMjcuMjQxNCAxOC43MjY0QzI0LjkyMyAxNy4zMTg2IDEwLjAxOTcgOC44MTI3NyA3LjczMzc1IDcuNDEwMjVDNS40ODc1MyA2LjA2MzA2IDMuMjM2NzQgNC44NDQyNyAwLjk5MTQ4NyAzLjQ5ODM4QzAuNzkyNDI2IDMuMzg0OTIgMC44OTA0MTUgMy4yNzA0IDAuOTY5Mjk0IDMuMjA1MDFDMS4wMDI5MyAzLjEzOTYyIDEuMDQ2MTMgMy4wNjM2IDEuMDg3NCAyLjk5ODA3TDEuMTcxNDQgMy4wNDU0MkwxLjEyODcxIDMuMDIwM0wxLjA4ODM1IDIuOTk2NDJDMS44Mjc0MyAxLjg3NDE5IDEuOTY2ODUgMS4yMTcxOSAyLjc4Mjk5IDAuMjA3ODMyQzIuODExODggMC4xNTM2MzggMi44OTIzNiAwLjA2MTczMTUgMy4wNjQ5IDAuMTg5MDc5QzYuNDc0NDQgMi4wMzk5IDIzLjk2MDcgMTIuMzkxOCAyNy4zMzk0IDE0LjIzNTVDMjguNjE2NiAxNC45ODk0IDI5LjkwMjIgMTUuNzI1MyAzMS4yMDE3IDE2LjQwNjFDMzEuNDMwNiAxNi42MTIxIDMwLjk0NjEgMTYuOTUxNSAzMC45MDM4IDE3LjE0NDhDMzAuNTM0OCAxNy43ODggMjkuNzIzMiAxOS4zMTA3IDI5LjQ1MDkgMTkuNzk5NloiIGZpbGw9IiNGQ0ZCRjkiLz4KPHBhdGggZD0iTTE3Ljk5ODQgMTEuODE3NkMxOC4wMTA2IDEyLjA3MDUgMTcuOTUwNSAxMS45NzkxIDE3LjkwOTcgMTEuOTk3NEMxNy44NDA5IDEyLjAwMDYgMTcuNzcwNSAxMi4wMDI1IDE3LjcwMTQgMTEuOTkzQzE3LjM3MjcgMTEuOTMzIDE1LjI5MjggMTIuMDE4NCAxNC45Njc4IDExLjk0NjdDMTQuNjUwNCAxMS45MDMxIDE0LjM0MDMgMTEuOTczIDE0LjAyMyAxMS45MzAxQzEzLjk5NTIgMTEuOTMxMyAxMy45OTg2IDExLjc4MzIgMTQuMDAyOSAxMS42ODcxQzE0LjAwMjUgMTEuNjEzNiAxNC4wMDI0IDExLjUyNjIgMTQuMDAyNyAxMS40NDg4TDE0LjAxNDQgMTEuNDQ3OEwxNC4wMDg0IDExLjQ0NzRMMTQuMDAyNyAxMS40NDY5QzE0LjAxMjMgMTAuMTA1NSAxMy45ODcxIDkuNDY2ODEgMTQuMDExNiA4LjE4NDYxQzE0LjAxMTQgOC4xMjMyMyAxNC4wMTQzIDguMDAzNCAxNC4wNDAxIDguMDI3NDJDMTQuNTEwMiA3LjkyNTUgMTYuOTczMSA4LjE0NzM4IDE3LjQzOTUgOC4wNTQ3NEMxNy42MTkzIDguMDY4OTcgMTcuNzk4OSA4LjA2MzUxIDE3Ljk3NjUgOC4wMDM0QzE4LjAxMyA4LjA2NzMyIDE3Ljk4MjggOC42MDM0NSAxNy45OSA4Ljc5MjA0QzE3Ljk5MDMgOS41MzM1MyAxNy45OTc0IDExLjI1ODEgMTcuOTk4NCAxMS44MTc2WiIgZmlsbD0iI0ZDRkJGOSIvPgo8cGF0aCBkPSJNMzAuNDc2MiAzLjMxMjcyQzMwLjY4OTYgMy40ODE1NiAzMC4yMTQ5IDMuNjUwMTEgMjkuOTMyMSAzLjgzNDUzQzI5LjQ0MjUgNC4xMjA4NiAyOC45NDA0IDQuNDEyOTMgMjguNDQyMiA0LjY4OTU5QzI2LjA2MzcgNS45OTM1MyAxMS4yNDU4IDE0LjY0NzMgOC44ODgyMiAxNS45MjU2QzYuNTk4NDEgMTcuMTk3MyA0LjQxNzUyIDE4LjUzNzIgMi4xMjkzMSAxOS44MDg3QzEuOTMxNTIgMTkuOTI0MyAxLjg4MTM0IDE5Ljc4MjIgMS44NjQxNSAxOS42ODEyQzEuODI0MzQgMTkuNjE5NCAxLjc4MDExIDE5LjU0NCAxLjc0Mzk4IDE5LjQ3NTVMMS44MjcwMSAxOS40MjY0TDEuNzgzOSAxOS40NTA4TDEuNzQzMDMgMTkuNDczOEMxLjE0MDY5IDE4LjI3MjYgMC42NDE0MjkgMTcuODIzNCAwLjE3NTM2NSAxNi42MTE5QzAuMTQyODc3IDE2LjU1OTggMC4xMDM1MjMgMTYuNDQ0MiAwLjMwMDA3NyAxNi4zNTg0QzMuNjA3NzEgMTQuMzMxMSAyMS4zMTU4IDQuMzYzNDggMjQuNjAxOSAyLjM1OTMxQzI1Ljg5MzQgMS42MzAxIDI3LjE3MzUgMC44ODQ3MjggMjguNDEyOSAwLjA5OTc0OTdDMjguNzA1NyAwLjAwNDQ4NDA5IDI4Ljc1NzQgMC41OTM3MzkgMjguOTAzNiAwLjcyNzA4QzI5LjI3NjEgMS4zNjgxOSAzMC4xODkgMi44MzI0NiAzMC40NzYyIDMuMzEyNzJaIiBmaWxsPSIjRkNGQkY5Ii8+Cjwvc3ZnPiA=");
}

#side-menu {
  position: fixed;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  padding-top: 100px;
  overflow: hidden;
  z-index: 10;
  transform: translateY(-100%);
  -webkit-transition: 0.4s all cubic-bezier(0.77, 0, 0.18, 1);
  transition: 0.4s all cubic-bezier(0.77, 0, 0.18, 1);
  background-color: #CC855C;
}
#side-menu a {
  font-weight: 500;
  font-size: 2rem;
  text-align: center;
  display: block;
  margin-bottom: 1rem;
  color: #FCFBF9;
  text-decoration: none;
}
#side-menu.active {
  transform: translateY(0%);
}

@media only screen and (min-width: 80em) {
  .side-menu-btn {
    display: none;
  }
}
.welcome {
  position: relative;
  background-position: center;
  background-image: url("assets/image/background-image.png");
  background-repeat: no-repeat;
  background-size: cover;
  height: 75vh;
}
.welcome:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.6);
}
.welcome .inner-section {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: 100rem;
  margin: 0 auto;
  text-align: center;
  z-index: 1;
}
.welcome .inner-section h1, .welcome .inner-section h2 {
  color: #CC855C;
  font-family: "Kudryashev";
}
.welcome .inner-section h1 {
  font-size: 3.5rem;
  line-height: 4rem;
}
.welcome .inner-section h2 {
  font-size: 2rem;
  margin-top: 0;
}

.introduction .inner-section {
  max-width: 70rem;
  margin: 0 auto;
  position: relative;
  background-color: #FCFBF9;
  padding: 0 1rem;
}
.introduction .inner-section .about-me {
  display: block;
  width: 5rem;
  height: 5rem;
  background-color: #CC855C;
  color: #FCFBF9;
  text-align: center;
  text-decoration: none;
  padding: 1rem;
  margin: 1rem auto;
  border-radius: 100%;
}
.introduction .inner-section .about-me span {
  display: block;
  padding-top: 1.125rem;
}
.introduction .inner-section .info-container .menu-container {
  display: none;
}
.introduction .inner-section .info-container .name {
  font-family: "Kudryashev";
  font-size: 2.5rem;
  text-align: center;
  padding: 2rem 0 1rem;
}
.introduction .inner-section .info-container .titles {
  font-family: "Kudryashev";
  font-size: 1.5rem;
  text-align: center;
  color: #CC855C;
}
.introduction .inner-section .info-container .description p {
  text-align: center;
}
.introduction .inner-section .info-container .description .about-me {
  display: none;
}
.introduction .inner-section .button-container .hashtags {
  text-align: center;
}
.introduction .inner-section .button-container .hashtags a {
  display: inline-block;
  color: #CC855C;
  text-decoration: none;
  border: 1px solid #CC855C;
  border-radius: 1rem;
  padding: 0.25rem 0.75rem;
  margin-bottom: 0.5rem;
  margin-right: 0.25rem;
  font-size: 0.675rem;
}
.introduction .inner-section .image-container img {
  max-width: 100%;
  height: auto;
}

@media only screen and (min-width: 48em) {
  .introduction .inner-section {
    display: flex;
    flex-wrap: wrap;
    padding: 2rem;
  }
  .introduction .inner-section .image-container {
    width: 50%;
    order: 1;
  }
  .introduction .inner-section .image-container img {
    max-width: 75%;
  }
  .introduction .inner-section .info-container {
    width: 50%;
    order: 2;
  }
  .introduction .inner-section .info-container .name {
    padding-top: 0;
  }
  .introduction .inner-section .info-container .description .about-me {
    display: block;
  }
  .introduction .inner-section .button-container {
    width: 100%;
    order: 3;
    padding-top: 2rem;
    display: flex;
  }
  .introduction .inner-section .button-container .hashtags {
    width: 100%;
    text-align: left;
  }
  .introduction .inner-section .button-container .about-me {
    display: none;
  }
}
@media only screen and (min-width: 80em) {
  .introduction {
    padding-top: 5rem;
  }
  .introduction .inner-section {
    padding: 2rem 5rem;
  }
  .introduction .inner-section .info-container .menu-container {
    display: block;
    margin-bottom: 5rem;
    text-align: right;
  }
  .introduction .inner-section .info-container .menu-container a {
    color: #2E2C2C;
    display: block;
    font-size: 0.85rem;
    text-decoration: none;
    text-transform: uppercase;
  }
  .introduction .inner-section .info-container .name {
    font-size: 4rem;
  }
  .introduction .inner-section .info-container .titles {
    margin-bottom: 1rem;
  }
  .introduction .inner-section .info-container .description .about-me {
    margin-top: 3rem;
  }
  .introduction .inner-section .button-container .hashtags a {
    font-size: 0.875rem;
    padding: 0.5rem 0.875rem;
  }
}
.services .inner-section {
  max-width: 70rem;
  margin: 0 auto;
  position: relative;
  background-color: #FCFBF9;
  padding: 2rem 1rem;
}
.services .inner-section h2 {
  margin-top: 0;
  font-size: 2.5rem;
  line-height: 1.25;
  text-align: center;
  font-family: "Kudryashev";
}
.services .inner-section .description {
  margin-bottom: 2rem;
}
.services .inner-section .description p {
  text-align: center;
  font-style: italic;
}
.services .inner-section .services-container {
  display: flex;
  flex-wrap: wrap;
  border: 1px solid #A99788;
}
.services .inner-section .services-container .services-item {
  padding: 1rem;
  border-bottom: 1px solid #A99788;
  position: relative;
}
.services .inner-section .services-container .services-item:last-child {
  border-bottom: none;
}
.services .inner-section .services-container .services-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.services .inner-section .services-container .services-item h3 {
  margin: 0;
  font-size: 1rem;
  font-family: "Kudryashev";
  text-transform: uppercase;
  color: #CC855C;
}
.services .inner-section .services-container .services-item p {
  font-size: 0.85rem;
  margin-bottom: 2rem;
}
.services .inner-section .services-container .services-item a {
  font-weight: bold;
  color: inherit;
  text-decoration: none;
  position: absolute;
  bottom: 0.75rem;
  left: 1rem;
}

@media only screen and (min-width: 48em) {
  .services .inner-section {
    padding: 2rem;
  }
  .services .inner-section .services-container .services-item {
    width: calc(50% - 33px);
  }
  .services .inner-section .services-container .services-item:nth-child(2n+2) {
    border-left: 1px solid #A99788;
  }
  .services .inner-section .services-container .services-item:nth-child(n+7) {
    border-bottom: none;
  }
}
@media only screen and (min-width: 80em) {
  .services .inner-section {
    padding: 4rem 5rem 2rem;
  }
  .services .inner-section h2 {
    font-size: 4rem;
  }
  .services .inner-section .description p {
    max-width: 40rem;
    margin: 0 auto;
  }
  .services .inner-section .services-container .services-item {
    border-left: 1px solid #A99788;
    width: calc(25% - 33px);
  }
  .services .inner-section .services-container .services-item:nth-child(4n+1) {
    border-left: none;
  }
  .services .inner-section .services-container .services-item:nth-child(n+5) {
    border-bottom: none;
  }
  .services .inner-section .services-container .services-item h3 {
    height: 3rem;
  }
}
.about .inner-section {
  max-width: 70rem;
  margin: 0 auto;
  position: relative;
  background-color: #FCFBF9;
  padding: 2rem 1rem;
}
.about .inner-section h2 {
  margin-top: 0;
  font-size: 2.5rem;
  line-height: 1.25;
  text-align: center;
  font-family: "Kudryashev";
}
.about .inner-section .content-container .image-container img {
  max-width: 100%;
  height: auto;
}
@media only screen and (min-width: 48em) {
  .about .inner-section {
    padding: 2rem;
  }
  .about .inner-section .content-container {
    display: flex;
  }
  .about .inner-section .content-container .image-container {
    width: 50%;
  }
  .about .inner-section .content-container .image-container img {
    max-width: 75%;
  }
  .about .inner-section .content-container .content {
    width: 50%;
  }
}
@media only screen and (min-width: 80em) {
  .about .inner-section {
    padding: 4rem 5rem 2rem;
  }
  .about .inner-section h2 {
    font-size: 4rem;
  }
}
.subpage .inner-section {
  max-width: 70rem;
  margin: 0 auto;
  position: relative;
  background-color: #FCFBF9;
  padding: 0 1rem;
}
.subpage .inner-section .info-container .menu-container {
  display: none;
}
.subpage .inner-section .info-container .name {
  font-family: "Kudryashev";
  font-size: 2.5rem;
  text-align: center;
  padding: 2rem 0 1rem;
}
.subpage .inner-section .image-container img {
  max-width: 100%;
  height: auto;
}
.subpage .inner-section .description p {
  text-align: justify;
}

@media only screen and (min-width: 48em) {
  .subpage .inner-section {
    display: flex;
    flex-wrap: wrap;
    padding: 2rem;
  }
  .subpage .inner-section .image-container {
    width: 50%;
    order: 1;
  }
  .subpage .inner-section .image-container img {
    max-width: 90%;
  }
  .subpage .inner-section .info-container {
    width: 50%;
    order: 2;
  }
  .subpage .inner-section .info-container .name {
    padding-top: 0;
  }
  .subpage .inner-section .description {
    width: 100%;
    order: 3;
  }
}
@media only screen and (min-width: 80em) {
  .subpage {
    padding-top: 5rem;
  }
  .subpage .inner-section {
    padding: 2rem 5rem;
  }
  .subpage .inner-section .info-container .menu-container {
    display: block;
    margin-bottom: 5rem;
    text-align: right;
  }
  .subpage .inner-section .info-container .menu-container a {
    color: #2E2C2C;
    display: block;
    font-size: 0.85rem;
    text-decoration: none;
    text-transform: uppercase;
  }
  .subpage .inner-section .info-container .name {
    font-size: 4rem;
  }
}
.contact .inner-section {
  max-width: 70rem;
  margin: 0 auto;
  position: relative;
  background-color: #FCFBF9;
  padding: 2rem 1rem;
}
.contact .inner-section h2 {
  margin-top: 0;
  font-size: 2.5rem;
  line-height: 1.25;
  text-align: center;
  font-family: "Kudryashev";
}
.contact .inner-section .description {
  margin-bottom: 2rem;
}
.contact .inner-section .description p {
  font-size: 1.25rem;
  text-align: center;
  font-style: italic;
}
.contact .inner-section p {
  text-align: center;
}
.contact .inner-section .contact-container {
  max-width: 400px;
  margin: 0 auto 2rem;
  display: flex;
  align-content: center;
}
.contact .inner-section .contact-container div {
  text-align: center;
  width: 50%;
}
.contact .inner-section .contact-container div svg {
  display: block;
  width: 2rem;
  height: 2rem;
  margin: 0 auto 1rem;
}
.contact .inner-section .contact-container div span {
  font-weight: bold;
}

@media only screen and (min-width: 48em) {
  .contact .inner-section {
    padding: 2rem;
  }
}
@media only screen and (min-width: 80em) {
  .contact .inner-section {
    padding: 4rem 5rem 2rem;
  }
  .contact .inner-section h2 {
    font-size: 4rem;
  }
}

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