*,
*::before,
*::after {
  box-sizing: border-box;
}
html,
body {
  overflow-x: clip;
}

@font-face {
  font-family: Inter;
  src: url(Fonts/Inter/Inter-VariableFont_opsz,wght.ttf);
}

body {
  font-family: "Inter";
  margin: 0;
  padding: 0;
}
.container-fluid {
  padding: 0;
  margin: 0;
}
.navbar-brand a {
  width: 90%;
  height: 90%;
  margin: 0;
  padding: 0;
}
.navbar-brand {
  background: white;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 4px solid #fff;
  z-index: 1;
  overflow: visible;
  margin-bottom: -30%;
}
.navbar-brand img {
  max-width: 166px;
  position: relative;
    left: -1px;

}
.btn-danger, .btn-product, .rounded-pill{
  background-color: #C03232;
  color: white;
}

.navbar-toggler {
  background: none;
  border: none;
  width: 3rem;
  height: 2rem;
}

@media (min-width: 768px) {
  .navbar-nav li {
    margin-left: 1dvh;
    margin-right: 1dvh;
  }
  .menu-logo {
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: visible;
  }
}

.d-md-flex ul {
  transform: translateY(3dvh);
  -webkit-transform: translateY(3dvh);
  -moz-transform: translateY(3dvh);
  -ms-transform: translateY(3dvh);
  -o-transform: translateY(3dvh);
}

.deskop-navbar .nav-link {
  font-weight: bold;
  font-size: 1.5rem;
  padding: 0;
}
.mobile-navbar .navbar-nav {
  margin-top: 5dvh;
}
.mobile-navbar .nav-item {
  display: flex;
  justify-content: center;
}
.mobile-navbar .nav-link {
  font-weight: bold;
  font-size: 1rem;
  position: relative;
  width: fit-content;
}

.navbar {
  padding: 0;
}
.navbar-toggler .line {
  display: block;
  width: 100%;
  height: 5%;
  margin: 0.2rem 0.2rem 0rem 0.2rem;
  overflow: visible;
  background-color: #000;
  transition: transform 0.3s ease, opacity 0.3s ease;
  -webkit-transition: transform 0.3s ease, opacity 0.3s ease;
  -moz-transition: transform 0.3s ease, opacity 0.3s ease;
  -ms-transition: transform 0.3s ease, opacity 0.3s ease;
  -o-transition: transform 0.3s ease, opacity 0.3s ease;
}
.navbar-toggler .line:nth-child(1) {
  margin-top: 0.4rem;
  margin-bottom: 0.2rem;
}
.navbar-toggler .line:nth-child(3) {
  margin-top: 0.1rem;
  margin-bottom: 0.2rem;
}
.navbar-toggler .line:nth-child(3) {
  margin-top: 0.2rem;
  margin-bottom: 0.3rem;
}


.navbar-toggler.active .line:nth-child(1) {
  transform: translateY(0.25rem) rotate(45deg);
  -webkit-transform: translateY(0.25rem) rotate(45deg);
  -moz-transform: translateY(0.25rem) rotate(45deg);
  -ms-transform: translateY(0.25rem) rotate(45deg);
  -o-transform: translateY(0.25rem) rotate(45deg);
}

.navbar-toggler.active .line:nth-child(2) {
  opacity: 0;
}

.navbar-toggler.active .line:nth-child(3) {
  transform: translateY(-0.25rem) rotate(-45deg);
  -webkit-transform: translateY(-0.25rem) rotate(-45deg);
  -moz-transform: translateY(-0.25rem) rotate(-45deg);
  -ms-transform: translateY(-0.25rem) rotate(-45deg);
  -o-transform: translateY(-0.25rem) rotate(-45deg);
}
.menu-logo {
  justify-content: center;
}

@media (max-width: 767px) {
  .navbar-brand {
    margin-right: 0 !important;
  }
}

/**/

/**/

/**/

/**/

.footer .contact-row {
  background-color: black;
  color: white;
  padding: 2dvh;
  height: 14dvh;
}

@media (min-width: 768px) {
  .footer .contact-row .col-10 {
    position: relative;
    left: -10dvh;
  }
}

.mobile-footer .contact-row {
  height: 11dvw;
  padding: 0 1rem 0 1rem;
  margin-top: 5dvw;
}

.mobile-footer .contact-row .col-8 {
  height: 11dvw;
  padding: 2dvw;
  padding-left: 0.2dvw;
  padding: 0;
  display: flex;
  float: left;
}

