@charset "utf-8";
/* CSS Document */

.fancybox-bg {
	background-color: #000 !important;
}
/* Styles for animated modal ========================= */
/* Start state */
.animated-modal {
		max-width: 95%;
		min-width: 30%;
		padding: 10px !important;
		border-radius: 4px;
		overflow: hidden;
		background-color: #FFF;
	 /* background: linear-gradient(45deg, #543093 32%, #d960ae 100%);*/

		transform: translateY(-80px);
		transition: all .5s; /* Should match `data-animation-duration` parameter */
}
.animated-modal * {
		color: #283986;
}
.animated-modal h4,
.animated-modal p {
		transform: translateY(-40px);
		opacity: 0;

		transition-property: transform, opacity;
		transition-duration: .3s;
}
/* Final state */
.fancybox-slide--current .animated-modal,
.fancybox-slide--current .animated-modal h4,
.fancybox-slide--current .animated-modal p {
		transform: translateY(0);
		opacity: 1;

		transition-duration: .3s;
}
/* Reveal content with different delays */
.fancybox-slide--current .animated-modal h4 {
		transition-delay: .1s;
}
.fancybox-slide--current .animated-modal p {
		transition-delay: .4s;
}
.fancybox-slide--current .animated-modal p:first-of-type {
		transition-delay: .2s;
}

/* ---------------------------------------------------------- */
/* MODAL ---------------------------------------------------- */
/* ---------------------------------------------------------- */

.modal-body img {
	width: 120px;
	height: auto;
	margin-bottom: 10px;
}
.modal-body h2 {
	line-height: 50px !important;
}
.modal-body p {
	text-align: justify;
}
.modal-body ol li, 
.modal-body ul li {
	padding-bottom: 10px;
}
.modal-body .btn-success {
	color: #FFF !important;
}
.modal-body .btn-magenta {
  color: #fff;
  background-color: #e1007a;
  border-color: #94003e;
}
.modal-body .btn-magenta:hover {
  color: #fff;
  background-color: #94003e;
  border-color: #e1007a;
}
.modal-body .btn-magenta:focus, .btn-magenta.focus {
  box-shadow: 0 0 0 0.2rem rgba(240, 138, 1, 0.5);
}
.modal-body .btn-orange {
  color: #fff;
  background-color: #f08a01;
  border-color: #b45800;
}
.modal-body .btn-orange:hover {
  color: #fff;
  background-color: #b45800;
  border-color: #f08a01;
}
.modal-body .btn-orange:focus, .btn-orange.focus {
  box-shadow: 0 0 0 0.2rem rgba(225, 0, 122, 0.5);
}
.modal-body .list-group p {
	font-size: 13px;
}
.modal-body small {
	white-space: nowrap;
	font-size: 12px;
	color: #f08a01;
}
/* ---------------------------------------------------------- */
/* GALLERY PHOTOS ------------------------------------------- */
/* ---------------------------------------------------------- */
/*.gallery-title {
    font-size: 36px;
    color: #42B32F;
    text-align: center;
    font-weight: 500;
    margin-bottom: 70px;
}
.gallery-title:after {
    content: "";
    position: absolute;
    width: 7.5%;
    left: 46.5%;
    height: 45px;
    border-bottom: 1px solid #5e5e5e;
}*/
.filter-button {
    font-size: 15px;
    border: 1px solid #f08a01;
    border-radius: 3px;
    text-align: center;
    color: #f08a01;
		background-color: #fdf3e5;
    margin-bottom: 10px;
}
.filter-button:hover, 
.filter-button:active {
    /*font-size: 18px;*/
    border-color: #e1007a;
    /*border-radius: 5px;
    text-align: center;*/
    color: #ffffff;
    background-color: #f08a01 !important;
		-webkit-box-shadow: 0px 0px 10px 3px rgba(0,0,0,0.5);
		-moz-box-shadow: 0px 0px 10px 3px rgba(0,0,0,0.5);
		-ms-box-shadow: 0px 0px 10px 3px rgba(0,0,0,0.5);
		-o-box-shadow: 0px 0px 10px 3px rgba(0,0,0,0.5);
		box-shadow: 0px 0px 10px 3px rgba(0,0,0,0.5);
}
/*.btn-default:active .filter-button:active {
    background-color: #f08a01;
    color: white;
}*/
/*.port-image {
    width: 100%;
}*/
/*.gallery_product {
    margin-bottom: 30px;
}*/
.gallery_product a.opacity {
	display: block;
	width: auto;
	height: 120px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	margin: 10px !important;
	border: #f08a01 solid 1px;
	border-radius: 5px;
}
.gallery_product a.opacity:hover {
	border-color: #e1007a;
	-webkit-box-shadow: 0px 0px 10px 3px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 0px 10px 3px rgba(0,0,0,0.5);
	-ms-box-shadow: 0px 0px 10px 3px rgba(0,0,0,0.5);
	-o-box-shadow: 0px 0px 10px 3px rgba(0,0,0,0.5);
	box-shadow: 0px 0px 10px 3px rgba(0,0,0,0.5);
}
/*.gallery_product img {
    width: 100%;
		height: auto;
}*/

