/* Template: Villa - Bed & Breakfast Landing Page Template
   Author: InovatikThemes
   Version: 1.0.0
   Created: May 2017
   Description: Master CSS file
*/

/**********************************
	TABLE OF CONTENTS

01. Preloader 
02. General Styles
03. Navigation
04. Header
05. Discover
06. Facilities
07. Rooms
08. Tourism
09. Testimonials
10. Contact
11. Footer
12. Copyright
13. Back To Top Button
14. Media Queries
**********************************/
html {
	-webkit-text-size-adjust: none;
}


/*BLOCK LANDSCAPE MODE*/
/*@media screen and (orientation: landscape) {
  body {
    width: 100vh;
    height: 100vw;
    transform-origin: 0 0;
  }
}
body.rotation-90 {
  transform: rotate(90deg) translateY(-100%);
}
body.rotation90 {
  transform: rotate(-90deg) translateX(-100%);
}*/


/******************************/
/*     01. GENERAL STYLES     */
/******************************/
body {
	color: #647780;
	font: 400 14px/1.9em "Raleway", sans-serif;
}

h1 {
	font: italic 700 50px/1.2em "PT Serif", sans-serif;
}

h2 {
	font: italic 700 34px/1.2em "PT Serif", sans-serif;
}

h3 {
	font: italic 700 28px/1.4em "PT Serif", sans-serif;
}

h4 {
	font: italic 700 19px/1.2em "PT Serif", sans-serif;
}

p {
	font: 400 14px/1.9em "Raleway", sans-serif;
}

p.above-header {
	margin-bottom: 3px;
	color: #21baa3;
	font: 700 15px/1.2em "Raleway", sans-serif;
	text-transform:uppercase;
}

p.highlight, span.highlight {
	color: #21baa3;
	font: 700 15px/1.7em "Raleway", sans-serif;
}

a {
	color: #21baa3;
	font-weight: 500;
}

a:hover {
	color: #65777f;
	font-weight: 500;
}

a.inverse {
	color: #fff;
}

a.inverse:hover {
	color: #21baa3;
}

.button.solid {
	display: inline-block;
	max-width: 300px;
	padding: 7px 25px 7px 25px;
	border: 1px solid #21baa3;
	border-radius: 2px;
	background-color: #21baa3;
	color: #fff;
	font: 700 13px/1.6em "Raleway", sans-serif;
	-o-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
}

.button.solid:hover {
	background-color: #fff;
	border: 1px solid #21baa3;
	color: #21baa3;
	text-decoration: none;
}

.button.solid.grey {
	display: inline-block;
	max-width: 250px;
	padding: 7px 25px 7px 25px;
	border: 1px solid #63777f;
	border-radius: 2px;
	background-color: #63777f;
	color: #fff;
	font: 700 13px/1.6em "Raleway", sans-serif;
	-o-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
}

.button.solid.grey:hover {
	background-color: #21baa3;
	border: 1px solid #21baa3;
	color: #ffffff;
	text-decoration: none;
}

.oneproduct .nav-tabs .button.solid:hover {
	color: #65777f !important;
}

.button.outline {
	display: inline-block;
	max-width: 250px;
	padding: 7px 25px 7px 25px;
	background-color: #fff;
	border: 1px solid #76878f;
	border-radius: 2px;
	color: #647780;
	font: 700 13px/1.6em "Raleway", sans-serif;
	-o-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
}

.button.outline:hover {
	border: 1px solid #76878f;
	background-color: #76878f;
	color: #fff;
	text-decoration: none;
}


.listoftag {
	display: inline-grid;
    text-align: center;
    width: 100%;
    margin-top: 15px;
}

.listoftagforms {
	margin:0 auto;
	
}

.button.solid.hashtagbtn {
	padding: 5px 10px 5px 10px;
    border: none;
    border-radius: 0px;
    background-color: #dadada;
    color: #65777f;
    font-weight: inherit;
    font-size: 0.7em;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    float: left;
    margin-right: 5px;
}

.button.solid.hashtagbtn:hover {
	background-color: #76878f;
	color: #fff;
}


/* Form success and error message formatting */
#msgSubmit.h3.text-center.tada.animated.text-success,
#cmsgSubmit.h3.text-center.tada.animated.text-success {
	margin-top: 3px;
	margin-bottom: 8px;
	color:  #647780;
	font: 700 16px/1.5em "Raleway", sans-serif;
}

#msgSubmit.h3.text-center.text-danger,
#cmsgSubmit.h3.text-center.text-danger {
	margin-top: 3px;
	margin-bottom: 8px;
	color:  #ff4a26;
	font: 700 16px/1.5em "Raleway", sans-serif;
}

/* Form success and error message animation from Animate.css */
@-webkit-keyframes tada {
	from {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}

	10%, 20% {
		-webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
		transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
	}

	30%, 50%, 70%, 90% {
		-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
		transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
	}

	40%, 60%, 80% {
		-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
		transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
	}

	to {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
}

@keyframes tada {
	from {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}

	10%, 20% {
		-webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
		transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
	}

	30%, 50%, 70%, 90% {
		-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
		transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
	}

	40%, 60%, 80% {
		-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
		transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
	}

	to {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
}

.tada {
	-webkit-animation-name: tada;
	animation-name: tada;
}

.animated {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}
/* end of form success and error message animation from Animate.css */


/*************************/
/*     02. PRELOADER     */
/*************************/
.spinner-wrapper {
	position: fixed;
	z-index: 999999;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(255, 255, 255, 0.9);
}

.spinner {
	position: absolute;
	left: 50%; /* centers the loading animation horizontally one the screen */
	top: 50%; /* centers the loading animation vertically one the screen */
	width: 60px;
	height: 20px;
	margin: -10px 0 0 -30px; /* is width and height divided by two */ 
	text-align: center;
}

.spinner > div {
  display: inline-block;
  width: 16px;
  height: 16px;
  border-radius: 100%;
  background-color: #21baa3;
  -webkit-animation: sk-bouncedelay 1.1s infinite ease-in-out both;
  animation: sk-bouncedelay 1.1s infinite ease-in-out both;
}

.spinner .bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}

.spinner .bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}

@-webkit-keyframes sk-bouncedelay {
  0%, 80%, 100% { -webkit-transform: scale(0) }
  40% { -webkit-transform: scale(1.0) }
}

@keyframes sk-bouncedelay {
  0%, 80%, 100% { 
    -webkit-transform: scale(0);
    transform: scale(0);
  } 40% { 
    -webkit-transform: scale(1.0);
    transform: scale(1.0);
  }
}


/**************************/
/*     03. NAVIGATION     */
/**************************/
.navbar {
	background-color: #fff;
}

.navbar .nav.navbar-nav,
.navbar .nav.navbar-nav.navbar-right {
	margin-top: 0px;
	margin-bottom: 0px;
}

/* Logo */
.navbar .navbar-brand {
	margin-top: 8px;
	margin-bottom: 8px;
	padding-top: 11px;
}

.navbar .navbar-brand img {
	width: 160px;
    height: 30px;
}

/* Menu links */
.navbar .nav.navbar-nav li a {
	color: #647780;
	font: 700 13px/1em "Raleway", sans-serif; 
}

.navbar .nav.navbar-nav li a:hover,
.navbar .nav.navbar-nav li.active a {
	background-color: #e8e8e8;
	color: #21baa3;
}

/* Mobile menu toggle button - pressed */
.navbar .navbar-toggle,
.navbar .navbar-toggle:hover,
.navbar .navbar-toggle:active,
.navbar .navbar-toggle.collapsed:active {
	margin-top: 16px;
	border: 1px solid #647780;
	background-color: #647780;
}

.navbar .navbar-toggle.logginin {
	border: 1px solid #21baa3;
    background-color: transparent;
    color: #21baa3;
    max-height: 35px;
    padding: 3px 12px 3px 12px;
    margin: 16px 5px 0px 0px;
}

.navbar .navbar-toggle .icon-bar,
.navbar .navbar-toggle:hover .icon-bar,
.navbar .navbar-toggle:active .icon-bar,
.navbar .navbar-toggle.collapsed:active .icon-bar {
	background-color: #f5f5f5;
} 
/* end of mobile menu toggle button - pressed */

/* Mobile menu toggle button */
.navbar .navbar-toggle.collapsed {
	border: 1px solid #647780;
	background-color: transparent;
}

.navbar .navbar-toggle.collapsed .icon-bar {
	background-color: #647780;
}
/* end of mobile menu toggle button */


/**********************/
/*     04. HEADER     */
/**********************/
.swiper-container-header {
	overflow: hidden;
	position: relative;
	min-height: auto;
	width: 100%;
	background: #f0f9fc; /* For browsers that do not support gradients */    
	min-height: 99vh; 
} 

.swiper-container-header .swiper-slide.download {
	background: linear-gradient(to bottom right, rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.0)), url("../../images/header-background-0.jpg") center no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
  
.swiper-container-header .swiper-slide.first {
	background: linear-gradient(to bottom right, rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.0)), url("../../images/header-background-1.jpg") center no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.swiper-container-header .swiper-slide.second {
	background: linear-gradient(to bottom right, rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.0)), url("../../images/header-background-2.jpg") center no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.swiper-container-header .swiper-slide.third {
	background: linear-gradient(to bottom right, rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.0)), url("../../images/header-background-3.jpg") center no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.swiper-container-header .swiper-slide.four {
	background: linear-gradient(to bottom right, rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.0)), url("../../images/header-background-4.jpg") center no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.swiper-container-header .swiper-slide.fifth {
	background: linear-gradient(to bottom right, rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.0)), url("../../images/header-background-5.jpg") center no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}


.home_seniors .swiper-container-header .swiper-slide.download 	{ background: linear-gradient(to bottom right, rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.0)), url("../../images/header-background-0.jpg") center no-repeat; } 
.home_seniors .swiper-container-header .swiper-slide.first 		{ background: linear-gradient(to bottom right, rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.0)), url("../../images/seniors/header-background-1.jpg") center no-repeat; }
.home_seniors .swiper-container-header .swiper-slide.second 	{ background: linear-gradient(to bottom right, rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.0)), url("../../images/seniors/header-background-1.jpg") center no-repeat; }
.home_seniors .swiper-container-header .swiper-slide.third 		{ background: linear-gradient(to bottom right, rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.0)), url("../../images/seniors/header-background-1.jpg") center no-repeat; }
.home_seniors .swiper-container-header .swiper-slide.four 		{ background: linear-gradient(to bottom right, rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.0)), url("../../images/seniors/header-background-1.jpg") center no-repeat; }
.home_seniors .swiper-container-header .swiper-slide.fifth 		{ background: linear-gradient(to bottom right, rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.0)), url("../../images/seniors/header-background-1.jpg") center no-repeat; }

.swiper-container-header .flex-container-wrapper {
	/* IE fix for vertical alignment in flex box */
	display: flex;
	flex-direction: column;
	height: 100%; 
}

.swiper-container-header .header-content {
	z-index: 2;
	display: flex;
	flex-direction: column;
	justify-content: center;
	margin-top: 25px;
	padding: 70px 0px 70px 0px;
	min-height: 97vh; 
	text-align: center;
}

.swiper-container-header .header-content h1 {
	margin-top: 0px;
	color: #647780;
}

.swiper-container-header .header-content p {
	margin-top: 20px;
	font: 400 19px/1.6em "Raleway", sans-serif;
}

.swiper-container-header .header-content .fa-angle-down {
	margin-top: 0px;
	color: #21baa3;
	-o-transition: all .2s ease;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    transition: all .2s ease;
}

