:root {
	--c-dorado: #bfae3b;
/* 	--c-dorado-light: #e4dab5; */
	--c-dorado-light: rgba(228,218,181,0.5);
}

/* =========================
			ANIMACIONES
============================ */

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

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


@keyframes scroll {
  0% { opacity: 0; }
  10% { transform: translateY(0); opacity: 1; }
  100% { transform: translateY(15px); opacity: 0;}
}


.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0,0,0,0);
    white-space: nowrap;
    border: 0;
}

/* =========================
			BODY
============================ */

body,
body.no-subnav {
	padding: 0;
    padding-top: 155px;
}

body {
	font-family: 'Lato', sans-serif;
	font-weight: 400;
}

body.noPortada {
    padding-top: 153px;
}

@media screen and (min-width:992px) {
	body,
	body.no-subnav {
	    padding-top: 185px;
	}
}
@media screen and (min-width:1200px) {
	body,
	body.no-subnav {
	    padding-top: 198px;
	}
}


.stretched-link::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    pointer-events: auto;
    content: "";
    background-color: rgba(0,0,0,0);
}

a,
a:hover {
	color: var(--c-dorado);
}

/* =========================
			FORM
============================ */
.no-valido {
	border: 1px solid red;
}


/* =========================
			LISTAS
============================ */
ul, ol, dl {
	margin: 0;
}

.list-inline {
    padding-left: 0;
    list-style: none;
}


.list-inline-item {
    display: inline-block;
}

.list-inline-item:not(:last-child) {
    margin-right: .5rem;
}

.list-unstyled {
    padding-left: 0;
    list-style: none;
}


/* =========================
			TEXTOS
============================ */

.h1-home {
    font-family: 'stay_classy_duo_scriptregular';
    font-size: 3rem;
    line-height: 1.5;
    margin: 0;
    color: var(--c-dorado);
}

.h1-home.vito-font {
    font-family: 'vito_extendedlight';
    text-transform: uppercase;
    font-size: 2rem;
}

@media screen and (min-width:992px) {
	.h1-home {
	    font-size: 5rem;
	}		
	.h1-home.vito-font {
	    font-size: 3.5rem;
	}
}

@media screen and (min-width:1200px) {
	.h1-home {
	    font-size: 6rem;
	}	
	.h1-home.vito-font {
	    font-size: 4rem;
	}
}


.h2-vito {
    font-family: 'vito_extendedlight';
    font-size: 1.3rem;
    color: #333;
}
@media screen and (min-width:992px) {
	.h2-vito {
	    font-size: 2rem;
	}	
}

h3 {
	margin-top: 0;
	font-size: 1.5rem;
	
    font-weight: 400;
}
h4 {
    font-size: 1.25em;
    margin-top: 0;
}

.columns-2 {
    columns: 2 400px;
    column-gap: 2rem;
}


.columns-3 {
    columns: 3 250px;
    column-gap: 2rem;
}



.text-transform {
	text-transform: uppercase;
}


/* =========================
			COLORES
============================ */

.bg-dorado-light {
	background-color: var(--c-dorado-light);
	color: #565656;
}

.c-dorado {
	color: var(--c-dorado);
}



/* =========================
			BOTONES
============================ */
.btn-group-sm>.btn, .btn-sm {
    padding: .15rem .25rem;
    font-size: .775rem;
    line-height: 1.5;
    border-radius: .2rem;
}
.btn-dorado {
    background-color: var(--c-dorado);
    border-color: var(--c-dorado);
    color: #fff;
}


.btn-dorado:hover {
    color: #333;
	background-color: var(--c-dorado);
    border-color: var(--c-dorado);
}




/* =========================
			TOPBAR
============================ */

.top-bar {
	border-bottom: 1px solid var(--c-dorado);
	text-align: center;	
	display: flex;
	justify-content: center;
	padding: 0.3rem 0 0.5rem 0;
}

@media screen and (min-width:992px) {
	.top-bar {
		justify-content: space-between;
	}	
}




.top-bar .nav {
    align-items: center;
}



