@font-face {
    font-family: 'the melsa';
    src: url('../fonts/The Melsa.otf') format("opentype");
    font-weight: normal;
    font-style: normal;
}

body, html {
  overflow-x: hidden;
  font-family: museo-sans, Arial, sans-serif;
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.5;
  scroll-behavior: smooth;
}

.daytitle {
  background-color: #15455a;
  color: #bfbebc;
  text-align: center;
  text-transform: uppercase;
  padding: 2rem;
  margin-bottom: 1rem;
}

.white {
  color: white;
}

p {
  color: #3f3e3f;
}

li {
  color: #3f3e3f;
}

h1 {
  font-family: 'the melsa';
  font-size: 3.5rem;
  letter-spacing: .25rem;
  color: #15455a;
}
h1 .museo-sans {
  font-family: museo-sans, Arial, sans-serif;
  font-size: 1.25rem;
  font-weight: 200;
  color: white;
}

h2 {
  font-family: 'the melsa';
  font-size: 2rem;
}

h3 {
  font-family: museo-sans;
  color: white;
  font-size: 1.25rem;
  text-transform: uppercase;
  letter-spacing: 3px;
}

h3 .color {
  color: #15455a;
}

h4 {
  font-family: museo-sans;
  color: #719fc1;
  font-size: 1.2rem;
}

h5 {
  font-family: museo;
  color: #fbc90a;
}

a {
  color: #15455a;
  font-weight: 700;
}

.wrapper {
  overflow-y: hidden;
}

.uppercase {
  text-transform: uppercase;
}

.btn-social {
	height: 2.5rem;
	width: 2.5rem;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0;
	border-radius: 100%;
}

.btn-primary {
  color: #FFF;
  background-color: rgba(0,0,0,0);
  border-color: #FFF;
}

.the melsa {
  font-family: 'the melsa';
  font-size: 1.5rem;
}

/* Carousel indicator base code, please look at individual sections for section-specific colour alterations */
.carousel-indicators li {
  height: 12px;
  width: 12px;
  border-radius: 100%;
  background-color: rgba(255, 255, 255, 0);
  box-shadow: inset 0px 0px 0px .1em #fff;
  -webkit-box-shadow: inset 0px 0px 0px .1em #fff;
  -moz-box-shadow: inset 0px 0px 0px .1em #fff;
  margin: .33em;
}
.carousel-indicators .active {
  background-color: white;
}

/* Footer */

.footer {
	bottom: 0;
	width: 100%;
	background-color: #f5f5f5;
  z-index: 2;
}

/*
::::::::::::::::::::::::::::::::::::::::::::::::::::
Animation css
*/

.catch{
    display:none;
  }


.mv_fade_in{

}

.fade_in{

}


.u-fade-type-left{
    transform: translateX(-100px);
    opacity: 0;
}

.u-fade-type-left.is-active{
    transition: 1s;
    transform: translateX(0);
    opacity: 1;
}

.u-fade-type-left-2{
    transform: translateX(-100px);
    opacity: 0;
}

.u-fade-type-left-2.is-active{
    transition-delay: .33s !important;
    transition: 1s;
    transform: translateX(0);
    opacity: 1;
}

.u-fade-type-left-3{
    transform: translateX(-100px);
    opacity: 0;
}

.u-fade-type-left-3.is-active{
    transition-delay: .66s !important;
    transition: 1s;
    transform: translateX(0);
    opacity: 1;
}


.u-fade-type-right{
    transform: translateX(100px);
    opacity: 0;
}

.u-fade-type-right.is-active{
    transition: 1s;
    transform: translateX(0);
    opacity: 1;
}


.u-fade-type-down{
    transform: translateY(100px);
    opacity: 0;
}

.u-fade-type-down.is-active{
    transition: 2s;
    transform: translateY(0);
    opacity: 1;
}

.u-fade-type-down-2{
    transform: translateY(100px);
    opacity: 0;
}

.u-fade-type-down-2.is-active{
    transition-delay: .33s !important;
    transition: 2s;
    transform: translateY(0);
    opacity: 1;
}

.u-fade-type-down-3{
    transform: translateY(100px);
    opacity: 0;
}

