@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600&family=Open+Sans:wght@400;500;600&display=swap');

/* DEV */

.bord {
   border: 1px dashed red;
}

.alert-dismissible {
   display: none;
}

.alert-wrapper {
   display: none;
}

/* GLOBAL */

body {
   color: #fcfcfc;
   background: #040608;
   font-size: 18px;
}

p {
   color: #fcfcfc;
   font-size: 1em;
   font-family: "Open Sans", sans-serif;
}

.page-title h1 {
   font-family: "Montserrat", sans-serif;
   text-transform: uppercase;
   font-size: 1.5em;
   font-weight: 600;
   color: #333;
   padding-bottom: 20px;
   position: relative;
   margin-bottom: 40px;
}

.page-title h1::after {
   content: '';
   position: absolute;
   bottom: 0;
   left: 25%;
   width: 50%;
   height: 1px;
   background-color: #040608;
}

/* SUPER HEADER */

#navbar-top {
   border-bottom: 1px solid #80888A;
   padding: 10px 0;
}

#navbar-top p {
   font-family: "Open Sans", sans-serif;
   color: #333;
}

.navbar-brand img {
   max-width: 150px;
}

.nav-link {
   text-transform: uppercase;
   font-size: 0.875em;
   font-weight: 400;
}


/* HEADER */

.site-name-slogan {
   font-family: "Baskervville", serif;
   text-transform: uppercase;
   font-size: 2.875em;
   font-weight: 600;
   color: #ffffff;
   line-height: 0.75em;
}

.siteslogan {
   font-family: "Baskervville", serif;
   font-size: 1.3rem;
   color: #ffffff;
   text-transform: lowercase;
   margin: 0 0 0 40px;
}


/*footer slogan*/

.logobottom {
   font-family: "Baskervville", serif;
   text-transform: uppercase;
   font-size: 2.875em;
   font-weight: 600;
   color: #ffffff;
   line-height: 0.75em;
}

.logobottom span {
   font-family: "Baskervville", serif;
   font-size: 1.3rem;
   color: #ffffff;
   text-transform: lowercase;
   margin: 0 0 0 40px;
}


/*end footer slogan*/

#navbar-main {
   padding: 1em 0;
}

section.region-top-header {
   width: 100%;
}

.menu--main .nav-link {
   margin-left: 30px;
}

@media (max-width: 768px) {
   .navbar-toggler .navbar-toggler-icon {
      color: #846D4B;
      width: 40px;
      height: 40px;
      background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgb(255,255,255,0.55)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
   }
}


/* LANGUAGE */

.region-top-header nav.links-inline span.is-active {
   background-color: #80888A;
}

.region-top-header nav.links-inline span.is-active a {
   color: #FFF;
   text-decoration: none;
}

.region-top-header nav.links-inline span a {
   color: #80888A;
   text-decoration: none;
}

/* SLIDER */

.container-main-photo {
   position: relative;
   width: 100%;
   height: calc(100vh - 210px);
   /* Высота контейнера, можно настроить по вашим требованиям */
   overflow: hidden;
}

.background-main-photo {
   position: relative;
   width: 100%;
   height: 100%;
}

.background-main-photo img {
   width: 100%;
   height: calc(100vh - 210px) !important;
   object-fit: cover;
   object-position: center;
}


.overlay-text-main-photo {
   position: absolute;
   top: 35%;
   left: 10%;
   /* transform: translate(-50%, -50%); */
   text-align: left;
}

.overlay-text-main-photo h1 {

   color: white;
   font-size: 3.5em;
   font-weight: 600;
   font-family: "Montserrat", sans-serif;
   text-transform: uppercase;
   text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.8);
}

.overlay-text-main-photo p {
   width: 450px;
   font-size: 1em;
   color: #80888A;
}

.overlay-text-main-photo button {
   background-color: #846D4B;
   color: #FFF;
   padding: 15px 40px;
   border: none;
   text-transform: uppercase;
   font-weight: 500;
   margin-top: 30px;
   font-size: 1em;
}

.overlay-text-main-photo a {
   font-style: normal;
   text-decoration: none !important;
   color: #FFF !important;
}

@media (max-width: 768px) {

   .overlay-text-main-photo h1 {
      font-size: 2.0em;
      text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.8);
   }

   .overlay-text-main-photo p {
      width: 90%;
      font-size: 1em;
      color: #c3c4c4;
   }

}



/*Block Komanda ***********************/

#block-komanda {
   background-image: url(/sites/default/files/image/komanda1320.webp);
   background-size: cover;
   background-position: center center;
   max-width: 1320px;
   min-height: 485px;
   padding: 20px;
   color: #FFF;
}


.nazvablock {
   color: #846D4B;
   font-weight: 600;
   font-family: "Montserrat", sans-serif;
   font-size: 0.875em;
   text-transform: uppercase;
   margin-top: 40px;
   margin-bottom: 20px;
}

.block-block-content h2 {
   color: #846D4B;
   font-weight: 600;
   font-family: "Montserrat", sans-serif;
   font-size: 0.875em;
   text-transform: uppercase;
   margin-top: 40px;
   margin-bottom: 20px;

}

