@font-face {
  font-family: 'krona_oneregular';
  src: url('fonts/krona/kronaone-regular-webfont.woff2') format('woff2'),
    url('fonts/krona/kronaone-regular-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'work_sansextralight';
  src: url('fonts/work-sans/work-sans.extralight-webfont.woff2') format('woff2'),
    url('fonts/work-sans/work-sans.extralight-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;

}

.krona {
  font-family: krona_oneregular;
}


body {
  background-color: #141413;
  font-family: work_sansextralight, Helvetica, sans-serif !important;
/*   background-image: url(images/web/birds-pattern.png) !important;
 */  background-image: url(https://mir-s3-cdn-cf.behance.net/project_modules/fs/4beaf2190548687.65bc8a105e0f3.png) !important;
  overflow-x: hidden;
  background-clip: content-box;
  background-size: contain;
  background-repeat: repeat-y;
  overflow-x: hidden;

}

p{
  font-size: 1.4em;
}

.wrap-text {
  white-space: wrap;
}

@keyframes spTexture {
  from {
    background-position: 0 0;
  }

  to {
    background-position: -1rem 0;
  }
}



#splash-screen {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: black;
  display: flex;
  justify-content: center;
  align-items: center;
/*   transition: opacity 1s ease;
 */  z-index: 10;

  transition: transform 2.5s ease;
}

.splash-content {
  text-align: center;
  color: white;
}
  


/*Marquee*/
.Marquee-box {
  position: relative;
  display: inline-block;
  width: 80vw;
  height: 70vh;
}

.img-marq {
  height: 60vh !important;

}

.MyMarquee {
  text-align: center;
  font-weight: bold;
  width: 100%;
  height: 100%;
  font-size: 25px;
  padding: 0px 0;
  color: #FFFFFF;
/*   box-shadow: -5px 0 5px -5px #000, 5px 0 5px -5px #000;
 */ 
 box-shadow: inset black 15px;
 font-family: Arial, Helvetica, sans-serif;
  vertical-align: middle;
  /*     -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    background: -webkit-linear-gradient(90deg, #8F0808 5%, #F70505 100%);
    background:    -moz-linear-gradient(90deg, #8F0808 5%, #F70505 100%);
    background:     -ms-linear-gradient(90deg, #8F0808 5%, #F70505 100%);
 */
}

.MyMarquee div {
  display: inline-block;
  vertical-align: middle;
}

.MyMarquee a,
.MyMarquee img {
  display: inline-block;
  text-decoration: underline;
  color: #FFFFFF;
  vertical-align: middle;
}


/*DROP DOWN ITEM HIGHLIGHTS*/

.dropdown-item-brandid:focus{
background-color: #f5cc48!important;
}

/*
=============================================================
I N T R O D U C T I O N   S E C T I O N 
=============================================================
*/

/*NAV BAR SECTION*/

#pillNav {
  border-radius: 30px;
}

.nav a {
  font-size: 3.4svw;
  color: white;
}

.nav-link:hover {
  color: white !important;
}


.nav-link:not(.active):focus {
  color: #E5C24F;

}

.nav-pills .nav-link:not(.active):hover {
  color: #E5C24F;
}


/*INTRO TEXT SECTION*/

.hr-intro {
  height: 10vh;
}


.text-home-title {
  font-size: 6.5svw;
  color: white !important;
}

.text-home-header {
  /*  font-size: 150%; */
  font-size: 6.3vw;
  color: white !important;
}

.text-section-header {
  font-size: 3.3vw;
  color: white !important;
}

.div-home-title {
  width: 100%;
  height: 1vh;
  background-size: 100%;
}



/*
=============================================================
F O O T E R   S E C T I O N
=============================================================
*/


/*MAIN SECTION*/


/*ICONS*/

/* .bi {
  font-size: 3vh;
  width: 3vh;
  text-align: center;
  text-decoration: none;
  margin: 5vh 2vh;
  color: rgb(255, 255, 255);
} */

.copyright {
  font-size: 1.3svh;
}




.bi {
/*   padding: 2vh; */
  font-size: 4.5svh;
  /* width: 5vw; */
  text-align: center;
  text-decoration: none;
  margin: 5vh 2vh;
  color: white;
}

.bi:hover {
  opacity: 0.7;
}


/*
=============================================================
C A L E N D A R  .  H T M L
=============================================================
*/


.calendar-body {
  background-color: #edb90d !important;
  font: white !important;
  font-family: krona_oneregular, Helvetica, sans-serif !important;
  background-clip: padding-box;
  background-size: 100%;
  background-repeat: repeat-y;
}


/*Carousel*/

.cal-carousel {
  position: absolute;
}

.img-cal-carousel {

  padding: 1vw;
}


/* .img-cal-carousel:hover {
    transform: scale();
} */


/*
=============================================================
A B O U T  .  H T M L
=============================================================
*/


.about-body {
  background-color: #45644f !important;
  font-family: krona_oneregular, Helvetica, sans-serif !important;
  background-image: url(images/web/repeat-opaque-birdsss.svg);
  background-clip: padding-box;
  background-size: 100% !important;
  background-repeat: repeat-y;
}


/*
=============================================================
G E N E R A L   F U N C T I O N A L I T Y
=============================================================
*/

/*SCROLL TO TOP BUTTON*/
#scrollToTopBtn {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 30px;
  z-index: 9;
  border: none;
  outline: none;
  background-color: #f8fafd;
  color: #ffffff;
  cursor: pointer;
  padding: 15px;
  border-radius: 10px;
  font-size: 18px;
}

