/* --------------------------------

GENERAL

-------------------------------- */

body {
	font-family: 'ubuntu', sans-serif;
	color: #475065;
}
strong {
	font-weight: 700;
}

/* --------------------------------

LOADER

-------------------------------- */

@keyframes wave {
	0% {
		border-radius: 25%;
	}
	100% {
		border-radius: 50%;
	}
}
@keyframes wave-after {
	0% {
		border-radius: 25%;
		left: -50px;
	}
	100% {
		border-radius: 50%;
		left: -42px;
	}
}
@keyframes wave-before {
	0% {
		border-radius: 25%;
		left: 44px;
	}
	100% {
		border-radius: 50%;
		left: 36px;
	}
}
@keyframes ocean {
	0% {
		top: 0;
	}
	100% {
		top: 10px;
	}
}

.loader {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: #36D1DC;
	background: -webkit-linear-gradient(to right, rgba(54, 209, 220, 1), rgba(91, 134, 229, 1));
	background: linear-gradient(to right, rgba(54, 209, 220, 1), rgba(91, 134, 229, 1));
	z-index: 99999;
}
.loader-container  {
	position: absolute;
  top: 125px;
  bottom: 0;
  left: 0;
  right: 0;
  height: 250px;
  margin: auto;
  animation: ocean .9s infinite alternate ease-in-out;
}
.loader-logo {
	text-align: center;
}
.loader-text {
	opacity: 0.4;
	text-align: center;
	color: #ffffff;
	font-weight: 300;
	font-size: 1.3em;
	letter-spacing: 2px;
	margin-top: 30px;
}
.loading,
.loading:after,
.loading:before {
	width: 60px;
	height: 60px;
	border-radius: 50%;
	border: 3px solid transparent;
	border-bottom-color: #ffffff;
	box-sizing: border-box;
}
.loading {
	position: relative;
	margin: auto;
	margin-bottom: 10px;
	animation: wave 1.1s infinite alternate ease-in-out;
}
.loading:after,
.loading:before {
	position: absolute;
	content: "";
	displsy: block;
	top: -3px;
}
.loading:after {
	left: -42px;
	animation: wave-after 1.1s infinite alternate ease-in-out;
}
.loading:before {
	left: 36px;
	animation: wave-before 1.1s infinite alternate ease-in-out;
}

/* --------------------------------

Border frames

-------------------------------- */

.borders .top {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 15px;
	z-index: 999;
	background-color: #fff;
}
.borders .right {
	position: fixed;
	right: 0;
	top: 0;
	width: 15px;
	height: 100%;
	z-index: 999;
	background-color: #fff;
}
.borders .bottom {
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 15px;
	z-index: 999;
	background-color: #fff;
}
.borders .left {
	position: fixed;
	left: 0;
	top: 0;
	width: 15px;
	height: 100%;
	z-index: 999;
	background-color: #fff;
}

/* --------------------------------

Header content

-------------------------------- */