.top-bar .top-bar-barra {
	margin: 0 0.5rem;
}

.top-bar .top-bar-icon {
	line-height: 0;
}

.top-bar .nav-link {
    color: #000;
}



/* TOPBAR - REDES */

.top-bar .redes {
	display: none;
}

.top-bar .redes .nav-link {
	padding: 0;
	margin:0 0 0 1rem;
}

@media screen and (min-width:992px) {
	.top-bar .redes {
		display: flex;
	}	
}






/* TOPBAR - INFO */

.top-bar .info .nav-link {
	font-size: .775rem;
    line-height: 1.5;
	padding: 0;
}

.top-bar .info a {
	color: #000;
	font-size: .75rem;
}

@media screen and (min-width:768px) {
	.top-bar .info a {
		font-size: 1rem;
	}
}


/* TOPBAR - IDIOMAS */

.top-bar .idiomas {
/* 	display: none; */
		display: flex;
}


.top-bar .idiomas .nav-link {
	padding: .15rem .25rem;
    font-size: .775rem;
    line-height: 1.5;
    border-radius: .2rem;
	background-color: transparent;
	border-radius: 5px;
	font-weight: bold;
	margin: 0 0 0 0.5rem;
}

.top-bar .idiomas .active .nav-link {
/* 	background-color: var(--c-dorado); */
	color: #fff;
	border: 2px solid black;
	border-radius: 50%;
	padding: 0;
}

@media screen and (min-width:992px) {
	.top-bar .idiomas {
		display: flex;
	}
	
	.top-bar .idiomas .nav-link {
		margin: 0 1rem 0 0;
	}
}




/* =========================
			NAVBAR
============================ */
.navbar {
    background-color: rgba(255,255,255,0.88);
	box-shadow: 0 1px 7px 0 rgba(0,0,0,0.1);
    align-items: stretch;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1000;
}

.navbar.navbar-fixed-top {
	position: fixed;
	background-color: #ffffff;
	top: 0;
	width: 100%;
	z-index: 1000;
}






@media screen and (min-width: 992px){
	.main-nav {
	    margin-top: 0;
	    margin-bottom: 0;
		justify-content: center;
		flex-wrap: wrap;
	}
}

/* NAVBAR-BRAND */
.navbar-brand > img {
    width: 110px;
}

.navbar.navbar-fixed-top .navbar-brand img {
	max-width: 90px;
}

.logo-marc {
	display: none;
}

.logo-marc > img {
/* 	margin-bottom: 0.5rem; */
}


.logo-marc span {
/* 	font-family: 'stay_classy_duo_scriptregular'; */
    font-family: 'vito_extendedlight';
    font-size: 0.8rem;
    line-height: 0.6;
    color: #000;
    text-transform: uppercase;
}


.logo-marc .estrella-michelin {
	height: 25px;
	width: auto;
	margin-left: auto;
    margin-right: auto;
}


.navbar.navbar-fixed-top .logo-marc .estrella-michelin {
}
	

@media screen and (min-width:992px) {
	.navbar-brand {
	    padding-bottom: 6px;
	    padding-top: 30px;
	}
	
	.navbar.navbar-fixed-top .navbar-brand {
	    padding-top: 17px;
	}
	
	.navbar-brand img {
		max-width: 110px;
		width: auto;
		margin-top: 0.5rem;
	}
	.logo-marc .estrella-michelin {
		margin-top: 0;
	}
	
	.logo-marc {
		display: inline-block;
	    text-align: center;
	    padding-top: 0px;
	    padding-bottom: 10px;
		margin-right: 0;
	}
	
	.navbar.navbar-fixed-top .logo-marc {
	    padding-top: 0px;
	    padding-bottom: 4px;
		line-height: 1;
	}
	
	.navbar.navbar-fixed-top .logo-marc > img {
		margin-top: 0.5rem;
	}
	
	.logo-marc span {
	    font-size: 0.8rem;
	}
	
	.navbar.navbar-fixed-top .logo-marc span {
	    font-size: 0.65rem;
	}
	
	.logo-marc .estrella-michelin {
		height: 25px;
		width: auto;
		margin-left: auto;
	    margin-right: auto;
	}
	
	
	.navbar.navbar-fixed-top .logo-marc .estrella-michelin {
    	margin-bottom: 0.5rem;
		margin-top: 0.3rem;
	}
	
	
}