.u-fade-type-down-3.is-active{
    transition-delay: .66s !important;
    transition: 2s;
    transform: translateY(0);
    opacity: 1;
}


.u-fade-type-up{
    transform: translateY(-100px);
    opacity: 0;
}

.u-fade-type-up.is-active{
    transition: 2s;
    transform: translateY(0);
    opacity: 1;
}


.u-fade-type-static{
    opacity: 0;
}

.u-fade-type-static.is-active{
    transition: 2s;
    opacity: 1;
}

/* Navigation Bar */
#mainNav {
  transition: 1s fadeIn;
  z-index: 20;
  background-color: #15455a;
}
#mainNav .navbar-toggler {
  color: white;
  margin-bottom: .5em;
}
#mainNav .navbar-brand {
  color: white;
  font-family: museo-sans, Arial, sans-serif;
  font-weight: 700;
}
#mainNav .navbar-brand img {
  height: 3rem;
}
#mainNav .navbar-nav .nav-item .nav-link {
  font-family: museo-sans, Arial, sans-serif;
  font-size: 0.8rem;
  font-weight: 700;
  color: white;
  letter-spacing: 0.05em;
}
#mainNav .navbar-nav .nav-item .nav-link.active, #mainNav .navbar-nav .nav-item .nav-link:hover {
  border-bottom: 4px solid #719fc1;
  color: #719fc1;
  font-weight: 700;
}
/*Accordion*/
.card-header {
  background-color: white;
  border: none;
}
.card {
  border: none;
}

/*Agenda*/
#myTab {
  position: sticky !important;
  background: white;
  top: 10vh;
}
.agendaTimeSection {
  border-right: 1px solid;
}
.agendaTime {
  font-size: 1.4em;
  font-weight: 400;
}
.agendaTitle {
  color: #719fc1;
  font-weight: 500;
}

/* Back to top button */
#btn-back-to-top {
  position: fixed;
  bottom: 20px;
  right: 20px;
  display: none;
}

/* Header Panel */
#Top {
  background-image: url("../img/andreas-m--xu5FvpWvSk-unsplash.jpg");
  /* Set a specific height */
  min-height: 40vh;
  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  overflow-y: hidden;
}
#Top .centrallogo {
  position: absolute;
	max-width: 6rem;
  top: 3rem;
  left: 3rem;
  width: 15rem;
  height: auto;
}
#TopAgenda {
  background-image: url("../img/andreas-m--xu5FvpWvSk-unsplash.jpg");
  /* Set a specific height */
  min-height: 30vh;
  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  padding-top: 6em;
}

#Top img {
  max-width: 15rem;
  margin-left: 2rem;
}

/* Countdown */
#CountdownContainer {
  background-color: #15455a;
}
#CountdownFloat {
  z-index: 2;
  margin-top: -3.5rem;
  color: white;
  font-size: 1em;
  background-color: #15455a;
  line-height: 18px;
}

#CountdownFloat div {
  font-family: museo;
  font-weight: 500;
  font-size: 1.8rem;
  color: white;
  display: inline-block;
  min-width: 90px;
  padding: 15px;
  background: rgba(0,0,0,0);
  margin: 0px 15px 0px 15px;
  background-color: #15455a;
}

#CountdownFloat div span {
  font-family: museo-sans;
  color: white;
  display: block;
  font-size: 1.2rem;
  font-weight: 300;
  padding-top: 8px;
}

/* Buttons PANEL */
#buttonpanel {
  background-image: url("../img/map-background-white.png");
  /* Set a specific height */
/*  min-height: 38rem;
*/  background-repeat: no-repeat;
  background-size: cover;
  overflow-y: hidden;
}

#buttonpanel .carousel-inner {
 width: 100%;
	margin-bottom: 50px;
	padding-top: 125px;
	padding-bottom: 125px;
}

#Buttons {
    background-color: #c67946;
}
#Buttons img {
  max-height: 530px;
}
/*#Buttons2 {
  background-color: white;
}*/
#Buttons2 p {
  padding: 1rem;
  font-size: 1.1rem;
  line-height: 2rem;
  max-width: 70rem;
  text-align: center;
}