.navbar {
	margin-top: 13px;
  margin-bottom: 20px;
	min-height: 100px;
}
.navbar-fixed-top {
	top: 0;
}
.navbar.navbar-activites {
	margin-bottom: 0;
}
.navbar-default {
	background-color: transparent;
	border-color: transparent;
}
.navbar-default .navbar-text {
	margin-top: 30px;
	margin-bottom: 30px;
	margin-left: 25px;
	color: #ffffff;
}
.navbar-default .navbar-link {
	color: #ffffff;
	padding-bottom: 2px;
	border-bottom: 1px solid rgba(255, 255, 255, 0);
	-webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.navbar-default .navbar-link:hover {
	color: #fff;
	text-decoration: none;
	border-bottom: 1px solid #fff;
}
.navbar-brand {
	height: 100px;
}
.navbar-brand img {
	width: 180px;
}
.navbar-right {
	margin-right: 15px;
}
.navbar-activites {
	background: #36D1DC;
	background: -webkit-linear-gradient(to right, rgba(54, 209, 220, 0), rgba(91, 134, 229, 0));
	background: linear-gradient(to right, rgba(54, 209, 220, 0), rgba(91, 134, 229, 0));
  z-index: 99;
}
.navbar-activites .navbar-text {
  margin-top: 38px;
  margin-bottom: 40px;
  margin-left: 25px;
	font-weight: 700;
  color: #ffffff;
}

/* --------------------------------

Hero content

-------------------------------- */

.page-home .navbar-brand img {
	width: 160px;
}

.page-home .vertical-center {
  min-height: 100%;  /* Fallback for browsers do NOT support vh unit */
  min-height: 100vh; /* These two lines are counted as one :-)       */
  display: flex;
  align-items: center;
	/*margin-top: -110px; /* prevent navbar size */
}
.page-home video#bgvid {
  position: fixed;
	right: 0;
	bottom: 0;
  min-width: 100%;
	min-height: 100%;
  width: auto;
	height: auto;
	z-index: -100;
  background: url(../img/video_hero_poster.jpg) no-repeat;
  background-size: cover;
	background-position: center center;
}
/*@media screen and (max-width: 800px) {
	html {
		background: url(../img/video_hero_poster.jpg) #000 no-repeat center center fixed;
	}
	#bgvid {
		display: none;
	}
}*/
.page-home .overlay-gradient {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	opacity: 1;
	background: #36D1DC;
	background: -webkit-linear-gradient(to right, rgba(54, 209, 220, 0.55), rgba(91, 134, 229, 0.55));
	background: linear-gradient(to right, rgba(54, 209, 220, 0.55), rgba(91, 134, 229, 0.55));
}
.page-home .overlay-dark {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	opacity: 1;
	background: rgba(0, 0, 0, 0.15);
}
.page-home .headline {
	margin-top: 0px;
	margin-bottom: 20px;
	font-size: 1.6em;
	letter-spacing: 1px;
	font-weight: 700;
	color: #ffffff;
	text-transform: uppercase;
}
.page-home .title {
	margin-top: 10px;
	margin-bottom: 20px;
	font-size: 5em;
	line-height: 1.2em;
	font-weight: 300;
	letter-spacing: -2px;
	color: #ffffff;
}
.page-home .hero-lead {
	margin-top: 20px;
	margin-bottom: 10px;
	font-size: 2.2em;
	font-weight: 300;
	color: #ffffff;
}
.page-home .hero-promo {
	margin-top: 0px;
	margin-bottom: 40px;
	font-size: 1.4em;
	line-height: 1.2em;
	color: #ffffff;
}
.page-home .footer {
	margin-top: 40px;
	margin-bottom: 13px;
	padding: 20px 0px;
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 70px;
	background-color: transparent;
}
.page-home .footer .logo {
	display: none;
}
.page-home .footer .icon-footer {
	display: inline-block;
	width: 100%;
	font-size: 24px;
	color: #ffffff;
	text-align: center;
	opacity: 0.9;
}
.page-home .footer .icon-footer:hover {
	color: #ffffff;
	opacity: 1;
}
.page-home .footer .credits {
	display: none;
}
.page-home .footer .follow-text {
	display: none;
}

/* --------------------------------

Activites Intro

-------------------------------- */

#cd-intro-tagline .headline {
	margin-top: 12%;
	margin-bottom: 10px;
	line-height: 1.4em;
	letter-spacing: -1px;
	color: #ffffff;
}
#cd-intro-tagline .promo {
	text-transform: uppercase;
	margin-top: 20px;
	margin-bottom: 60px;
	font-size: 20px;
	line-height: 1.4em;
	font-weight: 400;
	color: #ffffff;
	opacity: 1;
}
#cd-intro-tagline .promo strong {
	font-weight: 700;
}

/* --------------------------------

Activites Content

-------------------------------- */

