@charset "UTF-8";
.bg--turqoise {
  background: #1abc9c; }

.bg--green-sea {
  background: #16a085; }

.bg--emerald {
  background: #2ecc71; }

.bg--nephritis {
  background: #27ae60; }

.bg--green {
  background: #4caf50; }

.bg--light-green {
  background: #8bc34a; }

.bg--lime {
  background: #cddc39; }

.bg--river {
  background: #3498db; }

.bg--belize {
  background: #2980b9; }

.bg--asphalt {
  background: #34495e; }

.bg--midnight-blue {
  background: #2c3e50; }

.bg--blue {
  background: #2196f3; }

.bg--light-blue {
  background: #03a9f4; }

.bg--cyan {
  background: #00bcd4; }

.bg--teal {
  background: #009688; }

.bg--alizarin {
  background: #e74c3c; }

.bg--pomegranate {
  background: #c0392b; }

.bg--red {
  background: #f44336; }

.bg--carrot {
  background: #e67e22; }

.bg--pumpkin {
  background: #d35400; }

.bg--dull-orange {
  background: #f39c12; }

.bg--orange {
  background: #ff9800; }

.bg--blood-orange {
  background: #ff5722; }

.bg--amber {
  background: #ffc107; }

.bg--sunflower {
  background: #f1c40f; }

.bg--yellow {
  background: #ffeb3b; }

.bg--amethyst {
  background: #9b59b6; }

.bg--plum {
  background: #8e44ad; }

.bg--purple {
  background: #9c27b0; }

.bg--deep-purple {
  background: #673ab7; }

.bg--pink {
  background: #e91e63; }

.bg--indigo {
  background: #3f51b5; }

.bg--brown {
  background: #795548; }

.bg--grey {
  background: #9e9e9e; }

.bg--gun-metal {
  background: #607d8b; }

.bg--asbestos {
  background: #7f8c8d; }

.bg--concrete {
  background: #95a5a6; }

.bg--silver {
  background: #bdc3c7; }

.bg--clouds {
  background: #dde4e6; }

.bg--paper {
  background: #efefef; }

.bg--black {
  background: #212121; }

.color--turqoise {
  color: #1abc9c; }

.color--green-sea {
  color: #16a085; }

.color--emerald {
  color: #2ecc71; }

.color--nephritis {
  color: #27ae60; }

.color--green {
  color: #4caf50; }

.color--light-green {
  color: #8bc34a; }

.color--lime {
  color: #cddc39; }

.color--river {
  color: #3498db; }

.color--belize {
  color: #2980b9; }

.color--asphalt {
  color: #34495e; }

.color--midnight-blue {
  color: #2c3e50; }

.color--blue {
  color: #2196f3; }

.color--light-blue {
  color: #03a9f4; }

.color--cyan {
  color: #00bcd4; }

.color--teal {
  color: #009688; }

.color--alizarin {
  color: #e74c3c; }

.color--pomegranate {
  color: #c0392b; }

.color--red {
  color: #f44336; }

.color--carrot {
  color: #e67e22; }

.color--pumpkin {
  color: #d35400; }

.color--dull-orange {
  color: #f39c12; }

.color--orange {
  color: #ff9800; }

.color--blood-orange {
  color: #ff5722; }

.color--amber {
  color: #ffc107; }

.color--sunflower {
  color: #f1c40f; }

.color--yellow {
  color: #ffeb3b; }

.color--amethyst {
  color: #9b59b6; }

.color--plum {
  color: #8e44ad; }

.color--purple {
  color: #9c27b0; }

.color--deep-purple {
  color: #673ab7; }

.color--pink {
  color: #e91e63; }

.color--indigo {
  color: #3f51b5; }

.color--brown {
  color: #795548; }

.color--grey {
  color: #9e9e9e; }

.color--gun-metal {
  color: #607d8b; }

.color--asbestos {
  color: #7f8c8d; }

.color--concrete {
  color: #95a5a6; }

.color--silver {
  color: #bdc3c7; }

.color--clouds {
  color: #dde4e6; }

.color--paper {
  color: #efefef; }

.color--white {
  color: white; }

.color--black {
  color: #212121; }

.fade-in-from-top {
  opacity: 0;
  transform: translateY(-6px);
  animation: fadeInVert 0.5s ease-out forwards;
  -webkit-animation: fadeInVert 0.5s ease-out forwards; }

.fade-in-from-bottom {
  opacity: 0;
  transform: translateY(6px);
  animation: fadeInVert 0.5s ease-out forwards;
  -webkit-animation: fadeInVert 0.5s ease-out forwards; }

@keyframes fadeInVert {
  to {
    opacity: 1;
    transform: translateY(0); } }
@-webkit-keyframes fadeInVert {
  to {
    opacity: 1;
    transform: translateY(0); } }
.fade-in-from-left {
  opacity: 0;
  transform: translateX(-6px);
  animation: fadeInHoriz 0.5s ease-out forwards;
  -webkit-animation: fadeInHoriz 0.5s ease-out forwards; }

.fade-in-from-right {
  opacity: 0;
  transform: translateX(6px);
  animation: fadeInHoriz 0.5s ease-out forwards;
  -webkit-animation: fadeInHoriz 0.5s ease-out forwards; }

@keyframes fadeInHoriz {
  to {
    opacity: 1;
    transform: translateX(0); } }
@-webkit-keyframes fadeInHoriz {
  to {
    opacity: 1;
    transform: translateX(0); } }
.anim-delay--5 {
  animation-delay: 500ms;
  -webkit-animation-delay: 500ms; }

.anim-delay--10 {
  animation-delay: 1000ms;
  -webkit-animation-delay: 1000ms; }

.anim-delay--15 {
  animation-delay: 1500ms;
  -webkit-animation-delay: 1500ms; }

.anim-delay--20 {
  animation-delay: 2000ms;
  -webkit-animation-delay: 2000ms; }

.anim-delay--25 {
  animation-delay: 2500ms;
  -webkit-animation-delay: 2500ms; }

.anim-delay--30 {
  animation-delay: 3000ms;
  -webkit-animation-delay: 3000ms; }

.anim-delay--35 {
  animation-delay: 3500ms;
  -webkit-animation-delay: 3500ms; }

.anim-delay--40 {
  animation-delay: 4000ms;
  -webkit-animation-delay: 4000ms; }

.anim-delay--45 {
  animation-delay: 4500ms;
  -webkit-animation-delay: 4500ms; }

.anim-delay--50 {
  animation-delay: 5000ms;
  -webkit-animation-delay: 5000ms; }

* {
  --mdb-breadcrumb-divider: "►"; }

html,
body {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 100%;
  align-items: center;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  background-color: #9c9c9c;
  background-image: url(/assets/img/bg-light.png);
  background-repeat: repeat; }

h1 {
  font-family: "AdihausDIN Cn";
  color: black; }

h2 {
  font-family: "Roboto";
  font-size: 1.3rem;
  font-weight: 400;
  color: #0c6fe9;
  margin-top: 0.75em; }

h3 {
  font-family: "Roboto";
  font-size: 1.1rem;
  font-weight: 300;
  color: #0c6fe9;
  margin-top: 0.75em; }

h4 {
  font-family: "Roboto";
  font-size: 1rem;
  color: #00b74a;
  margin-top: 0.75em; }

p {
  margin-top: 0;
  margin-bottom: 0.5rem; }

blockquote p {
  margin-top: 0;
  margin-bottom: 0; }

pre {
  border: 1px dashed #c0c0c0;
  padding: 1rem 0rem 1rem 1.4rem !important; }

code,
code > span {
  font-family: Consolas, Liberation Mono, monospace;
  text-shadow: none !important;
  font-size: 0.9rem !important;
  font-weight: 200; }

.btn-lightgray {
  background-color: #e2e4e5 !important; }

.btn-darkgray {
  background-color: #adaeaf !important; }

.btn-lightgreen {
  background-color: #b7ffd3 !important; }

.btn-yellow {
  background-color: #fdeb02 !important;
  color: black; }

.hljs {
  font-size: 0.9rem !important; }

blockquote {
  background-color: rgba(80, 198, 255, 0.22);
  border-left: 3px solid #50c6ff;
  padding: 1rem 1rem 1rem 1rem; }

table {
  width: 100%;
  border: 1px solid #e0e0e0; }

td,
th {
  border: 1px solid #e0e0e0;
  padding: 0.5rem; }

th {
  background-color: #e5e5e5; }

td {
  background-color: #fbfbfb; }

td[align="right"],
th[align="right"] {
  text-align: right; }

td[align="center"],
th[align="center"] {
  text-align: center; }

.table > :not(caption) > * > * {
  padding: 0.2rem 0.2rem;
  text-align: center; }

.border-divider {
  border-bottom: 1px solid #8f8d8d !important; }

.btn-tag {
  padding-top: 0.375rem;
  padding-right: 0.4rem;
  padding-bottom: 0.3125rem;
  padding-left: 0.2rem; }

.mark,
mark {
  padding: 0.2em;
  margin-left: 0.2em;
  margin-right: 0.1em;
  background-color: #dbdbdb;
  border: 1px dashed #4f4f4f;
  font-family: consolas, monospace;
  font-size: 0.75em; }

a {
  color: #2196f3;
  text-decoration: none;
  background-color: transparent;
  text-decoration: none; }

a:hover {
  color: #000000;
  background-color: transparent;
  text-decoration: none; }

#loader-div {
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 9999;
  opacity: 1;
  background: url(/assets/img/loader.gif) center no-repeat #fff; }

#loader-div.is-loaded {
  opacity: 0;
  transition: all 1s;
  -webkit-transition: all 1s; }

.bg-gray {
  background: #a0a0a0; }

.bg-lightgray {
  background: #e2e2e2; }

.bg-darkblue {
  background: #1f2236; }

.bg-red {
  background: red; }

.bg-crumb {
  background: #fdeb02; }

.bg-material-light {
  background-color: #f2f2f2;
  background-image: url("/assets/img/bg-light.png");
  background-repeat: repeat; }

.bg-material-dark {
  background-color: #3e3e3e; }

.text-white {
  color: white; }

.text-gray {
  color: #a0a0a0; }

.text-darkblue {
  color: #1f2236; }

.text-black {
  color: black; }

.text-blue {
  color: #2196f3; }

.text-red {
  color: #ff0000; }

.font-roboto {
  font-family: "Roboto" !important; }

.font-awesome {
  font-family: "Geogrotesque Cyr", "FontAwesome" !important; }

.fs-7 {
  font-size: 0.8rem !important; }

.fs-8 {
  font-size: 0.75rem !important; }

.cursor-default {
  cursor: default; }

.cursor-pointer {
  cursor: pointer; }

.page-item.active .page-link {
  background-color: #00b74a; }

.div-logo {
  width: 100%;
  max-width: 680px;
  margin: 4px; }

.home-menu {
  display: flex;
  background-color: #3057a3; }

a.a-home {
  font-family: "Geogrotesque Cyr", "FontAwesome" !important;
  color: #ffffff;
  text-decoration: none;
  text-transform: lowercase;
  background-color: transparent; }

a.a-home:hover {
  color: #fdeb02; }

@media (max-width: 576px) {
  a.a-home {
    font-size: 5vw; }

  .symbol-menu {
    font-size: 4vw; } }
a.lng-menu {
  text-transform: uppercase;
  color: darkgray;
  font-weight: 600; }

a.lng-menu:hover {
  color: black; }

a.lng-menu.active {
  color: #3057a3; }

a.lng-menu.active:hover {
  color: black; }

.shadow-two {
  box-shadow: 4px 0px 4px 8px rgba(0, 0, 0, 0.01), -4px 0px 4px 8px rgba(0, 0, 0, 0.01); }

.navbar-brand img {
  width: 380px; }

@media (max-width: 768px) {
  .navbar-brand img {
    width: calc(30vw + 80px); } }
a.nav-link {
  color: #ffffff !important;
  text-decoration: none;
  background-color: transparent;
  padding-top: 2px;
  padding-bottom: 2px;
  margin: 4px; }

a.nav-link:hover {
  color: #2196f3 !important;
  background-color: transparent;
  text-decoration: none; }

.active > a.nav-link {
  color: #fdeb02;
  text-decoration: none;
  background-color: transparent; }

.active > a.nav-link:hover {
  color: #2196f3;
  text-decoration: none;
  background-color: transparent; }

.line-gray {
  background-color: #999999; }

li.breadcrumb-item > a {
  color: #000000;
  text-decoration: none; }

li.breadcrumb-item > a:hover {
  color: #fdeb02;
  text-decoration: none; }

li.breadcrumb-item.active {
  color: #ffffff; }

li.breadcrumb-item::before,
li.breadcrumb-item.active::before {
  color: #000000 !important;
  font-size: 1rem;
  margin-top: 0.07rem; }

.catalog {
  padding-left: 0em !important; }
  .catalog ul {
    list-style: none; }
  .catalog li {
    list-style: none; }
  .catalog li.isfolder:before {
    content: " ";
    background-image: url(/assets/img/blank-yellow-folder.svg);
    background-size: 28px 16px;
    height: 16px;
    width: 28px;
    display: inline-block;
    margin: -0.1em 0; }
  .catalog li:before {
    display: inline-block;
    margin-left: -1.3em;
    /* same as padding-left set on li */
    width: 1.3em;
    /* same as padding-left set on li */ }

.nav-tabs .nav-link.active {
  color: #00b74a;
  border-color: #00b74a; }

.nav-tabs .nav-link:hover {
  color: white;
  background-color: #00b74a;
  border-color: transparent; }

a.next-marker {
  display: block;
  height: 24px;
  width: 24px;
  background-size: cover;
  background: url(/assets/img/next-black.svg); }

a.next-marker:hover {
  background: url(/assets/img/next-light.svg); }

a.next-marker-light {
  top: 75%;
  position: sticky;
  display: block;
  height: 24px;
  width: 24px;
  background: url(/assets/img/next-light.svg);
  background-size: cover; }

a.next-marker-light:hover {
  background: url(/assets/img/next-light.svg); }

a.prev-marker-light {
  top: 75%;
  position: sticky;
  display: block;
  height: 24px;
  width: 24px;
  background: url(/assets/img/prev-light.svg);
  background-size: cover; }

a.prev-marker-light:hover {
  background: url(/assets/img/prev-light.svg); }

.bg-dotted {
  background: url(/assets/img/bg-dotted.png) repeat; }

.langswitch {
  font-family: "Roboto";
  color: #f9f9f9;
  text-decoration: none;
  background-color: transparent; }

a.langswitch:hover {
  color: #a8dadb; }

.langswitch-active {
  font-family: "Roboto";
  color: #1f2236;
  background-color: #f9f9f9; }

a.langswitch-active:hover {
  color: #1f2236;
  background-color: #a8dadb; }

.home-block {
  margin-left: auto;
  margin-right: auto;
  max-width: 620px; }

.home-slogan {
  font-family: "AdihausDIN Cn";
  font-size: 5rem;
  color: black; }
  @media (max-width: 980px) {
    .home-slogan {
      margin-top: 8px; } }
  @media (max-width: 480px) {
    .home-slogan {
      font-size: 2.2rem; } }
  @media (max-width: 360px) {
    .home-slogan {
      font-size: 2rem; } }

.home-par {
  color: white;
  margin-top: 32px;
  margin-left: 48px;
  padding-left: 16px;
  border-left: 2px solid #1f2236;
  font-family: "Geogrotesque Cyr";
  font-size: 1.3rem;
  max-width: 480px;
  line-height: 1.5; }
  @media (max-width: 480px) {
    .home-par {
      font-size: 1.1rem;
      margin-left: 24px;
      padding-left: 8px; } }

.home-req {
  margin-top: 28px;
  font-family: "Geogrotesque Cyr";
  font-size: 1.3rem;
  max-width: 620px; }

p.contacts {
  font-size: 0.9rem;
  color: black; }

a.light {
  color: #f9f9f9; }

a.light:hover {
  color: white; }

p.contacts-mail {
  font-size: 1.1rem; }
  @media (max-width: 480px) {
    p.contacts-mail {
      font-size: 0.9rem; } }

.navbar {
  -webkit-box-shadow: none;
  box-shadow: none; }

.dropdown-menu {
  border-radius: 0px; }

.dropdown-menu,
.dropdown-menu > .dropdown-item,
.dropdown-menu > li:first-child,
.dropdown-menu > li:first-child .dropdown-item,
.dropdown-menu > li:last-child,
.dropdown-menu > li:last-child .dropdown-item {
  border-radius: 0px;
  font-size: 1rem; }

.section-top-nav {
  font-family: "Geogrotesque Cyr";
  font-size: 1.23rem; }
  @media (max-width: 480px) {
    .section-top-nav {
      font-size: 1.1rem; } }

.section-top-nav a {
  color: #f9f9f9 !important; }

.section-top-nav a:hover {
  color: #1d3557 !important; }

.section-top-nav .navbar-nav > li > .dropdown-menu {
  color: black;
  background-color: white;
  padding: 0.5rem !important; }

.section-top-nav .navbar-nav > li > .dropdown-menu a {
  color: black !important;
  background-color: white;
  padding-right: 4rem; }

.section-top-nav .navbar-nav > li > .dropdown-menu a:hover {
  color: #f9f9f9 !important;
  background-color: #1d3557; }

.section-top-nav .navbar-nav > li > .dropdown-menu > .dropdown-divider {
  border-top: 1px dotted #5993bc !important; }

.section-top-nav .dropdown .show .nav-link {
  padding-left: 0.5rem !important; }

.dropdown-toggle::after {
  display: inline-block; }

.navbar-toggler-title {
  display: inline-block;
  margin-top: 4px;
  color: #a0a0a0; }

.navbar-toggler-title:hover {
  color: #ffffff; }

.navbar-toggler-title-dark {
  display: inline-block;
  vertical-align: text-top;
  color: #000000; }

.navbar-toggler-title-dark:hover {
  color: #ffffff; }

.navbar .dropdown-toggle,
.navbar .dropdown-menu a {
  cursor: pointer;
  text-decoration: none; }

.navbar .dropdown-menu > li > a:after {
  transform: rotate(90deg); }

.navbar .dropdown-item.active,
.navbar .dropdown-item:active {
  color: inherit;
  text-decoration: none;
  background-color: inherit; }

.navbar .dropdown-item:focus,
.navbar .dropdown-item:hover {
  color: green;
  text-decoration: none;
  background-color: #f8f9fa; }

.custom-toggler .navbar-toggler-icon {
  background-image: url(/assets/img/hamburger-ico-black.svg);
  height: 1.6rem; }

.custom-toggler.navbar-toggler {
  border-color: #1f2236; }

.custom-toggler-light .navbar-toggler-icon {
  background-image: url(/assets/img/hamburger-ico-white.svg);
  height: 1.6rem; }
  @media (max-width: 520px) {
    .custom-toggler-light .navbar-toggler-icon {
      height: 1rem;
      margin-bottom: 0.1rem; } }

.custom-toggler-light.navbar-toggler {
  border: 1px solid white; }

@media (max-width: 520px) {
  .navbar-toggler {
    font-size: 1rem; } }
@media (min-width: 767px) {
  .navbar .dropdown-toggle:not(.nav-link)::after {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 0.5rem;
    vertical-align: 0;
    border-bottom: 0.3rem solid transparent;
    border-top: 0.3rem solid transparent;
    border-left: 0.3rem solid; } }
@media (min-width: 1400px) {
  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl,
  .container-xxl {
    max-width: 1320px;
    margin-left: auto;
    margin-right: auto;
    padding: 0px; } }
@media (max-width: 380px) {
  .container-xxl {
    padding: 0px !important; } }
.page-bg-out {
  background: url("/img/nav-bg.png") 100% repeat;
  box-shadow: 4px 0px 10px #4f4f4f, -4px 0px 10px #4f4f4f; }
  @media (max-width: 380px) {
    .page-bg-out {
      box-shadow: none; } }

.page-bg-in {
  background: url("/img/page-bg.png");
  background-size: cover;
  padding-left: 2.5rem;
  padding-right: 2.5rem; }

@media (max-width: 680px) {
  .navbar-collapse {
    margin-left: 0px !important; }

  .page-bg-in {
    padding-left: 0px;
    padding-right: 0px; } }
.section-top-nav-page {
  background: #1f2236;
  font-family: "Geogrotesque Cyr";
  font-size: 1.23rem; }
  @media (max-width: 480px) {
    .section-top-nav-page {
      font-size: 1.1rem; } }

.section-top-nav-page a {
  color: #f9f9f9 !important; }

.section-top-nav-page a:hover {
  color: #a8dadb !important; }

.section-top-nav-page .navbar-nav > li > .dropdown-menu {
  color: black !important;
  background-color: white !important;
  padding: 0.5rem !important; }

.section-top-nav-page .navbar-nav > li > .dropdown-menu a {
  color: black !important;
  background-color: white !important; }

.section-top-nav-page .navbar-nav > li > .dropdown-menu a:hover {
  color: #f9f9f9 !important;
  background-color: #1d3557 !important; }

.section-top-nav-page .navbar-nav > li > .dropdown-menu > .dropdown-divider {
  border-top: 1px dotted #5993bc !important; }

.section-top-nav-page .langswitch {
  color: #457b9d !important;
  background-color: transparent !important;
  text-decoration: none !important;
  padding: 2px; }

.section-top-nav-page a.langswitch:hover {
  color: #a8dadb !important; }

.section-top-nav-page .langswitch-active {
  color: #457b9d !important;
  background-color: #f9f9f9 !important;
  padding: 2px; }

.section-top-nav-page a.langswitch-active:hover {
  color: #457b9d !important;
  background-color: #a8dadb !important; }

.section-top-nav-page .dropdown .show .nav-link {
  padding-left: 0.5rem !important; }

.custom-toggler .navbar-toggler-icon {
  background-image: url(/assets/img/hamburger-ico-black.svg);
  height: 1.6rem; }

.custom-toggler.navbar-toggler {
  border-color: #1f2236; }

.custom-toggler-light .navbar-toggler-icon {
  background-image: url(/assets/img/hamburger-ico-white.svg);
  height: 1.6rem; }
  @media (max-width: 520px) {
    .custom-toggler-light .navbar-toggler-icon {
      height: 1rem;
      margin-bottom: 0.1rem; } }

.custom-toggler-light.navbar-toggler {
  border-color: white; }

@media (max-width: 520px) {
  .navbar-toggler {
    font-size: 1rem; } }
.page-nav-divider {
  height: 36px; }

.side-col-left {
  padding-right: 2rem;
  padding-left: 0rem; }
  @media (max-width: 680px) {
    .side-col-left {
      padding-right: 0.5rem;
      padding-left: 0.5rem; } }

.side-col-right {
  padding-right: 0rem;
  padding-left: 2rem; }
  @media (max-width: 680px) {
    .side-col-right {
      padding-right: 0.5rem;
      padding-left: 0.5rem; } }

.main-text-block {
  width: 100%;
  padding-right: 0.5rem;
  padding-left: 0.5rem; }
  @media (max-width: 680px) {
    .main-text-block {
      padding-right: 0rem;
      padding-left: 0rem; } }

.page-content h1 {
  color: #ffffff;
  font-family: "AdihausDIN Cn";
  font-size: 3rem; }
  @media (max-width: 680px) {
    .page-content h1 {
      font-size: 2.3rem; } }

.page-content h2 {
  color: #ffffff;
  font-family: "AdihausDIN Cn";
  font-size: 2rem; }
  @media (max-width: 680px) {
    .page-content h2 {
      font-size: 1.5rem; } }

.page-content h3 {
  color: #82ddff;
  font-family: "AdihausDIN Cn";
  font-size: 1.7rem; }
  @media (max-width: 680px) {
    .page-content h3 {
      font-size: 1.2rem; } }

.page-content {
  color: #a0a0a0;
  font-family: "Geogrotesque Cyr";
  font-size: 1.3rem; }
  @media (max-width: 680px) {
    .page-content {
      font-size: 0.9rem; } }

.page-content p {
  color: #a0a0a0;
  font-family: "Geogrotesque Cyr";
  font-size: 1.3rem; }
  @media (max-width: 680px) {
    .page-content p {
      font-size: 0.9rem; } }

.page-content .page-par {
  margin-top: 32px;
  margin-left: 48px;
  padding-left: 16px;
  border-left: 2px solid #ffffff; }

.page-footer {
  color: #a0a0a0;
  background: #1f2236; }

@media (max-width: 480px) {
  .bank {
    font-size: 0.8rem; } }

.wrapper-partner {
  gap: 32px;
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); }

.room-card-title {
  color: black;
  font-size: 1.35rem; }

.room-detail {
  font-size: 1.1rem !important;
  line-height: 1.35rem; }

.room-card-text {
  color: black;
  font-size: 1.2rem; }

@media (min-width: 768px) and (max-width: 860px) {
  .room-card-text {
    font-size: 0.75rem; } }
@media (max-width: 680px) {
  .room-detail li {
    font-size: 0.9rem; } }
@media (max-width: 420px) {
  .room-card-text {
    font-size: 0.75rem; }

  .room-detail li {
    font-size: 0.9rem;
    line-height: 1rem; } }
.room-cost {
  color: #2196f3;
  font-size: 1.75rem;
  font-weight: 500; }

@media (max-width: 420px) {
  .room-cost {
    font-size: 1rem; } }
.room-image {
  position: relative; }

.room-space {
  color: white;
  position: absolute;
  top: 16px;
  left: 48px; }

.input-group {
  position: relative; }

.form-control {
  padding-right: 50px;
  /* width icon */
  border-radius: 0.2rem !important; }

.form-control:focus + .input-group-append .input-group-text {
  border-color: #80bdff; }

.input-group-append {
  display: block;
  min-width: 42px;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 0; }

.select-input.form-control[readonly] {
  color: #2196f3; }

.booking-card-header {
  text-shadow: 1px 1px 1px silver, -1px 1px 1px silver;
  color: white;
  background: #b0b0b0;
  font-size: 1.35rem;
  font-weight: 450; }

.booking-card-body {
  color: black;
  background: #fafafa;
  font-size: 1rem; }

.booking-card-label {
  color: #7786b0;
  font-family: Roboto;
  font-size: 0.85rem; }

.table {
  font-size: 1rem; }

.table tbody {
  font-weight: 400; }

@media (max-width: 680px) {
  .booking-card-header {
    font-size: 1.35rem; }

  .booking-card-body {
    font-size: 0.8rem; }

  .booking-card-label {
    font-size: 0.8rem; }

  select,
  textarea,
  textarea.form-control,
  input[type] {
    font-size: 0.8rem; }

  .input-group-text,
  .form-select {
    font-size: 0.8rem; }

  .table {
    font-size: 0.8rem; } }
.form-check-label {
  font-family: Roboto;
  font-size: 0.85rem; }
  @media (max-width: 680px) {
    .form-check-label {
      font-size: 0.8rem; } }

.form-group-float {
  position: relative;
  margin-bottom: 1.5rem; }

.form-control-float-placeholder {
  position: absolute;
  top: 0;
  padding: 8px 12px 0 12px;
  margin-left: 7px;
  transition: all 200ms;
  opacity: 0.5; }

.is-ok,
.form-control-float:focus + .form-control-float-placeholder,
.form-control-float:valid + .form-control-float-placeholder {
  font-size: 85%;
  transform: translate3d(0, -65%, 0);
  opacity: 1;
  background: white;
  color: #2196f3; }

.gender-dropdown {
  max-width: 8rem; }

.circle {
  font-family: "Roboto";
  font-size: 1.2rem;
  background: #2196f3;
  padding: 18px;
  margin: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  width: 10px;
  height: 10px;
  max-width: 10px;
  max-height: 10px; }

a[data-fancybox] img {
  cursor: zoom-in; }

.grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  grid-gap: 1vw; }

.list-disc {
  list-style-type: disc; }

.quote-block {
  background-color: #3057a3;
  padding-top: 1rem;
  padding-bottom: 1rem;
  padding-left: 3.5rem;
  padding-right: 3.5rem;
  position: relative; }
  .quote-block h1 {
    color: white;
    margin: 0px;
    padding: 0px; }

.quote-block .quote-mark {
  font-family: serif;
  font-weight: 900;
  position: absolute;
  top: 0px;
  left: 0.2rem;
  color: black;
  font-size: 6rem;
  line-height: 0.5;
  -webkit-text-stroke: 1px white;
  text-stroke: 1px white; }

.page-container {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 1100px;
  min-height: 100%; }

header {
  background: url(/assets/img/header-bg.png) repeat-x; }
  header nav {
    padding: 0px !important; }
    header nav span.brand {
      font-size: 2rem; }
    header nav .nav-link {
      padding-right: 0px !important; }
    header nav a.main-menu {
      font-size: 1rem;
      font-weight: 600;
      color: #4f4f4f !important;
      text-transform: uppercase; }
  header li.nav-item.active a.main-menu {
    color: #3057a3 !important; }

section.content {
  font-size: 1.25rem;
  font-weight: 400;
  background-color: #ffffff;
  flex-grow: 1;
  padding: 2rem 2rem 2rem 2rem; }
  section.content h1 {
    color: #3057a3; }
  section.content p {
    margin-bottom: 1.5rem; }

footer {
  background-color: #3057a3;
  color: white;
  text-align: end;
  padding: 0.25rem 0.5rem 0.25rem 0.5rem;
  font-size: 0.75rem; }

/*# sourceMappingURL=styles.min.css.map */