.block-block-content .tittle {
   font-size: 2.5em;
   margin-bottom: 30px;
}

.block-block-content .opis {
   font-size: 1em;
   color: #80888A;
   max-width: 350px;
}


@media (max-width: 768px) {

   #block-komanda {
      background-size: cover;
      background-position: 80% center;
      max-width: 100%;
      min-height: 240px;
      padding: 20px;
      color: #FFF;
   }

   .nazvablock {
      position: absolute;
      margin-top: 240px;
   }

   .pidpys {
      justify-content: center;
   }

   .block-block-content .tittle {
      font-size: 2em;
      text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.8);
      position: absolute;
      margin-top: 270px;
   }

   .block-block-content .opis {
      font-size: 1em;
      color: #c3c4c4;
      max-width: 90%;
      position: absolute;
      margin-top: 390px;
   }
}

/*end Block Komanda*/


/*block citata*/

#block-citata {
   padding: 30px;
   background-image: url("/sites/default/files/image/block-fon.webp");
   background-size: cover;
   background-position: center center;
   min-height: 300px;
}

/* #block-citata::before {
   content: "\f10d";

   top: 40px;
   left: 40px;
   font-family: "Font Awesome 5 Free";
   font-weight: 900;
   font-size: 4em;
   color: #846D4B;
} */


#block-citata .text {
   font-size: 1.4em;
   margin: 50px 0 0 0;
   text-align: center;
}

/* #block-citata .podpis {
   font-size: 1.0em;
   font-weight: 500;
   text-align: right;
   color: #846D4B;
} */

@media (max-width: 768px) {
   #block-citata {
      margin: 330px 0 40px 0;
      padding: 10px;
      min-height: 350px;
   }

   /* #block-citata::before {
      top: 20px;
      left: 20px;
      font-size: 3em;
   } */

   /* 
      #block-citata .podpis {
         margin-top: 20px;
      } */
}


/*end block citata*/


/* FEATURED BOTTOM */

.featured-bottom-1 {
   background-color: #040608;
}

.featured-bottom-2 {
   background-image: url("/sites/default/files/image/office_photo_location.webp");
   background-size: cover;
   background-position: center center;
   padding: 3em 0;
   color: #FFF;
   font-family: "Montserrat", sans-serif;
}

.featured-bottom-2 p {
   font-family: "Montserrat", sans-serif;
   font-size: 1em;
   color: #FFF;
}

.featured-bottom-3 {
   background-color: #040608;
   padding: 3em 0;
   text-align: center;
}

.featured-bottom-4 {
   background-color: #040608;
   padding: 3em 0 0;
   text-align: center;
}

/* FOOTER */

.footer-logo {
   max-width: 190px !important;
}

.footer-slogan {
   font-family: "Montserrat", sans-serif;
   text-transform: uppercase;
   font-size: 1em;
   font-weight: 600;
   color: #FFF;
   max-width: 80%;
}

.site-footer {
   background-color: #040608;
   padding-bottom: 0;
   border-top: 1px solid #B8CCD1;

}

.site-footer p {
   font-family: "Montserrat", sans-serif;
   font-size: 1em;
   color: #FFF;
   font-weight: 400;
}

.social-icon {
   padding: 10px 15px;
   border: 1px solid #B8CCD1;
   border-radius: 8px;
   font-size: 1.2em;
   margin-right: 10px;
   cursor: pinter;
   background-color: transparent;
   transition: .5s all;
   color: #B8CCD1;
}

.social-icon:hover {
   border-radius: 0px;
   background-color: #01a9b4;
   color: #FFF;


}

.site-footer p a {
   font-family: "Montserrat", sans-serif;
   font-size: 1em;
   color: #FFF;
   text-decoration: none;
   transition: .3s all;
   font-weight: 400;
}

.site-footer p a:hover {
   color: #333;
}

.site-footer__bottom p {
   margin-top: 0em;
   font-size: 1.1em;
   color: #B8CCD1;
}

.site-footer__bottom {
   background-color: #040608;
   border: none;
   padding: 20px 0;
}

.site-footer__bottom .region {
   margin-top: 0;
}

.site-footer__bottom .content {
   border-top: 1px solid #B8CCD1;
   padding-top: 20px;
}

.copyright {
   font-size: 12px;
}

.site-footer__top .region {
   width: 100%;
   padding: 0;
}

.site-footer .block {
   margin: 0;
   border: none;
   border-color: unset;
   padding: 0;
}

@media (max-width: 768px) {
   .site-footer .block {
      text-align: center;
   }

   .site-footer .block img {
      margin: 0 auto
   }
}


/* SEARCH */

input.form-search {
   border-radius: 0;
   padding: 12px;
   width: 300px;
   margin-right: 30px;
}

.search-form .form-submit {
   border-radius: 0;
   background-color: #040608;
   border-color: #040608;
   transition: .3s all;
}

.search-form .form-submit:hover {
   background-color: #01a9b4;
   border-color: #01a9b4;
}

.search-block-form {
   vertical-align: middle;
}

.form-type-search {
   margin-bottom: 0 !important;
}