#activites {
	padding-top: 30px;
	background-color: #ffffff;
}
#activites .header-activites {
	margin-bottom: 60px;
	background: #5b86e5;
	background: -webkit-linear-gradient(to right, rgba(54, 209, 220, 1), rgba(91, 134, 229, 1));
	background: linear-gradient(to right, rgba(54, 209, 220, 1), rgba(91, 134, 229, 1));
}
#activites .thumbnail {
  margin-bottom: 20px;
  line-height: 1.42857143;
  background-color: #fff;
  border-color: transparent;
  border-radius: 4px;
  -webkit-transition: border .2s ease-in-out;
  -o-transition: border .2s ease-in-out;
  transition: border .2s ease-in-out;
}
#activites .caption-img {
	width: 100%;
}
#activites .caption-title {
	margin-bottom: 25px;
	line-height: 1.2em;
	color: #475065;
}
#activites .btn {
	margin-bottom: 20px;
}
.page-activites .modal img {
	border-radius: 3px;
}
.page-activites .modal .list-group .list-title {
	color: #777;
	background-color: #eee;
}
.page-activites .modal .list-group .badge {
	padding: 4px 7px;
	font-size: 14px;
	background: #637FBB;
}
.page-activites .modal .list-group del {
	float: right;
	opacity: 0.5;
	display: inline-block;
	min-width: 10px;
	padding: 4px 7px;
	font-size: 14px;
	font-weight: 300;
	line-height: 1;
	color: #475065;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	background-color: #ffffff;
	border-radius: 0px;
}
.page-activites .modal .caption-text {
	margin-top: 20px;
	margin-bottom: 10px;
	font-size: 1.3em;
	line-height: 1.5em;
	font-weight: 400;
	color: #475065;
	opacity: 0.7;
}

/* --------------------------------

Page reserver

-------------------------------- */