@media screen and (min-width:1200px) {
		
	.navbar-brand img {
		max-width: 125px;
	}
}






/* NAVBAR-COLLAPSE */
.navbar-collapse {
    background-color: #fff;
}

@media (max-width: 991px) {
	.navbar-collapse {
		height: 100vh;
	}
}

@media (min-width: 992px) {
	.navbar-expand-lg .navbar-collapse {
	    justify-content: center;
		background-color: transparent;
	}
}


.navbar-collapse-header {
    background-color: #000;
}


.navbar-collapse .redes {
	justify-content: center;	
}

.navbar-collapse .logo-marc {
	display: block;
	text-align: center;
}

@media screen and (min-width:992px) {
	.navbar-collapse .redes {
		display: none;	
	}	
	.navbar-collapse .logo-marc {
		display: none;
	}
}






/* NAV-ITEM Y NAV-LINK */

.navbar-nav.main-nav > .nav-item > .nav-link {
    color: #000;
    font-family: 'vito_extendedlight';
    font-weight: bold;
	transition: color 0.35s;
}

@media screen and (max-width:767px) {
	.navbar-nav.main-nav > .nav-item > .nav-link {
		font-size: 0.875rem;
		padding: 0.5rem 1rem;
	}	
}

.navbar-nav.main-nav > .nav-item:last-child > .nav-link {
	border-bottom: 1px solid #b7b7b7;
}


.main-nav > .nav-item.active > .nav-link {
    color: var(--c-dorado);
}


@media screen and (min-width: 992px) {
	.navbar-nav.main-nav > .nav-item {
	    margin: 0 0.5rem;
	}
	
	.navbar-nav.main-nav > .nav-item:first-child {
	    width: 100%;
		text-align: center;
		margin: 0 0 1.5rem 0;
	}

	.navbar-nav.main-nav > .nav-item > .nav-link {
		font-size: 0.875rem;
		display: inline-block;
	}
	
	.navbar-nav.main-nav > .nav-item:last-child > .nav-link {
		border-bottom: none;
	}

	
	.main-nav > .nav-item > .nav-link:hover {
   		color: var(--c-dorado);
	}
	
	.main-nav > .nav-item > .nav-link:before {
	    content: '';
	    width: 10px;
	    height: 10px;
	    background-color: var(--c-dorado);
	    border-radius: 50%;
	    position: absolute;
	    top: -3rem;
	    left: 50%;
	    transform: translateX(-50%);
	    opacity: 0;
	    visibility: hidden;
	    transition: all 0.35s;
	}
	
	.main-nav > .nav-item > .nav-link:hover:before {
	    top: -1.2rem;
	    opacity: 1;
	    visibility: visible;
	}
	
	.main-nav > .nav-item.active > .nav-link:before,
	.main-nav > .nav-item.active > .nav-link:hover:before {
	    top: -1.2rem;
	    opacity: 1;
	    visibility: visible;
	}
	
}

@media screen and (min-width: 1200px) {
	.navbar-nav.main-nav > .nav-item {
	    margin: 0 1rem;
	}
	.navbar-nav.main-nav > .nav-item > .nav-link {
		font-size: 1rem;
	}
}



/* =========================
		PORTADA
============================ */


.portada-video {
    overflow: hidden;
    position: relative;
}

.portada-video video {
    margin-top: -7%;
    margin-bottom: -7%;
}




.portada {
	height: 400px;
/* 	background-image: url('../img/paginas/fosh_catering/fosh_catering_portada_w_1920.jpg'); */
	background-image: url('../img/1920x1080.jpg');
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}

@media screen and (min-width:768px) {
	.portada {
		height: 500px;
	}
}


.portada-content {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.2);
	display: flex;
	justify-content: center;
	align-items: flex-end;
/* 	align-items: center; */
}

