/*SETTINGS*/
html {
   height: 100%;
   font-size: 16px;
}

body {
   font-family: "Montserrat", sans-serif;
   line-height: 1.2;
   height: 100%;
   width: 100%;
   margin: 0;
   min-width: 375px;
   color: #000;
   background: #fff;
}

a {
   color: #000;
   cursor: pointer;
   transition: 0.5s;
   text-decoration: none;
}

a:focus {
   outline: none;
   outline-offset: 0px;
}

img {
   display: block;
   max-width: 100%;
}

input,
textarea,
select,
button {
   font: inherit;
}

:where(ul, ol):where([class]) {
   padding-left: 0;
   margin-block: 0;
}

:where(ul[class]) {
   list-style: none;
}

:where(address[class]) {
   font-style: normal;
}

p {
   --paragraphMarginBottom: 1.2em;
   margin-block: 0;
}

p:where(:not([class]):not(:last-child)) {
   margin-bottom: var(--paragraphMarginBottom);
}

@media (prefers-reduced-motion: reduce) {
   *,
   ::before,
   ::after {
      animation-duration: 0.01ms !important;
      animation-iteration-count: 1 !important;
      transition-duration: 0.01ms !important;
      scroll-behavior: auto !important;
   }
}

#body {
   display: flex;
   flex-direction: column;
   min-height: 100%;
}

header {
   flex: 1 0 auto;
}

footer {
   flex: 0 0 auto;
}

button {
   background: none;
   border: none;
   padding: 0;
   cursor: pointer;
}

/*[class*="__container"]*/
.container,
.container-inner {
   width: 100%;
   margin: 0 auto;
   padding: 0 15px;
   position: relative;
}

#body {
   max-width: 1470px;
   margin: 0 auto
}

.container {
   max-width: 1330px;
}

.container-inner {
   max-width: 1090px;
}

.container::after,
.container::before {
   display: none;
}

#body {
   display: flex;
   flex-direction: column;
   min-height: 100%;
}

#content {
   flex: 1 0 auto;
}

#footer {
   flex: 0 0 auto;
}

input::-moz-placeholder {
   color: #000;
}

input::-webkit-input-placeholder {
   color: #000;
}

textarea:-moz-placeholder {
   color: #000;
}

textarea::-webkit-input-placeholder {
   color: #000;
}

/*focus*/
:focus {
   outline: none;
   -moz-outline: 3px solid #fff !important;
}
:focus::-webkit-input-placeholder {color: transparent;}
:focus::-moz-placeholder          {color: transparent;}
:focus:-moz-placeholder           {color: transparent;}
:focus:-ms-input-placeholder      {color: transparent;}
button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"]>input[type="button"]::-moz-focus-inner {
   border: none;
}

input[type="radio"]:focus {
   -moz-outline-radius: 12px !important;
   -moz-outline-offset: 0px !important;
}

input[type="checkbox"]:focus {
   -moz-outline-offset: -1px !important;
   -moz-outline: 1px solid #000 !important;
}

*,
*:before,
*:after {
   box-sizing: border-box;
}

.bg {
   display: none;
   content: "";
   position: fixed;
   width: 100%;
   height: 100%;
   left: 0;
   top: 0;
   background: rgba(24, 58, 79, 0.6);
   z-index: 101;
   opacity: 0;
}

.d-none {
   display: none;
}

section,
.ob-fit {
   position: relative;
}

.ob-fit img {
   position: absolute;
   top: 0;
   left: 0;
   height: 100%;
   width: 100%;
   object-fit: cover;
}

.button {
   display: inline-flex;
   align-items: center;
   justify-content: center;   
   color: #fff;   
   font-weight: 700;
   border-radius: 35px;
   background: #179A95;
   transition: 0.5s;
   cursor: pointer;
   opacity: 1;
   box-shadow: 0px 4px 4px 0px #00000040;
}

.button:hover,
.button:focus {
   background: #0F6461;
   box-shadow: none;
}