.page-reserver {
	background-color: #ffffff;
}
.page-reserver .nav {
	padding: 20px 0px;
}
.page-reserver .nav img {
	width: 200px;
}
.page-reserver .step {
	display: block;
	position: absolute;
	top: 0;
	left: 10.5%;
	width: 36px;
	height: 36px;
	padding: 8px 0 0 13px;
	font-size: 14px;
	font-weight: 300;
	color: #f1f1f1;
	border: 1px solid #f1f1f1;
	border-radius: 50%;
	z-index: 10;
	color: #5b86e5;
	border-color: #5b86e5;
	border-left: solid 1px #5b86e5;
	background-color: #ffffff;
}
.page-reserver .step-1 {
	top: 200px;
}
.page-reserver .step-2 {
	top: 323px;
}
.page-reserver .step-3 {
	top: 755px;
}
.page-reserver .step-4 {
	top: 890px;
}
.page-reserver .step-5 {
	top: 1240px;
}
.page-reserver .step-5 .fa-check:before {
	margin-left: -3px;
}
.page-reserver .step-1.step::after {
	content: '';
  position: absolute;
  top: 35px;
  left: 16px;
  width: 1px;
  height: 1010px;
  background-color: #F2F2F2;
}
.page-reserver .book-form .form-title {
	margin-top: 0px;
	margin-bottom: 25px;
	margin-left: -9%;
	padding-left: 0px;
	padding-right: 0px;
	font-size: 2em;
	line-height: 1.2em;
	font-weight: 400;
	letter-spacing: -1px;
	color: #475065;
	text-align: left;
}
.page-reserver .book-form .subtitle {
	margin: 10px 0px;
	font-size: 1.2em;
	font-weight: 500;
	color: #5b86e5;
	opacity: 1;
}
/*.page-reserver .book-form input:not([type]),
.page-reserver .book-form input[type=text],
.page-reserver .book-form input[type=password],
.page-reserver .book-form input[type=email],
.page-reserver .book-form input[type=url],
.page-reserver .book-form input[type=time],
.page-reserver .book-form input[type=date],
.page-reserver .book-form input[type=datetime],
.page-reserver .book-form input[type=datetime-local],
.page-reserver .book-form input[type=tel],
.page-reserver .book-form input[type=number],
.page-reserver .book-form input[type=search],
.page-reserver .book-form textarea.materialize-textarea {
  background-color: transparent;
  border: none;
  border-bottom: 1px solid #9e9e9e;
  border-radius: 0;
  outline: none;
  height: 3rem;
  width: 100%;
  font-size: 1rem;
  margin: 0 0 0 0;
  padding: 0;
  box-shadow: none;
  box-sizing: content-box;
  transition: all 0.3s;
}*/
.page-reserver .book-form [type="checkbox"]:checked + label:before {
  border-right: 2px solid #5b86e5;
  border-bottom: 2px solid #5b86e5;
}
.page-reserver .book-form input:not([type]):focus:not([readonly]),
.page-reserver .book-form input[type=text]:focus:not([readonly]),
.page-reserver .book-form input[type=password]:focus:not([readonly]),
.page-reserver .book-form input[type=email]:focus:not([readonly]),
.page-reserver .book-form input[type=url]:focus:not([readonly]),
.page-reserver .book-form input[type=time]:focus:not([readonly]),
.page-reserver .book-form input[type=date]:focus:not([readonly]),
.page-reserver .book-form input[type=datetime]:focus:not([readonly]),
.page-reserver .book-form input[type=datetime-local]:focus:not([readonly]),
.page-reserver .book-form input[type=tel]:focus:not([readonly]),
.page-reserver .book-form input[type=number]:focus:not([readonly]),
.page-reserver .book-form input[type=search]:focus:not([readonly]),
.page-reserver .book-form textarea.materialize-textarea:focus:not([readonly]) {
  border-bottom: 1px solid #5b86e5;
  box-shadow: 0 1px 0 0 #5b86e5;
}
.page-reserver input:not([type]):focus:not([readonly]) + label,
.page-reserver input[type=text]:focus:not([readonly]) + label,
.page-reserver input[type=password]:focus:not([readonly]) + label,
.page-reserver input[type=email]:focus:not([readonly]) + label,
.page-reserver input[type=url]:focus:not([readonly]) + label,
.page-reserver input[type=time]:focus:not([readonly]) + label,
.page-reserver input[type=date]:focus:not([readonly]) + label,
.page-reserver input[type=datetime]:focus:not([readonly]) + label,
.page-reserver input[type=datetime-local]:focus:not([readonly]) + label,
.page-reserver input[type=tel]:focus:not([readonly]) + label,
.page-reserver input[type=number]:focus:not([readonly]) + label,
.page-reserver input[type=search]:focus:not([readonly]) + label,
.page-reserver textarea.materialize-textarea:focus:not([readonly]) + label {
  color: #5b86e5;
}
.page-reserver [type="checkbox"]+label {
  /*padding-left: 25px;*/
}