.footer .contact-row .col-10 {
  display: flex;
  float: left;
}
.footer .contact-row .col-10 h1, .footer .contact-row .col-10 span {
  width: 40%;
  margin-top: auto;
  margin-bottom: auto;
  font-size: 2rem;
  text-align: end;
  font-weight: 500;
  margin-right: 2dvh;
}

.mobile-footer .contact-row .col-8 h1 {
  font-size: 0.7rem;
  width: 60%;
  margin-top: auto;
  margin-bottom: auto;
  text-align: end;
  margin-right: 2dvh;
  font-weight: bold;
}

.footer .contact-row .col-10 .vr {
  margin: 0;
  margin-top: auto;
  margin-bottom: auto;
  height: 75%;
  color: white;
}

.mobile-footer .contact-row .col-8 .vr {
  margin: 0;
  margin-top: auto;
  margin-bottom: auto;
  height: 75%;
  color: white;
}

.footer .contact-row .col-10 p {
  width: 60%;
  margin-top: auto;
  margin-bottom: auto;
  font-size: 1.5rem;
  font-weight: 600;
  margin-left: 2dvh;
}

.footer .contact-row .col-10 .vr {
  margin-left: 3dvh;
  margin-right: 3dvh;
  background-color: #F5F5F5;
}

.mobile-footer .contact-row .col-8 p {
  width: 60%;
  margin-top: auto;
  margin-bottom: auto;
  font-weight: bold;
  margin-left: 2dvw;
  font-size: 0.5rem;
}

.footer .contact-row button {
  margin-top: 2dvh;
  margin-bottom: auto;
  font-size: 1.1rem;
 
}

.mobile-footer .contact-row button {
  margin-top: 6%;
    margin-bottom: 6%;
  font-size: 0.55rem;
  font-weight: bold;
}

.footer .navigation-row {
  height: 20dvh;
}

@media (min-width: 768px) {
  .footer .navigation-row .col-3,
  .footer .navigation-row .col-5 {
    position: relative;
    left: -15dvh;
  }
}

.mobile-footer .navigation-row {
  height: 20dvw;
}

.footer .navigation-row .col-3 img {
  height: 15dvh;
  margin-top: auto;
  margin-bottom: auto;
}

.mobile-footer .navigation-row .col-3 img {
  height: 15dvw;
  margin-top: 2.5dvw;
  margin-bottom: 2.5dvw;
}
.footer .navigation-row .col-3 {
  display: flex;
  justify-content: flex-end;
}
.footer .navigation-row .col-5 {
  padding-top: 1.5%;
}
.mobile-footer .navigation-row .col-5 {
  padding-top: 1.5%;
  font-size: 2.5dvw;
}
.footer .credits-row p {
  text-align: end;
  font-size: 1rem;
}

.footer .navigation-row .col-4 {
  display: flex;
  justify-content: center;
  margin-top: auto;
  margin-bottom: auto;
}

.footer .nav-link {
  font-size: 1.2rem;
  padding: 0;
  width: fit-content;
  margin-right: 1.5em;
}
.mobile-footer .navigation-row .col-4 {
  display: inline-grid;
  justify-content: center;
  margin-top: 2%;
  margin-bottom: auto;
}

.mobile-footer .nav-link {
  font-size: 0.5rem;
  padding: 0;
  margin-left: 8dvw;
  margin-bottom: 1% !important;
  text-align: center;
  width: fit-content;
}
.mobile-footer .credits-row p {
  font-size: 2dvw;
}
#cb-cookie-banner {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 999;
  border-radius: 0;
  display: none;
}

.btn {
  -webkit-box-shadow: 0px 16px 24px -16px rgba(66, 68, 90, 1);
-moz-box-shadow: 0px 16px 24px -16px rgba(66, 68, 90, 1);
box-shadow: 0px 16px 24px -16px rgba(66, 68, 90, 1);
}
.btn:hover {
  box-shadow: none;
}
.credits-row{
  padding-right: 100px !important;
  font-size:1rem;
}
.credits-row a {
  color:#000;
  text-decoration: none;
}
.col-5{
  font-size: 2rem;
}


.nav-link {
  display: inline-block;
  text-decoration: none; 
}

.nav-link::before,
.nav-link::after {
  content: "";
  display: block;
  height: 0.125rem;      
  width: 0;             
  pointer-events: none;  
}

.nav-link::before {
  background-color: black;
  transition: width 0.3s ease 0.1s;
  position: sticky;
  top: 100%;
  z-index: -1;
}

