body {
        font-family: Avenir,"Century Gothic",sans-serif;
}
body::after{
    content: none!important;
}

.container.step2{
	margin-bottom: 30px;
	margin-top: 30px;
}

#title{
	font-size: 25pt;
	padding: 30px 0;
	text-align: center;
	width: 100%;
}

div.step2 h1.title.is-3 {
    font-weight: 400;
    text-align: center;
    text-transform: lowercase;
    filter: drop-shadow(2px 2px 3px #363636);
    color: #b4936f;

    font-family: 'LeagueGothic',Georgia,serif;
    font-size: 80px;
    padding: 0;
}
.venue-title {
    padding-left: 12px;
    padding-right: 12px;
    text-align: center;
    font-weight: 400;
    background: #062a30!important;
    width: 87.8%;
    margin: 0 auto;
    margin-bottom: -13px;
}

/*
*	Elementos principales
*/


#capacity-panel{
	display: inline-block;
	margin-bottom: 10px;
	margin-top: 10px;
	margin-left: 23px;
	text-align: center;
}

#video-container{
	display: inline-block;
}

#gallery-container{
	display: block;
}

.image-container{
	display: block;
	float: left;
	margin: 20px;
	width: 130px;
}

.image-shadow{
	display: inline-block;
	background: rgba(0,0,0,0.6);
    height: 32.5px;
    width: 100%;
    z-index: 1;
}

.image-container img{
	position: relative;
    top: 0;
	z-index: 0;
}

.capacity-chart-lable{
	border: 1px solid #000000;
	color: #fff;
	display: inline-block;
	font-size: 18pt;
	margin: 0 auto;
    text-align: center;
    transition: all 0.5s ease-in-out;
	width: 213px;
}

.capacity-chart-lable a{
	background: #000000;
	display: block;
	color: #ffffff;
	transition: all 0.5s ease-in-out;
	padding: 19px 0;
	width: 100%;
}
.capacity-chart-lable a:hover{
	background: #ffffff;
	color: #000000 ;
	transition: all 0.5s ease-in-out;
}


.capacity-chart-lable:hover {
	background: #ffffff;
	text-decoration: none;
	transition: all 0.5s ease-in-out;
}
.capacity-chart-lable:hover a {
	color: #000000;
	text-decoration: none;
	transition: all 0.5s ease-in-out;
}

#convert-button-panel{
	display: block;
	margin: 20px auto;
	text-decoration: none;
	width: 213px;

}

#convert-button-table, td  {
	border: 1px solid #565656;

}

#convert-button-table td  a {
	color: #000;
	display: block;
	padding: 15px 0;
	width: 100%;
}

#convert-button-table tr  td  {
	color: #FFFFFF;
	text-decoration: none;
	transition: all 0.5s ease-in-out;
	width: 107px;  	
}

#convert-button-table td:hover  {
	color: #FFFFFF;
	text-decoration: none;
	transition: all 0.5s ease-in-out;
	background: #000000;	
}
#convert-button-table td:hover  a{
	color: #FFFFFF;
	text-decoration: none;

}

.active-boton-convert{
	color: #FFFFFF !important;
	background: #000000;

}
.capacity-title{
	color: #000000;
	font-weight: bold;
	text-transform: uppercase;
	padding: 20px 80px;

}

.capacity-table{
	border-collapse: collapse;
	font-size: 11pt;
	margin: 0 auto;
}

.capacity-table td  {
	border: 1px solid #000000;
	padding: 5px 15px;
}

.step2 table caption{	
	color: #000000;
	font-size: 24px;
	text-transform: uppercase;
}


.table {
	border-collapse: collapse;
	font-size: 16px;
	margin: 0 auto;
	color: #5a6066;
}

.table td  {
	border: 1px solid #000000;
	padding: 5px !important;	
	text-align: center;
	width: 110px;
	vertical-align: middle;
}

/*.table.is-bordered tr:last-child td, .table.is-bordered tr:last-child th {
	border: 2px solid #54534A;
}*/

.table.is-bordered td, .table.is-bordered th{
	border-width: 1px;
}

.table.is-bordered tr:last-child td, .table.is-bordered tr:last-child th{
	border-bottom-width: 1px !important;
}

.bloque-table{
	color: #FFFFFF ;
}

#levels-map {
    border: 0px;
}

.customize-3d-button {
    background: #b7040b;
    color: #ffffff !important;
    font-size: 14px;
    height: 40px;
    padding: 14px 10px;
    text-align: center;
    margin-top: 8px;
    border: 0;
    text-transform: uppercase;
    width: 100%;
    border-radius: 40px;
}
.fas.fa-film.play-circle{
	display: none;
}