.page-reserver .input-field label {
  color: #475065;
}
.page-reserver .activites-list {
	/*padding-bottom: 20px;*/
	margin-bottom: 30px;
}
.page-reserver .activites-list .input-field {
  margin-top: 0px;
  margin-bottom: 0px;
}
.page-reserver .activite-group {
	margin-bottom: 10px !important;
	height: 45px;
}
.page-reserver .activit-select {
	/*margin-left: -10px !important;*/
}
.page-reserver .activite-options {
	display: none;
}
.page-reserver .activite-date {
	/*padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 20px;
	margin-bottom: 20px !important;*/
}
.page-reserver .activite-contact {
	/*padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 20px;*/
}
.picker__close,
.picker__today {
  color: #5b86e5;
}
button.picker__today:focus,
button.picker__clear:focus,
button.picker__close:focus {
  background-color: #d5e2ff;
}
select:focus {
  outline: 1px solid #d5e2ff;
}
.datepicker-date-display {
	background: #5b86e5;
	background: -webkit-linear-gradient(to top, rgba(54, 209, 220, 1), rgba(91, 134, 229, 1));
	background: linear-gradient(to top, rgba(54, 209, 220, 1), rgba(91, 134, 229, 1));
}
.picker__weekday-display {
  background-color: transparent;
}
.picker__day.picker__day--today {
  color: #5b86e5;
}
.picker__day--selected,
.picker__day--selected:hover,
.picker--focused
.picker__day--selected {
	background-color: #5b86e5;
}
.picker__day--infocus {
  padding: 1rem 0;
}
.picker__nav--prev:hover,
.picker__nav--next:hover {
  color: #475065;
  background: #d5e2ff;
}
.picker__frame {
	width: 375px;
	max-width: 375px;
}
.page-reserver .btn {
	display: inline-block;
	padding: 6px 12px;
	margin-top: 20px;
	margin-bottom: 0;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.42857143;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background-image: none;
	border: 1px solid transparent;
	border-radius: 4px;
}
.page-reserver .btn,
.page-reserver .btn-large {
  text-decoration: none;
  color: #fff;
	background-color: #5b86e5;
}
.page-reserver .btn-large i {
  font-size: 1.2rem;
}
.page-reserver .book-sidebar {
	padding-top: 2rem;
	padding-bottom: 1rem;
	padding-left: 1rem;
	padding-right: 1rem;
	color: #475065;
	background-color: #f9fafa;
	border-radius: 5px;
	border: 1px solid #d6dde3;
	box-shadow: 0 0 8px 0 rgba(165,178,189,.23);
}
.page-reserver .book-sidebar .sidebar-title {
	margin: 0px;
	font-size: 1.4em;
	line-height: 1.2em;
	font-weight: 700;
	letter-spacing: -0.02rem;
	color: #5b86e5;
}
.page-reserver .book-sidebar .sidebar-subtile {
	margin-bottom: 15px;
	font-size: 1.0em;
	line-height: 1.4em;
	font-weight: 400;
	color: #475065;
	opacity: 0.7;
}
.page-reserver .book-sidebar .sidebar-item {
	margin-bottom: 8px;
	font-size: 1.2em;
	font-weight: 500;
}
.page-reserver .book-sidebar .legal {
	margin-top: 30px;
	padding-top: 10px;
	border-top: 1px solid #ccc;
	font-style: italic;
	font-size: 12px;
	opacity: 0.4;
}
.page-reserver .alert-danger {
	margin-bottom: 10px;
	padding: 1rem;
  color: #f0506e;
  background-color: #fef4f6;
  border-color: #fef4f6;
}
.page-reserver .alert-danger h5 {
	margin: 0;
	padding-bottom: 10px;
}
.page-reserver .parsley-errors-list {
	margin: 0 !important;
	padding: 0 !important;
}
.page-reserver .activites-list .parsley-errors-list {
	position: relative;
  top: -21%;
  left: 2%;
  /*float: left;*/
  width: 96%;
}
.page-reserver .activites-list .parsley-required {
	position: absolute;
	width: 95%;
	/*float: left;*/
}
.page-reserver .parsley-required {
	margin: 0;
	padding-left: 10px;
	padding-right: 10px;
	/*position: absolute;
	width: 93%;*/
	background: #fef4f6;
	color: #f0506e;
}
.page-reserver .parsley-type {
	color: #f0506e;
}
.page-reserver .parsley-custom-error-message {
	/*padding-left: 10px;
	position: absolute;
	top: 80px;
	left: 15px;
	width: 96%;*/
	background: #fef4f6;
	color: #f0506e;
}
.page-reserver input:not([type]).parsley-error,
.page-reserver input[type=text].parsley-error,
.page-reserver input[type=password].parsley-error,
.page-reserver input[type=email].parsley-error,
.page-reserver input[type=url].parsley-error,
.page-reserver input[type=time].parsley-error,
.page-reserver input[type=date].parsley-error,
.page-reserver input[type=datetime].parsley-error,
.page-reserver input[type=datetime-local].parsley-error,
.page-reserver input[type=tel].parsley-error,
.page-reserver input[type=number].parsley-error,
.page-reserver input[type=search].parsley-error,
.page-reserver textarea.materialize-textarea.parsley-error,
.page-reserver select.parsley-error {
	border-color: #f0506e;
	margin-bottom: 0;
}
.page-reserver input:not([type]).parsley-success,
.page-reserver input[type=text].parsley-success,
.page-reserver input[type=password].parsley-success,
.page-reserver input[type=email].parsley-success,
.page-reserver input[type=url].parsley-success,
.page-reserver input[type=time].parsley-success,
.page-reserver input[type=date].parsley-success,
.page-reserver input[type=datetime].parsley-success,
.page-reserver input[type=datetime-local].parsley-success,
.page-reserver input[type=tel].parsley-success,
.page-reserver input[type=number].parsley-success,
.page-reserver input[type=search].parsley-success,
.page-reserver textarea.materialize-textarea.parsley-success,
.page-reserver select.parsley-success {
	border-color: #32d296;
}