.swiper-container-header .header-content .fa-angle-down:hover {
	-webkit-transform: translate(0px, 7px);
	-moz-transform: translate(0px, 7px);
	-o-transform: translate(0px, 7px);
	-ms-transform: translate(0px, 7px);
	transform: translate(0px, 7px);
}

.swiper-container-header .form-container {
	position: relative;
	width: 100%;
	margin-top: 30px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 10px;
}

.swiper-container-header .swiper-pagination {
	bottom: 30px;
}

.swiper-container-header .swiper-pagination .swiper-pagination-bullet {
	width: 11px;
	height: 11px;
	margin: 0 6px;
	background: #fff;
}

/* Subheader */
#subheader {
	padding-top: 60px;
	padding-bottom: 60px;
	/*background: #f6f6f6;*/
	text-align: center;
}

#subheader form input {
	height: 44px;
	margin-top: 20px;
	padding-bottom: 6px;
	border-radius: 2px;
	border: 2px solid #e1e1e1; 
	color: #283135;
	font: 400 15px/1.6em "Raleway", sans-serif;
	-webkit-appearance: none; /* removes inner shadow on form inputs on ios safari */
}

#subheader form button {
	display: block;
	width: 100%;
	margin-top: 20px;
	margin-bottom: 22px;
	padding: 8px 53px 8px 53px;
	border: 2px solid #21baa3;
	border-radius: 2px;
	background-color: #21baa3;
	color: #fff;
	font: 700 15px/1.6em "Raleway", sans-serif;
	-o-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
}

#subheader form button:hover {
	background-color: #fff;
	color: #21baa3;
}

#subheader form input::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color: #283135;
	opacity: 0.9;
}

#subheader form input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color: #283135;
   opacity: 0.9;
}

#subheader form input::-moz-placeholder { /* Mozilla Firefox 19+ */
   color: #283135;
   opacity: 0.9;
}
#subheader form input:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color: #283135;
   opacity: 0.9;
}


/*************************/
/*     05. DISCOVER      */
/*************************/
#discover {
	padding-top: 77px;
	padding-bottom: 80px;
}

#discover h2 {
	margin-top: 0px;
	margin-bottom: 20px;
}

.swiper-container {
	width: 100%;
	height: 100%;
	margin-top: 30px;
}

.swiper-slide {
	background: #fff;
	font-size: 18px;
	text-align: center;
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
	
.swiper-container img {
	width: 100%;
}

#discover .swiper-button-next, #medias .swiper-button-next, #press .swiper-button-next {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%2321baa3'%2F%3E%3C%2Fsvg%3E");
}

#discover .swiper-button-prev, #medias .swiper-button-prev, #press .swiper-button-prev {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%2321baa3'%2F%3E%3C%2Fsvg%3E");
}

@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.fadeIn {
  -webkit-animation: fadeIn 0.6s;
  animation: fadeIn 0.6s;
}


/**************************/
/*     06. FACILITIES     */
/**************************/
#facilities {
	padding-top: 77px;
	padding-bottom: 80px;
	/*background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.1)), url("../../images/facilities-background.jpg") center no-repeat;*/
	background:url("../../images/facilities-background.jpg") center no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

#facilities h2,
#facilities p.above-header {
	text-align: center;
}

#facilities h2 {
	margin-top: 0px;
	color: #fff;
	text-shadow: 2px 2px 61px rgba(0, 0, 0,0.7);
}

#facilities .nav-tabs-container {
	margin-top: 30px;
	padding-top: 20px;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	border-bottom: 1px solid #fff;
	background: #fff;
}

#facilities .nav-tabs-container.oneproduct {
	border-bottom:none;
	background:transparent;
}

#facilities .nav-tabs-container li a {
	font: 400 14px/1.9em "Raleway", sans-serif;
}

#facilities .nav-tabs-container, #facilities .tab-panes-container {
	opacity:0.9;	
}

#facilities .tab-panes-container {
	padding: 20px;
	border-top: 1px solid #fff;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	background: #fff;
}

#facilities .nav-tabs {
	max-width: 300px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

#facilities .nav-tabs li {
	display: table-cell;
	width: 10%;
	margin-left: auto;
	margin-right: auto;
	padding-left: 0.1%;
	padding-right: 0.1%;
}

#facilities .nav-tabs li a {
	margin-bottom: 0px;
	border: 1px solid #fff;
	color: #21baa3;
	-o-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
}

#facilities .oneproduct .nav-tabs li a {
	border:none;
	color: #fff;
}

#facilities .nav-tabs li a:hover,
#facilities .nav-tabs li.active a {
	background-color: #21baa3;
	color: #fff;
}

#facilities .oneproduct .nav-tabs li a:hover,
#facilities .oneproduct .nav-tabs li.active a {
	background-color: #fff;
	color: #21baa3;
}

#facilities .tab-content .text-side h3 {
	margin-top: 20px;
}

#facilities .tab-content .text-side p.highlight {
	margin-bottom: 0px;
}


/*********************/
/*     07. ROOMS     */
/*********************/
#rooms {
	padding-top: 77px;
	padding-bottom: 80px;
}

#rooms h2 {
	margin-top: 0px;
	margin-bottom: 20px;
}

#rooms li i.fa {
	margin-right: 6px;
	color: #21baa3;
}

#rooms li {
	margin-top: 4px;
}

#rooms p:nth-of-type(2) {
	margin-bottom: 0px;
}

#rooms .rooms-container {
	width: 98%;
	margin-top: 60px;
	margin-left: auto;
	margin-right: auto;
}

#rooms .rooms-container.first {
	margin-top: 25px;
}

#rooms .rooms-container.middle {
	margin-top: 60px;
	margin-bottom: 50px;
}

#rooms .rooms-container .image-container img {
	margin-top: 25px;
}

#rooms .rooms-container h4 {
	margin-top: 0px;
	margin-bottom: 0px;
	max-height: 26px;
    overflow-y: hidden;
}

#rooms .rooms-container .button {
	margin-top: 8px;
	margin-left: 0px;
	margin-right: 0px;
}

/* Magnific Popup Rooms Details Content */
.room-details-container {
	position: relative;
	max-width: 1000px;
	margin: 40px auto;
	padding: 25px;
	background: #fff;
	text-align: left;
}

.room-details-container h3 {
	margin-top: 20px;
	margin-bottom: 7px;
}

.room-details-container hr   {
	height: 1px;
	width: 40px;
	margin-top: 0px;
	margin-bottom: 8px;
	margin-left: 0;
	border: 0;
	background-color: #76878f;
	text-align: left;
}

.rooms-container p {
	margin:0px;
}

.rooms-container p.destination {
	font-size:0.9em;
	overflow: hidden;
    height: 25px;
	margin-top: 20px;
}

.rooms-container p.pension {
	opacity:0.7;
}



.room-details-container h4 {
	margin-bottom: 5px;
}

.room-details-container ul {
	margin-top: 10px;
}

.room-details-container li {
	margin-top: 4px;
}

.room-details-container li:nth-last-of-type(1) {
	margin-bottom: 20px;
}

.room-details-container li .fa {
	margin-right: 6px;
	color: #21baa3;
}

.room-details-container button.mfp-close.x-button {
	position: absolute;
	top: 0px;
	right: -8px;
	width: 44px;
	height: 44px;
}

.room-details-container a.mfp-close.as-button {
	position: relative;
	width: auto;
	height: auto;
	opacity: 1;
}

/* Fade-move animation for rooms details popup */
/* at start */
.my-mfp-slide-bottom .zoom-anim-dialog {
	opacity: 0;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
	-webkit-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );
	-moz-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );
	-ms-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );
	-o-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );
	transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );
}

/* animate in */
.my-mfp-slide-bottom.mfp-ready .zoom-anim-dialog {
	opacity: 1;
	-webkit-transform: translateY(0) perspective( 600px ) rotateX( 0 ); 
	-moz-transform: translateY(0) perspective( 600px ) rotateX( 0 ); 
	-ms-transform: translateY(0) perspective( 600px ) rotateX( 0 ); 
	-o-transform: translateY(0) perspective( 600px ) rotateX( 0 ); 
	transform: translateY(0) perspective( 600px ) rotateX( 0 ); 
}

/* animate out */
.my-mfp-slide-bottom.mfp-removing .zoom-anim-dialog {
	opacity: 0;
	-webkit-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); 
	-moz-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); 
	-ms-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); 
	-o-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); 
	transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); 
}

/* Dark overlay, start state */
.my-mfp-slide-bottom.mfp-bg {
	opacity: 0;
	-webkit-transition: opacity 0.3s ease-out; 
	-moz-transition: opacity 0.3s ease-out; 
	-o-transition: opacity 0.3s ease-out; 
	transition: opacity 0.3s ease-out;
}

/* animate in */
.my-mfp-slide-bottom.mfp-ready.mfp-bg {
	opacity: 0.8;
}
/* animate out */
.my-mfp-slide-bottom.mfp-removing.mfp-bg {
	opacity: 0;
}


/************************/
/*     08. TOURISM     */
/************************/
#tourism  {
	padding-top: 77px;
	padding-bottom: 64px;
	background: #f6f6f6;
}

#tourism p.above-header {
	text-align: center;
}

#tourism h2 {
	margin-top: 0px;
	margin-bottom: 5px;
	text-align: center;
}

/* Tourism attractions images hover animation */
#tourism .image-container {
	display: flex;
	flex-direction: column;
	position: relative;
	margin-top: 35px;
	margin-bottom: 15px;
}

#tourism .image-container img {
	display: flex;
	flex-direction: column;
	justify-content: center;
	position: relative;
	width: 100%;
	height: 100%;
}

#tourism .image-container .hover-overlay {
	display: flex;
	flex-direction: column;
	justify-content: center;
	position: absolute;
	z-index: 2;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(33, 186, 163, 0.0);
	color: #fff;
	opacity: 0;
	text-align: center;
	-webkit-transition: background .3s ease-in-out, opacity .2s ease-in-out; 
	-moz-transition: background .3s ease-in-out, opacity .2s ease-in-out;
	-o-transition: background .3s ease-in-out, opacity .2s ease-in-out;
	transition: background .3s ease-in-out, opacity .2s ease-in-out;
}

#tourism .image-container:hover .hover-overlay {	
	background: rgba(33, 186, 163, 0.8);
	opacity: 1;
}

#tourism .image-container .hover-overlay a, 
#tourism .image-container .hover-overlay a h4,
#tourism .image-container .hover-overlay a h4:hover {
	color: #fff;	
}
/* end of tourism attractions images hover animation */


/****************************/
/*     09. TESTIMONIALS     */
/****************************/
#testimonials {
	padding-top: 38px;
	padding-bottom: 62px;
	background: linear-gradient(rgba(34, 185, 163, 0), rgba(255, 255, 255, 0)), url("../../images/testimonials-background.jpg") center no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

#testimonials p, #testimonials footer {
	color: #41545f;
}

#testimonials p {
	font: 400 16px/1.9em "Raleway", sans-serif;
}

#testimonials .carousel-inner {
	margin-bottom: 50px;
}

#testimonials .carousel-inner .mb-0 {
	margin-top: 35px;
	margin-bottom: 5px;
	font-style: italic;
}

#testimonials .carousel-inner .rating-stars {
	color: #22b9a3;
}

#testimonials a {
	color: ##22b9a3;
}

#testimonials .carousel-inner .rating-stars i.fa-star {
	/*box-shadow : 0px 0px 30px #65777f;*/
	/*text-shadow: 1px 1px 5px rgba(0, 0, 0,0.8) !important;*/
}

#testimonials .carousel-indicators {
	margin-bottom: -50px;
}

