html, body {
    font-size: 16px;
    color: #000000;
    margin: 0px;
    padding: 0px;
    font-family: 'Neue Haas Grotesk Text Pro Roman';
    line-height: 1.4;
    overflow-x: hidden;
}
@font-face {
	font-family: 'Neue Haas Grotesk Text Pro Roman';
	font-style: normal;
	font-weight: normal;
	src: local('Neue Haas Grotesk Text Pro Roman'), url('../fonts/NHaasGroteskTXPro-55Rg.woff') format('woff');
}
/* COLS SYSTEM *******************************************************************/
.col-xs-101,.col-xs-102,.col-xs-103,.col-xs-104,.col-xs-105,.col-xs-106,.col-xs-107,.col-xs-108,.col-xs-109,.col-xs-110,
.col-sm-101,.col-sm-102,.col-sm-103,.col-sm-104,.col-sm-105,.col-sm-106,.col-sm-107,.col-sm-108,.col-sm-109,.col-sm-110,
.col-md-101,.col-md-102,.col-md-103,.col-md-104,.col-md-105,.col-md-106,.col-md-107,.col-md-108,.col-md-109,.col-md-110,
.col-lg-101,.col-lg-102,.col-lg-103,.col-lg-104,.col-lg-105,.col-lg-106,.col-lg-107,.col-lg-108,.col-lg-109,.col-lg-110
{position: relative;min-height: 1px;}
.col-xs-101 {width: calc(10%);float: left;}
.col-xs-102 {width: 20%;float: left;}
.col-xs-103 {width: 30%;float: left;}
.col-xs-104 {width: 40%;float: left;}
.col-xs-105 {width: 50%;float: left;}
.col-xs-106 {width: 60%;float: left;}
.col-xs-107 {width: 70%;float: left;}
.col-xs-108 {width: 80%;float: left;}
.col-xs-109 {width: 90%;float: left;}
.col-xs-110 {width: 100%;float: left;}
.row {margin: initial;}
/* /COLS SYSTEM ******************************************************************/
/* Hs ****************************************************************************/
h1 {font-family: 'Neue Haas Grotesk Text Pro Roman';}
h2 {font-family: 'Neue Haas Grotesk Text Pro Roman';font-size: 26px;margin: 0px;padding: 0px;text-transform: uppercase;}
h3 {font-family: 'Neue Haas Grotesk Text Pro Roman';}
/* /Hs ***************************************************************************/
a {color: #000; text-decoration: none;}
hr{border-top: 1px solid #DFDFDF;margin:0px;opacity: 1;}
.button:focus {outline: none;}
.uppercase {text-transform: uppercase;}
.active-white {color: #fff;}
.active-white a {color: #fff;}
.active-white a:hover {color: #fff;}
/* JUMPTARGET - Corrige gap no anchors *******************************************/
.jumptarget::before,
.jumptarget_about::before,
.jumptarget_visiting:before,
.jumptarget:before {content: ""; display: block; height: 54px; margin: -54px 0 0;}
/* /JUMPTARGET - Corrige gap no anchors ******************************************/
/* NAVBAR ************************************************************************/
.mynavbar-container {width: 100%; height: 52px; position: fixed; z-index: 1000; top: 0; left: 0; background-color: #fff; border-bottom: 1px solid #dfdfdf;}
.mynavbar-container a {text-decoration: none; color: #000; cursor: pointer;}
.logotipo {height: 52px; line-height: 52px;	font-size: 22px; text-transform: uppercase;	float: left;}
/* Hamburguer menu ***********************************************************/
.bar1, .bar2, .bar3 {width: 30px;height: 4px;background-color: #333;margin: 4px 0;transition: 0.4s;}
.change .bar1 {-webkit-transform: rotate(-45deg) translate(-8px, 3px);transform: rotate(-45deg) translate(-8px, 3px);}
.change .bar2 {opacity: 0;}
.change .bar3 {-webkit-transform: rotate(45deg) translate(-8px, -4px);transform: rotate(45deg) translate(-8px, -4px);}
/* /Hamburguer menu **********************************************************/
/* Menu block ****************************************************************/
.block-menu {
	display: none;
	width: 100%;
	position: fixed;
	top: 52px;
    z-index: 1000;
    background-color: #fff;
    text-transform: uppercase;
	overflow: scroll;
    height: calc(100% + 52px);
}	
.container-menu-text {display: none;}
.space-001 {height: 52px;}
/* END NAVBAR *********************************************************************/
/* SUBNAVBAR **********************************************************************/
.top-bar-btns a {padding-right: 20px;}
.top-bar-btns a:hover {cursor: pointer;}
.active {color: white;text-decoration: none;}
.subnavbar {background-color: #000; margin-top: 52px; padding: 7px 0; text-transform: uppercase; color: #fff;}
.subnavbar a {color: #fff; text-decoration: none;}
/* END SUBNAVBAR ******************************************************************/
/* IMG BGs ************************************************************************/
.img-bgs {width: 100%; height: calc(86vh - 52px); background-position: 50%; background-size: cover;}
.bg-003 {background-image: url('../images/bg-006.jpeg');}
/* /IMG BGs ***********************************************************************/
/* BTNs ***************************************************************************/
.btn {border: 1px solid #000; padding: 6px 12px; border-radius: 0; font-size: 16px;}
.btn-bw {border: 1px solid #000; padding: 6px 12px; border-radius: 0; font-size: 16px; color:#000; background-color: #fff;}
.btn-bw:hover {background-color: #000; color: #fff; text-decoration: none;}
.btn-bw a {color: #000;}
.btn-bw:hover a {color: #fff;}
.btn-bw a:hover {text-decoration: none; color: #fff;}
/* /BTN ***************************************************************************/
/* BLOCK CONTAINER ****************************************************************/
.block-container {padding: 30px 0 30px 0; -webkit-transition: all 200ms linear; -ms-transition: all 200ms linear; transition: all 200ms linear;}
.block-container a {-webkit-transition: color 0.7s; -moz-transition: color 0.7s; -o-transition: color 0.7s; -ms-transition: color 0.7s; transition: color 0.7s;}
/* /BLOCK CONTAINER ***************************************************************/
/* BLOCK CONTAINER INSTAGRAM ******************************************************/
.block-container-instagram {
	padding: 0;
	-webkit-box-shadow: inset 0px 10px 12px -4px rgba(0,0,0,0.2);
	-moz-box-shadow: inset 0px 10px 12px -4px rgba(0,0,0,0.2);
	box-shadow: inset 0px 10px 12px -4px rgba(0,0,0,0.2);
}
/* /BLOCK CONTAINER INSTAGRAM *****************************************************/
/* /Z-INCLUDE-BLOCK ***************************************************************/
/* Guest profile ******************************************************************/
.guest-work-fotos {width:100%; padding-top:100%; float:left; background-size:cover; background-position:50%; background-repeat:no-repeat;}
.guest-name a {
	color: #000;
	text-transform: uppercase;
    text-decoration: none;
    -webkit-transition: color 0.2s ease-out;
    -moz-transition: color 0.2s ease-out;
    -o-transition: color 0.2s ease-out;
    -ms-transition: color 0.2s ease-out;
    transition: color 0.2s ease-out;
}
/* /Guest profile *****************************************************************/
.pre-info {font-size: 14px; line-height: 18px;}
.spec {opacity: 0;position: absolute;top: 0;left: 0;height: 0;width: 0;z-index: -1;}
.active {color: white;text-decoration: none;}



:focus {
  	outline: 0 !important;
  	box-shadow: 0 0 0 0 rgba(0, 0, 0, 0) !important;
}
.accordion-button:not(.collapsed) {
	background-color: #fff;
	color: #000;
}
.accordion-button:hover {
	background-color: #000;
	color: #fff;
}
.accordion-button:hover:after {  
  background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>") !important;
}




.bookticket-input-form-name {width:150px; float:left;}
.bookticket-input-form-field {width: calc(100% - 150px); font-size:14px; border:none;}
.book-ticket-block-1 {margin-top: 52px; padding: 18px 0 28px 0;}
/* Footer *************************************************************************/
.block-footer {padding: 30px 0; background-color: #000; color: #fff;}
.block-footer a {color: #fff;}
.footer-refs {font-size: 12px; line-height: 16px;}
/* /Footer ************************************************************************/
.amelia-rodrigo {width: 100%; padding-top:100%; background-size:cover; background-position:50%; background-repeat:no-repeat;}
/*.picture {width:100%; padding-top:100%; background-size:cover; background-position:50%; background-repeat:no-repeat;}*/
.registration-form-labels { height: 34px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-top:4px; border-bottom:1px solid grey;}

.event-pictures {width: 50%; padding-top: 50%; float: left; background-position: center; background-size: cover;}
.carousel-item-next, .carousel-item-prev, .carousel-item.active {
    height: 80vh;
}
.container-iframe {
	position: relative;
	overflow: hidden;
	width: 100%;
	padding-top: 56.25%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
}
.ellipsis {
  white-space: nowrap;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.carousel-caption {
	text-align: left;
	width: 300px;
	padding: 20px;
  right: 40px;
  left: initial;
  bottom: 40px;
  color: #fff;
}
.slider-img {
	width: 100%;
	height: 80vh;
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover;
}
.responsive-iframe {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 100%;
}

.programme-day {
	border-bottom: 1px solid #DFDFDF;
	margin-bottom: 15px;
}

.cookie-disclaimer {
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: rgba(0, 0, 0, 0.8);
	color: #fff;
	padding: 14px;
	text-align: center;
	font-size: 13px;
	display: none;
}

.cookie-disclaimer-button {
	background-color: #fff;
	color: #000;
	border: none;
	padding: 8px 16px;
	cursor: pointer;
	margin-top: 8px;
	font-size: 13px;
}

.social-media-block-mobile {display: block;}
.social-media-block-desktop {display: none;text-align: right;height: 52px;line-height: 50px;}
.programme-media-desktop {display: none;}

/*********************************************************************************************************/
/* MEDIA QUERY 350PX *************************************************************************************/
/*********************************************************************************************************/
@media (min-width: 350px) {
	/*.ß {font-size: 28px;height: 54px;line-height: 54px;}*/
}
/*********************************************************************************************************/
/* MEDIA QUERY 768PX *************************************************************************************/
/*********************************************************************************************************/
@media (min-width: 768px) {
	/* COLS SYSTEM ************************************************************/
	.col-sm-101 {width: 10%;float: left;}
	.col-sm-102 {width: 20%;float: left;}
	.col-sm-103 {width: 30%;float: left;}
	.col-sm-104 {width: 40%;float: left;}
	.col-sm-105 {width: 50%;float: left;}
	.col-sm-106 {width: 60%;float: left;}
	.col-sm-107 {width: 70%;float: left;}
	.col-sm-108 {width: 80%;float: left;}
	.col-sm-109 {width: 90%;float: left;}
	.col-sm-110 {width: 100%;float: left;}
	/* END COLS SYSTEM *********************************************************/
	.mynavbar-container {height: 54px;}
	.my-navbar {height: 76px;}
	.about-content {margin-top: 92px;}
	.container-menu-text {display: block;}
	.footer-refs {text-align: right;}
	.social-media-block-mobile {display: none;}
	.social-media-block-desktop {display: block;}
}
/*********************************************************************************************************/
/* MEDIA QUERY 992PX *************************************************************************************/
/*********************************************************************************************************/
@media (min-width: 992px) {
	.guest-work-fotos,
	.event-pictures {width: 33.33%; padding-top: 33.33%;}

	.programme-media-mobile {
		display: none;
	}

	.programme-media-desktop {
		display: block;
	}
}
/*********************************************************************************************************/
/* MEDIA QUERY 1200PX ************************************************************************************/
/*********************************************************************************************************/
@media (min-width: 1200px) {

}