/* --------------------------------

Page merci

-------------------------------- */

.page-merci .navbar {
	z-index: 10;
	margin-bottom: 0;
}
.page-merci .navbar-default {
	background: #5b86e5;
	background: -webkit-linear-gradient(to right, rgba(54, 209, 220, 1), rgba(91, 134, 229, 1));
	background: linear-gradient(to right, rgba(54, 209, 220, 1), rgba(91, 134, 229, 1));
	border-color: transparent;
}
.page-merci .confirmation-bg {
	background: #5b86e5;
	background: -webkit-linear-gradient(to right, rgba(54, 209, 220, 1), rgba(91, 134, 229, 1));
	background: linear-gradient(to right, rgba(54, 209, 220, 1), rgba(91, 134, 229, 1));
}
.page-merci .confirmation-header {
	padding: 80px 0px;
	margin-bottom: 20px;
	color: #fff;
}

/* --------------------------------

Footer content

-------------------------------- */

.footer {
	margin-top: 0px;
  margin-bottom: 13px;
  padding: 20px 0px;
  width: 100%;
  height: 72px;
  background-color: #f2f2f2;
}
.footer .logo {
	max-width: 100%;
	height: 34px;
}
.footer .icon-footer {
	display: inline-block;
	width: 100%;
	font-size: 24px;
	text-align: center;
	color: #475065;
	opacity: 0.7;
}
.footer .icon-footer:hover {
	color: #475065;
	opacity: 1;
}
.footer .credits {
	line-height: 34px;
	opacity: 0.3;
	text-align: right;
}
.footer .follow-text {
	color: #475065;
}
.page-reserver .footer {
	display: none;
}
.page-merci .footer {
	display: none;
}


/* --------------------------------

Buttons

-------------------------------- */