#testimonials .carousel-indicators li {
	margin-left: 2px;
	margin-right: 2px;
	background-color: #dcdcdc;
}

#testimonials .carousel-indicators li.active {
	border: 1px solid #21baa3;
	background-color: #21baa3;
}



/****************************/
/*     09. PRESSE MEDIAS    */
/****************************/
#medias {
	padding-top: 38px;
	padding-bottom: 62px;
	/*background: linear-gradient(rgba(34, 185, 163, 0.77), rgba(34, 185, 163, 0.26)), url("../../images/presse-background.jpg") center no-repeat;*/
	background: url("../../images/presse-background.jpg") center no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}



/***********************/
/*     10. CONTACT     */
/***********************/
#contact {
	padding-top: 77px;
	padding-bottom: 63px;
	background-color: #f6f6f6;
}

#contact h2 {
	margin-top: 0px;
	margin-bottom: 20px;
}

#contact p:nth-of-type(2) {
	margin-bottom: 0px;
}

#contact li i.fa {
	margin-right: 6px;
	color: #21baa3;
}

#contact li {
	margin-top: 4px;
	margin-right: 3px;
	margin-left: 3px;
}

#contact .fa-phone {
	margin-right: 0px;
	margin-bottom: 2px;
	vertical-align: middle;
	font-size: 16px;
}

#contact a.phone-number {
	color: #647780;
	font-weight: 400;
	text-decoration: none;
	cursor: default;
}

#contact .map-responsive {
	overflow: hidden;
	position: relative;
	height: 0;
	margin-top: 30px; 
	padding-bottom: 56.25%;
	border-radius: 4px;
}

#contact .map-responsive iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: none; 
}

#contact form {
	margin-top: 30px;
}

#contact form .form-group {
	margin-bottom: 17px;
}

#contact form input {
	height: 44px;
	margin-top: 20px;
	padding-bottom: 6px;
	font: 400 15px/1.6em "Raleway", sans-serif;
	color: #283135;
	border: 2px solid #d6d6d6; 
	border-radius: 2px;
	-webkit-appearance: none; /* removes inner shadow on form inputs on ios safari */
}

#contact form textarea {
	margin-top: 21px;
	color: #283135;
	font: 400 15px/1.6em "Raleway", sans-serif;
	border: 2px solid #d6d6d6; 
	border-radius: 2px;
}

#contact form button {
	display: block;
	width: 100%;
	margin-top: 21px;
	padding: 8px 53px 8px 53px;
	border: 2px solid #21baa3;
	border-radius: 2px;
	background-color: #21baa3;
	color: #fff;
	font: 700 15px/1.6em "Raleway", sans-serif;
	-o-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
}

#contact form button:hover {
	background-color: #fff;
	color: #21baa3;
}

#contact form input::-webkit-input-placeholder,
#contact form textarea::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color: #283135;
	opacity: 0.9;
}

#contact form input:-moz-placeholder,
#contact form textarea:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color: #283135;
   opacity: 0.9;
}

#contact form input::-moz-placeholder,
#contact form textarea::-moz-placeholder { /* Mozilla Firefox 19+ */
   color: #283135;
   opacity: 0.9;
}
#contact form input:-ms-input-placeholder,
#contact form textarea:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color: #283135;
   opacity: 0.9;
}


/**********************/
/*     11. FOOTER     */
/**********************/
#footer {
	padding-top: 37px;
	padding-bottom: 80px;
	background-color: #647780;
	color: #fff;
}

#footer h3 {
	margin: 35px auto 10px auto;
	font: italic 700 26px/1.4em "PT Serif", sans-serif;
}

#footer p {
	margin-left: auto;
	margin-right: auto;
	font: 400 14px/1.9em "Raleway", sans-serif;
}

#footer .social-icons-container {
	margin-left: auto;
	margin-right: auto;
}

#footer .fa {
    width: 45px;
    height: 45px;
    padding: 15px;
	margin-top: 6px;
	margin-right: 4px;
	border-radius: 50%;
    background: #fff;
    color: #647780;
	text-align: center;
    line-height: 15px;
    vertical-align: baseline;
    -o-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
}

#footer .fa:hover {
	background-color: #21baa3;
	color: #fff;
}


/*************************/
/*     12. COPYRIGHT     */
/*************************/
#copyright {
	padding-top: 22px;
	padding-bottom: 8px;
	background-color: #596e78;
}

#copyright p {
	color: #fff;
	font: 400 14px/1.7em "Raleway", sans-serif;
	text-align: center;
	opacity: 0.7;
}


/**********************************/
/*     13. BACK TO TOP BUTTON     */
/**********************************/
a.back-to-top {
	display: none;
	position: fixed;
	z-index: 999;
	right: 20px;
	bottom: 20px;
	width: 42px;
	height: 42px;
	border-radius: 30px;
	background: rgba(64, 84, 94, 0.65) url("../../images/up-arrow.png") no-repeat center 47%;
	background-size: 18px 18px; 
	text-indent: -9999px;
}

a:hover.back-to-top {
	background-color: #65777f; 
}


/*****************************/
/*     14. MEDIA QUERIES     */
/*****************************/
/* Min-width width 768px */
@media (max-width: 320px) {
	
	.swiper-container-header .header-content h1 {
		font-size: 1.6em !important;
	}
	.swiper-container-header .header-content p {
		font-size: 0.8em !important;
	}
	
	.swiper-button-prev, .swiper-button-next {
		top:30% !important;
	}
	
	/*#testimonials {
    	background: #41545f !important;
	}*/
}

@media (min-width: 768px) {
	
	h2 {
		font: italic 700 44px/1.2em "PT Serif", sans-serif;
	}
	
	.button.solid {
		width: auto;
	}
	
	.navbar {
        padding: 20px 0;
		border-bottom: 1px solid rgba(0, 0, 0, 0);
		background: transparent;
		-webkit-transition: border-bottom .3s ease-in-out,background .3s ease-in-out,padding .3s ease-in-out;
        -moz-transition: border-bottom .3s ease-in-out,background .3s ease-in-out,padding .3s ease-in-out;
        transition: border-bottom .3s ease-in-out,background .3s ease-in-out,padding .3s ease-in-out;
		-webkit-backface-visibility: hidden;
    }

    .navbar.top-nav-collapse {
       	padding: 0;
		border-bottom: 1px solid #f6f6f6;
		background-color: #fff;
		-webkit-box-shadow: 0px -4px 8px #65777f;
		-moz-box-shadow: 0px -4px 8px #65777f;
		box-shadow: 0px -4px 8px #65777f;
		-webkit-backface-visibility: hidden;
	}
	
	.navbar .navbar-brand {
		margin-left: 0px;
		margin-right: 16px;
	}
	
	.navbar .nav.navbar-nav li a,
	.navbar .nav.navbar-nav.navbar-right li a	{
		margin: 12px 14px 18px 14px;
		padding: 15px 3px 5px 3px;
		-o-transition: all .2s ease-in-out;
		-webkit-transition: all .2s ease-in-out;
		-moz-transition: all .2s ease-in-out;
		transition: all .2s ease-in-out;
	}
	
	.navbar .nav.navbar-nav li.active a,
	.navbar .nav.navbar-nav li a:hover	{
		border-bottom: 1px solid #21baa3;
		background-color: transparent;
		color: #21baa3;
	}
	
	/* Navbar language and phone */
	.navbar .nav.navbar-nav.navbar-right {
		margin-right: -13px;
	}
	
	.navbar .nav.navbar-nav.navbar-right .dropdown-toggle {
		margin-top: 13px;
		margin-bottom: 20px;
		margin-right: 0px;
		border-bottom: 1px solid rgba(0, 0, 0, 0);
		font: 500 12px/1em "Raleway", sans-serif; 
	}
	
	.navbar .nav.navbar-nav.navbar-right .dropdown-toggle:hover {
		border-bottom: 1px solid #21baa3;
	}
	
	.navbar .nav.navbar-nav.navbar-right .dropdown-toggle:focus {
		background-color: transparent;
	}
	
	.navbar .nav.navbar-nav.navbar-right .dropdown-menu {
		top: 51px;
		min-width: 10px;
		width: 59px;
		padding-top: 0px;
		padding-bottom: 4px;
		border-top: none;
		border: none;
		background: transparent;
		text-align: center;
		box-shadow: none;
	}
	
	.navbar .nav.navbar-nav.navbar-right .dropdown-menu li a {
		margin: 4px 14px 4px 14px;
		padding: 4px 6px 4px 4px;
		border-bottom: 1px solid rgba(0, 0, 0, 0);		
		font: 500 12px/1em "Raleway", sans-serif;
	}
	
	.navbar .nav.navbar-nav.navbar-right .dropdown-menu li a:hover {
		border-bottom: 1px solid #21baa3;
	}

	.navbar.top-nav-collapse .nav.navbar-nav.navbar-right .dropdown-menu {
		background: #fff;
	}
	
	.navbar .nav.navbar-nav.navbar-right li .phone-number {
		margin-top: 18px;
		margin-bottom: 0px;
		padding: 8px 10px 7px 10px;
		border: 1px solid #647780;
		border-radius: 2px;
		font: 500 12px/1em "Raleway", sans-serif; 
	}
	
	.navbar .nav.navbar-nav.navbar-right li:hover .phone-number {
		color: #647780;
		cursor: default;
	}

	.navbar .nav.navbar-nav.navbar-right li .phone-number .fa-phone {
		margin-right: 1px;
		font-size: 14px;
		vertical-align: middle;
	}
	/* end of navbar language and phone */
	
	.swiper-container-header .header-content h1 {
		font: italic 700 64px/1.2em "PT Serif", sans-serif;
	}
	
	.swiper-container-header .header-content p {
		margin-top: 12px;
	}
	
	.swiper-container-header .header-content .fa-angle-down {
		margin-top: 10px;
	}
	
	#subheader {
		padding-top: 60px;
		padding-bottom: 45px;
	}
	
	#subheader .form-group, #ajaxloadform .form-group {
		display: inline-block;
	}
	
	#subheader form input,
	#subheader form button	{
		display: inline-block;
		width: 240px;
		margin: 0px 5px 0px 5px;
	}
	
	
	
	#discover {
		padding-top: 86px;
		padding-bottom: 90px;
	}
	
	#facilities {
		padding-top: 87px;
		padding-bottom: 90px;
	}
	
	#facilities .nav-tabs-container {
		width: 540px;
		padding-top: 5px;
		margin-right: auto;
		margin-left: auto;
	}
	
	#facilities .tab-panes-container {
		border-radius: 4px;
	}
	
	#facilities .nav-tabs {
		max-width: 500px;
	}
	
	#facilities .nav-tabs li .fa {
		display: block;
		margin-top: 10px;
		margin-bottom: 15px;
		font-size: 2em;
	}
	
	#facilities .nav-tabs li a {
		border: none;
		color: #647780;
	}
	
	#facilities .nav-tabs li a:hover,
	#facilities .nav-tabs li.active a {
		background-color: transparent;
		color: #21baa3;
	}
	
	#rooms {
		padding-top: 87px;
		padding-bottom: 90px;
	}
	
	#rooms .rooms-container {
		margin-top: 8px;
	}
	
	#rooms .rooms-container.middle,
	#rooms .rooms-container.first	{
		margin-top: 20px;
		margin-bottom: 0px;
	}
	
	.room-details-container button.mfp-close.x-button {
		top: 5px;
		right: -2px;
	}
	
	.room-details-container {
		padding: 35px;
	}
	
	#tourism {
		padding-top: 87px;
		padding-bottom: 74px;
	}
	
	#testimonials {
		padding-top: 48px;
		padding-bottom: 63px;
	}
	
	#medias {
		padding-top: 48px;
		padding-bottom: 63px;
	}
	
	#contact {
		padding-top: 87px;
		padding-bottom: 73px;
	}
	
	#footer {
		padding-top: 47px;
		padding-bottom: 90px;
	}
	
	#footer p.copyright {
		margin-top: 30px;
	}
	
	a.back-to-top {
		right: 20px;
		bottom: 20px;
	}
}


