/* .font-luxes{
    font-family: 'LuxesTenebris', sans-serif;

}
.font-vertograd{
    font-family: 'Vertograd-Regular', sans-serif;

}
.font-ostrog{
    font-family: 'Ostrog4', sans-serif;

} */
body{
    /* background-image: url('/media/Background2.png');  */
   background-color: #fff;
    background-repeat: no-repeat;
    background-size: auto;
    font-family: 'Hirmos ieUcs', sans-serif;
}



/* .morning-image{
 background-image: url('/media/MorningIMG.png');
  position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}
.day-image{
 background-image: url('/media/DayIMG.png');
  position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}
.evening-image{
     background-image: url('/media/EveningIMG.png');
      position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}
.night-image{
 background-image: url('/media/NightIMG.png');
  position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
} */






.font{
    font-weight: 300;
      font-family: system-ui;
}

.size1{
    font-size: 40px;
    color: #000000;
}


.navbar-white .navbar-brand {
    color: rgba(0, 0, 0, 0.9);
    font-size: 25px;
    padding-top: 10px;
}
@media (min-width: 992px) {
    .py-lg-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important;
        /* background-color: gainsboro; */
        /* background-image: url("media/Background2.png"); */
    }
}

   .py-5.greets {
/* background-color: gainsboro; */
background-image: url("media/Background5.png");
}
   .py-5.greets-obraz {
/* background-color: gainsboro; */
background-image: url("media/BackgroundOBRAZ.png");

}





.bg-body-tertiary{
    background: transparent;
    background-color: transparent;
}


#navbarNav{
    justify-content: center;
    display: flex;
    font-size: 15px;
    font-family: '1871 TYGRA', sans-serif;
    border-top: 1px solid gray;
    border-bottom: 1px solid gray;
      flex-direction:row;
}
a.nav-link:visited{
    color: rgb(0, 0, 0);
    font-size: 18px;
}
.image-one{
    width: 450px;
}

@media (max-width: 1920px) {
     .archi2{
 
    background-image: url("/media/BackgroundBukviza.png");
    color: #ffffff;

}
.font-luxes{
    font-family: 'LuxesTenebris', sans-serif;
  /* font-size: 25px; */
    /* width: 175px; */
}
.font-vertograd{
    font-family: 'Vertograd-Regular', sans-serif;
  /* font-size: 15px; */
    /* width: 175px; */
}
.font-ostrog{
    font-family: 'Ostrog4', sans-serif;
  /* font-size: 15px; */
    /* width: 175px; */
}
}

@media (max-width: 992px) {
.archi2{
 
    background-image: url("/media/BackgroundBukviza.png");
    color: #ffffff;

}
    .navbar-expand-lg .navbar-nav {
        flex-direction: row;
    }
    .font2{
    font-family: '1871 TYGRA', sans-serif;
  font-size: 10px;
    width: 100%;
}
.font-luxes{
    font-family: 'LuxesTenebris', sans-serif;
  /* font-size: 20px; */
    /* width: 175px; */
}
.font-vertograd{
    font-family: 'Vertograd-Regular', sans-serif;
  /* font-size: 15px; */
    /* width: 175px; */
}
.font-ostrog{
    font-family: 'Ostrog4', sans-serif;
  /* font-size: 15px; */
    /* width: 175px; */
}
}
@media (max-width: 570px) {
    .navbar-expand-lg .navbar-nav {
        flex-direction: row;
    }
.image-one{
    width: 300px;
}
.archi2{
    background-image: url("/media/BackgroundBukvizaMobile2.png");
    color: #ffffff;
}
.font-luxes{
    font-family: 'LuxesTenebris', sans-serif;
  /* font-size: 16px; */
  /* font-weight: 100; */
    /* width: 175px; */
}
}
@media (max-width: 420px) {
    .navbar-expand-lg .navbar-nav {
        flex-direction: row;
    }
.image-one{
    width: 300px;
}
.archi2{

    
    background-image: url("/media/BackgroundBukvizaMobile.png");
    color: #ffffff;
}
}