/* FIRST PANEL */
#FirstPanel {
	background-color: #15455a;
  margin-top: 0rem;
	    min-height: 500px;

}
#Relationships {
    background-color: #c67946;
}
#Relationships img {
  max-height: 530px;
}
#Relationships2 {
 background-color: #15455a;
}
#Relationships2 p {
  padding: 1rem;
  font-size: 1.1rem;
  line-height: 2rem;
  max-width: 70rem;
	color: white;
  text-align: center;
}
.btn-outline-warning {
  color: #3f3e3f;
  border-radius: 0;
  padding: 1rem;
  width: 13rem;
  text-transform: uppercase;
  border-color: #15455a;
}

.btn-outline-warning:hover {
  color: #fff;
  background-color: #15455a;
  border-color: #15455a;
}
.btn-outline-warning:after {
  color: #fff;
  background-color: #15455a;
  border-color: #15455a;
}
.btn-outline-warning:active:after {
  color: #fff;
  background-color: #15455a;
  border-color: #15455a;
}


/* Theme Panel */
#SecondPanel{
    background: linear-gradient(0deg, rgba(120 119 118 / 70%), rgba(120 119 118 / 70%)), url("../img/BeauRivagePalace_RestaurantLaTerrasse_Brunch-Buffet01-BD.jpg");
    /* Set a specific height */
    min-height: 500px;
    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
#SecondPanel p{
    font-size: 1.1rem;
    font-weight: 500;
}
#SecondPanelText {
  margin-top: 50px;
}


/* Objective Panel */
#Objective2 {
  background-image: url("../img/DELUXE_LAC_BLEUOR_219_1.jpg");
  background-size: cover;
  background-repeat: no-no-repeat;
	background-position: center;
  height: 550px;
}
#Objective {
  background-color: white;
}
#Objective p {
  padding: 1rem;
  font-size: 1rem;
  line-height: 1.8rem;
  max-width: 40rem;
}

/* Hotels Panel */
#Hotels2 {
  background-image: url("../img/Victoria-Jungfrau-Grand-Hotel.jpg");
  background-size: cover;
  background-repeat: no-no-repeat;
  height: 550px;
}
#Hotels {
  background-color: white;
}
#Hotels p {
  padding: 1rem;
  font-size: 1rem;
  line-height: 1.8rem;
  max-width: 40rem;
}

/* Hotels2 Panel */
#Hotels4 {
  background-image: url("../img/Beau-Rivage-Palace.jpg");
  background-size: cover;
  background-repeat: no-no-repeat;
  height: 550px;
}
#Hotels3 {
  background-color: white;
}
#Hotels3 p {
  padding: 1rem;
  font-size: 1rem;
  line-height: 1.8rem;
  max-width: 40rem;
}


/*Carousel Panel*/
#FourthPanel {
  background-color: #1a4159;
}
#FourthPanel .carousel-inner {
  width: 80%;
  margin: auto;
}
#FourthPanel .card {
  margin-top: 0rem;
  border: none;
  border-radius: 0;
  z-index: 0;
  background: rgba(255, 0, 0, 0);
}
#FourthPanel .card-body {
  background-color: #ffc938;
  margin-top: -3rem;
  height: 15rem;
  margin-bottom: 1rem;
}
#FourthPanel .card-text {
  margin-bottom: .5rem;
}
#FourthPanel .dayfloat {
  margin-top: 2rem;
  z-index: 2;
}
#FourthPanel .dayfloat p {
  width: 6rem;
  height: 6rem;
  line-height: 6rem;
  border-radius: 50%;
  font-size: 1.4rem;
  color: #fff;
  text-align: center;
  background: #04a3d1;
  text-transform: uppercase;
}
#FourthPanel .btn-outline-warning {
  color: white;
  border-radius: 0;
  padding: 1rem;
  width: 13rem;
	  background: #04a3d1;
  text-transform: uppercase;
}

/* Travel Arrangements Panel */
#TravelPanel {
	background-color: #f5f5f5;
}
#TravelPanel .card {
		background-color: #f5f5f5;

	color: #3f3e3f;
  border: none;
  border-radius: 0;
}
#TravelPanel .card-header {
		background-color: #f5f5f5;

  border: none;
  border-radius: 0;
  padding: 0;
}
#TravelPanel .card-header button {
  color: #719fc1;
}

