/* Infinity SPA * Copyright 2019 Yankulov Advertising */

:root {
  --ibg-dark: #fcf1db;
  --ibg-light: #fffbf1;
  --nav-background: #401d17;
  --turquoise: #14bdfe;   /*069*/
  --turquoise: #069;   /*069*/
}



body {
  overflow-x: hidden;
  font-family: 'Roboto Slab', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
}

/*p {font-family: Montserrat, sans-serif; font-size: 14px; letter-spacing: 0px; color: #303030; font-weight: 100; line-height: 1.75;}*/

p {font-size: 16px; margin-top: 0; margin-bottom: 20px; text-align: center; font-weight: 400; color: #303030; font-family: 'Fira Sans Condensed', sans-serif; letter-spacing: 0px;}

p, h1, h2, h3, h4, h5, h6 {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */
}

.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */
}





a {color: #fed136;}
a:hover {color: #fec503;}
.text-primary {color: #fed136 !important;}

h1 {font-size:32px; line-height:1.5; text-shadow:1px 1px 4px black; color:#FFF; font-weight:100; opacity: .8; text-transform: uppercase; font-family: 'Fira Sans Condensed', sans-serif; letter-spacing: 0px;}


h4         {font-weight: 60; font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';}
h1, h5, h6         {font-weight: 100; font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';}


h2 {font-size: 26px; margin-top: 0; margin-bottom: 20px; text-align: center; font-weight: 900; color: var(--turquoise); font-style: italic; font-family: 'Merriweather', serif; line-height: 1.5;}
h3 {font-size: 16px; margin-top: 0; margin-bottom: 20px; text-align: center; font-weight: 300; color: #666; font-style: italic; font-family: 'Merriweather', serif; line-height: 1.5;}

@media (min-width: 576px) {h2 {font-size: 32px;} h3 {font-size: 18px;}}
@media (min-width: 768px) {h2 {font-size: 34px;} h3 {font-size: 20px;}}
@media (min-width: 992px) {h2 {font-size: 37px;} h3 {font-size: 23px;}}
@media (min-width: 1200px) {h2 {font-size: 40px;} h3 {font-size: 26px;}}



section h4.icons {font-size: 16px; margin-top: 10px; margin-bottom: 10px; text-align: center; font-weight: 900; color: #069; font-family: 'Merriweather', serif; letter-spacing: 0px;}
/*section h4.icons {font-size: 22px; margin-top: 10px; margin-bottom: 10px; text-align: center; font-weight: 500; color: #808080; font-family: 'Fira Sans Condensed', sans-serif; letter-spacing: 0px;}*/


section h4.contactAddress {font-size: 25px; margin-top: 10px; margin-bottom: 20px; text-align: center; font-weight: 500; color: #ffffff; font-family: 'Fira Sans Condensed', sans-serif; letter-spacing: 0px;}
section h4.contactPhone {font-size: 32px; margin-top: 10px; margin-bottom: 20px; text-align: center; font-weight: 500; color: #ffffff; font-family: 'Fira Sans Condensed', sans-serif; letter-spacing: 0px;}


/* ---------------------- Section -------------------------------- */     
section {padding: 30px 0;}
@media (min-width: 768px) {section {padding: 50px 0;}}

/* ---------------------- Buttons -------------------------------- */     
.btn {font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'; font-weight: 700;}
.btn-xl {font-size: 18px; padding: 20px 40px;}

.btn-primary {background-color: #fed136; border-color: #fed136;}
.btn-primary:active, .btn-primary:focus, .btn-primary:hover {background-color: #fec810 !important; border-color: #fec810 !important; color: white;}
.btn-primary:active, .btn-primary:focus {-webkit-box-shadow: 0 0 0 0.2rem rgba(254, 209, 55, 0.5) !important; box-shadow: 0 0 0 0.2rem rgba(254, 209, 55, 0.5) !important;}

.btn-close-modal {position: absolute; top: 25px; right: 23px; width: 50px; height: 50px; cursor: pointer; z-index:500; opacity: 0.5 !important;}
.btn-close-modal:hover {opacity: .1 !important;}


.btnReserve {font-size: 16px !important; padding: 11px !important;}

.btnReserveNow {color: #715335;}
.btnReserveNow:hover {color: var(--nav-background);}
.btnReserveNow:focus {color: #715335;}
.btnReserveNowHover {font-size: 23px; letter-spacing: 2px; border:none;}

.btnMinus {padding:0px; padding-bottom:0px; vertical-align: bottom;}
.btnPlus  {padding:0px; padding-bottom:0px; vertical-align: top;}
.btnBask  {padding:0px; padding-bottom:0px; vertical-align: top;}


/* ---------------------- Selection ------------------------------------- */     
::selection {background: #fce6bb; text-shadow: none;}
img::selection {background: transparent;}
img::-moz-selection {background: transparent;}

/* ---------------------- Navigation Bar -------------------------------- */     

  #mainNav.navbar-shrink{background: rgba(53, 26, 15, .85);}
  #mainNav {background-color: rgba(53, 26, 15, .85);} /* Colapsed */


#mainNav .navbar-toggler {font-size: 20px; right: 0; padding: 8px 10px; text-transform: uppercase; color: white; border: 0; background-color: #a36229;}
#mainNav .navbar-toggler:hover {transform: scale(1.1, 1.1); opacity: 0.7;}
#mainNav .navbar-toggler {-webkit-transition: all 0.3s; transition: all 0.1s;}
#mainNav .navbar-reserve {font-size: 15px; right: 0; padding: 8px 10px; text-transform: uppercase; color: white; border: 0; background-color: #a36229;}
#mainNav .navbar-reserve:hover {transform: scale(1.1, 1.1); opacity: 0.7;}
#mainNav .navbar-reserve {-webkit-transition: all 0.3s; transition: all 0.1s;}
#mainNav .navbar-brand:hover {transform: scale(1.05, 1.05);}
#mainNav .navbar-brand {-webkit-transition: all 0.3s; transition: all 0.3s;}
#mainNav .navbar-nav .nav-item .nav-link {font-size: 120%; font-weight: 400; padding: 0.5em 0; letter-spacing: 1px; color: #faf2eb; text-shadow: 1px 1px #000; font-family: 'Fira Sans Condensed', sans-serif;} /* падащото меню */
.dropdown-item {font-size: 90%; font-weight: 400; padding: 0.2em 1em; letter-spacing: 1px; color: #000000; font-family: 'Fira Sans Condensed', sans-serif;}
#mainNav .navbar-nav .nav-item .nav-link.active, #mainNav .navbar-nav .nav-item .nav-link:hover {color: #fed136;}
@media (min-width: 992px) { /* Full */
  #mainNav {padding-top: 25px; padding-bottom: 25px; -webkit-transition: padding-top 0.3s, padding-bottom 0.3s; transition: padding-top 0.3s, padding-bottom 0.3s; border: none; background-color: transparent;}
  #mainNav .navbar-brand {-webkit-transition: all 0.3s; transition: all 0.3s;}
  #mainNav .navbar-nav .nav-item .nav-link {padding-top: 1.3em; padding-bottom: 0.9em; padding-left: .4em; padding-right: .4em; !important;}
  #mainNav.navbar-shrink {padding-top: 0; padding-bottom: 0; background-color: rgba(53, 26, 15, .85);}
  #mainNav.navbar-shrink {padding-top: 0; padding-bottom: 0;}
  #mainNav .navbar-brand:hover {transform: scale(1.05, 1.05);}
  #mainNav .navbar-shrink .navbar-brand {font-size: 1.25em; padding: 12px 0;}
}
@media (min-width: 1200px) {#mainNav .navbar-nav .nav-item .nav-link {padding-left: .9em; padding-right: .9em; !important;}}

/* #mainNav.navbar {background: rgba(53, 26, 15, .4);}
/* #mainNav..navbar-nav {background: rgba(200, 155, 55, 0.5);} - само бутоните */
/* .navbar-brand{background: rgba(200, 155, 55, 0.5);} - само логото */

/* Section Navbar End ------------------------------------------------------------------------------------------------------------------------------------ */


/* ---------------------- Header -------------------------------- */     

  .containerHeaderCarousel {z-index: 20; background-color: var(--ibg-light);}
  .containerTopLogo {padding: 30px 0px; z-index: 21; position:absolute; top: 0;}

  .topLogo {height:60px;}

  #headerCarousel.carousel-fade.carousel-item {display: block; opacity: 0; transition: opacity ease-out 2s;}
  #headerCarousel.carousel-fade.carousel-item.active {display: block; opacity: 1; opacity ease-in 2s;}

  .headerLogo {display: block; margin-left: auto; margin-right: auto; width: 80%; height: auto; margin-top: 150px; -webkit-filter: drop-shadow(5px 5px 5px #222); filter: drop-shadow(5px 5px 5px #222);}
  @media (min-width: 576px)  {.headerLogo {width: 432px;} .topLogo {height:65px;}}
  @media (min-width: 768px)  {.headerLogo {width: 576px;} .topLogo {height:70px;}}
  @media (min-width: 992px)  {.headerLogo {width: 768px;} .topLogo {height:75px;}}
  @media (min-width: 1200px) {.headerLogo {width: 912px;} .topLogo {height:80px;}}
  .headerLogo {display: block; opacity: .5; transition: opacity ease-out 1s; transform: scale(1, 1); -webkit-transition: all 1s; transition: all 1s;}
  .headerLogo:hover {display: block; opacity: .8; opacity ease-in 1s; transform: scale(1.05, 1.05); -webkit-transition: all 1s; transition: all 1s;}

/* Title */

  .headerCarouselCaption {width: 100%; position:absolute; margin-left: auto; margin-right: auto; left:0; right:0; bottom:120px; z-index: 10; padding-top: 0px; padding-bottom: 0px; color: #fff; text-align: center; height:350px; width:auto;}
  .headerTitle {font-size:2px;  line-height:1.5; text-shadow:1px 1px 4px black; color:#FFF; font-weight:200; opacity: .8; text-transform: uppercase; font-family: 'Fira Sans Condensed', sans-serif; letter-spacing: 0px;}

  .enlargeToTop {position: absolute; left:5%; right:5%; top:0px; opacity:0; animation-name: enlarge_to_top; animation-duration: 1s; animation-delay: 1s; animation-fill-mode: forwards;}
  @keyframes enlarge_to_top {0% {top:100%;  opacity:0;} 100% {top:40%; opacity:.9; font-size:30px;}}
  @media (min-width: 576px)  {@keyframes enlarge_to_top {0% {top:100%;  opacity:0;} 100% {top:0%; opacity:.9; font-size:35px;}}}
  @media (min-width: 768px)  {@keyframes enlarge_to_top {0% {top:100%;  opacity:0;} 100% {top:0%; opacity:.9; font-size:40px;}}}
  @media (min-width: 992px)  {@keyframes enlarge_to_top {0% {top:100%;  opacity:0;} 100% {top:0%; opacity:.9; font-size:45px;}}}
  @media (min-width: 1200px) {@keyframes enlarge_to_top {0% {top:100%;  opacity:0;} 100% {top:0%; opacity:.9; font-size:50px;}}}


/* Icons */
  .containerIcons {width: 100%; position:absolute; margin-left: auto; margin-right: auto; left:0; right:0; bottom:40px; padding-right: 0px; padding-left: 0px; padding-bottom: 0px; text-align: center;}
  .headerAdrTel {font-size:28px; line-height:1.5; text-shadow:1px 1px 4px black; color:#FFF; font-weight:400; opacity: .8; padding:0px; margin-bottom: 0px; margin-top: 0; font-style: italic;}
  .socialIcons {width:36px; height:auto; -webkit-filter: drop-shadow(1px 1px 2px #222); filter: drop-shadow(1px 1px 2px #222); opacity: .8; margin-top:5px; margin-left:10px; margin-right:10px;}
  .headerCarouselIcons   {margin-left: auto; margin-right: auto; bottom: 50px; margin-bottom:10px;  z-index: 10; padding-top: 0px; padding-bottom: 0px; color: #fff; display: -webkit-flex; display: flex;}
  @media (min-width: 576px)  {.containerIcons {max-width: 540px;}  .headerAdrTel {font-size:28px;} .socialIcons {width:36px;}}
  @media (min-width: 768px)  {.containerIcons {max-width: 720px;}  .headerAdrTel {font-size:24px;} .socialIcons {width:28px;}}
  @media (min-width: 992px)  {.containerIcons {max-width: 960px;}  .headerAdrTel {font-size:28px;} .socialIcons {width:32px;}}
  @media (min-width: 1200px) {.containerIcons {max-width: 1140px;} .headerAdrTel {font-size:32px;} .socialIcons {width:36px;}}
  @media (min-width: 768px)  {  
    div#iconAdr {order: 1;} div#iconSoc {order: 2;} div#iconTel {order: 3;}
    div#iconAdr {-webkit-order: 1;} div#iconSoc {-webkit-order: 1;} div#iconTel {-webkit-order: 2;}
  }

  .carousel-fade .active.carousel-item-left,
  .carousel-fade .active.carousel-item-right {transition: 1s 0s opacity;}

  .vcenter {margin-top:80px; margin-bottom:auto;}


#headerCarouselIndicators .carousel-item {
  height: 100vh;
  min-height: 350px;
  background: no-repeat center center scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

header.masthead {text-align: center; color: white; background-image: url("../img/header-bg.jpg"); background-repeat: no-repeat; background-attachment: scroll; background-position: center center; background-size: cover;}

header.masthead .intro-text {padding-top: 150px; padding-bottom: 100px;}
header.masthead .intro-text .intro-lead-in {font-size: 22px; font-style: italic; line-height: 22px; margin-bottom: 25px;
  font-family: 'Droid Serif', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';}

header.masthead .intro-text .intro-heading {font-size: 50px; font-weight: 700; line-height: 50px; margin-bottom: 25px;
  font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';}

@media (min-width: 768px) {
  header.masthead .intro-text {padding-top: 300px; padding-bottom: 200px;}
  header.masthead .intro-text .intro-lead-in {font-size: 40px; font-style: italic; line-height: 40px; margin-bottom: 25px;
    font-family: 'Droid Serif', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';}
  header.masthead .intro-text .intro-heading {font-size: 75px; font-weight: 700; line-height: 75px; margin-bottom: 50px;
    font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';}
}


.waterDesc:hover {transform: scale(1.01, 1.01); opacity: .8;}
.waterModal .modal-content button:hover {transform: scale(1.1, 1.1); opacity: 1;}
.waterModal .modal-content button {-webkit-transition: all 0.3s; transition: all 0.1s;  opacity: 0.5;}



/* ---------------------- About -------------------------------- */     

h2 {text-align: center !important;}
h4 {text-align: center !important;}
p {text-align: center !important;}

@media (min-width: 768px) {
#missionText. h2 {text-align: left !important;}
#missionText. h4 {text-align: left !important;}
#missionText. p {text-align: left !important;}
}

#gallery .gallery-item {right: 0; margin: 0 0 15px;}
#gallery .gallery-item .gallery-link {position: relative; display: block; max-width: 400px; margin: 0 auto; cursor: pointer;}
#gallery .gallery-item .gallery-link .gallery-hover {position: absolute; width: 100%; height: 100%; -webkit-transition: all ease 0.1s; transition: all ease 0.1s; opacity: 0; background: rgba(254, 209, 54, 0.9);}
#gallery .gallery-item .gallery-link .gallery-hover:hover {opacity: .5;}
#gallery .gallery-item .gallery-link .gallery-hover .gallery-hover-content {font-size: 20px; position: absolute; top: 50%; width: 100%; height: 20px; margin-top: -12px; text-align: center; color: white;}
#gallery .gallery-item .gallery-link .gallery-hover .gallery-hover-content i {margin-top: -12px;}
#gallery .gallery-item .gallery-link .gallery-hover .gallery-hover-content h3,
#gallery .gallery-item .gallery-link .gallery-hover .gallery-hover-content h4 {margin: 0;}
#gallery .gallery-item .gallery-caption {max-width: 400px; margin: 0 auto; padding: 25px; text-align: center; background-color: #fff;}
#gallery .gallery-item .gallery-caption h4 {margin: 0; text-transform: none;}
#gallery .gallery-item .gallery-caption p {font-size: 16px; font-style: italic; margin: 0;
  font-family: 'Droid Serif', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';}
#gallery * {z-index: 2;}
@media (min-width: 767px) {#gallery .gallery-item {margin: 0 0 30px;}}

/* ---------------------- Menu -------------------------------- */     

div {border: 0px solid red;} /* bbbbbbbbbbbbbbbbbbbbbb */

  .arr {position: relative; width: 100%; padding:0px 15px 0px 15px; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; text-align:left;  font-size: 30px;}
  .pdf {position: relative; width: 100%; padding:0px 15px 0px 15px; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; text-align:right;}

  .m01, .m02    {font-size: 16px; font-weight: 700; margin-top: 10px; margin-bottom: 2px; color: #404040; font-family: 'Fira Sans Condensed', sans-serif; letter-spacing: 0px; background: rgba(0,0,0,.15); font-style:italic;} 
  .m1, .m2, .m3 {font-size: 10px;                   margin-top: 0px;  margin-bottom: 2px; color: #606060; font-family: 'Fira Sans Condensed', sans-serif; letter-spacing: 0px; background: rgba(0,0,0,.05); position: relative; width: 100%;} 
  @media (min-width: 576px)  {.m01, .m02 {font-size:18px;} .m1, .m2, .m3 {font-size:12px;} .arr {font-size: 30px;}}
  @media (min-width: 768px)  {.m01, .m02 {font-size:20px;} .m1, .m2, .m3 {font-size:14px;} .arr {font-size: 32px;}}
  @media (min-width: 992px)  {.m01, .m02 {font-size:22px;} .m1, .m2, .m3 {font-size:16px;} .arr {font-size: 34px;}}
  @media (min-width: 1200px) {.m01, .m02 {font-size:24px;} .m1, .m2, .m3 {font-size:18px;} .arr {font-size: 36px;}}


  .m01 {position: relative; width: 100%; -ms-flex: 0 0 78%; flex: 0 0 78%; max-width: 78%; text-align: left;}
  .m02 {position: relative; width: 100%; -ms-flex: 0 0 22%; flex: 0 0 22%; max-width: 22%; text-align: right;}

  .m1 {text-align: left;  font-weight: 300; -ms-flex: 0 0 70%; flex: 0 0 70%; max-width: 70%;}
  .m2 {text-align: right; font-weight: 300; -ms-flex: 0 0 10%; flex: 0 0 10%; max-width: 10%;}
  .m3 {text-align: right; font-weight: 500; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%;}

  @media (min-width: 992px) {
  .m1 {-ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%;}
  .m2 {-ms-flex: 0 0 10%; flex: 0 0 10%; max-width: 10%;}
  .m3 {-ms-flex: 0 0 15%; flex: 0 0 15%; max-width: 15%;}}

  .m01 {padding:4px 5px 0px 9px;}
  .m02 {padding:4px 9px 0px 0px;}
  .m1 {padding:4px 5px 0px 9px;} .m2, .m3 {padding:4px 9px 0px 0px;}

  @media (min-width: 576px)  {.m1, .m01 {padding:4px 5px 0px  9px;} .m2, .m3, .m02 {padding:4px  9px 0px 0px;}}
  @media (min-width: 768px)  {.m1, .m01 {padding:4px 5px 0px  9px;} .m2, .m3, .m02 {padding:4px  9px 0px 0px;}}
  @media (min-width: 992px)  {.m1, .m01 {padding:4px 5px 0px 12px;} .m2, .m3, .m02 {padding:4px 12px 0px 0px;}}
  @media (min-width: 1200px) {.m1, .m01 {padding:4px 5px 0px 15px;} .m2, .m3, .m02 {padding:4px 15px 0px 0px;}}



.m1, .m2, .m3, .m01, .m02  {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */
}

.m01, .m02, .cursorPointer {cursor: pointer;}


/* xxxxxxxxxxxxxxx */
  section#menu b {font-weight: 500;}


/*p {font-size: 16px; margin-top: 0; margin-bottom: 20px; text-align: center; font-weight: 400; color: #303030; font-family: 'Fira Sans Condensed', sans-serif; letter-spacing: 0px;} */

/* ---------------------- Delivery -------------------------------- */     

 .delivery {padding: 0px 0px;}
 .delivery { position:absolute; left:5%; right:5%; padding: 0px 0px;}
 .delivery2 {padding: 50px 0px; text-align: center; color: white; background-image: url("../img/delivery.png"); background-repeat: no-repeat; background-attachment: scroll; background-position: center center; background-size: cover; height:auto;}

.moveDelivery {
  position: absolute;
  left:-50%;
  animation-name: moveBus;
  animation-duration: 12s;
  animation-delay: 1s;
  animation-iteration-count: infinite;
  animation-timing-function: cubic-bezier(.5,.85,.9,0);  
}
/*
ease - Specifies an animation with a slow start, then fast, then end slowly (this is default)
linear - Specifies an animation with the same speed from start to end
ease-in - Specifies an animation with a slow start
ease-out - Specifies an animation with a slow end
ease-in-out - Specifies an animation with a slow start and end
cubic-bezier(n,n,n,n) - Lets you define your own values in a cubic-bezier function
*/

@keyframes moveBus {
    0% {left:-50%; opacity:0.2;}
   25% {left:100%; opacity:1;}
  100% {left:100%; opacity:1;}
}



.menuPhoto {filter: drop-shadow(10px 10px 14px #b7a582);}



/* Water Modal ---------------------------------------------------------------------------------------------------------------------- */
.waterModal {text-align: center; padding: 0!important;}
.waterModal .modal-dialog {margin-left: auto; margin-right: auto; padding-right: 0px; max-width: 90vw; max-height: 100vh;}

.waterModal .modal-content {margin:0px; padding:0px;  display: block; margin:auto; background-color:var(--ibg-dark);}
.waterModal .modal-body img {margin:0px; max-width:80vw; max-height:60vh; display: block; margin-left:auto; margin-right:auto;}

.waterDesc:hover {transform: scale(1.01, 1.01); opacity: .8;}
.waterModal .modal-content button:hover {transform: scale(1.1, 1.1); opacity: 1;}
.waterModal .modal-content button {-webkit-transition: all 0.3s; transition: all 0.1s;  opacity: 0.5;}
.waterModal .close-modal {position: absolute; top: 25px; right: 25px; width: 50px; height: 50px; cursor: pointer; background-color: "";}
.waterModal .close-modal:hover {opacity: 0.3;}

.waterModalClose {position:absolute; top:10px; right:10px; z-index:300; filter: invert(40%)}


/* Conditions Modal ---------------------------------------------------------------------------------------------------------------------- */
.conditionsModal {text-align: center;}

.conditionsTitle {font-size:20px;}
.conditionsSubTitle {font-size:19px; font-weight:500; margin-bottom:5px;}

.conditionsModal .modal-dialog {margin-left: auto; margin-right: auto; padding-right: 0px; max-width: 100%; max-height: auto;}
@media (min-width: 576px)  {.conditionsModal .modal-dialog {max-width: 536px;} .conditionsTitle {font-size:23px;} .conditionsSubTitle {font-size:21px;}}
@media (min-width: 768px)  {.conditionsModal .modal-dialog {max-width: 728px;} .conditionsTitle {font-size:26px;} .conditionsSubTitle {font-size:23px;}}
@media (min-width: 992px)  {.conditionsModal .modal-dialog {max-width: 952px;} .conditionsTitle {font-size:28px;} .conditionsSubTitle {font-size:25px;}}
@media (min-width: 1200px) {.conditionsModal .modal-dialog {max-width: 1140x;} .conditionsTitle {font-size:30px;} .conditionsSubTitle {font-size:26px;}}
.conditionsModal .modal-content {margin:0px; padding:0px;  display: block; margin:auto; background-color: var(--ibg-dark);}
.conditionsModalClose {position:absolute; top:15px; right:15px; z-index:300; filter: invert(30%)}
.conditionsModalClose:hover {opacity: 0.7;}




/* -------------------------------------------------------------------------------------------------------------------------------------------------------- */
#galleryModal.container-fluid {padding: 0px; width: 100vw; height: 100vh; background-color: transparent;  align-items: center; padding-right: 0px !important; vertical-align:middle;}
#galleryCarousel.carousel {margin-left:15px; margin-right:15px; margin-top:15px; margin-bottom:10px; max-width:100vw; max-height:100hv; padding-right: 0px !important; vertical-align:middle;}
#galleryCarousel .carousel-inner img {width: auto; height: auto; max-height: calc(100vh - 30px); max-width: calc(100vw - 30px); vertical-align:middle; border-radius: 0.5rem; align-items: center;}

#galleryCarousel .carousel-control-prev-icon,
#galleryCarousel .carousel-control-next-icon {height: 40%; width: 40%; filter: opacity(70%);}

#galleryCarousel .carousel-control-close {position: absolute; top: 0; right: 0; z-index: 2; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center;
  justify-content: center; width: 6%; height: 10.7%; color: #fff; text-align: center; opacity: 0.5; transition: opacity 0.15s ease;}
@media (prefers-reduced-motion: reduce) {#galleryCarousel .carousel-control-close {transition: none;}}
.carousel-control-close:hover, .carousel-control-close:focus {color: #fff; text-decoration: none; outline: 0; opacity: 0.9;}
.carousel-control-close-icon {display: inline-block; width: 40px; height: 40px; background: no-repeat 50% / 100% 100%;}
.carousel-control-close-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3e%3cpath d='M1.41 0l-1.41 1.41.72.72 1.78 1.81-1.78 1.78-.72.69 1.41 1.44.72-.72 1.81-1.81 1.78 1.81.69.72 1.44-1.44-.72-.69-1.81-1.78 1.81-1.81.72-.72-1.44-1.41-.69.72-1.78 1.78-1.81-1.78-.72-.72z'/%3e%3c/svg%3e");
}
 
/*--------------------------------------------------------------------------------------------------*/ 

.close-icon {display: inline-block; width: 20px; height: 20px; background: no-repeat 50% / 100% 100%;}
@media (min-width: 576px) {.close-icon {width: 25px; height: 25px;}}
@media (min-width: 768px) {.close-icon {width: 30px; height: 30px;}}
@media (min-width: 992px) {.close-icon {width: 35px; height: 35px;}}
@media (min-width: 1200px) {.close-icon {width: 40px; height: 40px;}}
.close-icon {background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3e%3cpath d='M1.41 0l-1.41 1.41.72.72 1.78 1.81-1.78 1.78-.72.69 1.41 1.44.72-.72 1.81-1.81 1.78 1.81.69.72 1.44-1.44-.72-.69-1.81-1.78 1.81-1.81.72-.72-1.44-1.41-.69.72-1.78 1.78-1.81-1.78-.72-.72z'/%3e%3c/svg%3e");



    carousel-control-close-icon {height: 80%; width: 80%; opacity(10%);}

	carousel-fade.carousel-item {display: block; opacity: 0; transition: opacity ease-out 3s;}}
	carousel-fade.carousel-item.active {display: block; opacity: .2;}}


	#bravoCarousel .carousel-indicators {filter: invert(60%)}

	#bravoCarousel .carousel-control-prev-icon,
	#bravoCarousel .carousel-control-next-icon {height: 40%; width: 40%; filter: invert(40%)}

	#headerCarouselIndicators .carousel-control-prev-icon,
	#headerCarouselIndicators .carousel-control-next-icon {height: 40%; width: 40%; filter: opacity(75%)}

section#contact {background-image: url("../img/09-1.jpg"); background-repeat: no-repeat; background-position: center;}
section#contact .section-heading {color: #fff;}
section#contact .form-group {margin-bottom: 25px;}
section#contact .form-group input, 
section#contact .form-group textarea {padding: 20px;}
section#contact .form-group input.form-control {height: auto;}
section#contact .form-group textarea.form-control {height: 248px;}
section#contact .form-control:focus {border-color: #fed136; -webkit-box-shadow: none; box-shadow: none;}
section#contact ::-webkit-input-placeholder {font-weight: 700; color: #ced4da;
  font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';}
section#contact :-moz-placeholder {font-weight: 700; color: #ced4da;
  font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';}
section#contact ::-moz-placeholder {font-weight: 700; color: #ced4da;
  font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';}
section#contact :-ms-input-placeholder {font-weight: 700; color: #ced4da;
  font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';}


footer {padding: 25px 0; text-align: center;}
footer span.copyright {font-size: 90%; line-height: 40px; text-transform: none;
  font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';}

footer ul.quicklinks {font-size: 90%; line-height: 40px; margin-bottom: 0; text-transform: none;
  font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';}

ul.social-buttons {margin-bottom: 0;}
ul.social-buttons li a {font-size: 20px; line-height: 50px; display: block; width: 50px; height: 50px; -webkit-transition: all 0.3s; transition: all 0.3s; color: white; border-radius: 100%; outline: none; background-color: #212529;}
ul.social-buttons li a:active, ul.social-buttons li a:focus, ul.social-buttons li a:hover {background-color: #fed136;}

    .bgi-dark {background-color: var(--ibg-dark);}
    .bgi-light {background-color: var(--ibg-light);}

.map-responsive{overflow:hidden; padding-bottom:25%; /* 56.25% */ position:relative;}
.map-responsive iframe{left:0; top:0; height:100%; width:100%; position:absolute;}



/* Carousel All -------------------------------------------------------------------------------------------------------------------------------------- */
  #photoGalleryModal.container-fluid {padding: 0px; width: 100vw; height: 100vh; background-color: transparent; align-items: center; padding-right: 0px !important; vertical-align:middle;}
  #photoGalleryCarousel.carousel {margin-left:15px; margin-right:15px; margin-top:15px; margin-bottom:10px; max-width:100vw; max-height:100hv; padding-right: 0px !important; vertical-align:middle;}
  #photoGalleryCarousel .carousel-inner img {width: auto; height: auto; max-height: calc(100vh - 30px); max-width: calc(100vw - 30px); vertical-align:middle; border-radius: 0.5rem; align-items: center;}

  .carousel-control-close {position: absolute; top: 1%; right: 4.5%; z-index: 2; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center;
    justify-content: center; width: 6%; height: 10.7%; color: #fff; text-align: center; opacity: 0.5; transition: opacity 0.15s ease;}

  .carousel-control-play {position: absolute; top: 12%; right: 4.6%; z-index: 5; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center;
    justify-content: center; width: 6%; height: 10.7%; color: #fff; text-align: center; opacity: 0.5; transition: opacity 0.15s ease;}

  .carousel-control-pause {position: absolute; top: 12%; right: 4.3%; z-index: 5; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center;
    justify-content: center; width: 6%; height: 10.7%; color: #fff; text-align: center; opacity: 0.5; transition: opacity 0.15s ease;}

  .carousel-control-close:hover, 
  .carousel-control-close:focus,
  .carousel-control-play:hover, 
  .carousel-control-play:focus,
  .carousel-control-pause:hover, 
  .carousel-control-pause:focus {color: #fff; text-decoration: none; outline: 0; opacity: 0.9;}

  .carousel-control-play,
  .carousel-control-pause,
  .carousel-control-close,
  .carousel-control-prev,
  .carousel-control-next {text-shadow: 2px 2px 4px #000000; filter: opacity(70%);}

  .carousel-control-play,
  .carousel-control-pause {background-color: transparent; border:none;}


  .iconPrNxManjaSize {font-size:50px;}
  .iconCloseSize {font-size:35px;}
  .iconPrNxtSize {font-size:60px;}
  .iconPhPrNxtSize {font-size:50px;}}
  @media (min-width: 576px)  {.iconCloseSize {font-size:40px;} .iconPrNxtSize {font-size:70px;}  .iconPhPrNxtSize {font-size:30px;} .iconPrNxManjaSize {font-size:60px;}}
  @media (min-width: 768px)  {.iconCloseSize {font-size:45px;} .iconPrNxtSize {font-size:80px;}  .iconPhPrNxtSize {font-size:40px;} .iconPrNxManjaSize {font-size:70px;}}
  @media (min-width: 992px)  {.iconCloseSize {font-size:50px;} .iconPrNxtSize {font-size:100px;} .iconPhPrNxtSize {font-size:50px;} .iconPrNxManjaSize {font-size:80px;}}
  @media (min-width: 1200px) {.iconCloseSize {font-size:60px;} .iconPrNxtSize {font-size:120px;} .iconPhPrNxtSize {font-size:60px;} .iconPrNxManjaSize {font-size:90px;}}

  carousel-fade.carousel-item {display: block; opacity: 0; transition: opacity ease-out 3s;}}
  carousel-fade.carousel-item.active {display: block; opacity: .2;}}

  #photoBgCarousel .carousel-control-prev-icon,
  #photoBgCarousel .carousel-control-next-icon {height: 60%; width: 60%;}
  
  .nosave {pointer-events: none; border-radius: 0.5rem;}

/* Carousel All ------------ */