.intro {
    margin-top: 6rem ;
}

.hello{
      font-family: '1871 TYGRA', sans-serif;
      align-items: center;
      text-align: center;
}

.background-image{
    height: 800px;
    width: 100%;
}

.background-image-schrank{
      width: 100%;
  height: auto;
}



.bookscard{
    font-size: 15px;
}

.cardimage{
    max-height: 347px;
}
.btn-primary {
    --bs-btn-color: #ffffff;
    --bs-btn-bg: transparent;
    /* --bs-btn-border-color: #0d6efd; */
    /* --bs-btn-hover-color: #fff; */
    --bs-btn-hover-bg: #0b5ed7;
    --bs-btn-hover-border-color: #0a58ca;
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #0a58ca;
    --bs-btn-active-border-color: #0a53be;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #0d6efd;
    --bs-btn-disabled-border-color: #0d6efd;
}


.card-body {
    flex: 0 0 auto;
    padding: var(--bs-card-spacer-y) var(--bs-card-spacer-x);
    color: var(--bs-card-color);
}

.custom {
    width: 112px !important;
}




-----------HAMBURGER--------------

 
HTML
CSS
JS
/* Icon 1 */

.animated-icon1,
.animated-icon2,
.animated-icon3 {
width: 30px;
height: 20px;
position: relative;
margin: 0px;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: .5s ease-in-out;
-moz-transition: .5s ease-in-out;
-o-transition: .5s ease-in-out;
transition: .5s ease-in-out;
cursor: pointer;
}

.animated-icon1 span,
.animated-icon2 span,
.animated-icon3 span {
display: block;
position: absolute;
height: 2px;
width: 100%;
/* border-radius: 9px; */
opacity: 1;
left: 0;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: .25s ease-in-out;
-moz-transition: .25s ease-in-out;
-o-transition: .25s ease-in-out;
transition: .25s ease-in-out;
}


.animated-icon2 span {
background: rgba(0, 0, 0, 0.9);
}


/* Icon 3*/

.animated-icon2 span:nth-child(1) {
top: 0px;
}
.animated-icon3 span {
background: #f3e5f5;
}


.animated-icon2 span:nth-child(2),
.animated-icon2 span:nth-child(3) {
top: 10px;
}

.animated-icon2 span:nth-child(4) {
top: 20px;
}

.animated-icon2.open span:nth-child(1) {
top: 11px;
width: 0%;
left: 50%;
}

.animated-icon2.open span:nth-child(2) {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);

}

.animated-icon2.open span:nth-child(3) {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);

}

.animated-icon2.open span:nth-child(4) {
top: 11px;
width: 0%;
left: 50%;
}


button.navbar-toggler.collapsed.second-button{
    width: 56px;
    height: 40px;
    border: none;
}

button.navbar-toggler.second-button{
       width: 56px;
    height: 40px;
    border: none;
}




.archi{
    background-image: url("/media/BackgroundArt.png");
    color: #ffffff;
}


/* .archi-obraz{
    background-image: url("/media/BackgroundArt.png");
    color: #ffffff;
} */


.archi:hover {
  opacity: 0.9;
}
/* .archi h2:hover {
  opacity: 0.8;
  font-size: 33px;
} */



 

.animated-icon3 span {
background: #000000;
}

.animated-icon1 span:nth-child(1) {
top: 0px;
}

.animated-icon1 span:nth-child(2) {
top: 10px;
}

.animated-icon1 span:nth-child(3) {
top: 20px;
}

.animated-icon1.open span:nth-child(1) {
top: 11px;
-webkit-transform: rotate(135deg);
-moz-transform: rotate(135deg);
-o-transform: rotate(135deg);
transform: rotate(135deg);
}

.animated-icon1.open span:nth-child(2) {
opacity: 0;
left: -60px;
}