.portada-frase {
	text-align: center;
	color: #fff;
	font-family: 'vito_extendedlight';
    font-size: 1.4rem;
    font-weight: bold;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 1);
    margin-bottom: 7rem;
}

@media screen and (min-width:768px) {
	.portada-frase {
	    font-size: 2rem;
		margin-bottom: 8rem;
	}
}

@media screen and (min-width:992px) {

	.portada-frase {
	    /*font-size: 4rem;*/
		margin-bottom: 7rem;
	}	

}


.portada.bodas {
	background-image: url('../img/paginas/bodas/portada_bodas_catering_fosh.jpeg');
}

.portada.mallorca,
.portada.mallorca_2 {
	background-image: url('../img/paginas/mallorca/mallorca_catering_fosh_portada2_device.jpg');
}

.portada.mallorca_2 {
	display: flex;
	justify-content: center;
	align-items: center;
}

@media screen and (min-width:577px) {
	.portada.mallorca,
	.portada.mallorca_2 {
		background-image: url('../img/paginas/mallorca/mallorca_catering_fosh_portada2.jpg');
	}
}

.portada.fincas {
	background-image: url('../img/paginas/fincas/fincas_catering_fosh_portada.jpg');
}

.portada.marc_fosh {
/*
	background-image: none;
	height: 0;
*/
	background-image: url('../img/paginas/marc_fosh/marc_fosh_portada.jpg');
}

.portada.ibiza {
	background-image: url('../img/paginas/ibiza/ibiza_catering_fosh.jpg');
}

.portada.menus {
	background-image: url('../img/paginas/menus/menus_catering_fosh2.jpg');
}

.portada.eventos {
	background-image: url('../img/paginas/eventos/eventos_portada.jpg');
}

.portada.corporativo {
	background-image: url('../img/paginas/corporativo/corporativo_portada.jpg');
}

.portada.fosh_at_home {
	background-image: url('../img/paginas/prive/prive_portada.jpg');
}

.portada.inicio-test,
.portada.fosh_catering {
	background-image: url('../img/paginas/fosh_catering/fosh-catering-mallorca-portada_960.webp');
	display: flex;
	justify-content: center;
	align-items: center;
}

@media screen and (min-width:768px) {
	.portada.inicio-test,
	.portada.fosh_catering {
		background-image: url('../img/paginas/fosh_catering/fosh-catering-mallorca-portada.jpg');
	}	
}

.inicio-test-title {
	font-size: 25px;
	color:#fff;
	text-shadow: 0 0 3px black;
}

@media screen and (min-width:768px) {
	.inicio-test-title {
		font-size: 32px;
	}
}
@media screen and (min-width:992px) {
	.inicio-test-title {
		font-size: 42px;
	}
}


.portada.reservas,
.portada.contacto,
.portada.politica_de_cookies,
.portada.mas_informacion_sobre_cookies,
.portada.aviso_legal,
.portada.trabaja_con_nosotros,
.portada.preguntas_frecuentes,
.portada.newsletter,
.portada.gracias,
.portada.declaracion_de_financiacion,
.portada.politica_de_privacidad,
.portada.clausula_informativa {
	background-image: none;
	height: 0;
}


/* PORTADAS FINCAS */

.portada.finca_son_mir {
	background-image: url('../img/paginas/fincas/finca_son_mir/finca_son_mir_portada.jpg');
}
.portada.finca_son_togores {
	background-image: url('../img/paginas/fincas/finca_son_togores/finca_son_togores_portada.jpg');
}
.portada.finca_son_mesquida_nou {
/* 	background-image: url('../img/paginas/fincas/finca_son_mesquida_nou/finca_son_mesquida_nou_portada.jpg'); */
}
.portada.cca_andratx_museum {
	background-image: url('../img/paginas/fincas/cca_andratx_museum/cca_andratx_museum_portada.jpg');
}
.portada.finca_tagamanent {
	background-image: url('../img/paginas/fincas/finca_tagamanent/finca_tagamanent_portada.jpg');
}
.portada.finca_moli_devents {
	background-image: url('../img/paginas/fincas/finca_moli_devents/finca_moli_devents_portada.jpg');
}
.portada.finca_biniorella {
	background-image: url('../img/paginas/fincas/finca_biniorella/finca_biniorella_portada.jpg');
}