@media (min-width:  700px) {	.navbar .nav.navbar-nav li a, .navbar .nav.navbar-nav.navbar-right li a {	margin: 12px  4px 18px  4px;	padding: 15px 3px 5px 3px;	}	}
@media (min-width:  800px) {	.navbar .nav.navbar-nav li a, .navbar .nav.navbar-nav.navbar-right li a {	margin: 12px  4px 18px  4px;	padding: 15px 3px 5px 3px;	}	}
@media (min-width:  900px) {	.navbar .nav.navbar-nav li a, .navbar .nav.navbar-nav.navbar-right li a {	margin: 12px  4px 18px  4px;	padding: 15px 3px 5px 3px;	}	}
@media (min-width: 1000px) {	.navbar .nav.navbar-nav li a, .navbar .nav.navbar-nav.navbar-right li a {	margin: 12px  7px 18px  7px;	padding: 15px 3px 5px 3px;	}	}
@media (min-width: 1100px) {	.navbar .nav.navbar-nav li a, .navbar .nav.navbar-nav.navbar-right li a {	margin: 12px  8px 18px  8px;	padding: 15px 3px 5px 3px;	}	}
@media (min-width: 1200px) {	.navbar .nav.navbar-nav li a, .navbar .nav.navbar-nav.navbar-right li a {	margin: 12px 14px 18px 14px;	padding: 15px 3px 5px 3px;	}	}


/* Min-width width 992px */
@media (min-width: 992px) {
	.swiper-container-header .header-content h1 {
		font: italic 700 76px/1.3em "PT Serif", sans-serif;
	}
	
	#discover p {
		width: 70%;
		margin-left: auto;
		margin-right: auto;
	}
	
	#facilities .nav-tabs-container {
		margin-top: 40px;
	}
	
	#facilities .tab-content .tab-pane img {
		padding-right: 20px;
	}
	
	#facilities .tab-content .tab-pane .text-side {
		padding-left: 0px;
	}
	
	#facilities .tab-content .text-side h3 {
		margin-top: 45px;
		margin-bottom: 13px;
	}
	
	#facilities .tab-content .text-side p.highlight {
		margin-top: 13px;
	}
	
	#rooms p.above-list, #rooms ul {
		width: 950px;
		margin-left: auto;
		margin-right: auto;
	}
	
	#rooms img {
		margin-top: 40px;
	}
	
	.room-details-container button.mfp-close.x-button {
		top: 5px;
		right: 5px;
	}
	
	.room-details-container img {
		padding-right: 10px;
	}
	
	.room-details-container h3 {
		margin-top: 0px;
	}
	
	.room-details-container p {
		margin-bottom: 0px;
	}
		
	#tourism .left-attraction {
		padding-right: 25px;
	}

	#tourism .right-attraction {
		padding-left: 25px;
	}
	
	#contact ul {
		margin-bottom: 10px;
	}
	
	#contact .map-responsive {
		height: 356px;
	}
	
	#contact form input {
		margin-top: 0px;
	}
	
	#contact form textarea {
		margin-top: 0px;
	}
	
	#contact form button {
		margin-top: 17px;
	}
	
	#footer {
		padding-bottom: 73px;
	}
	
	#footer h3 {
		width: 90%;
	}

	#footer p {
		width: 90%;
	}

	#footer .social-icons-container {
		width: 90%;
	}
}


/* Min-width width 1200px */
@media (min-width: 1200px) {
	
	/* Image gallery hover animation */
	#discover .swiper-container .image-container {
		overflow: hidden;
		width: 367px;
		height: 231px;
	}
	
	#discover .swiper-container .image-container img {
		margin: 0px;
		-webkit-transition: all 0.3s; 
		-moz-transition: all 0.3s; 
		-o-transition: all 0.3s; 
		transition: all 0.3s;
	}

	#discover .swiper-container .image-container img:hover {
		-moz-transform: scale(1.15);
		-webkit-transform: scale(1.15);
		transform: scale(1.15);
	}
	/* end of image gallery hover animation */
	
	#facilities .tab-content .tab-pane img {
		padding-right: 30px;
	}
	
	#facilities .tab-content .tab-pane .text-side {
		padding-right: 30px;
	}
	
	#facilities .tab-content .text-side h3 {
		margin-top: 80px;
	}
	
	/* Rooms images hover animation */
	#rooms .rooms-container .image-container {
		overflow: hidden;
		width: 353px;
		height: 199px;
		margin-top: -8px;
	}
	
	#rooms .rooms-container .image-container img {
		margin: 0px;
		-webkit-transition: all 0.3s; 
		-moz-transition: all 0.3s; 
		-o-transition: all 0.3s; 
		transition: all 0.3s;
	}

	#rooms .rooms-container .image-container img:hover {
		-moz-transform: scale(1.15);
		-webkit-transform: scale(1.15);
		transform: scale(1.15);
	} 
	/* end of rooms images hover animation */
	
	#contact .map-responsive {
		margin-right: 7px;
	}
	
	#contact form {
		margin-left: 7px;
	}
}



@keyframes animatedBackground {
	from { background-color: rgba(255, 255, 255, 0); color: #FFFFFF; }
	to   { background-color: rgba(255, 255, 255, 1); color: #647780; }
}

@keyframes animatedBackgroundReverse {
	from { background-color: rgba(255, 255, 255, 1); color: #647780; }
	to   { background-color: rgba(255, 255, 255, 0); color: #FFFFFF; }
}


#rooms .rooms-container .image-container img.img-responsive {
	width:100%;
}
	
.top-container {
	animation: animatedBackgroundReverse 0.4s linear;
	position: absolute;
    top: 48px;
	height: 25px;
    padding: 0px;
    width: 90%;
    text-align: center;
    z-index: 9;
	font-size: 0.7em;
    letter-spacing: 0px;
	color:#fff;
}

.image-container:hover .top-container {
	/*background-color: rgba(255, 255, 255, 1);
	animation: animatedBackground 0.2s linear;
	color: #647780;*/
}
.top-container .to-container {
    background-color: rgba(100, 119, 128, 0.77);
    border-bottom-right-radius: 10px !important;
    float: left;
    padding: 4px;
    font-size: 1em !important;
    text-align: left;
    color: #FFF;
	max-width:55%;
}
.top-container .promo-container {
	background-color: rgba(231, 71, 73, 0.8);
    border-bottom-left-radius: 10px !important;
    float: right;
    padding: 4px;
    font-size: 1em !important;
	text-transform:uppercase;
    text-align: center;
    color: #FFF;
	max-width:40%;
	overflow-y: hidden;
    max-height: 33px;
}

.bottom-container {
	position: relative;
    top: 81%;
    padding: 2px;
    width: 100%;
    text-align: center;
    z-index: 9;
	font-size: 0.7em;
    letter-spacing: 0px;
}
.bottom-container .nights-container {
	background-color: rgba(33, 186, 163,0.9);
    border-top-right-radius: 10px !important;
    float: left;
    padding: 4px;
    font-size: 1.3em;
    text-align: center;
    color: #FFF;
	max-width:45%;
}
.bottom-container .price-container {
	background-color: rgba(33, 186, 163,0.9);
    border-top-left-radius: 10px !important;
    float: right;
    padding: 4px;
    font-size: 1.5em;
    letter-spacing: 1px;
    text-align: right;
    color: #FFF;
	max-width:45%;
}

.price-container.is_promo {
	background-color: rgba(204, 118, 115,0.9);
}

.pastilleispromo {
	background-color: #fa6e70 !important;
    position: absolute;
    padding: 0px;
    right: 0px;
    top: 0px;
    margin-top: -10px;
    margin-right: -10px;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    line-height: 30px;
    letter-spacing: 1px;
    font-size: 0.4em;
}

.price-container small.prix_barre {
	text-decoration:line-through;
	font-size:0.8em;
	font-style:italic;
	font-weight:lighter;
}

.price-container small.text_promo {
	margin-left: 10px;
    letter-spacing: 0px;
    font-size: 0.7em;
    opacity: 0.7;
}


.cssgallery {
	padding: 0px;
	margin:0px; 
}
.cssgallery .slides {
    padding: 0 !important;
    width: 110% !important;
	min-height: 290px !important;
    /*height: 420px !important;*/
    display: block !important;
    margin: 0 auto !important;
    position: relative !important;
}

.cssgallery .slides * {
    user-select: none !important;
    -ms-user-select: none !important;
    -moz-user-select: none !important;
    -khtml-user-select: none !important;
    -webkit-user-select: none !important;
    -webkit-touch-callout: none !important;
}

.cssgallery .slides input { display: none !important; }

.cssgallery .slide-container { display: block !important; width:90% !important; }

.cssgallery .slide {
    top: 0 !important;
    opacity: 0 !important;
    width: 90% !important;
    display: block !important;
    position: absolute !important;

    transform: scale(0) !important;

    transition: all .7s ease-in-out !important;
}

.cssgallery .slide img {
    width: 100% !important;
    height: 100% !important;
}

.cssgallery .nav label {
	top: 0px !important;
    width: 25% !important;
    height: 90% !important;
    display: none !important;
    position: absolute !important;
	opacity: 0 !important;
    z-index: 9 !important;
    cursor: pointer !important;

    transition: opacity .2s !important;

    color: #FFF !important;
    font-size: 10em !important;
    text-align: center !important;
    line-height: 2.4em !important;
    font-family: "Varela Round", sans-serif !important;
    background-color: rgba(255, 255, 255, .3) !important;
    text-shadow: 0px 0px 15px rgb(119, 119, 119) !important;
}

.anoucement .cssgallery .nav label {
	height: 75% !important;
	line-height: 2em !important;
}

.cssgallery .slide:hover + .nav label { opacity: 0.5 !important; }

.cssgallery .nav label:hover { opacity: 1 !important; }

.cssgallery .nav .next { right: 13% !important; }

.cssgallery input:checked + .slide-container .slide, .cssgallery input.isactivefirst, .cssgallery .slide-container .slide.isactivefirst {
    opacity: 1 !important;
    transform: scale(1) !important;
    transition: opacity 1s ease-in-out !important;
}

.cssgallery input:checked + .slide-container .nav label, .cssgallery input.isactivefirst + .slide-container .nav label.isactivefirst { display: block !important; }

.cssgallery .nav-dots {
	width: 90% !important;
	bottom: 9px !important;
	height: 9% !important;
	display: block !important;
	position: absolute !important;
	text-align: center !important;
	background-color: rgba(255, 255, 255,0.9) !important;
    padding: 11px !important;
}

.cssgallery .nav-dots .nav-dot {
	top: -5px !important;
	width: 9px !important;
    height: 9px !important;
    margin: 0 2px !important;
	position: relative !important;
	border-radius: 100% !important;
	display: inline-block !important;
	background-color: rgba(0, 0, 0, 0.6) !important;
}

.cssgallery .nav-dots .nav-dot:hover {
	cursor: pointer !important;
	background-color: rgba(0, 0, 0, 0.8) !important;
}

.cssgallery input#img-1:checked ~ .nav-dots label#img-dot-1,
.cssgallery input#img-2:checked ~ .nav-dots label#img-dot-2,
.cssgallery input#img-3:checked ~ .nav-dots label#img-dot-3,
 .cssgalleryinput#img-4:checked ~ .nav-dots label#img-dot-4,
 .cssgalleryinput#img-5:checked ~ .nav-dots label#img-dot-5,
 .cssgalleryinput#img-6:checked ~ .nav-dots label#img-dot-6 {
	background: rgba(0, 0, 0, 0.8) !important;
}



.mentions-speciale-tds {
	width: 80%;
    max-width: 700px;
    display: block;
    margin: 0 auto;
    line-height: 1.2em;
    text-align: justify;
    font-size: 8px;
    opacity: 0.7;	
}

#connexion {
	padding:10px;
}



 #ajaxloadform .form-group {
	margin:1px;
	margin-right:5px;	
}