.animated-icon1.open span:nth-child(3) {
top: 11px;
-webkit-transform: rotate(-135deg);
-moz-transform: rotate(-135deg);
-o-transform: rotate(-135deg);
transform: rotate(-135deg);
}




/* Icon 4 */

.animated-icon3 span:nth-child(1) {
top: 0px;
-webkit-transform-origin: left center;
-moz-transform-origin: left center;
-o-transform-origin: left center;
transform-origin: left center;
}

.animated-icon3 span:nth-child(2) {
top: 10px;
-webkit-transform-origin: left center;
-moz-transform-origin: left center;
-o-transform-origin: left center;
transform-origin: left center;
}

.animated-icon3 span:nth-child(3) {
top: 20px;
-webkit-transform-origin: left center;
-moz-transform-origin: left center;
-o-transform-origin: left center;
transform-origin: left center;
}

.animated-icon3.open span:nth-child(1) {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
top: 0px;
left: 8px;
}

.animated-icon3.open span:nth-child(2) {
width: 0%;
opacity: 0;
}

.animated-icon3.open span:nth-child(3) {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
top: 21px;
left: 8px;
}




.navbar-toggler.collapsed.second-button:focus,
.navbar-toggler.collapsed.second-button:active{
        outline: none;
    border: none;
    box-shadow: none;
}
.navbar-toggler.second-button:focus,
.navbar-toggler.second-button:active{
        outline: none;
    border: none;
    box-shadow: none;
}



.accordion-header.accordion-button:not(.collapsed) {
           color: black;
    background-color: white;
         outline: none;
    border: none;
    box-shadow: none;
}
.accordion-header.accordion-button:focus,
.accordion-header.accordion-button:active{
        outline: none;
    border: none;
    box-shadow: none;
           color: black;
    background-color: white;
}






.bg-gray {
  background: #ffffff none repeat scroll 0 0;
  color: #0f0f0f;
}
.about_container {
  padding: 90px 0;
}
section, footer {
  float: left;
  width: 100%;
}
.section_title1 {
  font-size: 45px;
  /* font-weight: bold; */
  position: relative;
  /* text-transform: uppercase; */
  /* font-family: "Harlequinade", sans-serif; */
}

.service_tab {
  line-height: 33px;
  margin-bottom: 70px;
}
.service_tab .nav-tabs > li {
  display: table-cell;
  float: none;
  margin-bottom: -1px;
}

/**service**/
    .service_tab .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover { border-width: 0; }
    .service_tab .nav-tabs > li > a { border: none; color: #080808; }
        .service_tab .nav-tabs > li.active > a, .nav-tabs > li > a:hover { border: none; color: #ff1b1b!important; background: transparent; }
        /* .service_tab .nav-tabs > li > a::after { content: ""; background: #ff3939; height: 5px; position: absolute; width: 100%; left: 0px; bottom: -2px; transition: all 250ms ease 0s; transform: scale(0); } */
		/* .nav-tabs > li.active > a::after, .nav-tabs > li:hover > a::after { transform: scale(1); } */
.service_tab .tab-nav > li > a::after { background: #912b2b none repeat scroll 0% 0%; color: #fff; }
.service_tab .tab-pane {
  overflow: hidden;
  padding: 15px 0;
}
.service_tab .tab-content{padding:0px}

.service_tab {
  line-height: 33px;
  margin-bottom: 70px;
}
.service_tab .service_feture > li {
  font-weight: bold;
}
.service_tab .car_image img {
 display: block;
 margin: auto;
 
}




.service_tab .nav.nav-tabs {
  display: table;
  text-align: center;
  width: 100%;
   border-bottom: 2px solid #DDD; 
}
.service_tab .nav-tabs > li {
  display: table-cell;
  float: none;
  margin-bottom: -1px;
}
.service_tab .book_now1 {
  border-color: #5CA4FF;
  color: #5CA4FF;
  font-size: 16px;
  margin-top: 0;
}


.center-block {
    display: block;
    margin-left: auto;
    margin-right: auto;
 }

 .img1{
      display: block;
  margin: auto;
 }