/* CSS RESET. standardizes cross-browser rendering on common elements, neutralizing browsers' built-in stylesheets. */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, iframe {
  margin: 0;
  padding: 0; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

fieldset, img {
  border: 0; }

address, caption, cite, code, dfn, em, strong, th, var {
  font-style: normal; }

ol, ul {
  list-style: none; }

caption, th {
  text-align: left; }

h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: normal; }

q:before, q:after {
  content: ''; }

abbr, acronym {
  border: 0; }

a, img a {
  border: 0 none;
  margin: 0;
  padding: 0; }

/* End RESET. */
/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on July 18, 2025 */
@font-face {
  font-family: 'metropolisblack';
  src: url("../fonts/metropolis-black-webfont.woff2") format("woff2"), url("../fonts/metropolis-black-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'metropolisblack_italic';
  src: url("../fonts/metropolis-blackitalic-webfont.woff2") format("woff2"), url("../fonts/metropolis-blackitalic-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'metropolisbold';
  src: url("../fonts/metropolis-bold-webfont.woff2") format("woff2"), url("../fonts/metropolis-bold-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'metropolisbold_italic';
  src: url("../fonts/metropolis-bolditalic-webfont.woff2") format("woff2"), url("../fonts/metropolis-bolditalic-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'metropolislight';
  src: url("../fonts/metropolis-light-webfont.woff2") format("woff2"), url("../fonts/metropolis-light-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'metropolislight_italic';
  src: url("../fonts/metropolis-lightitalic-webfont.woff2") format("woff2"), url("../fonts/metropolis-lightitalic-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'metropolismedium';
  src: url("../fonts/metropolis-medium-webfont.woff2") format("woff2"), url("../fonts/metropolis-medium-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'metropolismedium_italic';
  src: url("../fonts/metropolis-mediumitalic-webfont.woff2") format("woff2"), url("../fonts/metropolis-mediumitalic-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'metropolisregular';
  src: url("../fonts/metropolis-regular-webfont.woff2") format("woff2"), url("../fonts/metropolis-regular-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'metropolisregular_italic';
  src: url("../fonts/metropolis-regularitalic-webfont.woff2") format("woff2"), url("../fonts/metropolis-regularitalic-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'metropolissemi_bold';
  src: url("../fonts/metropolis-semibold-webfont.woff2") format("woff2"), url("../fonts/metropolis-semibold-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'metropolissemi_bold_italic';
  src: url("../fonts/metropolis-semibolditalic-webfont.woff2") format("woff2"), url("../fonts/metropolis-semibolditalic-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

.os-animation, .staggered-animation {
  opacity: 0; }
  .os-animation.animated, .staggered-animation.animated {
    opacity: 1; }

html, body {
  overflow-x: hidden; }

body {
  background: #F3F0EE url(../images/marble.jpg);
  -webkit-text-size-adjust: 100%;
  color: #282424;
  font-family: "metropolisregular", sans-serif;
  font-style: normal;
  font-weight: 400;
  line-height: 1.3;
  font-size: 14px;
  text-align: center; }

a {
  text-decoration: none;
  color: inherit; }
  a[href^="tel"] {
    color: inherit;
    cursor: default; }

.nowrap {
  text-wrap: nowrap; }

.anchor {
  display: block;
  visibility: hidden;
  padding-top: 87px;
  margin-top: -87px; }
  @media (max-width: 869px) {
    .anchor {
      padding-top: 55px;
      margin-top: -55px; } }
.wrapper {
  margin-left: auto;
  margin-right: auto;
  max-width: 1240px;
  padding: 0 20px; }
  @media (min-width: 900px) {
    .wrapper {
      padding: 0 35px; } }
  @media (max-width: 767px) {
    .wrapper {
      padding: 0 15px; } }
.text-center {
  text-align: center; }

.text-right {
  text-align: right; }

.hide {
  display: none; }

@media (max-width: 767px) {
  .hidden-sm {
    display: none; } }

@media (min-width: 768px) {
  .visible-xs {
    display: none; } }

.uppercase {
  text-transform: uppercase; }

.section {
  padding-top: 80px;
  padding-bottom: 80px; }
  @media (max-width: 767px) {
    .section {
      padding-top: 50px;
      padding-bottom: 50px; } }
@-webkit-keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }
@keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

.logo-spin {
  max-width: 450px;
  margin: 50px auto 35px;
  position: relative; }
  .logo-spin img {
    max-width: 100%;
    height: auto;
    display: block; }
    .logo-spin img.spin {
      position: absolute;
      -webkit-animation: spin 60s linear infinite;
              animation: spin 60s linear infinite;
      top: 0;
      left: 0; }

.under_construction {
  background: #AC8662;
  color: white;
  padding: 15px;
  font-size: 20px; }

a.phone {
  display: inline-block;
  font-family: "metropolissemi_bold";
  font-size: 22px;
  color: #2A303D;
  margin-bottom: 15px; }