#rooms #ajaxloadform .form-group .form-control {
	height: 34px;
    padding: 0px 2px;
    font-size: 12px;
    line-height: 1.42857143;
	/*max-width: 120px !important;*/
}

#ajaxloadform {
	max-width: 70%;
    margin: 0 auto;
}

.nomatching {
	border-radius: 5px !important;
    margin: 5px auto;
	margin-bottom: 5px !important;
    padding: 4px;
    font-size: 0.9em;
    background-color: rgba(255, 125, 0, 0.2);
	max-width: 660px;
}

.nomatchingsoft {
	border-radius: 5px !important;
    margin: 5px auto;
	margin-bottom: 5px !important;
    padding: 4px;
    font-size: 0.9em;
    background-color: rgba(0, 130, 255, 0.2);
	max-width: 660px;
}

.errormatching {
	border-radius: 5px !important;
    margin: 5px auto;
	margin-bottom: 5px !important;
    padding: 4px;
    font-size: 0.9em;
    background-color: rgba(255, 8, 0, 0.2);
	max-width: 660px;
}

#comment_ca_marche p.above-header i {
    padding: 25px;
    margin: 5px auto;
    border: solid 1px;
    border-radius: 70%;
    font-size: 1.3em;
    width: 70px;
    height: 67px;
    text-align: center;
    vertical-align: middle;
}

#comment_ca_marche p {
	line-height: 1.4em;
}




/*---Justified Gallery Plugin---*/

.justified-gallery {
    width: 100%;
    position: relative;
    overflow: hidden;
    margin-bottom:25px;
}
.justified-gallery > a,
.justified-gallery > div {
    position: absolute;
    display: inline-block;
    overflow: hidden;
    opacity: 0;
}
.justified-gallery > a > img,
.justified-gallery > div > img,
.justified-gallery > a > a > img,
.justified-gallery > div > a > img {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: 0;
    padding: 0;
    border: none;
}

.justified-gallery .caption{
    display:none!important;
}




.rooms-container .interested-in {
	opacity: 0.9;
    position: relative;
    bottom: -200px;
    padding: 1px;
    left: 0;
    height: 74px;
    color: #fff;
    background: rgba(255, 255, 255, 0.5);
}

.rooms-container .interested-in ul
{
	list-style: none;
    padding: 0;
	margin: 10px 5px 10px 1px;
}

.rooms-container .interested-in ul li
{
	margin-left: 5px;
    float: left;
}

.rooms-container .interested-in ul li a
{
	text-decoration: none;
	color: #474d4b;
    font-size: 2.6rem;
}

.rooms-container .interested-in ul li a span {
	text-align: center;
}


.rooms-container .interested-in ul img
{
	border-radius: 50% !important;
	max-width: 50px;
    height: 50px;
    width: 50px;
}

.rooms-container .interested-in ul span.more
{
	background-color: #41545f;
	color: #fff;
	width: 52px;
	height: 52px;
	border-radius: 100%;
}

.rooms-container .interested-in ul span.more span
{
	background: #41545f;
    border-radius: 50% !important;
	padding: 11px 14px 4px 11px;
    font-size: 2rem;
    position: absolute;
    text-align: center;
    height: 52px;
    width: 52px;
}

.rooms-container .interested-in span.more span.data-count-user-small
{
	font-size: 1.4rem;
	padding: 14px 0;
}

.rooms-container .interested-in span.more span:hover
{
	background: #21baa3;
}

@media (max-width: 500px), (min-width: 992px) and (max-width: 1201px)
{

	.rooms-container .interested-in ul img
	{
		width: 40px;
		max-width: 40px;
    	height: 40px;
	}

	.rooms-container .interested-in ul span.more
	{
		width: 40px;
		height: 40px;
	}

	.rooms-container .interested-in ul span.more span
	{
		padding: 9px 0 !important;
		font-size: 1.4rem;
		height: 40px;
		width: 40px;
	}

}



.share-to-bottom {
	max-width:100px;
  display: inline-block;
  padding: 2px;
  text-align: center;
  position: fixed;
  z-index: 10001;
  bottom: 10px;
  display: none;
  right: 10px; }
  .share-to-bottom > i {
    display: inline-block;
    color: #687991;
    font-size: 32px;
    opacity: 0.7 ;
    filter: alpha(opacity=70) ; }
  .share-to-bottom:hover {
    cursor: pointer; }
    .share-to-bottom:hover > i {
      opacity: 1 ;
      filter: alpha(opacity=100) ; }

.login-options .social-icons-container a {
	background-color: #22b9a3;
    padding: 10px 10px 10px 10px;
    font-size: 0.9em;
    color: #fff;
    text-align: center;
    display: inline;
}

.login-options .social-icons-container a:hover {
	background-color: #65777f;
    color: #fff;	
}

.login-options h4 {
    color: #65777f !important;
}

.htmlOptions .button.outline:hover {
    border: 1px solid #21baa3;
    background-color: #fff;
    color: #21baa3;
    text-decoration: none;
	cursor:default;
}


@media only screen and (min-device-width : 290px) { 	.rooms-container .interested-in {	bottom: -140px;	} 	}
@media only screen and (min-device-width : 310px) { 	.rooms-container .interested-in {	bottom: -150px;	}	}
@media only screen and (min-device-width : 330px) { 	.rooms-container .interested-in {	bottom: -160px;	}	}
@media only screen and (min-device-width : 350px) { 	.rooms-container .interested-in {	bottom: -170px;	}	}
@media only screen and (min-device-width : 370px) { 	.rooms-container .interested-in {	bottom: -180px;	}	}
@media only screen and (min-device-width : 390px) { 	.rooms-container .interested-in {	bottom: -190px;	}	}
@media only screen and (min-device-width : 410px) { 	.rooms-container .interested-in {	bottom: -210px;	}	}
@media only screen and (min-device-width : 430px) { 	.rooms-container .interested-in {	bottom: -220px;	}	}
@media only screen and (min-device-width : 450px) { 	.rooms-container .interested-in {	bottom: -230px;	}	}
@media only screen and (min-device-width : 470px) { 	.rooms-container .interested-in {	bottom: -240px;	}	}
@media only screen and (min-device-width : 490px) { 	.rooms-container .interested-in {	bottom: -250px;	}	}
@media only screen and (min-device-width : 510px) { 	.rooms-container .interested-in {	bottom: -253px;	}	}
@media only screen and (min-device-width : 530px) { 	.rooms-container .interested-in {	bottom: -265px;	}	}
@media only screen and (min-device-width : 550px) { 	.rooms-container .interested-in {	bottom: -270px;	}	}

@media only screen and (min-device-width : 320px) { 	#footer { text-align: center; }	}
@media (min-width: 768px) { 	
	#footer { text-align: left; }
}



@media only screen and (min-device-width : 315px) { 

	#rooms .rooms-container .image-container { 
		height: 185px;
	}
	
	#rooms .rooms-container .singleProduct01 .barSlider {
    	width: 70px;
	}
	
	#rooms .rooms-container .singleProduct01 .productDesc01 .detailLeft {
		width: 30%;
	}
	
	#rooms .rooms-container .singleProduct01 .productDesc01 .detailCenter {
		width: 40%;
	}
	
	#rooms .rooms-container .singleProduct01 .productDesc01 .detailRight {
		width: 30%;
	}
	
	#rooms .rooms-container .image-container .top-container {
    	top: 60px;
	}
	
	#rooms .rooms-container {
	    min-height: 365px;
	}
	
	.cbp .cbp-item-wrapper .button.solid {
    	max-width: 289px;
	}
		
	p.above-header, h2 {
		text-align:center;	
	}
	
	#annonces .nav-tabs.nav-justified > li {
		float: left;
		width: 50%;
	}
	
	.mfp-content .button.outline {
    	padding: 7px 15px 7px 15px;
	}
	
	#rooms .rooms-container .image-container img.img-responsive {
		min-height:190px;
		max-height:190px;
	}
	
	.anoucement .cssgallery .nav label {
	    height: 55% !important;
    	line-height: 1.6em !important;
	}
	
	.cssgallery .slides {
		min-height: 290px !important;
	}
	
	.cssgallery .nav-dots .nav-dot {
		width: 7px !important;
		height: 7px !important;
		margin: 0 0px !important;
	}
	

}


#medias .image-container h1 {
	color: #000;
	height: 100%;
	margin: 55px auto;
}

#press { 
	margin-top:100px;
}

.blocoffreapercu {
	margin-top:25px;	
}

@media only screen and (max-device-width : 400px) { 



	#footer {
		text-align: center;	
	}
	
	#footer .col-md-4.footer-section p {
		text-transform:uppercase;	
	}
	
	#tourism.blog .col-md-6 p {
		text-align:justify;
	}
	
	#tourism.blog .col-md-6 p.above-header {
		text-align:center;
	}
	.cssgallery .slides {
		min-height: 190px !important;
	}
	
	#tourism {
    	padding-top: 25px;
	}
	
	#tourism p {
    	line-height: 1.3em;
		text-align:justify;
	}
	
	#tourism.pcenter p, #tourism p.pcenter {
		text-align:center;
	}
	
	#medias .image-container h1 {
		font-size:0.9em;
		margin: 28px auto;
	}
	
	#press { 
		margin-top:0px;
		padding-top:30px;
		padding-bottom:20px;
		margin-bottom:100px;
	}

	
	#tourism.pcenter p.pjustify {
		text-align:justify;
	}
	
	#tourism h4, #tourism h3, .responsive-video {
		text-align:center;
   	}
	
	#tourism.blog span.highlight {
		line-height: 0.9em;
    	font-size: 0.8em;
	}
	
	#tourism.blog .image-container {
		margin-top: 5px;
		margin-bottom: 5px;
	}
	
	#discover p.photosshare {
		line-height:1.5em;	
	}
	
	
	#contact {
    	padding-top: 5px;
	}
	
	#testimonials {
		padding-top: 5px;
		padding-bottom: 5px;
	}
	
	#facilities .tab-content .text-side h3 {
		margin-top: 0px;
	}
	#facilities .tab-pane h3, #facilities .tab-pane p {
		text-align:justify;
	}
	
	#facilities .tab-pane p a {
		text-align: center;
		margin: 0 auto;
		width: 100%;
		background-color: #27aa96;
		color: #fff;
		padding: 5px;
		display: block;
		font-size: 0.9em;
	}
	
	#facilities .tab-pane h3, #facilities .tab-pane p.highlight {
		text-align:center;
	}
	
	
	
	.swiper-container-header .swiper-slide.download, 
	.swiper-container-header .swiper-slide.first, 
	.swiper-container-header .swiper-slide.second, 
	.swiper-container-header .swiper-slide.third, 
	.swiper-container-header .swiper-slide.four, 
	.swiper-container-header .swiper-slide.fifth {
		background-position:center bottom !important;
	}
	
	
	.carousel-control.left .fafiche, .carousel-control.right .fafiche {
		margin-top: 90px;
		font-weight: bold !important;
		color: #fff;
		font-size: 42px;
	}
	
	#facilities .row .contenttabs {
		padding:0px;	
	}
	
	#facilities .tab-panes-container {
		padding:15px;	
	}
	
	#facilities .portfolio-content .form-group {
		padding-right: 5px;
		padding-left: 5px;
	}
	
	#facilities .portfolio-content #aeroports_group {
		padding-left: 15px;
	}
	#facilities .portfolio-content #mois_group {
		padding-right: 15px;
	}
	
	#facilities .portfolio-content .form-group select {
		font-size: 0.7em;
	}
	
	
	
	
	
	  
	
}


