/* Infinity SPA * Copyright 2019 Yankulov Advertising */

:root {--ibg-dark: #fcf1db; --ibg-light: #fffbf1;}
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';}

/* Section All --------------------------------------------------------------------------------------------------------------------------------------- */
  .bgi-dark {background-color: var(--ibg-dark);}
  .bgi-light {background-color: var(--ibg-light);}

  /*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: 5px; margin-left: 0px; margin-right: 0px; text-align: left; font-weight: 400; color: #303030; font-family: 'Fira Sans Condensed', sans-serif; letter-spacing: 0px; line-height: 1.25rem;}
  а {font-size: 16px; margin-top: 0; margin-bottom: 5px; margin-left: 0px; margin-right: 0px; text-align: left; font-weight: 400; color: #303030; font-family: 'Fira Sans Condensed', sans-serif; letter-spacing: 0px; line-height: 1.25rem;}

  /* a {font-size:22px; color: #fed136;} 
  a:hover {font-size:24px; color: #fec503;}
  .text-primary {color: #fed136 !important;}  */

  h1 {font-size:22px; margin-top:0; margin-bottom:40px; text-align:center; color:#FFF; font-style:italic; font-family:'Merriweather', serif; line-height:1.5; opacity:.8; text-shadow:1px 1px 4px black; font-weight:900;}
  h2 {font-size: 26px; margin-top: 0; margin-bottom: 20px; text-align: center; font-weight: 900; color: #069; 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: 600; color: #666; font-style: italic; font-family: 'Merriweather', serif; line-height: 1.5;}
  h4 {font-size: 18px; margin-top: 0; margin-bottom: 5px; margin-left: 0px; margin-right: 0px; text-align: left; font-weight: 600; color: #404040; font-family: 'Fira Sans Condensed', sans-serif; letter-spacing: 0.5px;}
  h5 {font-family: Monaco, SFMono-Regular, Menlo, Consolas, "Liberation Mono", "Courier New", monospace;}
  h5 {font-size: 24px; margin-top: 0; margin-bottom: 5px; margin-left: 0px; margin-right: 0px; text-align: center; font-weight: 400; color: #303030; font-family: 'Fira Sans Condensed', monospace; sans-serif; letter-spacing: 0.0px; line-height: 2rem;}
  h5 {font-family: Monaco, SFMono-Regular, Menlo, Consolas, "Courier New", monospace;}
  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';}

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

  ul {font-size: 16px; margin-top: 0; margin-bottom: 0px; margin-left: -10px; margin-right: 0px; text-align: left; font-weight: 400; font-family: 'Fira Sans Condensed', sans-serif; letter-spacing: 0px;  line-height: 1.25rem;}
  li {margin-left: 0px; margin-right: 0px;}

  .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,
  .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm,
  .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md,
  .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg,
  .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,
  .col-xl-auto {position: relative; width: 100%; padding-right: 10px; padding-left: 10px;}

  section {padding: 0px 0; margin:0 px;}
  section {padding: 30px 0;}

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

  .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: .8 !important;;}
  .btnReserve {font-size: 16px !important; padding: 11px !important;}
  .btnReserveNow {color: #513315;}
  .btnReserveNowHover {font-size: 23px; letter-spacing: 2px; border:none;}

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

  .vcenter {margin-top:80px; margin-bottom:auto;}
  
  img {border-radius: 0.5rem;}
  video {border-radius: 0.5rem;}
  .nosave {pointer-events: none;}

  @media (min-width: 576px)  {#swapDiv {}}
  @media (min-width: 768px)  {#swapDiv {display: flex; flex-direction: row-reverse;}}
  @media (min-width: 992px)  {#swapDiv {display: flex; flex-direction: row-reverse;}}
  @media (min-width: 1200px) {#swapDiv {display: flex; flex-direction: row-reverse;}}
  
/* Section All ------------- */

/* Section Navbar ------------------------------------------------------------------------------------------------------------------------------------ */
  #mainNav {background-color: #513315;} /* 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.1, 1.1); opacity: 0.7;}  /* Logo */
  #mainNav .navbar-brand {-webkit-transition: all 0.3s; transition: all 0.3s;}
  #mainNav .navbar-nav .nav-item .nav-link {font-size: 90%; font-weight: 400; padding: 0.5em 0em; letter-spacing: 1px; color: #faf2eb; text-shadow: 1px 1px #000000;
    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';}
  .dropdown-item {font-size: 90%; font-weight: 400; padding: 0.2em 1em; letter-spacing: 1px; color: #000000;
    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';}
  #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: #513315;}
    #mainNav .navbar-brand:hover {transform: scale(1.1, 1.1); opacity: 0.7;}
    #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;}}
/* Section Navbar ---------- */

/* Section Header ------------------------------------------------------------------------------------------------------------------------------------ */
  .containerHeaderCarousel {z-index: 20; background-color: var(--ibg-light);}
  .containerTopLogo {padding: 30px 0px; z-index: 21; position:absolute; top: 0;}
  .headerLogo {position: absolute; top: 50%; left: 50%; width: 320px; height: auto; margin-top: -120px; margin-left:-160px;}

  @media (min-width: 576px)  {.headerLogo {width:320px; margin-top:-100px; margin-left:-160px;}}
  @media (min-width: 768px)  {.headerLogo {width:700px; margin-top:-200px; margin-left:-350px;}}
  @media (min-width: 992px)  {.headerLogo {width:750px; margin-top:-250px; margin-left:-375px;}}
  @media (min-width: 1200px) {.headerLogo {width:850px; margin-top:-300px; margin-left:-425px;}}

  .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;}

  #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;}
  .headerCarouselCaption {position: absolute; right:5%; left:5%; bottom: 20px; z-index: 10; padding-top: 20px; padding-bottom: 20px;}
  #headerCarouselIndicators .carousel-control-prev-icon,
  #headerCarouselIndicators .carousel-control-next-icon {height: 30%; width: 30%; filter: opacity(75%)}
  #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;}

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

/* Section Advertising ------------------------------------------------------------------------------------------------------------------------------- */
  .vlaka {padding-left: 0px;}
/* Section Advertising ----- */

/* Section Photography ------------------------------------------------------------------------------------------------------------------------------- */
  .photoBgCarouselCaption {font-size: 14px; text-align: right; font-weight: 400; color: #ffffff; font-family: 'Fira Sans Condensed', sans-serif; letter-spacing: 0px; text-shadow: 1px 1px #000000;}
  .photoBgCarouselCaption {position: absolute; right:5%; left:5%; bottom: 10px; z-index: 20;}
  .photoBgCarouselLargeCaption {font-size: 24px; text-align: center; font-weight: 400; color: #ffffff; font-family: 'Fira Sans Condensed', sans-serif; letter-spacing: 0px; text-shadow: 1px 1px #000000;}
  .photoBgCarouselLargeCaption {position: absolute; right:5%; left:5%; bottom: 5%; z-index: 20;}
/* Section Photography ----- */

/* Section Gallery ----------------------------------------------------------------------------------------------------------------------------------- */
/* Section Gallery --------- */

/* Section Oyo --------------------------------------------------------------------------------------------------------------------------------------- */
  #oyogallery .gallery-item {right: 0; margin: 0 0 15px;}
  #oyogallery .gallery-item .gallery-link {position: relative; display: block; max-width: 400px; margin: 0 auto; cursor: pointer;}
  #oyogallery .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);}
  #oyogallery .gallery-item .gallery-link .gallery-hover:hover {opacity: .5;}
  #oyogallery .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;}
  #oyogallery .gallery-item .gallery-link .gallery-hover .gallery-hover-content i {margin-top: -12px;}
  #oyogallery .gallery-item .gallery-link .gallery-hover .gallery-hover-content h3,
  #oyogallery .gallery-item .gallery-link .gallery-hover .gallery-hover-content h4 {margin: 0;}
  #oyogallery .gallery-item .gallery-caption {max-width: 400px; margin: 0 auto; padding: 25px; text-align: center; background-color: #fff;}
  #oyogallery .gallery-item .gallery-caption h4 {margin: 0; text-transform: none;}
  #oyogallery .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';}
  #oyogallery * {z-index: 2;}

  /* @media (min-width: 767px) {#oyogallery .gallery-item {margin: 0 0 30px;}} */
/* Section Oyo ------------- */

/* Section Party ------------------------------------------------------------------------------------------------------------------------------------- */
/* Section Party ----------- */

/* Section Zandali ----------------------------------------------------------------------------------------------------------------------------------- */
/* Section Zandali --------- */

/* Section About ------------------------------------------------------------------------------------------------------------------------------------- */
  section#about p {text-align: center; margin-bottom: 20px; margin-left: 0px; margin-right: 0px; line-height: 1.5rem; color:#fff; text-shadow: 1px 1px #000000;}
  section#about {background-color: var(--ibg-dark); background-image: url(../img/yankulov-motor-s.jpg); background-repeat: no-repeat; background-position: center;}
  @media (min-width: 576px)  {section#about {background-image: url(../img/yankulov-motor-s.jpg);}}
  @media (min-width: 768px)  {section#about {background-image: url(../img/yankulov-motor.jpg);}}
  @media (min-width: 992px)  {section#about {background-image: url(../img/yankulov-motor.jpg);}}
  @media (min-width: 1200px) {section#about {background-image: url(../img/yankulov-motor.jpg);}}
/* Section About ----------- */

/* Section Contact ----------------------------------------------------------------------------------------------------------------------------------- */
  section#contact h5.contactAddress {font-size: 26px; color: #4e4e4e; font-weight: 400; font-family: 'Fira Sans Condensed', sans-serif;}


  /*font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";*/



  section#contact h5.contactPhone   {font-size: 32px; color: #4e4e4e; font-weight: 900; margin-top: 10px; margin-bottom: 20px; text-align: center; font-weight: 500; font-family: Monaco, SFMono-Regular, Menlo, Consolas, "Liberation Mono", "Courier New", monospace;}
  
 

  section#contact .text-primary {color: #4e4e4e !important;}
  section#contact {background-image: url("../img/contact.jpg"); height:100%; 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, 
  section#contact :-moz-placeholder, 
  section#contact ::-moz-placeholder,
  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';}

  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;}

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

/* Section Compliments ------------------------------------------------------------------------------------------------------------------------------- */
  /*    section#compliments {background-color: var(--ibg-dark); background-image:url(../img/bg-spa-2.png); background-repeat: no-repeat; background-position: center;} */
  section#compliments {background-color: var(--ibg-dark);}
  section#compliments .background-image {opacity: 0.2;}
  section#compliments .carousel.carousel-control-prev.icon {color: #036;}

  #bravoCarousel .carousel-indicators {filter: invert(60%)}
  #bravoCarousel {margin:0px; padding:0px;}
  #bravoCarousel .carousel-control-prev-icon,
  #bravoCarousel .carousel-control-next-icon {height: 40%; width: 40%; filter: invert(40%)}
/* Section Compliments ----- */

/* Section Footer ------------------------------------------------------------------------------------------------------------------------------------ */
  footer {padding: 15px 0; text-align: center;}
  footer span.copyright {font-size: 80%; 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';}
/* Section Footer ---------- */

/* Video All ----------------------------------------------------------------------------------------------------------------------------------------- */
  .videoContainer {padding-top:0px; padding-bottom:0px; padding-left:10px; padding-right:10px; margin: 0px;}
  #photoVideo {padding: 0px; margin: 0px;}
  #oyoVideo {padding: 0px; margin: 0px;}
  #partyVideo {padding: 0px; margin: 0px;}
/* Video All --------------- */

/* Carousel All -------------------------------------------------------------------------------------------------------------------------------------- */
  #photoGalleryModal.container-fluid,
  #oYoGalleryModal.container-fluid   {padding: 0px; width: 100vw; height: 100vh; background-color: transparent; align-items: center; padding-right: 0px !important; vertical-align:middle;}

  #photoGalleryCarousel.carousel,
  #oYoGalleryCarousel.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,
  #oYoGalleryCarousel .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;}


  .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;}}
  @media (min-width: 768px)  {.iconCloseSize {font-size:45px;} .iconPrNxtSize {font-size:80px;}  .iconPhPrNxtSize {font-size:40px;}}
  @media (min-width: 992px)  {.iconCloseSize {font-size:50px;} .iconPrNxtSize {font-size:100px;} .iconPhPrNxtSize {font-size:50px;}}
  @media (min-width: 1200px) {.iconCloseSize {font-size:60px;} .iconPrNxtSize {font-size:120px;} .iconPhPrNxtSize {font-size:60px;}}

  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%;}
/* Carousel All ------------ */





/* --------------------------------------------------------------------- XXXXX --------------------------------------------------------- */     
.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 {text-align: center; padding: 0!important;}
.waterModal .modal-dialog {margin-left: auto; margin-right: auto; padding-right: 0px; max-width: 90vmin; max-height: 90vmin;}
.waterModal .modal-content {margin:0px; padding:0px;  display: block; margin:auto; background-color:var(--ibg-dark);}
.waterModal .modal-body img {margin:10px; max-width:80vmin; max-height:80vmin; 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%)}


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';}
}

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

.service-heading {margin: 15px 0; text-transform: none;}

.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;}

.timeline {position: relative; padding: 0; list-style: none;}
.timeline:before {position: absolute; top: 0; bottom: 0; left: 40px; width: 2px; margin-left: -1.5px; content: ''; background-color: #e9ecef;}
.timeline > li {position: relative; min-height: 50px; margin-bottom: 50px;}
.timeline > li:after, .timeline > li:before {display: table; content: ' ';}
.timeline > li:after {clear: both;}
.timeline > li .timeline-panel {position: relative; float: right; width: 100%; padding: 0 20px 0 100px; text-align: left;}
.timeline > li .timeline-panel:before {right: auto; left: -15px; border-right-width: 15px; border-left-width: 0;}
.timeline > li .timeline-panel:after {right: auto; left: -14px; border-right-width: 14px; border-left-width: 0;}
.timeline > li .timeline-image {position: absolute; z-index: 100; left: 0; width: 80px; height: 80px; margin-left: 0; text-align: center; color: white; border: 7px solid #e9ecef; border-radius: 100%; background-color: #fed136;}
.timeline > li .timeline-image h4 {font-size: 10px; line-height: 14px; margin-top: 12px;}
.timeline > li.timeline-inverted > .timeline-panel {float: right; padding: 0 20px 0 100px; text-align: left;}
.timeline > li.timeline-inverted > .timeline-panel:before {right: auto; left: -15px; border-right-width: 15px; border-left-width: 0;}
.timeline > li.timeline-inverted > .timeline-panel:after {right: auto; left: -14px; border-right-width: 14px; border-left-width: 0;}
.timeline > li:last-child {margin-bottom: 0;}
.timeline .timeline-heading h4 {margin-top: 0; color: inherit;}
.timeline .timeline-heading h4.subheading {text-transform: none;}
.timeline .timeline-body > ul,
.timeline .timeline-body > p {margin-bottom: 0;}

@media (min-width: 768px) {
  .timeline:before {left: 50%;}
  .timeline > li {min-height: 100px; margin-bottom: 100px;}
  .timeline > li .timeline-panel {float: left; width: 41%; padding: 0 20px 20px 30px; text-align: right;}
  .timeline > li .timeline-image {left: 50%; width: 100px; height: 100px; margin-left: -50px;}
  .timeline > li .timeline-image h4 {font-size: 13px; line-height: 18px; margin-top: 16px;}
  .timeline > li.timeline-inverted > .timeline-panel {float: right; padding: 0 30px 20px 20px; text-align: left;}
}

@media (min-width: 992px) {
  .timeline > li {min-height: 150px;}
  .timeline > li .timeline-panel {padding: 0 20px 20px;}
  .timeline > li .timeline-image {width: 150px; height: 150px; margin-left: -75px;}
  .timeline > li .timeline-image h4 {font-size: 18px; line-height: 26px; margin-top: 30px;}
  .timeline > li.timeline-inverted > .timeline-panel {padding: 0 20px 20px;}
}

@media (min-width: 1200px) {
  .timeline > li {min-height: 170px;}
  .timeline > li .timeline-panel {padding: 0 20px 20px 100px;}
  .timeline > li .timeline-image {width: 170px; height: 170px; margin-left: -85px;}
  .timeline > li .timeline-image h4 {margin-top: 40px;}
  .timeline > li.timeline-inverted > .timeline-panel {padding: 0 100px 20px 20px;}
}

.team-member {margin-bottom: 50px; text-align: center;}
.team-member img {width: 225px; height: 225px; border: 7px solid #fff;}

.team-member h4 {margin-top: 25px; margin-bottom: 0; text-transform: none; }
.team-member p {margin-top: 0;}

section h4.icons {font-size: 22px; 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;}*/

/* ----------------------- XXXXX --------------------- */