.icon.is-small .fa{

}

span.customize-3d-button:hover{			
	background-color: #640004;
}

span.customize-3d-button:hover span{
	background: #8D8C8B;
	color: #FFFFFF;
	border-color: #8D8C8B;
}

span.titleVideo{	
	position: absolute;
	bottom: 0px;
	color: #000000;
	width: 100%;
	left: 0px;
	text-align: center;
	height: 32px;
	margin-bottom: -45px;
}

.step2 .capacity-table-lateral-desktop{
	margin-top: -25px;
}

@media only screen and (max-width: 1279.98px) and (min-width: 900px) {
	.step2 .table.is-bordered td, .table.is-bordered th{
		font-size: 13px;		
	}

	.step2 table{
		width: 180px;
	}

	.step2 .customize-3d-button{
		width: 185px;
		font-size: 9px;		
		padding: 0;
		bottom: 0;
		max-height: 38px;
	}

	span.titleVideo, .thumb-photo span.icon.is-small{		
		font-size: 12px;
		height: 20px;
	}

	i.far.fa-play-circle{
		font-size: 32px;
		padding-bottom: 12px;
	}
}


.multimedia-thumbs .column {
    max-width: 240px;
}

i.far.fa-play-circle {
    color: #f3f3f3;
}

/***************/

h1.title.is-3 {
    font-family: 'LeagueGothic';
    color: #ffffff;
    font-size: 80px;
    padding: 10px;
}
.venue-title {
    padding-left: 0px;
    padding-right: 0px;
    text-align: center;
    font-weight: 400;
    background: #b7040b!important;
    width: 100%;
    margin: 0 auto;
}
.step2 {
    padding-top: 10px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: flex-start;
    justify-content: center;
    align-items: flex-start;
}
.columns.multimedia-thumbs.desktop-step-2 {
    border: 1px solid #b4936f;
    padding: 10px;
    background: rgb(224, 223, 219);
    max-height: 680px;
    min-height: 680px;
}
.columns.multimedia-thumbs.desktop-step-2 {
    display: flex;
    flex-direction: column;
    align-content: center;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: stretch;
}

.tile.is-ancestor.mobile {
   
}

.tile.is-parent.capacity-table-lateral-desktop {
    background: rgb(224, 223, 219);
    padding: 0;
    margin: 0;
    border: 1px solid #b4936f;
    padding: 10px;
}

#player360.new-gallery {
    height: 100vh;
    max-height: 680px;
    min-width: 1019px;
    max-width: 1019px;
}

span.t-title {
    text-align: center;
    width: 100%;
    display: block;
}
.buttons.is-centered {
    display: none;
}

.tile.is-parent.capacity-table-lateral-desktop {
background: transparent!important;
    margin: 0;
    border: 0px !important;
    padding: 10px;
    width: 241px;
    max-height: 618px;
    margin-bottom: 16px;
}

.field.has-addons.metros-pies-sidebar {
    justify-content: center;
}
.thumb-big{
    padding-top: 0;
}
.field.has-addons {
    display: flex;
    justify-content: flex-start;
}
/*
body {
    background-image: none;
}

.container {
    max-width: 1590px;
}
*/
span.t-title {
    color: black;
}
.containermaxstep2 {
	/*
    background-color: #d9d7d0;
    border-bottom: 1px solid #bf996b;
    margin: 0;
    background-image: url(../images/pattern-gold.8b40cd91.svg);
    background-repeat: repeat;
    background-size: 105px 105px;
    width: 100%;
    display: block;
    */
    z-index: 101;
}

.bloque-thumbs {
    min-width: 230px;
    background: transparent;
    border: 0px solid #c4ae95;
    height: 100vh;
    max-height: 680px;
}

.thumb-big.first.current {
    padding-top: 0;
}
.bloque-table {
	min-width: 230px;   
    height: 100vh;
    max-height: 680px;
    overflow: hidden;
}


.step2 iframe{
	height: 100vh;
    max-height: 680px;
    min-width: 1019px;
    max-width: 1019px;
}

img.smallPhoto.hoveredPhoto {
    height: 100vh;
    max-height: 680px;
    min-width: 1019px;
    max-width: 1019px;
    object-fit: cover;
}



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