.nav-link::after {
  background-color: #C03232;
  margin-top: -0.125rem;
  /*overlapsexactlyontheblackline*/transition: width 0.5s ease 0s;
  -webkit-transition: width 0.5s ease 0s;
  -moz-transition: width 0.5s ease 0s;
  -ms-transition: width 0.5s ease 0s;
  -o-transition: width 0.5s ease 0s;
}

.nav-link:hover::before,
.nav-link:focus::before {
  width: 100%;
  transition: width 0.3s ease 0s;
}
.nav-link:hover::after,
.nav-link:focus::after {
  width: 100%;
  transition: width 0.5s ease 0.1s;
  -webkit-transition: width 0.5s ease 0.1s;
  -moz-transition: width 0.5s ease 0.1s;
  -ms-transition: width 0.5s ease 0.1s;
  -o-transition: width 0.5s ease 0.1s;
}

p.address{
  margin-top: 3%;
}

p.address, .telephone {
  font-size:1.2rem;
}


/* Hover dropdown */
.hover_drop_down.input-group-btn ul.dropdown-menu{margin-top: 0px;}/*To avoid unwanted close*/
.hover_drop_down.btn-group ul.dropdown-menu{margin-top:2px;}/*To avoid unwanted close*/
.hover_drop_down:hover ul.dropdown-menu{
   display: block;
}
.hover_drop_down .dropdown-menu{
  position: absolute;
  top: 11px;
  z-index: 9999;
}
.nav-item.hover_drop_down a:before,.nav-item.hover_drop_down a:after{
  height: 0rem !important;
}
.dropdown-item.active, .dropdown-item:active {
  background-color: transparent !important;
  color:#000;
}


@media (max-width: 767px) {
  .mobile-footer .credits-row p{
  text-align: center;
}
.mobile-footer .credits-row{
padding-right: 0 !important;
}
.hover_drop_down .dropdown-menu{
  position: relative;
  top: 28px;
}
.navbar-brand img {
  max-width: 166px;
  height: auto;
}
p.address, .telephone {
  font-size: 0.5rem;
}

}

@media (max-width: 480px) {
.contact-row .col-8 span a{
  font-size: 0.5rem;
    padding-right: 6px;
    position: relative;
    top: 6px;
}
.contact-row .col-4 a {
  font-size: 0.5em;
    margin-top: 7px;
}
.col.column-about {
  text-decoration:none;
}
}

.navbar-collapse {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.35s ease-out;
}


.dropdown-submenu li {
  list-style: none;
  text-align: center;
}
.dropdown-submenu a, .dropdown-submenu {
  text-align: center;
  padding-left: 0rem;
}
.footer .contact-row .col a {
  margin-top:25px;
}

.footer a {
  text-decoration: none;
  color:inherit;
}
form .btn.btn-primary {
  margin-top:1em;
  
}
.form-group {
  margin-top:1em;
  margin-bottom:1em;
}
.navbar-nav {
  z-index: 99;
}

form .btn.btn-primary {
  background-color: #C03232;
  border:none;
  border-radius:var(--bs-border-radius-pill)!important;
  padding: 0.5em 1em 0.5em 1em;
}

.social {
  float:left;
  padding-left:12em;
}
.social img {
  max-width: 35px;
  position: relative;
  top:-6px;
}


@media (min-width: 1921px) {

  .navbar-brand {
   
    max-height: 170px !important;
    max-width: 170px !important;
    min-height: auto !important;
    min-width: auto !important;
  
  }
  .social {

    padding-left:16em;
  }
  .credits-row{
    padding-right: 190px !important;
    font-size:1rem;
  }
  .navbar {
    padding: 0;
    margin-bottom: 12px;
  }
  .hover_drop_down .dropdown-menu {
    position: absolute;
    top: -3px;
    z-index: 9999;
  }
  .footer .contact-row .col a {
    margin-top: 33px;
    padding:15px 20px 15px 20px;
  }
  .footer .contact-row .col-10 span {
    width: 32%;
  }}

  @media (min-width: 768px) and (max-width: 1400px){
    .fifth-row .newsletter-column {
      margin-top: 2em;
      margin-bottom: 2em;
    }
    .footer a {
      text-decoration: none;
      color: inherit;
      font-size: 80%;
  }
  .footer .nav-link {
    font-size: 0.8rem;
  }
  .btn.btn-danger {
    font-size:0.8rem;
  }
  }

  @media (max-width: 768px) {

    .social {
      padding-left: 0;
      float:none !important;
      text-align: center;
    }
  }