.btn {
	padding-top: 12px;
	padding-bottom: 12px;
	padding-left: 30px;
	padding-right: 30px;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 1px;
	-webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.btn-book {
	padding-top: 14px;
	padding-bottom: 14px;
	background: #36D1DC;
	background: -webkit-linear-gradient(to right, rgba(54, 209, 220, 1), rgba(91, 134, 229, 1));
	background: linear-gradient(to right, rgba(54, 209, 220, 1), rgba(91, 134, 229, 1));
	border: none;
	color: #ffffff;
}
.btn-book:hover {
	box-shadow: 0 5px 15px rgba(0,0,0,.2), 0 0 0 transparent, 0 0 0 transparent, 0 0 0 transparent;
	border-color: rgba(255,255,255,0);
	color: #ffffff;
}
.btn-book:focus {
	color: #ffffff;
}
.btn-book:active {
	background: #36D1DC;
	background: -webkit-linear-gradient(to right, rgba(54, 209, 220, 1), rgba(91, 134, 229, 1));
	background: linear-gradient(to right, rgba(54, 209, 220, 1), rgba(91, 134, 229, 1));
}
.btn-default {
  color: #5B86E5;
	border-color: #F2F2F2;
	padding-top: 13px;
	padding-bottom: 13px;
}
.btn-default:hover {
	color: #5B86E5;
	background-color: #fff;
	border-color: #5B86E5;
}
.btn-default:focus {
	color: #5B86E5;
	background-color: #fff;
	border-color: #5B86E5;
}
.btn-default:active {
	color: #fff;
	background-color: #5B86E5;
	border-color: #5B86E5;
}
.btn-default:active:focus, .btn-default:active:hover {
	color: #fff;
	background-color: #5B86E5;
	border-color: #5B86E5;
}
.btn-more {
	color: #5B86E5;
	background-color: rgba(255,255,255,1);
	border: 2px solid rgba(255, 255, 255, 0);
}
.btn-more:hover {
	background-color: rgba(255,255,255,0.0);
	border-color: #ffffff;
	color: #ffffff;
}
.btn-more.focus,
.btn-more:focus {
	color: #5B86E5;
	background-color: rgba(255,255,255,1);
	border: 2px solid rgba(255, 255, 255, 0);
}
.btn-more:active,
.open > .dropdown-toggle.btn-more {
  color: #5B86E5;
	background-color: rgba(255,255,255,1);
	border-color: #ffffff;
}
.btn-sep {
	margin-left: 15px;
	margin-right: 15px;
	line-height: 3.5em;
	text-align: center;
	text-transform: uppercase;
	color: #ffffff;
	font-weight: 100;
	opacity: 0.6;
}
.btn-book-page {
	margin-top: 10px;
	padding-top: 14px;
	padding-bottom: 14px;
	border: none;
	color: #fff;
	background-color: #5B86E5;
}
.btn-book-page:hover {
	box-shadow: 0 5px 15px rgba(0,0,0,.2), 0 0 0 transparent, 0 0 0 transparent, 0 0 0 transparent;
	border-color: rgba(255,255,255,0);
}

/* --------------------------------

Modal

-------------------------------- */

.modal .modal-header .modal-title {
	color: #5B86E5;
	font-weight: 700;
}
.modal .modal-body .lead {

}
.modal .btn-book {
	padding: 13px 20px;
}

/* --------------------------------

Label + Badge

-------------------------------- */

.label-info {
	background-color: #36D1DC;
}
.badge-primary {
	background-color: #5B86E5;
}
.badge-secondary {
	background-color: #36D1DC;
}

/* --------------------------------

Helper classes

-------------------------------- */

.text-300 {
	font-weight: 300;
}
.text-400 {
	font-weight: 400;
}
.text-500 {
	font-weight: 500;
}
.text-700 {
	font-weight: 700;
}
.lowercase {
	text-transform: lowercase;
}
.wow {
	visibility: hidden;
}
.gap-20{
	height: 20px;
	display: block;
}
.mb-5 {
	margin-bottom: 5px;
}
.mb-10 {
	margin-bottom: 10px;
}
.mr-10 {
	margin-right: 10px;
}

/* --------------------------------

Responsive

-------------------------------- */

/* Responsive Design Phone */
@media (max-width: 768px) {
	.navbar-brand {
		padding: 0 0 0 15px;
		height: auto;
	}
	.page-home .navbar-brand img,
	.page-activites .navbar-brand img {
		width: 140px;
	}
	.page-home .navbar-text {
		margin-top: 8px;
		margin-bottom: 5px;
		padding: 0;
		text-align: right;
	}
	.page-home .headline {
		margin-top: 0px;
		margin-bottom: 10px;
		font-size: 1em;
	}
	.page-home .title {
		margin-top: 0px;
		margin-bottom: 20px;
		font-size: 3em;
		letter-spacing: 0;
	}
	.page-home .hero-lead {
		margin-top: 0px;
		margin-bottom: 10px;
		font-size: 1.4em;
	}
	.page-home .hero-promo {
		margin-top: 0px;
		margin-bottom: 20px;
		font-size: 1.2em;
		line-height: 1.4em;
	}
	.page-home .btn-lg {
		font-size: 14px;
	}
	.page-activites .navbar {
		margin: 0;
	}
	.page-activites .navbar-brand {
		padding-top: 15px;
	}
	.page-activites .navbar-text {
		margin-top: 20px;
		margin-bottom: -15px;
		padding: 0;
		text-align: right;
	}
	.page-activites .headline {
		margin-top: 25% !important;
		font-size: 1.8em !important;
		text-align: left;
	}
	.page-activites .promo {
		margin: 10px 0px !important;
		font-size: 1.2em !important;
		text-align: left;
	}
	.page-activites #cd-intro {
		height: 400px;
	}
	.page-activites .cd-content::before {
		bottom: 100%;
	}
	.page-activites .footer {
		margin-bottom: 0;
		height: auto;
	}
	.page-activites .logo {
		margin-top: 10px;
	}
	.page-activites .footer .credits {
		margin-bottom: 0;
		text-align: left;
		line-height: 45px;
	}
	.page-reserver .book-form .form-title {
		margin-left: 0;
	}
	.page-reserver .book-sidebar {
		margin-top: 40px;
	}
	.page-reserver .step {
		left: 1%;
		z-index: 999;
	}
	.page-reserver .step-1.step::after {
		height: 950px;
	}
	.page-reserver .step-1 {
		top: 194px;
	}
	.page-reserver .step-2 {
		top: 683px;
	}
	.page-reserver .step-3 {
		top: 808px;
	}
	.page-reserver .step-4 {
		top: 808px;
	}
	.page-reserver .step-5 {
		top: 1163px;
	}
	.page-merci .navbar {
		margin-top: 0;
		padding-top: 15px;
	}
}
@media (min-width: 768px) and (max-width: 992px) {
	.page-reserver .step {
		left: 2%;
	}
	.page-reserver .step-1.step::after {
		height: 950px;
	}
	.page-reserver .step-1 {
		top: 200px;
	}
	.page-reserver .step-2 {
		top: 685px;
	}
	.page-reserver .step-3 {
		top: 815px;
	}
	.page-reserver .step-4 {
		top: 815px;
	}
	.page-reserver .step-5 {
		top: 1177px;
	}
}
/* Responsive Design Tablet */
@media (min-width: 992px) and (max-width: 1200px) {
	.page-home .navbar-brand img,
	.page-activites .navbar-brand img {
		width: 160px !important;
	}
	.page-home .headline {
		margin-top: 0px;
		margin-bottom: 10px;
		font-size: 1.4em;
	}
	.page-home .title {
		margin-top: 0px;
		margin-bottom: 10px;
		font-size: 4em;
	}
	.page-home.hero-lead {
		margin-top: 0px;
		margin-bottom: 10px;
		font-size: 28px;
	}
	.page-home.hero-promo {
		margin-top: 0px;
		margin-bottom: 40px;
		font-size: 18px;
		line-height: 1.4em;
	}
	.page-activites .cd-content::before {
		top: -50px;
	}
	.page-activites #cd-intro {
		height: 450px;
	}
	.page-activites #activites {
		padding-top: 35px;
	}
	.page-activites #cd-intro-tagline .headline {
    margin-top: 10%;
    margin-bottom: 20px;
		font-size: 2.5em;
	}
	.page-activites #cd-intro-tagline .promo {
		margin: 10px 15%;
	}
	.page-reserver .step {
		left: 14%;
	}
	.page-reserver #book {
		padding-left: 40px;
	}
	.page-reserver .step-1.step::after {
		height: 950px;
	}
	.page-reserver .step-1 {
		top: 197px;
	}
	.page-reserver .step-2 {
		top: 685px;
	}
	.page-reserver .step-3 {
		top: 815px;
	}
	.page-reserver .step-4 {
		top: 815px;
	}
	.page-reserver .step-5 {
		top: 1177px;
	}
}
/* Responsive Design Tablet */
@media (min-width: 1200px) {
	.page-activites .cd-content::before {
    top: 20px;
	}
}