#player360.new-gallery {
    height: 100vh;
    max-height: 547px;
    min-width: 819px;
    max-width: 819px;
}
.step2 iframe{
	height: 100vh;
    max-height: 547px;
    min-width: 819px;
    max-width: 819px;
}

img.smallPhoto.hoveredPhoto {
    height: 100vh;
    max-height: 547px;
    min-width: 819px;
    max-width: 819px;
    object-fit: cover;
}


.bloque-thumbs {
    min-width: 168px;
    background: transparent;
    border: 0px solid #c4ae95;
    height: 100vh;
    max-height: 546px;
}

.table td {
    border: 1px solid #000000;
    padding: 0px !important;
    text-align: center;
    width: 110px;
    vertical-align: middle;
}

.tile.is-parent.capacity-table-lateral-desktop {
    background: rgb(224, 223, 219);
    margin: 0;
    border: 1px solid #b4936f;
    padding: 10px;
    width: 241px;
    max-height: 546px;
    margin-bottom: 0px;
}
.bloque-table {
	min-width: 230px;  
    height: 100vh;
    max-height: 546px;
    overflow: hidden;
}

}

@media only screen and (max-width: 1280px) { 
.is-tab {
    color: #666;
    padding: 10px;
    margin-top: 13px!important;
}
.bloque-multimedia{
	order:1;
}
.bloque-table{
	order:2;
}
.bloque-thumbs{
	order:3;
}
.thumb-big{
    padding-top: 0;
    padding-left: 0;
}


.bloque-thumbs {
    width: 100%;
    max-width: 1074px;
    height: auto;
    display: flex;
    background: #b7040b;
    border: 0px solid #c4ae95;
}
.bloque-thumbs .column {
    max-width: 190px;
}


.table td {
  
    padding: 2.6px !important;
}
.step2 .customize-3d-button {   
    width: 100%;
    margin-left: 0!important;
}
.bloque-thumbs {
    width: 100%;
    max-width: 1074px;
    height: auto;
    display: flex;
    background: transparent;
    border: 0px solid #c4ae95;
    justify-content: space-evenly;
}
}

@media only screen and (max-width: 1071px) { 
		span.t-title {
    color: white!important;
}
figure.image.is-16by9 img {
    display: block;
}
	.step2 {
	    padding-top: 0px;
	}
	.bloque-thumbs {
	    order:0;
	}
	.bloque-thumbs {
	    width: 100%;
	    max-width: 1074px;
	    height: auto;
	    display: flex;
	    background: #b7040b;
	    border: 0;
	    justify-content: space-evenly;
	}
	h1.title.is-3 {
	    font-size: 430%;
	}
	.video-thumb img {
    	display: none;
	}

	.t-title {	 
	    font-size: 12px;
	}
	.bloque-multimedia {
    width: 100%;
	}
	iframe#player360.mobile-full {
	    pointer-events: auto;
	    width: 100%;
	    min-width: 100%;
	    max-width: 100%;
	    height: 100vh;
	    min-height: 100vh;
	    max-height: 100vh;
	    position: fixed;
	    left: 0;
	    top: 0;
	    z-index: 500;
	}
	.step2 iframe {
	    width: 100%;
	    min-width: 100%;
	    max-width: 100%;
	    max-height: 300px;
	    min-height: 300px!important;
	    height: 300px;
	}
	#player360.new-gallery {
	    width: 100%;
	    min-width: 100%;
	    max-width: 100%;
	    max-height: 100%;
	}
	img.smallPhoto.hoveredPhoto {
	    width: 100%;
	    min-width: 100%;
	    max-width: 100%;
	    max-height: 300px;
	    min-height: 300px!important;
	    object-fit: cover;
	}
	
}
@media only screen and (max-width: 768px) { 

	figure.image.is-16by9 img {
	    display: none;
	}
	img#icon-gallery {
	    padding: 2px;
	    margin-top: 2px;
	}
	.navbar-item.is-tab {
    margin-bottom: 14px!important;
    margin-top: 7px!important;
}
	.bloque-table{
		display: none;
	}
	.image.is-16by9 {
	    padding-top: 45px;
	}
	figure.image.is-16by9.video-thumb {
	    max-height: 45px;
	}

	.bloque-table.on {
    	display: block;
	}	
	.bloque-table.on {
    display: block;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 23;
    height: 100vh!important;
    overflow: visible;
    max-height: 100vh;
    background-color: #000000d4;
}
}
nav#navbar {
    z-index: auto;
}
div#bg-full {
    z-index: 105;
}
.navbar.pasos {
    z-index: 200;
}