@media (max-device-width : 400px) {
	
	.swiper-container-header .header-content h1 {
		font-size:1.75em !important;
	}
	
	.swiper-container-header .header-content p {
		font-size: 0.9em !important;
	}
	
	
}





@media (min-width: 768px) { 	
	#rooms .listoffres .rooms-container .image-container .top-container {
		top: 25px;	
	}	
}

@media (min-width: 1200px) { 	
	#rooms .listoffres .rooms-container .image-container .top-container {
		top: 0px;	
	}	
}


@-moz-keyframes spin {
    from { -moz-transform: rotate(0deg); }
	to { -moz-transform: rotate(359deg); }
}
@-webkit-keyframes spin {
    from { -webkit-transform: rotate(0deg); }
	to { -webkit-transform: rotate(359deg); }
}
@keyframes spin {
	from {transform:rotate(0deg);}
    to {transform:rotate(359deg);}
}

.spin {
    animation: spin 500ms linear infinite;
	
	/* The animation part: */
    animation-name: spin;
    animation-duration: 500ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}


.page-footer {
	padding: 30px 0px;	
}

#press {
	background-color: #f1f1f1;
}


@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait) {
  #footer {
    padding-top: 5px;
    padding-bottom: 20px;
  }
  #testimonials, #discover, #rooms {
    padding-bottom: 0px;
  }
  #tourism {
	padding-top: 5px;
	padding-bottom: 25px;  
  }
}


.titleBars {
    position: relative;
    width: 60px;
    height: 2px;
    margin: 0 auto 20px;
	background-color:#21baa3;
}


.btnoffres a {
	width:100%;
	padding: 7px 10px 7px 10px !important;	
}



/*=======================================================================
// Product List
=========================================================================*/

.singleProduct01{
    width: 100%;
    position: relative;
    margin-bottom: 10px;
	margin-top: -45px;
    -webkit-box-shadow: 0px 1px 2px 0px rgba(50, 50, 50, 0.5);
	-moz-box-shadow:    0px 1px 2px 0px rgba(50, 50, 50, 0.5);
	box-shadow:         0px 1px 2px 0px rgba(50, 50, 50, 0.5);
}

.productDesc01{
    width: 100%;
    position: relative;
    height: 72px;
    background-color: #fff;
    padding-top: 6px
}

.descDesktop {
    display: block;
}

.descResp {
    display: none;
}

.productLink {
    position: absolute;
    z-index: 100;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.productHover01{
    position: absolute;
    z-index: 200;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .0);
    transition: all ease 500ms;
    -moz-transition: all ease 500ms;
    -ms-transition: all ease 500ms;
    -webkit-transition: all ease 500ms;
    -o-transition: all ease 500ms;
    opacity: 0;
    visibility: hidden;
}

.productHover01 .vol_btn{
    position: absolute;
    left: 0;
    top: 30%;
    right: 0;
    bottom: 0;
    margin-top: 30%;
    margin-left: auto;
    margin-right: auto;
    max-width: 200px;
    transition: all ease 900ms;
    -moz-transition: all ease 900ms;
    -ms-transition: all ease 900ms;
    -webkit-transition: all ease 900ms;
    -o-transition: all ease 900ms;
    opacity: 0;
    visibility: hidden;
    background-color: #239489;
    border: 0;
    color: #fff;
    text-transform: uppercase;
    border-radius: 4px;
}

.productMask01 {
	position:absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 72px;
    background: -moz-linear-gradient(270deg, rgba(255,255,255,0) 0%, rgba(0,0,0,0.5) 100%); /* ff3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255,255,255,0)), color-stop(100%, rgba(0,0,0,0.5))); /* safari4+,chrome */
    background: -webkit-linear-gradient(270deg, rgba(255,255,255,0) 0%, rgba(0,0,0,0.5) 100%); /* safari5.1+,chrome10+ */
    background: -o-linear-gradient(270deg, rgba(255,255,255,0) 0%, rgba(0,0,0,0.5) 100%); /* opera 11.10+ */
    background: -ms-linear-gradient(270deg, rgba(255,255,255,0) 0%, rgba(0,0,0,0.5) 100%); /* ie10+ */
    background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(0,0,0,0.5) 100%); /* w3c */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#65777f',GradientType=0 ); /* ie6-9 */
}

.epuise {
	opacity: .7;
}

.productEpuise {
	position:absolute;
	margin: auto;
	width: 100%;
	margin-top: 32%;
	font-family: 'Lato', sans-serif;
    font-size: 56px;
    font-weight: 900;
    color: #fff;
    text-transform: uppercase;
}

.productPurcent {
    position: absolute;
    left: 50%;
    margin-left: -75px;
    width: 150px;
    top: 10px;
    font-family: 'Lato', sans-serif;
    font-size: 14px;
    font-weight: 700;
    background-color: rgba(255, 78, 80,0.9);
    color: #fff;
    height: 30px;
    line-height: 30px;
    padding: 0 10px;
    border-radius: 20px;
}

.productText {
    position:absolute;
	left: 20px;
	bottom: 0px;
	font-family: 'Lato', sans-serif;
    font-size: 21px;
    font-weight: 400;
	color: #fff;
	text-align: left;
	line-height: 26px;
}

.productText span {
    font-size: 24px;
    font-weight: 700;
}

.productText p {
    font-size: 14px;
    font-weight: 300;
}

.productDesc01 .detail {
    float: left;
    color: #333333;
    font-size: 12px;
}

.productDesc01 .detail p {
    margin: 0;
    padding: 0;
    line-height: 26px;
}

.productDesc01 .detailLeft {
    width: 25%;
}

.productDesc01 .detailCenter {
    width: 50%;
}

.productDesc01 .detail.detailCenter p small {
	color: #bbbbbb;
}

.productDesc01 .detailRight {
    width: 25%;
}

.productDesc01 .infolineTable {
	display: table;
	width: 100%;
	padding: 0 10px;
}

.productDesc01 .infoline {
	display: table-cell;
	vertical-align: middle;
	font-size: 12px;
    height: 50px;
    padding: 0 10px;
}

.productDesc01 .infoline p {
	margin: 0;
}

.productDesc01 .infoline span {
    font-size: 20px;
    font-weight: 700;
}

.productDesc01 .destination {
    color: #333333;
    font-size: 16px;
    text-align: left;
}

.productDesc01 .destination p {
    margin: 0;
    padding: 0;

}

.productDesc01 .destination span {
    font-size: 20px;
    font-weight: 700;
}

.detailSmall {
    font-size: 12px;
}

.detailBold {
	font-family: 'Lato', sans-serif;
    font-size: 28px !important;
    font-weight: 700 !important;
}

.detailBold img {
    height: 20px;
    margin-bottom: 8px;
}

.detailLight {
	font-family: 'Lato', sans-serif;
    font-size: 28px !important;
    font-weight: 300 !important;
}

.detailOldprice {
	display: inline;
	font-family: 'Lato', sans-serif;
    font-size: 14px;
    font-weight: 400;
    background-color: #BBBBBB;
	border-radius: 3px;
	padding: 1px 3px;
	color: #fff;
}

.barSlider {
	position: absolute;
	top: 20px;
	width: 100px;
	height: 6px;
	background-color: #EBEBEB;
	border-radius: 3px;
}

.detailRight .barSlider {
    right: 20px;
}

.detailLeft .barSlider {
    left: 20px;
}

.barProgress {
	height: 6px;
	background-color: #239489;
	border-radius: 3px;
}

.barAlert {
	background-color: #FF4E50 !important;
}

.barData {
	position: relative;
	margin-top: 24px;
	font-size: 11px;
}

.detailRight .barData {
    text-align: right;
	margin-right: 20px;
}

.detailLeft .barData {
    text-align: left;
	margin-left: 20px;
	text-transform:uppercase;
}

.barData span {
	font-family: 'Lato', sans-serif;
    font-size: 28px !important;
    font-weight: 700 !important;
    color: #239489;
}

.alert {
    color: #FF4E50 !important;
    margin: 0;
    padding: 0;
}

.carousel-inner {
    height: 230px;
}

.carousel-inner > .item > img {
    min-height: 230px;
}


.singleProduct02{
    width: 100%;
    position: relative;
    -webkit-box-shadow: 0px 1px 2px 0px rgba(50, 50, 50, 0.5);
	-moz-box-shadow:    0px 1px 2px 0px rgba(50, 50, 50, 0.5);
	box-shadow:         0px 1px 2px 0px rgba(50, 50, 50, 0.5);
}

.productMask02 {
	position:absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 72px;
	background: rgba(255,255,255,0);
	background: -moz-linear-gradient(top, 	   rgba(255,255,255,0) 0%, 				   rgba(43,43,43,0) 85%, rgba(19,19,19,0.7) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,0)), color-stop(85%, rgba(43,43,43,0)), color-stop(100%, rgba(19,19,19,0.7)));
	background: -webkit-linear-gradient(top,   rgba(255,255,255,0) 0%, 				   rgba(43,43,43,0) 85%, rgba(19,19,19,0.7) 100%);
	background: -o-linear-gradient(top,        rgba(255,255,255,0) 0%, 				   rgba(43,43,43,0) 85%, rgba(19,19,19,0.7) 100%);
	background: -ms-linear-gradient(top,       rgba(255,255,255,0) 0%, 				   rgba(43,43,43,0) 85%, rgba(19,19,19,0.7) 100%);
	background: linear-gradient(to bottom,     rgba(255,255,255,0) 0%, 				   rgba(43,43,43,0) 85%, rgba(19,19,19,0.7) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#131313', GradientType=0 );
	height: 231px;
}

.productText02 {
    position: absolute;
    left: 20px;
    bottom: 30px;
    font-family: 'Lato', sans-serif;
    font-size: 21px;
    font-weight: 400;
    color: #fff;
    text-align: left;
    line-height: 26px;
}

.productText02 span {
    font-size: 24px;
    font-weight: 700;
}

.carousel-control {
  /*width: 8% !important;*/
}

.carousel-control.left, .carousel-control.right {
  /*background-image: none !important;*/
}

#facilities .nav-tabs-container.oneproduct {
	margin-top: 0px;
    padding-top: 10px;
}



#rooms .productPurcent {
    top: -20px;
}


.bouton-reserver-final {
	z-index: 9;
    opacity: 0.9;
    position: fixed;
    background-color: #65777f;
    bottom: 0px;
    width: 100%;
    text-align: center;
    height: 50px;
    line-height: 50px;
    border-top: dashed 1px #ffffff;	
}







/*TABLE CUSTOM CSS*/
#tablecustomcss table{
  width:100%;
  table-layout: fixed;
}
#tablecustomcss .tbl-header{
  background-color: rgba(255,255,255,0.3);
 }
#tablecustomcss .tbl-content{
  max-height:300px;
  overflow-x:auto;
  margin-top: 0px;
  border: 1px solid rgba(255,255,255,0.3);
}
#tablecustomcss th{
  padding: 20px 15px;
  text-align: center;
  font-weight: 500;
  font-size: 12px;
  color: #fff;
  text-transform: uppercase;
}
#tablecustomcss td{
  padding: 15px;
  text-align: center;
  vertical-align:middle;
  font-weight: 300;
  font-size: 12px;
  color: #fff;
  border-bottom: solid 1px rgba(255,255,255,0.1);
}

