:root {
  --color1: #81c2ff;
  --color2-trans: rgba(21, 53, 75, 0.90);
  --color2: #15354b;
  --color3: #fff;
  font-size:16px;

}

@import url("https://fonts.googleapis.com/css2?family=Questrial&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Licorice&family=Oooh+Baby&family=Qwitcher+Grypen:wght@400;700&display=swap");
@font-face {
  font-weight: normal;
  font-style: normal;
  font-family: "Haritta";
  font-display: swap;
  src: url("fonts/haritta.woff2") format("woff2"),
    url("fonts/haritta.ttf") format("truetype");
}

@font-face {
  font-weight: normal;
  font-style: normal;
  font-family: "Gothic";
  font-display: swap;
  src: url("fonts/gothic.woff2") format("woff2"),
    url("fonts/gothic.ttf") format("truetype");
}

@font-face {
  font-weight: bold;
  font-style: normal;
  font-family: "Gothic";
  font-display: swap;
  src: url("fonts/gothicb.woff2") format("woff2"),
    url("fonts/gothicb.ttf") format("truetype");
}

* {
  font-family: "Gothic", "Questrial", sans-serif;
  color:var(--color2);
  }
main {
  margin-top: 20px;
}
  .rounded-lg, .galleries .card-img, .dropdown-menu {
    border-radius: 0!important;
  }
  .sticky-area-wrap {
    z-index: 1000000!important;
  }
.cursive {
  font-family: 'Haritta', 'Qwitcher Grypen', cursive !important;
}
.container-xxl {
  margin: auto;
}
.bg-dark {
  background-color: var(--color2) !important;
}
.bg-dark-trans {
  background-color: var(--color2-trans) !important;
}
.bg-gradient-primary-to-secondary {
  background: var(--color2);
  background: linear-gradient(135deg, var(--color2) 0%, var(--color1) 100%);
}
p,
.text-dark,
body,
.breadcrumb-item.active,
.btn,
.text-heading,
.text-secondary {
  color: var(--color2) !important;
}

.form-control, .btn {
  border-radius: 0!important;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  line-height: 1.4;
  font-weight: bold;
  letter-spacing: 2px;

}

.footer p,
.footer a,
.btn.btn-primary,
.nav-link.btn {
  color: var(--color3) !important;
}

.fa,
.fas,
h1,
h2,
h3,
.bg-active-white.active {
  color: var(--color2) !important;
}
a,
a:hover,
a.text-white:hover,
a.text-white:focus,
.lightblue {
  color: var(--color1)!important;
}
.strong {
  font-weight: bold;
}
.btn-primary:hover {
  background-color: var(--color2) !important;
  border-color: var(--color2) !important;
}

.bg-cover {
  background-size: cover !important;
}
.custom-vh-04 {
  min-height: 50vh;
}
nav .nav-link {
  text-transform: uppercase;
  letter-spacing: 0.05rem;
  color: var(--color2) !important;
}

li.current .nav-link {
  color: var(--color1) !important;
}

li.current .nav-link::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: -2px;
  height: 2px;
  width: 100% !important;
}

.hero {
  background-size: cover;
  background-position: center;
  height: 50vh;
}

.bg-dark,
.bg-dark p {
  color: #fff !important;
}

.photo_item {
  margin: 0.5rem 0.25rem;
  padding: 0.25rem;
  width: 20vw;
  height: 10vw;
  overflow: hidden;
  padding: 0rem;
}

.photo_item img {
  min-height: 100%;
  object-fit: cover;
}

.article p {
  font-size: 1.1rem;
  font-weight: 300;
  text-align: justify;
  margin: 1.75rem 0;
  line-height: 1.75rem;
}

a.bg-hover-primary:hover {
  background-color: var(--color1)!important;
}

@media (min-width: 1200px) {
  .navbar-expand-xxl {
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -ms-flex-pack: start;
    justify-content: space-between;
  }

  .container-xxl {
    max-width: 1920px;
    padding: 0 146px;
  }

  .navbar-expand-xxl .navbar-nav {
    -ms-flex-direction: row;
    flex-direction: row;
  }

  .navbar-expand-xxl .navbar-nav .dropdown-menu {
    position: absolute;
  }

  .navbar-expand-xxl .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }

  .navbar-expand-xxl > .container,
  .navbar-expand-xxl > .container-fluid,
  .navbar-expand-xxl > .container-sm,
  .navbar-expand-xxl > .container-md,
  .navbar-expand-xxl > .container-lg {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }

  .navbar-expand-xxl .navbar-collapse {
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
  }

  .navbar-expand-xxl .navbar-toggler {
    display: none;
  }
}

@media (max-width: 1199px) {
  .intro {
    padding: 2.5rem !important;
  }
  .no-mobile {
    display: none;
  }
  .navbar-brand img {
    max-width: 70vw;
    margin:1.5rem;
  }
  .main-header.header-mobile-lg .navbar-nav > .nav-item > .nav-link {
    color: var(--color2);
}
}

@media (max-width: 799px) {
:root {
  font-size: 14px;
}
p {
  font-size: 1.rem;
}
}

.bg-secondary,.heading-divider,.heading-divider,.slick-arrow:hover {
  background-color: var(--color1)!important;
}

.text-active-secondary.active, .text-active-secondary:hover.active, .text-active-secondary:focus.active {
color:var(--color1) !important
}


.btn-primary  {
background-color: var(--color1) !important;
 border-color: var(--color1) !important;
}

.badge-primary{
  background-color: var(--color1) !important;
}


.text-secondary {
color:var(--color1) !important;
}


.text-primary {
color:var(--color1) !important;
}


.icon.text-primary{
color: var(--color1)!important;
}

.border-primary{
border-color:var(--color1) !important;
}

.main-header .main-menu .nav-link::before{
background-color: var(--color1)!important;
}


.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus {
 color: var(--color1) !important;
}


.pagination a.selected,.dropdown-item.active, .dropdown-item:active  {
background-color: var(--color1)!important;}


.btn:not(:disabled):not(.disabled):active:focus, .btn:not(:disabled):not(.disabled).active:focus {
 box-shadow: 0 0 0 0.2rem rgb(0 0 0 / 25%), inset 0 3px 5px rgb(0 0 0 / 13%);
}



.hover-primary:hover {
    color: var(--color1) !important; 
}


@media (max-width: 991.98px)
{.main-header.header-mobile-lg .sticky-area {
 background-color: #ffffff !important;
}}

a.hover-primary:hover {
 color:#000000 !important;
}

@media (max-width: 991.98px)
{.main-header.header-mobile-lg .navbar-nav>.nav-item>.nav-link {
color:var(--color1) !important;
}}


@media (max-width: 991.98px){
.container-xxl {
  padding:1.05rem!important;
}
.main-header.header-mobile-lg .main-menu .dropdown-menu .dropdown-link, .main-header.header-mobile-lg .main-menu .dropdown-menu .dropdown-item, .main-header.header-mobile-lg .main-menu .dropdown-menu .dropdown-header {
 color: #000000!important;
}

header.header-mobile-lg .main-menu .dropdown-menu .dropdown-item:not(.dropdown):hover{
background:var(--color1) !important; 
}
label.form-check-label.rgpd, label.form-check-label.rgpd::after {
  font-size: .9em!important;
  font-weight: 300;
  text-align: center;
}

  label.form-check-label.rgpd {
    margin-bottom:15px!important;
  }
  .form-check {
    padding-left: 1rem;
  }
  h2.hometitle {
    margin-bottom: 0!important;
  }
  
}