.portada.la_fortaleza {
	/*background-image: url('../img/paginas/fincas/la_fortaleza/la_fortaleza_portada.jpg');*/
	background-image: url('../img/paginas/fincas/la_fortaleza/portada_la_fortaleza.jpg');
}
.portada.finca_es_cabas {
	background-image: url('../img/paginas/fincas/finca_es_cabas/finca_es_cabas_portada.jpg');
}
.portada.finca_biniagual {
	background-image: url('../img/paginas/fincas/finca_biniagual/finca_biniagual_portada.jpg');
}
.portada.finca_sa_franquesa_nova {
	background-image: url('../img/paginas/fincas/finca_sa_franquesa_nova/finca_sa_franquesa_nova_portada.jpg');
}
.portada.finca_son_doblons {
	background-image: url('../img/paginas/fincas/finca_son_doblons/finca_son_doblons_portada.jpg');
}
.portada.finca_galdent {
	background-image: url('../img/paginas/fincas/finca_galdent/finca_galdent_portada.jpg');
}
.portada.finca_can_lluc {
	background-image: url('../img/paginas/fincas/finca_can_lluc/finca_can_lluc_portada.jpg');
}
.portada.finca_can_quince {
	background-image: url('../img/paginas/fincas/finca_can_quince/finca_can_quince_portada.jpg');
}
.portada.finca_morneta {
	background-image: url('../img/paginas/fincas/finca_morneta/finca_morneta_portada.jpeg');
}
.portada.finca_son_marroig {
	background-image: url('../img/paginas/fincas/finca_son_marroig/finca_son_marroig_portada.jpg');
}

.portada.finca_son_llompart {
	background-image: url('../img/paginas/fincas/finca_son_llompart/finca_son_llompart_portada.jpg');
}

.portada.finca_son_berga {
	background-image: url('../img/paginas/fincas/finca_son_berga/finca_son_berga_portada.jpg');
}

.portada.finca_els_calderers {
	background-image: url('../img/paginas/fincas/finca_els_calderers/finca_els_calderers_portada.jpg');
}

.portada.finca_gordiola {
	background-image: url('../img/paginas/fincas/finca_gordiola/finca_gordiola_portada.jpg');
}

.portada.finca_son_sampol {
	background-image: url('../img/paginas/fincas/finca_son_sampol/finca_son_sampol_portada.jpeg');
}

.portada.finca_ses_cases_de_sa_font_seca {
	background-image: url('../img/paginas/fincas/finca_ses_cases_de_sa_font_seca/finca_ses_cases_de_sa_font_sec_portada.jpg');
}


@media screen and (min-width:768px) {
	.portada.finca_son_sampol {
		height: 550px;
	}
}



/* ICONO RATON SCROLL PORTADA */

.scroll-downs {
  position: absolute;
  left: 50%;
  bottom: 2rem;
  transform: translateX(-50%);
  margin: auto;
  
  width :34px;
  height: 55px;
}

.scroll-downs:hover {
	cursor: pointer;
}

.mousey {
  width: 3px;
  padding: 10px 15px;
  height: 35px;
  border: 2px solid #fff;
  border-radius: 25px;
  opacity: 0.75;
  box-sizing: content-box;
}
.scroller {
  width: 3px;
  height: 10px;
  border-radius: 25%;
  background-color: #fff;
  animation-name: scroll;
  animation-duration: 2.2s;
  animation-timing-function: cubic-bezier(.15,.41,.69,.94);
  animation-iteration-count: infinite;
}


@media screen and (max-width:767px) {
	.scroll-downs {
		display: none;
	}		
}









/* =========================
		CARD
============================ */

.card {
	background-color: #F1ECDA;
    border: none;
    border-radius: 0;
    overflow: hidden;
}

a.card:hover {
	text-decoration: none;
}


.card-img-box {
	position: relative;
	overflow: hidden;
}