#tablecustomcss{
  background: -webkit-linear-gradient(bottom, #65777f, #41545f);
  background: linear-gradient(to bottom, #65777f, #41545f);
  font-family: 'Roboto', sans-serif;
}
#tablecustomcss{
  margin: 50px;
  margin-top:0px;
}

#tablecustomcss ::-webkit-scrollbar { width: 6px; } 
#tablecustomcss ::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);  } 
#tablecustomcss ::-webkit-scrollbar-thumb { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);  }




.fakeplaceholderinputdate {
	position: absolute;
    right: 50px;
    top: 5px;
    opacity: 0.6;
    font-size: 0.7em;
    height: 100%;
    padding: inherit;
}

#date_depart_group input {
	padding-left: 8px !important;
}

#colonne_recherche .form-group {
	width:100% !important;
}

#colonne_recherche #ajaxloadform {
	max-width:100% !important;	
}




#yellow {
  
  top: -3px;
  right: -3px;
  z-index: 9999;
  position: fixed;
  width: 40px;
  height: 40px;
  border: 0px none transparent;
  -webkit-transition: 3s;
  background-color:#fff;
  /* For Safari 3.1 to 6.0 */
  transition: width 0.5s, height 0.5s;
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 5px;
  border-top-left-radius: 5px;
  box-shadow: 0px -10px 130px rgba(0, 0, 0,0.3);
  /*
  transition: opacity 0.5s 0.1s;
  -webkit-animation: showcoin 1.4s infinite ease-in-out both;
  animation: showcoin 1.4s infinite ease-in-out both;
  */
}

#yellow:hover {
  border: 0px none transparent;
  width: 60px;
  height: 60px;
  border-bottom-left-radius: 20px;
    border-bottom-right-radius: 15px;
    border-top-left-radius: 15px;
}

#yellow:hover #red {
  opacity: 1;
  transition: opacity 0.6s 0.05s;
}

#red {
  position: absolute;
  /*background: linear-gradient(225deg, rgba(255, 255, 255, 0), rgba(243, 243, 243, 0.3) 45%, rgba(221, 221, 221, 0.3) 50%, rgb(170, 170, 170) 50%, rgb(187, 187, 187) 56%, rgb(204, 204, 204) 62%, rgb(243, 243, 243) 80%, rgb(255, 255, 255) 100%) repeat scroll 0% 0%, transparent url(http://i.cdn.cnn.com/cnn/.e/img/3.0/global/misc/cnn-logo.png) repeat scroll 0% 0%;
  */background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA5MDAgNjAwIj4NCjxwYXRoIGZpbGw9IiNlZDI5MzkiIGQ9Im0wLDBoOTAwdjYwMGgtOTAweiIvPg0KPHBhdGggZmlsbD0iI2ZmZiIgZD0ibTAsMGg2MDB2NjAwaC02MDB6Ii8+DQo8cGF0aCBmaWxsPSIjMDAyMzk1IiBkPSJtMCwwaDMwMHY2MDBoLTMwMHoiLz4NCjwvc3ZnPg0K');
  width: 100%;
  height: 100%;
  opacity: 0;
  border: 0px none transparent;
  transition: opacity 0.5s 0.1s;
  border-bottom-left-radius: 15px;
    border-bottom-right-radius: 5px;
    border-top-left-radius: 5px;
}

#frenchflag {
	height: 20px;
    width: 30px;
    border-radius: 3px;
    background-repeat: no-repeat;
    display: block;
    float: left;
    margin: 10px;
    margin-left: 0px;
  background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA5MDAgNjAwIj4NCjxwYXRoIGZpbGw9IiNlZDI5MzkiIGQ9Im0wLDBoOTAwdjYwMGgtOTAweiIvPg0KPHBhdGggZmlsbD0iI2ZmZiIgZD0ibTAsMGg2MDB2NjAwaC02MDB6Ii8+DQo8cGF0aCBmaWxsPSIjMDAyMzk1IiBkPSJtMCwwaDMwMHY2MDBoLTMwMHoiLz4NCjwvc3ZnPg0K');
}

#corner {
  border: solid 1px #cdcdcd;
  box-shadow: 0px -10px 130px rgba(0, 0, 0,0.3);
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 5px;
  border-top-left-radius: 5px;
  position: absolute;
  background: linear-gradient(225deg, rgba(255, 255, 255, 0), rgba(243, 243, 243, 0.3) 45%, rgba(221, 221, 221, 0.3) 50%, rgb(170, 170, 170) 50%, rgb(187, 187, 187) 56%, rgb(204, 204, 204) 62%, rgb(243, 243, 243) 80%, rgb(255, 255, 255) 100%) repeat scroll 0% 0%, transparent no-repeat scroll 0% 0%;
  width: 100%;
  height: 100%;
}


@-webkit-keyframes showcoin {	0% 	{ width: 50px; height: 50px; 	}	100%  { width: 50px; height: 50px; 	}	}
@keyframes showcoin 		{   0% 	{ width: 50px; height: 50px; 	}	100%  { width: 50px; height: 50px; 	}	}


@media (max-width: 767px) {
	.cbp-l-filters-button .cbp-filter-item {
		background-color: #f8f8f8 !important;
		border: 1px solid #efefef !important;
		color: #73858b !important;
		cursor: pointer !important;
		font: 200 10px/20px "Open Sans", sans-serif !important;
		margin: 0 0px 2px 0 !important;
		overflow: visible !important;
		padding: 0 8px !important;
		position: relative !important;
		display: inline-block !important;
	}
	
	.cbp-item-wrapper .button.solid {
		padding: 7px 10px 7px 10px !important;
	}
	
	.cbp-l-grid-projects-title {
		color: #6e8389;
		margin-top: 15px !important;
	}
	
	.cbp .productMask01 .productPurcent {
		font-size: 12px !important;
		top: 66px !important;
	}
	
	.productPurcent {
		margin-left: -60px;
		width: 120px;
	}
	
	.detailBold {
    	font-size: 18px !important;
	}
	
	.detailLight {
    	font-size: 13px !important;
	}
	
	.productDesc01 .detail.detailCenter p small {
		font-size: 9px;
	}
	
	.detailOldprice.ispromo {
		margin-top: 24px !important;
		margin-left: -25px !important;
		width: 50px !important;
		opacity: 0.8 !important;
		font-size: 0.6em !important;
		height: 13px !important;
		line-height: 13px !important;
	}
	
	#yellow {
	  bottom: -3px;
      top: auto;
	  border-top-left-radius: 15px;
	  border-top-right-radius: 5px;
	  border-bottom-left-radius: 5px;
	}
	#yellow:hover, #red {
	  border-top-left-radius: 20px;
	  border-top-right-radius: 15px;
	  border-bottom-left-radius: 15px;
	}
	#corner {
	  box-shadow: -10px -10px 130px rgba(0, 0, 0,0.3);
	  border-top-left-radius: 15px;
	  border-top-right-radius: 5px;
	  border-bottom-left-radius: 5px;
	  background: linear-gradient(-45deg, rgba(255, 255, 255, 0), rgba(243, 243, 243, 0.3) 45%, rgba(221, 221, 221, 0.3) 50%, rgb(170, 170, 170) 50%, rgb(187, 187, 187) 56%, rgb(204, 204, 204) 62%, rgb(243, 243, 243) 80%, rgb(255, 255, 255) 100%) repeat scroll 0% 0%, transparent no-repeat scroll 0% 0%;
	}
}



.anim750{
  transition: all 750ms ease-in-out;
}

#Awesome{
	position: relative;
	width: 180px;
	height: 180px;
	margin: 0 auto;
  
  backface-visibility: hidden;
}

#Awesome .sticky{
	transform: rotate(45deg);
}

#Awesome:hover .sticky{
	transform: rotate(10deg);
}

#Awesome .sticky{
	position: absolute;
	top: 0;
	left: 0;
	width:180px;
	height: 180px;
}

#Awesome .reveal .circle{
	box-shadow: 0 1px 0px rgba(0,0,0,.15);
  
  font-family: 'helvetica neue', arial;
  font-weight: 200;
  line-height: 140px;
  text-align: center;
  
  cursor: pointer;
}

#Awesome .reveal .circle{
	background: #fafafa;
}

#Awesome .circle_wrapper{
	position: absolute;
	width: 180px;
	height: 180px;
	left: 0px;
	top: 0px;
	overflow: hidden;
}

#Awesome .circle{
	position: absolute;
	width: 140px;
	height:  140px;
	margin: 20px;
	
	border-radius: 999px;
}

#Awesome .back{
	height: 10px;
	top: 30px;
}

#Awesome:hover .back{
	height: 90px;
	top: 110px;
}

#Awesome .back .circle{
	margin-top: -130px;
	background-color: #fbec3f;

	background-image: -webkit-linear-gradient(bottom, rgba(251,236,63,.0), rgba(255,255,255,.8));
}

#Awesome:hover .back .circle{
	margin-top: -50px;
}

#Awesome .front{
	height: 150px;
	bottom: 0;
	top: auto;
	
	-webkit-box-shadow: 0 -140px 20px -140px rgba(0,0,0,.3);
}

#Awesome:hover .front{
	height: 70px;
	
	-webkit-box-shadow: 0 -60px 10px -60px rgba(0,0,0,.1);
}

#Awesome .front .circle{
	margin-top: -10px;
	background: #fbec3f;

	background-image: -webkit-linear-gradient(bottom, rgba(251,236,63,.0) 75%, #f7bb37 95%);
  background-image: -moz-linear-gradient(bottom, rgba(251,236,63,.0) 75%, #f7bb37 95%);
  background-image: linear-gradient(bottom, rgba(251,236,63,.0) 75%, #f7bb37 95%);
}

#Awesome h4{
  font-family: 'helvetica neue', arial;
  font-weight: 200;
  text-align: center;
	position: absolute;
	width: 180px;
	height: 140px;
  line-height: 140px;
	
	transition: opacity 50ms linear 400ms;
}

#Awesome:hover h4{
	opacity: 0;
	
	transition: opacity 50ms linear 300ms;
}

#Awesome:hover .front .circle{
	margin-top: -90px;
	background-color: #e2d439;
	background-position: 0 100px;
}


@media (min-width: 1200px) {
	.nav.navbar-nav.navbar-right li a.phone-number {
		padding: 4px 10px 9px 10px !important;
	}
}

.numsurtaxe { 
	position: absolute;
    letter-spacing: 1px;
    line-height: 1px;
    width: 100%;
    right: -2px;
    text-align: center;
    font-size: 55%;
    text-transform: uppercase;
    top: 21px;
    opacity: 0.8;
}



.fb_counter {
	display: block !important;
    left: 60px;
    max-width: 110px;
    padding: 0px;
    text-align: center;
    position: fixed;
    z-index: 10001;
    bottom: 20px;
    right: 10px;
    color: #fff;
    border-radius: 5px;
    background-color: #3b5998;
    font-size: 0.8em;
	opacity:0.7;
}

.fb_counter:hover {
	opacity:1;
	color:#fff;
	text-decoration:none;
}

.fb_counter i {
    font-size: 1.3em;
    margin-right: 5px;
}




#form_post_travel .coverdash-slider {
	max-width: 800px;
    margin: 0px auto;	
}



/* SWIPER */
/*----Gallery Plugin----*/

/**
 * Swiper 3.3.1
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * 
 * http://www.idangero.us/swiper/
 * 
 * Copyright 2016, Vladimir Kharlampidi
 * The iDangero.us
 * http://www.idangero.us/
 * 
 * Licensed under MIT
 * 
 * Released on: February 7, 2016
 */
