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

img { max-width:100%;}


.interior .main-section { padding:30px 0 0; margin-bottom:2em; height:50%;
	background-color:#000; 
	}

.interior .main-section img { max-width:450px; height:auto;}

.interior .main-section .texto { margin-top:10%;}

.interior .main-section .texto h2.titu { text-transform:none; color:#FFF; font-weight:200; font-size:2.8em; }

.interior .main-section .texto h2 span.color { color:#C4944C; }

iframe { border:none;}

.video-container {
    position: relative;
    padding-bottom: 56.25%;
	margin:2em 0;
    height: 0;
    overflow: hidden;
	border:2px solid #C4944C;
}
 
.video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


.interior .modal-content {
	padding: 30px 0 0;
	min-height: 100%;
	border: 0;
	border-radius: 0;
	text-align: center;
	background-clip: border-box;
	-webkit-box-shadow: none;
	box-shadow: none;
	background: #FFFFFF;
}
.interior .modal-content h2 {
	margin-bottom: 15px;
	font-size: 2em;
	display:block; text-align:center;
	clear:both;
}
.interior .modal-content p {
	margin-bottom: 30px;
}
.interior .modal-content p.item-intro {
	margin: 10px 0 30px;
	font-size: 14px;
	font-style: italic;
}
.interior .modal-content ul.list-inline { margin-top: 0; margin-bottom: 30px; }

.interior .modal-content img.ico { margin-bottom: 30px; }

.interior .modal-content img.icono { width:150px; height:auto; display:block;}

.interior .modal-content #interior-show { width:100%; height:auto; background-color:#000; display: flex; justify-content: center; }

.interior .modal-content #interior-show .in-show { max-width:1200px; height:auto; margin:0 auto;}

.interior .modal-content #interior-show .texto { vertical-align:middle; margin-top:10%;}
		
.interior .modal-content #interior-show img { margin-bottom:0;}

.interior .modal-content #interior-show .texto p { font-size:1.2em; font-weight: 500; color:#FFF; vertical-align:middle; }
	
.interior .modal-content #interior-show .texto p span.color { color:#C4944C; font-weight: 600; }

.interior .modal-content #interior-show .fotos { display: flex;}

.interior .modal-content #interior-show .fotos img {align-self: flex-end; width:100%; min-width:450px; height:auto;}

.interior .close-modal {
	position: fixed;
	top: 15px; right: 15px;
	width: 75px; height: 75px;
	background-color: transparent;
	cursor: pointer; }
	
.interior .close-modal:hover { opacity: .3; }

.interior .close-modal .lr {
	z-index: 1051;
	width: 1px;
	height: 75px;
	margin-left: 35px;
	background-color: #222;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}
.interior .close-modal .lr .rl {
	z-index: 1052;
	width: 1px;
	height: 75px;
	background-color: #222;
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
}

.interior button { margin-top:50px;}

.interior #interior-show h2.titu { text-transform:none; color:#FFF; font-weight:200; font-size:2.8em; }

.interior .modal-content .row { margin-right:0;}

.interior .contenedor-galeria { width:100%; height:auto; background-color:#666; margin:2em auto;}

.interior .carousel { border:2px solid #C4944C;}


/* Shows Interno */

#shows-in { padding: 50px 0;
}

#shows-in h5 { margin-bottom: 10px; }

#shows-in .avatar img {max-width:200px; margin: 0 auto} 


/* LOGOS */

.texto-logos { font-size:1.8em; font-weight:500; }

.interior #logos2 { display:none;}

.interior #logos, .interior #logos2 { border:none; margin:2em 0;}

#logos .fila-logo, #logos2 .fila-logo { padding:2% 8%; }

 #logos .thumbnail, #logos2 .thumbnail {
  display: block;
  padding: 4px;
  margin-bottom: 20px;
  line-height: 1.42857143;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  border-radius: 0;
  border: none;
  background-color: none; }

#logos .carousel-control, #logos2 .carousel-control {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 15%;
  opacity: .5;
  font-size: 20px;
  color: #999;
  text-align: center;
  text-shadow: none; }
  
#logos .carousel-control.left, #logos2 .carousel-control.left { background-image: none; }

#logos .carousel-control.right, #logos2 .carousel-control.right { left: auto; right: 0; background-image: none; }

#logos .carousel-control, #logos2 .carousel-control { padding-top:10.25%; width:2%; }

@media only screen and (max-width: 768px) {
	 #logos { width:90%; height:auto; margin:0 auto;}
}

@media only screen and (max-width: 480px) {
	 #logos { width:90%; height:auto; margin:0 auto;}
	 .carousel-control .glyphicon-chevron-right, .carousel-control .glyphicon-chevron-left { top: 83%;}
}

.interior .texto-interno { max-width:1200px; height:auto; margin:0 auto; padding:4em 0; }

.interior .texto-interno p { font-size:2em; margin-bottom:5px; }


.interior #contact { background-color: #000; }

.interior #contact p, .portfolio-modal #contact i { color: #FFF; }

.interior #contact h5 { text-transform:none; font-size:1.8em; font-weight: 400; font-family: 'Lato',sans-serif; text-align:center;}

.interior #contact .widget-contact { text-align: center; }

.interior #contact #red { margin:50px 0; }

.interior #contact #red i { color:#FFF; cursor:pointer;}

.interior #contact #red span.datos { font-size:1.2em; color:#FFF; font-weight:300; }

interior #contact .formu { margin-top:50px;}

.interior #contact .col-md-6 { padding-right: 0;}


.interior footer { background-color:#FFF; }

footer ul.social-buttons li a {
    display: block;
    width: 40px;
    height: 40px;
    border-radius: 100%;
    font-size: 20px;
    line-height: 40px;
    outline: 0;
    color: #fff;
    background-color: #222;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
	margin-top:15px;
}

ul.social-buttons li a:hover,
ul.social-buttons li a:focus,
ul.social-buttons li a:active {
    background-color: #C4944C;
	border:none;
}

footer p { font-size:16px; font-weight:500; color:#000; }

@media(max-width:768px) {
	.interior .main-section img { margin:0 auto;}
	
	.interior #contact #red p { margin-bottom:10px;}
	.interior #contact #red i { min-width:200px; height:auto; }
	.interior #contact #red .dat { margin-bottom:20px;}
	.interior #contact .formu { width:90%; margin:0 auto; }
}


@media(min-width:767px) {
    .interior .portfolio-item {
        margin: 0 0 30px;
    }
}
@media(max-width:1280px) {
	.interior .modal-body { padding-bottom:0; }
	.interior  .modal-content #interior-show .in-show { max-width:960px; }
	 h2.titu { font-size:2.4em; }
	/*.portfolio-modal .texto-interno, .portfolio-modal .galeria-interna, .portfolio-modal .video-interno { width:98%; margin:0 auto;} */
}

@media(max-width:992px) {
	.interior .modal-body { padding-bottom:0; }
	.interior  .modal-content #interior-show .in-show { max-width:760px; }
	 .interior .main-section .texto h2.titu { text-transform:none; color:#FFF; font-weight:200; font-size:2.3em; }
	.interior  .texto-interno { max-width:90%;} 
}

	
@media(max-width:600px) {
	.interior  .fotos { margin-left:0;}
	.interior  .col-md-10 { padding:0;}
}

@media(max-width:480px) {
	.interior .modal-content .row { margin:0;}
	.container { padding:0; }
	.interior .modal { max-width:100%;}
	.interior .main-section img { min-width:250px; height:auto;}
	
	#contactForm .col-md-6 { padding-left:0;}
	
	.interior #logos2 { display:block;}
	.interior #logos { display:none;}
	

}

@media(max-width:320px) {
	.interior .texto-interno { max-width:300px;}
}