/* Small devices (landscape phones, 544px and up) */
@media (min-width: 576px) {  

}
 
/* Medium devices (tablets, 768px and up) The navbar toggle appears at this breakpoint */
@media (min-width: 768px) {  

}
 
/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) { 
	.modal-body img {
		width: 208px;
	}
/* ---------------------------------------------------------- */
}

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

}

/* Iconos flotantes */
.icon-reseaux {
	position: fixed;
	top: 50%;
	right: 0;
	z-index: 500;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	display: -webkit-box;
	display: -moz-box;
	display: -webkit- flex;
	display: -ms-flexbox;
	display: -ms- flex;
	display: flex;
	-ms-flex-align: flex-end;
	-webkit-align-items: flex-end;
	align-items: flex-end;
	-ms-flex-direction: column;
	-webkit-flex-direction: column;
	flex-direction: column;
}
.icon-reseaux a, 
.icon-reseaux button {
	display: block;
	padding: 5px;
	width: 40px;
	height: auto;
	text-align: center;
	font-size: 24px;
	line-height: 24px;
	color: #fff;
	overflow: hidden;
	-webkit-border-radius: 10px 0 0 10px;
	-moz-border-radius: 10px 0 0 10px;
	-o-border-radius: 10px 0 0 10px;
	border-radius: 6px 0 0 6px;
	-webkit-transition: all .2s ease-out 0s;
	-moz-transition: all .2s ease-out 0s;
	-ms-transition: all .2s ease-out 0s;
	-o-transition: all .2s ease-out 0s;
	transition: all .2s ease-out 0s !important;
}
.icon-reseaux a i{
	color: #fff;
	font-size: 20px;
}
.icon-reseaux a:hover, 
.icon-reseaux button:hover {
	width: 80px;
	color: #FFF;
}
.icon-reseaux a.whatsapp_sticky, 
.icon-reseaux button.whatsapp_sticky {
	background-color: #00E676;
}
.icon-reseaux a.facebook_sticky, 
.icon-reseaux button.facebook_sticky {
	background-color: #4267b2;
}
.icon-reseaux a.instagram_sticky, 
.icon-reseaux button.instagram_sticky {
	background-color: #000;
}

.icon-reseaux a.twitter_sticky, 
.icon-reseaux button.twitter_sticky {
	background-color: #00a5ee;
}

.icon-reseaux a.youtube_sticky, 
.icon-reseaux button.youtub_stickye {
	background-color: #ff0000;
}
.icon-reseaux a.tripadvisor_sticky, 
.icon-reseaux button.tripadvisor_sticky {
	background-color: #00a680;
}
.icon-reseaux a.petit_sticky, 
.icon-reseaux button.petit_sticky {
	background-color: #00b2be;
}
.icon-reseaux-opacity {
	filter: alpha(opacity=0.7);
	-moz-opacity: 0.7;
	-webkit-opacity: 0.7;
	-ms-opacity: 0.7;
	-o-opacity: 0.7;
	opacity: 0.7;
	transition: all 1.0s  ease !important;
}
.icon-reseaux-opacity:hover{
	filter: alpha(opacity=1.0);
	-moz-opacity: 1.0;
	-webkit-opacity: 1.0;
	-ms-opacity: 1.0;
	-o-opacity: 1.0;
	opacity: 1.0;
}