.card-img-box:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: transparent;
	z-index: 1;
	transition: background-color 0.7s;
}

a.card:hover .card-img-box:before {
	background-color: rgba(0,0,0,0.4);
}

.card-img-top {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}



.card-mas-info {
    position: absolute;
    bottom: 0;
    right: 0.5rem;
    text-transform: uppercase;
    color: #212529;
    background-color: #F1ECDA;
    padding: 0.375rem 0.5rem;
    font-size: 0.8rem;
    line-height: 1.5;
    z-index: 2;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

@media screen and (min-width:768px) {
	.card-mas-info {
		right: auto;
		left: 50%;
		transform: translateX(-50%);
	}
}


@media screen and (min-width:992px) {
	.card-mas-info {
		bottom: -50px;
	    padding: 0.375rem 0.75rem;
	    font-size: 1rem;
		opacity: 0;
		transition: all 0.7s;
	    border-top-left-radius: 4px;
	    border-top-right-radius: 4px;
	}
	
	a.card:hover .card-mas-info {
		opacity: 1;
		bottom: 0;
	}

}


.card-body {
	position: relative;
	background-color: #F1ECDA;
	transition: all 0.7s;
}


.card:hover .card-body {
/* 	background-color: var(--c-dorado); */
}


.card-title {
    margin-top: 0;
    font-family: 'vito_extendedlight';
    font-size: 1.7rem;
    color: #333;
}
.card-text,
a.card .card-text,
a.card:hover .card-text {
	margin-bottom: 0.35rem;
	color: #565656;
}

.card-text:last-child {
	margin-bottom: 0;
}


/* card especialidades */

@media screen and (min-width:768px) {
	.card.especialidad .card-title {
		font-size: 1.3rem;
	}
}








/* =========================
		GLIDE
============================ */

.glide__slide {
	display: flex;
	height: auto;
}



.glide__bullet {
    background-color: #212529;
    width: 12px;
    height: 12px;
}

.glide__bullet:hover {
    border: 2px solid var(--c-dorado);
    background-color: #212529;
}

.glide__bullet--active,
.glide__bullet:focus {
	border-color: var(--c-dorado);
    background-color: var(--c-dorado);
}

.glide__bullets {
    bottom: -10px;
}

.glide__arrow {
    padding: 2rem 0.4rem;
    border: none;
    box-shadow: none;
    text-shadow: none;
    background-color: var(--c-dorado);
}

.glide__arrow--left {
    left: 0;   
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}



.glide__arrow--right {
    right: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}



.glide__arrow img {
	width: 12px;
	height: auto;
}

.glide__arrow--left img {
	transform: translateX(-1px);
}

.glide__arrow--right img {
	transform: translateX(1px);
}


@media screen and (max-width:767px) {

	.glide__arrow.mobile {
		padding: 0;
		top: -20px;
		transform:none;
		padding: 9px 12px;
	}
	
	.glide__arrow--left.mobile {
		left: 50%;
		transform: translateX(-103%);
		border-radius: 4px;
	}
	
	
	.glide__arrow--right.mobile {
		right: 50%;
		transform: translateX(103%);
		border-radius: 4px;
	}

	
}





/* =========================
		SERVICIOS HOME
============================ */

.servicios {
	cursor: pointer;
	overflow: hidden;
	position: relative;
	display: block;
}

.servicios:before {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: rgba(0,0,0,0.4);
	z-index: 2;
}

.servicios img {
	transform: scale(1);
	transition: transform 0.7s;
	position: relative;
	z-index: 1;
}

.servicios:hover img {
	transform: scale(1.05);
}

.servicios h3 {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
    font-family: 'stay_classy_duo_scriptregular';
    font-size: 5rem;
    margin: 0;
    color: var(--c-dorado);
	z-index: 3;
}


.servicios-mas-info {
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	text-transform: uppercase;
	color: #212529;
	background-color: #F1ECDA;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
	z-index: 2;
}


@media screen and (min-width:768px) {
	.servicios h3 {
	    font-size: 4rem;
	}	
}


@media screen and (min-width:992px) {
	.servicios h3 {
	    font-size: 5rem;
	}	
	
	.servicios-mas-info {
		bottom: -50px;
		opacity: 0;
		transition: all 0.7s;
	}
	
	.servicios:hover .servicios-mas-info {
		opacity: 1;
		bottom: 0;
	}
	
}

@media only screen and (-webkit-min-device-pixel-ratio: 1) and (max-device-width: 1024px) and (min-device-width: 768px) {
	.servicios-mas-info {
		bottom: 0;
		opacity: 1;
	}	
}




/* =========================
		ASESORAMIENTO
============================ */

.asesoramiento {
	background-image: url(../img/paginas/fosh_catering/mallorca_catering_fosh_portada.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
	color: #fff;
}

.asesoramiento:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.6);
}