/* Expenses Panel */
#ExpensesPanel {
	background-color: #fff;
}
#ExpensesPanel .card {
		background-color: #fff;

	color: #3f3e3f;
  border: none;
  border-radius: 0;
}
#ExpensesPanel .card-header {
		background-color: #fff;

  border: none;
  border-radius: 0;
  padding: 0;
}
#ExpensesPanel .card-header button {
  color: #719fc1;
}

/* Evening Panel */
#EveningPanel {
    background-color: #15455a;
	color: #fff;

}
#EveningPanel hr {
   border-top: 1px solid #bfbebc;

}


/* FAQ Panel */
#FifthPanel {
  background-color: white;
}
#FifthPanel .card {
	color: #3f3e3f;
  border: none;
  border-radius: 0;
}
#FifthPanel .card-header {
  background-color: white;
  border: none;
  border-radius: 0;
  padding: 0;
}
#FifthPanel .card-header button {
  color: #719fc1;
}

#Activities {
  background-color: white;
}
#Activities p {
  padding: 1rem;
  font-size: 1rem;
  line-height: 1.8rem;
  max-width: 60rem;
}

#activities img, #activities2 img, #activities3 img, #activities4 img, #activities5 img, #activities1 img, #activities6 img, #activities7 img, #activities8 img, #activities9 img {
  width:100%;
  height:auto;
}

#activitiestable img, #activitiestable2 img, #activitiestable3 img, #activitiestable4 img, #activitiestable1 img, #activitiestable5 img, #activitiestable6 img, #activitiestable7 img, #activitiestable8 img, #activitiestable9 img {
  width:100%;
  height:auto;
}

#liability p {
  padding: 1rem;
  font-size: 1rem;
font-style: italic;
  line-height: 1.5rem;
  max-width: 60rem;
}


#Evening {
  background-color: white;
	color: #fff;
}
#Evening p {
  padding: 1rem;
	color: #fff;
  font-size: 1rem;
  line-height: 1.8rem;
  max-width: 60rem;
}

#evening img, #evening2 img, #evening3 img, #evening4 img    {
  width:100%;
  height:auto;
}

#eveningtable img, #eveningtable1 img, #eveningtable2 img {
  width:100%;
  height:auto;
}

/*
::::::::::::::::::::::::::::::::::::::::::::::::::::
Media Query Breakpoints
*/

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
  #Top {
    /* 60% height */
    height: 45vh;
    min-height: 45vh;
  }
  #Top img {
    max-width: 15rem;
    margin-left: 2rem;
  }
}