#scrollToTopBtn:hover {
  background-color: #d7b933;
}







/*SPLASH SCREEN*/

.splash-circle {
  position: absolute;
  top: 0;
  left: 0;
  width: 1;
  height: 2;
  display: block;
  background-color: #101010;
  /* Change the background color as needed */
  border-radius: 50%;
  z-index: 2;
}
/* 
#splash-screen {}

@keyframes spTexture {
  from {
    background-position: 0 0;
  }

  to {
    background-position: -1rem 0;
  }
} */


.loader {
  position: relative;
}

.loader span {
  position: absolute;
  color: #fff;
  transform: translate(-50%, -50%);
  font-size: 38px;
  letter-spacing: 5px;
}

.loader span:nth-child(1) {
  color: transparent;
  -webkit-text-stroke: 0.3px #edb90d;
}

.loader span:nth-child(2) {
  color: #edb90d;
  -webkit-text-stroke: 1px white;
  animation: splashing 3s ease-in-out infinite;
}

@keyframes splashing {
  0%, 100% {
    clip-path: polygon(0% 45%, 15% 44%, 32% 50%, 
     54% 60%, 70% 61%, 84% 59%, 100% 52%, 100% 100%, 0% 100%);
  }

  50% {
    clip-path: polygon(0% 60%, 16% 65%, 34% 66%, 
     51% 62%, 67% 50%, 84% 45%, 100% 46%, 100% 100%, 0% 100%);
  }
}





/* 

.fade-container {
  width: 100vw;
  height: 100vh;
  position: relative;
  overflow: hidden;

  clear: both;
  background-color: #d7b933 !important;
  background: linear-gradient(45deg, transparent 49%, #000 50%, #000 50%, transparent 51%, transparent),
    linear-gradient(455deg, transparent 49%, #000 50%, #000 50%, transparent 51%, transparent),
    linear-gradient(-45deg, transparent 49%, #000 50%, #000 50%, transparent 51%, transparent);
  background-size: 1rem 1rem;
  background-position: 0% 0%;
  -webkit-animation: spTexture 1s infinite linear;
  animation: spTexture 1s infinite linear;

}

.fade-container div {
  position: relative;
  opacity: 0;
  animation: fade 6s forwards;

}

.fade-container div:nth-child(1) {
  animation-delay: 0s;
}

.fade-container div:nth-child(2) {
  animation-delay: 3s;
}

.fade-container div:nth-child(3) {
  animation-delay: 6s;
}

@keyframes fade {

  0%,
  33.33% {
    opacity: 1;
  }

  66.66%,
  100% {
    opacity: 0;
  }
}

 */








/*
S C R O L L   O V E R   F A D E   I N   A F F E C T
*/

.enter-fade {
  color: white !important;
  background-color: transparent !important;
  border: yellow 20px !important;
  border-color: white !important;
  opacity: 0;
  transform: translateY(50px);
  transition: opacity 1s, transform 1s;
}

.enter-fade.animate {
  opacity: 1;
  transform: translateY(0);
}

@keyframes slide-in {
  from {
    transform: translateX(-100%);
  }

  to {
    transform: translateX(0);
  }
}

.card.slide-in {
  animation: slide-in 1s;
}








.home {
  opacity: 0;
  transition: opacity 1s ease;
}

.div-prices {
  border-style: solid;
  border-width: 2px;
  border-color: white;
  border-radius: 14px;
}



.sect-header {
  padding-top: 0px !important;
  background-color: #F7F4E3;
  opacity: 0.96;
}