.swiper-container {
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  /* Fix of Webkit flickering */
  z-index: 1;
}
.swiper-container-no-flexbox .swiper-slide {
  float: left;
}
.swiper-container-vertical > .swiper-wrapper {
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -ms-transition-property: -ms-transform;
  transition-property: transform;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.swiper-container-android .swiper-slide,
.swiper-wrapper {
  -webkit-transform: translate3d(0px, 0, 0);
  -moz-transform: translate3d(0px, 0, 0);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate3d(0px, 0, 0);
  transform: translate3d(0px, 0, 0);
}
.swiper-container-multirow > .swiper-wrapper {
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
.swiper-container-free-mode > .swiper-wrapper {
  -webkit-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  -ms-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  margin: 0 auto;
}
.swiper-slide {
  -webkit-flex-shrink: 0;
  -ms-flex: 0 0 auto;
  flex-shrink: 0;
    width:100%;
  height: 100%;
  position: relative;
}

/* Auto Height */
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
  height: auto;
}
.swiper-container-autoheight .swiper-wrapper {
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  -webkit-transition-property: -webkit-transform, height;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -ms-transition-property: -ms-transform;
  transition-property: transform, height;
}
/* a11y */
.swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}
/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal {
  -ms-touch-action: pan-y;
  touch-action: pan-y;
}
.swiper-wp8-vertical {
  -ms-touch-action: pan-x;
  touch-action: pan-x;
}
/* Arrows */
.swiper-button-prev,
.swiper-button-next {
  position: absolute;
  top: 50%;
  width: 27px;
  height: 44px;
  margin-top: -22px;
  z-index: 10;
  cursor: pointer;
  -moz-background-size: 27px 44px;
  -webkit-background-size: 27px 44px;
  background-size: 27px 44px;
  background-position: center;
  background-repeat: no-repeat;
}
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
  left: 10px;
  right: auto;
}
.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
  right: 10px;
  left: auto;
}
.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}
/* Pagination Styles */
.swiper-pagination {
  position: absolute;
  text-align: center;
  -webkit-transition: 300ms;
  -moz-transition: 300ms;
  -o-transition: 300ms;
  transition: 300ms;
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}
/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal > .swiper-pagination-bullets {
  bottom: 10px;
  left: 0;
  width: 100%;
}
.mydashboard .swiper-container-horizontal > .swiper-pagination-bullets {
  bottom: 80px;
}
/* Bullets */
.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 100%;
  background: #000;
  opacity: 0.2;
}
button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -webkit-appearance: none;
  appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}
.swiper-pagination-white .swiper-pagination-bullet {
  background: #fff;
}
.swiper-pagination-bullet-active {
  opacity: 1;
  background: #CCC;
}
.swiper-pagination-white .swiper-pagination-bullet-active {
  background: #fff;
}
.swiper-pagination-black .swiper-pagination-bullet-active {
  background: #000;
}
.swiper-container-vertical > .swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  -webkit-transform: translate3d(0px, -50%, 0);
  -moz-transform: translate3d(0px, -50%, 0);
  -o-transform: translate(0px, -50%);
  -ms-transform: translate3d(0px, -50%, 0);
  transform: translate3d(0px, -50%, 0);
}
.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 5px 0;
  display: block;
}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 5px;
}
/* Progress */
.swiper-pagination-progress {
  background: rgba(0, 0, 0, 0.25);
  position: absolute;
}
.swiper-pagination-progress .swiper-pagination-progressbar {
  background: #007aff;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: left top;
  -moz-transform-origin: left top;
  -ms-transform-origin: left top;
  -o-transform-origin: left top;
  transform-origin: left top;
}
.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar {
  -webkit-transform-origin: right top;
  -moz-transform-origin: right top;
  -ms-transform-origin: right top;
  -o-transform-origin: right top;
  transform-origin: right top;
}
.swiper-container-horizontal > .swiper-pagination-progress {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0;
}
.swiper-container-vertical > .swiper-pagination-progress {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0;
}
.swiper-pagination-progress.swiper-pagination-white {
  background: rgba(255, 255, 255, 0.5);
}
.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar {
  background: #fff;
}
.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar {
  background: #000;
}
/* 3D Container */
.swiper-container-3d {
  -webkit-perspective: 1200px;
  -moz-perspective: 1200px;
  -o-perspective: 1200px;
  perspective: 1200px;
}
.swiper-container-3d .swiper-wrapper,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-cube-shadow {
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}
.swiper-container-3d .swiper-slide-shadow-left {
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  /* Safari 4+, Chrome */
  background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Chrome 10+, Safari 5.1+, iOS 5+ */
  background-image: -moz-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Firefox 3.6-15 */
  background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Opera 11.10-12.00 */
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Firefox 16+, IE10, Opera 12.50+ */
}
.swiper-container-3d .swiper-slide-shadow-right {
  background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  /* Safari 4+, Chrome */
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Chrome 10+, Safari 5.1+, iOS 5+ */
  background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Firefox 3.6-15 */
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Opera 11.10-12.00 */
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Firefox 16+, IE10, Opera 12.50+ */
}
.swiper-container-3d .swiper-slide-shadow-top {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  /* Safari 4+, Chrome */
  background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Chrome 10+, Safari 5.1+, iOS 5+ */
  background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Firefox 3.6-15 */
  background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Opera 11.10-12.00 */
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Firefox 16+, IE10, Opera 12.50+ */
}
.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  /* Safari 4+, Chrome */
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Chrome 10+, Safari 5.1+, iOS 5+ */
  background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Firefox 3.6-15 */
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Opera 11.10-12.00 */
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Firefox 16+, IE10, Opera 12.50+ */
}
/* Coverflow */
.swiper-container-coverflow .swiper-wrapper,
.swiper-container-flip .swiper-wrapper {
  /* Windows 8 IE 10 fix */
  -ms-perspective: 1200px;
}
/* Cube + Flip */
.swiper-container-cube,
.swiper-container-flip {
  overflow: visible;
}
.swiper-container-cube .swiper-slide,
.swiper-container-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
}
.swiper-container-cube .swiper-slide .swiper-slide,
.swiper-container-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-flip .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-top,
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right,
.swiper-container-flip .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
}
/* Cube */
.swiper-container-cube .swiper-slide {
  visibility: hidden;
  -webkit-transform-origin: 0 0;
  -moz-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
}
.swiper-container-cube.swiper-container-rtl .swiper-slide {
  -webkit-transform-origin: 100% 0;
  -moz-transform-origin: 100% 0;
  -ms-transform-origin: 100% 0;
  transform-origin: 100% 0;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-prev,
.swiper-container-cube .swiper-slide-next + .swiper-slide {
  pointer-events: auto;
  visibility: visible;
}
.swiper-container-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.6;
  -webkit-filter: blur(50px);
  filter: blur(50px);
  z-index: 0;
}
/* Fade */
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  -webkit-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  -ms-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.swiper-container-fade .swiper-slide {
  pointer-events: none;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
}
.swiper-container-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
/* Scrollbar */
.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, 0.1);
}
.swiper-container-horizontal > .swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%;
}
.swiper-container-vertical > .swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%;
}
.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  left: 0;
  top: 0;
}
.swiper-scrollbar-cursor-drag {
  cursor: move;
}
/* Preloader */
.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  -webkit-transform-origin: 50%;
  -moz-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
  -moz-animation: swiper-preloader-spin 1s steps(12, end) infinite;
  animation: swiper-preloader-spin 1s steps(12, end) infinite;
}
.swiper-lazy-preloader:after {
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-position: 50%;
  -webkit-background-size: 100%;
  background-size: 100%;
  background-repeat: no-repeat;
}
.swiper-lazy-preloader-white:after {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
@-webkit-keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes swiper-preloader-spin {
  100% {
    transform: rotate(360deg);
  }
}


#swipebox-action #swipebox-prev.disabled,
#swipebox-action #swipebox-next.disabled {
	opacity: 0.3;
}

#swipebox-slider.rightSpring {
	-moz-animation: rightSpring 0.3s;
	-webkit-animation: rightSpring 0.3s;
}

#swipebox-slider.leftSpring {
	-moz-animation: leftSpring 0.3s;
	-webkit-animation: leftSpring 0.3s;
}

@-moz-keyframes rightSpring {
	0% {   margin-left: 0px;   }
	50% {  margin-left: -30px; }
	100% { margin-left: 0px;   }
}

@-moz-keyframes leftSpring {
	0% {   margin-left: 0px;  }
	50% {  margin-left: 30px; }
	100% { margin-left: 0px;  }
}

@-webkit-keyframes rightSpring {
	0% {   margin-left: 0px;   }
	50% {  margin-left: -30px; }
	100% { margin-left: 0px;   }
}

@-webkit-keyframes leftSpring {
	0% {    margin-left: 0px;  }
	50% {   margin-left: 30px; }
	100% {  margin-left: 0px;  }
}
















.nopadding, .no-padding, .no_padding {
	padding:0px;	
}

.pdng2 {
	padding:2px;	
}

.swiper-container-annonces_creation {
  width: 100%;
  height: 85vh;
}
.swiper-container-annonces_creation .swiper-slide {
  height: auto;
  text-align: center;
  font-size: 18px;
  background: #fff;

  /* Center slide text vertically */
  /*display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;*/
}


.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: #21baa3;
}
.swiper-container-annonces_creation .swiper-pagination-bullet {
  width: 20px;
  height: 20px;
  text-align: center;
  line-height: 20px;
  font-size: 12px;
  color:#000;
  opacity: 1;
  background: rgba(0,0,0,0.2);
}
.swiper-container-annonces_creation .swiper-pagination-bullet-active {
  color:#fff;
  background: #21baa3;
}

.swiper-container-annonces_creation .row .submit .titleswiperelement {
	background-color: #22baa3;
    max-height: 50px;
    top: 75px;
    position: fixed;
    width: 99%;
    margin: 0%;
    color: #FFFFFF;
    font-size: 1.5em;
    font-weight: 100;
	padding: 2% 5%;
}

@media (min-width: 1200px) {
	.swiper-container-annonces_creation .row .submit .titleswiperelement {
		width: 99.7%;
	}
	
	.swiper-container-annonces_creation .row .submit .titleswiperelement {
		padding: 1% 5%;
	}
}

.swiper-container-annonces_creation .row .submit img {
    height: 60px;
	opacity:0;
}

.overlayswiperelement {
    height: 96%;
    width: 96%;
	margin:1%;
	position:absolute;
    background: rgba(34, 186, 163, 0);
	-o-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
}


.titleswiperelement {
    background-color: rgba(99, 119, 127, 0.7);
    line-height: 1.2em;
    bottom: 5%;
    display: block;
    position: absolute;
    width: 95%;
    margin: 2%;
    text-align: center;
    z-index: 99;
    color: #FFFFFF;
    text-decoration: none;
    font-size: 0.6em;
    padding: 5% 15%;
    text-transform: uppercase;
    filter: blur(0px);
    -webkit-filter: blur(0px);
}

.imgswiperelement {
	text-align: center;
    width: 100%;
}

.selected .overlayswiperelement {
    background: rgba(34, 186, 163, 0.7);
}

.selected .titleswiperelement {
    background-color: rgba(99, 119, 127, 0);
}

.swiper-container-annonces_creation .row, .row.compagnon, .row.option1, .row.option2, .row.option3 {
	width:100%;	
	margin:0px;
}

.swiper-container-annonces_creation h4 {
	margin: 20px 0px;
}

.goleft {
	text-align:left;	
}