/* Medium devices (tablets, 768px and up) The navbar toggle appears at this breakpoint */
@media (min-width: 768px) {
  #Top img {
    max-width: 20rem;
    margin-left: 2rem;
  }
  /* FIRST PANEL */
  #FirstPanel {
    margin-top: -3.5rem;
      min-height: 500px;
  }
  #Relationships2 {
    background-color: #15455a;
  }
  #Relationships2 p {
    padding: 3rem;
 	  color: white;
 }
  #SecondPanel{
      background: linear-gradient(0deg, rgba(120 119 118 / 70%), rgba(120 119 118 / 70%)), url("../img/BeauRivagePalace_RestaurantLaTerrasse_Brunch-Buffet01-BD.jpg");
      /* Set a specific height */
      min-height: 500px;
      /* Create the parallax scrolling effect */
      background-attachment: fixed;
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
  }
  #SecondPanel p{
      font-size: 1.1rem;
      font-weight: 500;
  }
  #SecondPanelText {
    margin-top: 50px;
  }
	
  /*FOURTH PANEL*/
  #FourthPanel .card-body {
    background-color: #ffc938;
    margin-top: -3rem;
    height: 19rem;
    margin-bottom: 1rem;
  }
	

}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
 /* Navigation Bar */
  #mainNav {
    transition: .5s;
    z-index: 20;
    background-color: #719fc1;
    left: -15rem; /* Position them outside of the screen */
    top: 15rem;
    width: 18rem;
    height: 35rem;
  }
  #mainNav:hover {
    transition: .5s;
    z-index: 20;
    background-color: #719fc1;
    left: 0rem; /* Position them outside of the screen */
    top: 15rem;
    width: 18rem;
    height: 35rem;
  }
  #mainNav .navbar-toggler {
    color: white;
    margin-bottom: .5em;
  }
  #mainNav .navbar-brand {
    color: white;
    font-family: museo-sans, Arial, sans-serif;
    font-weight: 700;
  }
  #mainNav .navbar-brand img {
    height: 3rem;
  }
  #mainNav .navbar-nav .nav-item .nav-link {
    font-family: museo-sans, Arial, sans-serif;
    font-size: .8rem;
    font-weight: 500;
    color: white;
    width: 10rem;
    letter-spacing: 0.05em;
  }
  #mainNav .navbar-nav .nav-item .nav-link.active, #mainNav .navbar-nav .nav-item .nav-link:hover {
    border-bottom: 4px solid #15455a;
    color: #15455a;
    font-weight: 500;
  }
  .navbar-expand-lg .navbar-nav {
    flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
  }
  #mainNav .menutitle {
    writing-mode: vertical-rl;
    margin-left: .5rem;
    margin-top: -30rem;
    color: white;
    opacity: 1;
    transition: .5s;
  }
  #mainNav:hover .menutitle {
    writing-mode: vertical-rl;
    margin-left: .5rem;
    margin-top: -30rem;
    color: white;
    opacity: 0;
    transition: .5s;
  }
  #Top {
    /* 60% height */
    height: 70vh;
    min-height: 70vh;
  }
  #Top img {
    max-width: 500px;
  }

  h1 {
    font-family: 'the melsa';
    font-size: 5rem;
    letter-spacing: .25rem;
    color: #15455A;
  }
  /* Countdown */
  #CountdownFloat {
    z-index: 2;
    margin-top: -3.1rem;
    color: white;
    font-size: 1em;
    background-color: #15455a;
    line-height: 18px;
  }
  #CountdownFloat div {
    font-family: museo;
    font-weight: 500;
    font-size: 1.8rem;
    color: white;
    display: inline-block;
    min-width: 90px;
    padding: 15px;
    background: rgba(0,0,0,0);
    margin: 0px 15px 0px 15px;
    background-color: #15455a;
  }
  #CountdownFloat div span {
    font-family: museo-sans;
    color: white;
    display: block;
    font-size: 1.2rem;
    font-weight: 300;
    padding-top: 8px;
  }
  #CountdownContainer {
    background-color: rgba(0,0,0,0);
  }
  #CountdownFloat {
    z-index: 2;
    margin-top: -3.1rem;
    color: white;
    font-size: 1em;
    background-color: #15455a;
    line-height: 18px;
  }
  /* FIRST PANEL */
  #FirstPanel {
    margin-top: -3.6rem;
  }
  #Relationships2 {
    background-color: #15455a;
  }
  #Relationships2 p {
    padding: 6rem 6rem 6rem 6rem;
 	  color: white;
 }
  #SecondPanelText {
    margin-top: 50px;
  }
	
  /*FOURTH PANEL*/
  #FourthPanel .card-body {
    background-color: #ffc938;
    margin-top: -3rem;
    height: 15rem;
    margin-bottom: 1rem;
  }
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {

}

/* SCROLL TO TOP */

@media only screen and (max-width: 1023px) {
  #scrolltotop_parent {
    bottom: 25px !important;
    right: 25px !important;
  }
}

#scrolltotop_parent {
  background: #719fc1;
  cursor: pointer;
  width: 50px;
  height: 50px;
  position: fixed;
  bottom: 50px;
  right: 50px;
  z-index: 1002 !important;
}

#scrolltotop_parent:hover {
  opacity: 0.7;
  transition: 0.1s;
}

.scrolltotop_circle {
  border-radius: 50%;
}

.scrolltotop_round_corners {
  border-radius: 5px;
}

#scrolltotop_arrow {
  width: 30px;
  height: 30px;
  margin-left: 10px;
  margin-top: 8px;
  color: white;
}

#scrolltotop_arrow:focus {
  opacity: 0.7;
  transition: 0.1s;
}

.scrolltotop_hide_onload {
  display: none;
}