.asesoramiento p {
	letter-spacing: 0.5px;
}

/* =========================
		MENUS COCKTAILS
============================ */

.cocktails{
	margin-bottom: 1rem;
}

.cocktails li {
	margin-bottom: 0.5rem;
}

.cocktails span {
	color: var(--c-dorado);
}






/* =========================
		TOBII
============================ */

.tobii {
	background-color: rgba(255,255,255,0.94);
}


.tobii>button {
    border: none;
    color: #fff;
    padding: 2rem 0;
    background-color: var(--c-dorado);
}

.tobii>button.tobii__next {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.tobii>button.tobii__prev {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.tobii>button:active, .tobii>button:focus, .tobii>button:hover {
    opacity: 1;
    transform: scale(1);
    outline: none;
}


.tobii>button.tobii__close {
    right: .27778em;
    padding: .27778em;
    top: 5px;
}

.tobii>button.tobii__prev svg, .tobii>button.tobii__next svg {
    height: 3em;
    width: 2em;
}



.lightbox-video {
	position: relative;
	display: inline-block;
	background-color: #000;
	transition: all 0.35s;
}

.lightbox-video img:first-child {
	transition: all 0.35s;
}

.lightbox-video:hover img:first-child {
	opacity: 0.7;
}


.video-play {
	width: 135px;
	height: auto;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	opacity: 0.5;
	transition: all 0.35s;
}

.lightbox-video:hover .video-play {
	opacity: 1;
}


/* =========================
		BLOCKQUOTE
============================ */


.blockquote {
	text-align: center;
}

.blockquote p {
	font-size: 1.4rem;
}

.blockquote-footer {
	color: var(--c-dorado);
	font-size: 1.1rem;
}


/* =======================
	PREGUNTAS / FAQS
========================== */
.pregunta {
	border-bottom: 1px solid var(--c-dorado);
	margin-bottom: 1rem;
}

.pregunta .card-options {
	background-size: 33px auto;
	color: #000;
}

.pregunta-title {
	margin: 0;
	font-size: 1.1rem;
    background-color: transparent;
    border: none;
    cursor: pointer;
    background-image: url(../img/iconos/icon-plus.png);
    background-size: 15px auto;
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 1.5rem;
}

.pregunta-title.open {
    background-image: url(../img/iconos/icon-minus.png);
}

.pregunta p {
	color: #000;
}


/* ===============
	COLLAPSE
================== */
.collapse {
	display: block;
	max-height: 0px;
	overflow: hidden;
	transition: max-height .5s cubic-bezier(0, 1, 0, 1); 
}
.collapse.show {
	max-height: 99em;
	transition: max-height .5s ease-in-out;
}


.block {
	margin-top: 0.5rem;
	margin-bottom: 0.5rem;
	background: #f5f5f5;
	padding: 0;
}

.block-white {
	background: #fff;
}
 
.block__content {
	border: 1px solid #ccc;
	padding: 1.5em;
	height: 100%;
}





/* =========================
			FOOTER
============================ */

.footer {
    background-color: #000;
}


.footer-img {
    max-width: 140px;
}

.footer a:hover {
	text-decoration: none;
}




.seleccionar-finca {
	display: none;
	color: red;
}

.seleccionar-finca.show {
	display: block;
}