/*
=====================================================================

*   LaMediaLunaProducciones v1.0 Layout Stylesheet
*   url: lamedialuna.mx
*   24-julio-2017

=====================================================================

   TOC:
   a. Common Styles
   b. Menu Section
   c. Intro Section - Main Page
   d. Nosotros Section
   e. Equipo Section
   f. Qué Hacemos Section - Main Page
   g. Producciones Section
   h. Premios Section - Main Page
   i. Noticias Section
   j. Tweets & Facebook Section - Main Page
   k. Contacto Section
   l. Lightbox
   m. Searchbox
   n. Footer

===================================================================== */

/* ------------------------------------------------------------------ */
/* a. Common Styles
/* ------------------------------------------------------------------ */
body, html { width: 100%; height: 100%; }
body { background: #fff; }
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
html {
  scroll-behavior: smooth;
}
img.svg {
	width: 5.5vw;
	margin: auto;
	filter: invert(100%) sepia(0%) saturate(1%) hue-rotate(270deg) brightness(104%) contrast(100%);
	z-index:999;
}
img.svg:hover {
	filter: invert(50%) sepia(41%) saturate(2526%) hue-rotate(0deg) brightness(101%) contrast(106%);
}
a.down {
	float: right;
	padding-left: 5px;
}
.posts h2 {
	font: 38px/38px source_sans_proextralight, sans-serif;
	color: #034684;;
	opacity: 0.9;
	letter-spacing: 2px;
	text-transform: uppercase;
	padding-bottom: 30px;
}
.posts h3 a {
	font: 20px/30px source_sans_proregularsemibold, sans-serif;
	color: #034684;
}
.posts h3 a:hover {
	color: #ff7c00;
}
.page-pad {
   padding: 0 10vw;
   margin: 0 auto;
}
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.page-extern {
   position: relative;
   height: auto;
   width: 100%;
}
.single-nav {
   position: relative;
	display: block;
	text-align: center;
	padding-top: 105px;
}
.single-nav a {
   width: 20px;
   color: #fff;
   opacity: 0.7;
   margin: 0 5vw; 
}
.single-nav a:hover { color: #ff7c00}
img {
   display: block;
   width: 100%;
   max-width: 100%;
   height: auto;
   margin-bottom: 0;
}
.nof-found {
	background-color: #020119;
}
p.warning {
  background-color: yellow !important;
}
.errors li {
	font: 16px/22px source_sans_proregular, sans-serif;
	color: #fff;
}
.contacto .errors li {
  font: 16px/22px source_sans_proregular, sans-serif;
  color: red;
  margin-bottom: 20px;
}
.contacto p.success {
  font: 18px/24px source_sans_proregular, sans-serif;
  color: #ff7c00;
  margin-bottom: 20px;
}
.content-outer { background: #fff }
.hide { display: none !important; }
/*Honeypot field en formulario de contacto*/
.subject { display: none }
sup {
    top: -0.4em;
    color: #fff;
    font-weight: 800;
}
.post sup, .post span.rf {
    color: #0c6a7a;
}
sup:hover, span.rf:hover {
    color: #ff7c00;
}
sub, sup {
	 font-family: 'arial';
    font-size: 85%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}
span.rf {
	 font-family: 'arial';
    font-size: 85%;
    font-weight: 800;
    color: #fff;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}
p.fnote { font-size: 13px;}
[data-title]:hover:after{
  font: 15px/18px source_sans_proregular, sans-serif;
  content: attr(data-title);
  text-transform: none !important;
  padding: 4px 8px;
  color: #01172d;
  position: absolute;
  white-space: nowrap;
  background: rgb(255, 255, 255);
  margin: 30px 0 0 -90px;
  z-index: 999;
}
#pages [data-title]:hover:after,
.post [data-title]:hover:after {
  color: #fff;
  background: rgb(1, 23, 45);
}
a.down[data-title]:hover:after {
  color: #fff;
  background: rgb(1, 23, 45);
  margin: 55px 0 0 -30px;
}
.single-nav a[data-title]:hover:after{ margin:  60px 0 0 -20px; }
#nosotros a[data-title]:hover:after{ margin: -3.85vw 0 0 -3.85vw; }
/* page title */
#page-title {
	position: relative;
}
#page-title .filter {
   width: 100%;
   height: 100%;
   position: absolute;
   overflow: hidden;
   top: 0;
   left: 0;
   background: rgba(1, 24, 45, 0.4);
}
#page-title .no-filter {
   width: 100%;
   height: 100%;
   position: absolute;
   overflow: hidden;
   top: 0;
   left: 0;
   background: transparent;
}
#page-title h1 {
   font: 3.85vw/4.626vw source_sans_proextralight, sans-serif;
   color: #fff;
   opacity: 0.9;
   letter-spacing: 3px;
   text-transform: uppercase;
   text-align: right;
   padding: 27.5vw 90px 0 0;
   margin: 0;
   text-shadow: 0px 1px 5px rgba(0, 0, 0, .3);
}
#page-title a { color: #333; }
#page-title a:hover { color: #11ABB0; }
/** Share Bar **/
.share-bar { position: relative; }
.share-bar input[type=checkbox] { display: none; }
.share-bar label { cursor: pointer; }
.share-bar label i { font-size: 1vw; }
.share-bar .share-links {
	position: absolute;
   top: 0;
   left: 0;
   margin-left: 40px;
   width: 100%;
   height: 100%;
   overflow: hidden;
   display: none;
}
.share-btn {
	display: inline-block;
   color: #fff;
	width: 20px;
	height: 20px;
   margin-right: 10px;
}
.share-btn:hover {
	opacity: 0.7;
}
.share-bar a i {
   font-size: 15px;
   text-align: center;
   padding: 2.5px 0 0 2.5px;
   color: #fff; 
}
.share-bar a:hover { color: #fff; }
.share-bar input[type=checkbox]:checked ~  span label:before {}
.share-bar input[type=checkbox]:checked ~  .share-links { display: inline-block; }
.share-btn.twitter     { background: #55acee; }
.share-btn.facebook    { background: #3B5998; }
.share-btn.whatsapp    { background: #189d0e; }
.share-btn.pinterest   { background: #bd2125; }
.share-btn.instagram   { background: #4875B4; }
.share-btn.google-plus { background: #d74e41; }
.share-btn.email       { background: #f2961d; }
.share-btn.download    { background: #9a57b3; }
.background-color { background-color: #1aa9af; }
#page-title h1 span,
#page-title p {
   font: 17px/36px notosans-regular, sans-serif;
   padding: 0;
   margin: 12px 5% 0;
   color: #b4a9a9;
   text-shadow: 0px 1px 2px rgba(0, 0, 0, .3);
}


/* ------------------------------------------------------------------ */
/* b. Menu Styles
/* ------------------------------------------------------------------ */
.menu {
   position: fixed;
	top: -30px;
   right: -350px;
   z-index: 100;
}
.menu ul { 
   margin-bottom: 0; 
   margin-top: 0;
}
.menu .logo {
   position: fixed;
   left: 30px;
   top: 25px;
   z-index: 200;
}
.menu .logo img {
	width: 140px;
}
.menu .logo a {
   display: block;
   margin: 0;
	padding: 0;
	border: none;
	outline: none;
   width: 100px;
   height: auto;
}
.langs {
	padding-left: 60px;
	padding-top: 37.5px;
}
.langs li {
	display: inline-block;
	padding-right: 10px;
}
li.col2 a {
	color: #020119;
}
#switch-menu {
	display: none;
}
#toggle-menu {
	position: fixed;
	display: inline-block;
	top: 25px;
	right: 50px;
	width: 45px;
	height: 45px;
	border-radius: 5px;
	float: right;
	background-color: transparent;
	cursor:pointer;
	transition: background 0.3s;
	z-index: 4;
}
#toggle-menu span {
  display: block;
  position: relative;
  width: 65%;
  top: 20px;
  left: 8px;
  right: 9px;
  height: 3px;
}
#toggle-menu span::before,
#toggle-menu span::after {
  position: absolute;
  display: block;
  content: "";
  width: 100%;
  left: 0;
  height: 3px;
}
#toggle-menu span::before {
  top: -11px;	
}
#toggle-menu span::after {
  bottom: -11px;
}
.farbe1,
.farbe1::before,
.farbe1::after { background-color: #fff; }
.farbe1 {
	transition: background-color 0.1s linear; 
   -moz-transition: background-color 0.1s linear;  
   -webkit-transition: background-color 0.1s linear; 
   -ms-transition: background-color 0.1s linear;
}
#toggle-menu:hover .farbe1,
#toggle-menu:hover .farbe1::before,
#toggle-menu:hover .farbe1::after { background-color: #ff7c00; }
.farbe2,
.farbe2::before,
.farbe2::after { background-color: #020119; }
.farbe2 {
	transition: background-color 0.1s linear; 
   -moz-transition: background-color 0.1s linear;  
   -webkit-transition: background-color 0.1s linear;
   -o-transition: background-color 0.1s linear;
   -ms-transition: background-color 0.1s linear;
}
#toggle-menu:hover .farbe2,
#toggle-menu:hover .farbe2::before,
#toggle-menu:hover .farbe2::after { background-color: #ff7c00 !important; }
.menu input[type=checkbox]:checked ~ #toggle-menu {
	transition: background 0s 0.3s;
	background: transparent;
}
.menu input[type=checkbox]:checked ~ #toggle-menu span::before {
  transition-property: top, transform;
  top: 0;
  transform: rotate(45deg);
  transition-duration: 0.3s, 0.3s;
  transition-delay: 0s, 0.3s;
  background: #fff;
}
.menu input[type=checkbox]:checked ~ #toggle-menu span::after {
   transition-property: bottom, transform;
   bottom: 0;
   transform: rotate(-45deg);
   transition-duration: 0.3s, 0.3s;
   transition-delay: 0s, 0.3s;
   background: #fff;
}
.menu input[type=checkbox]:checked ~ #toggle-menu span {
   transition: background 0s 0.3s;
   background: none;
}
.menu input[type=checkbox]:checked ~ #toggle-menu:hover span {
   transition: background 0s 0.3s;
   background: none !important;
}
.menu input[type=checkbox]:checked ~ #toggle-menu:hover span::before {
   background: #ff7c00;
}
.menu input[type=checkbox]:checked ~ #toggle-menu:hover span::after {
   background: #ff7c00;
}
.menu input[type=checkbox]:not(:checked) ~ #toggle-menu span::before {
  transition-property: top, transform;
  transition-duration: 0.3s, 0.3s;
  transform: rotate(0deg);
}
.menu input[type=checkbox]:not(:checked) ~ #toggle-menu span::after {
	transition-property: bottom, transform;
   transform: rotate(0deg);
   transition-duration: 0.3s, 0.3s;
}
.menu input[type=checkbox]:not(:checked) ~ .farbe1 {
   background: #fff;
}
.menu input[type=checkbox]:checked ~ #nav-wrap {
   -webkit-transform: translateX(0px);
   -moz-transform: translateX(0px);
   -ms-transform: translateX(0px);
   -o-transform: translateX(0px);
   transform: translateX(0px);
   opacity: 1;
}
#nav-wrap {
	display: block;
	overflow: hidden;
	position: relative;
	width: 350px;
	height: 100%;
	min-height: 100%;
	right: 350px;
	padding: 30px 0 0 0;
	background:#020119;
	background: rgba(2, 1, 25, 0.7);
	margin: 0;
	clear: both;
	z-index: 3;
	-webkit-transform: translateX(750px);
	   -moz-transform: translateX(750px);
	   -ms-transform: translateX(750px);
	   -o-transform: translateX(750px);
	   transform: translateX(750px);
	   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=50)";
	   filter: alpha(opacity=50);
	opacity: 0.5;
	-webkit-transition: all 0.3s ease-in-out;
	   -moz-transition: all 0.3s ease-in-out;
	   -o-transition: all 0.3s ease-in-out;
	   -ms-transition: all 0.3s ease-in-out;
	   transition: all 0.3s ease-in-out;
}
#nav-wrap #nav { padding: 100px 50px 25px; }
#nav-wrap #nav li a {
	font: 500 25px/35px source_sans_proextralight;
	text-transform: uppercase;
	color: #fff;		
}
#nav-wrap .langs li a {
	font: 500 25px/35px source_sans_proextralight;
	text-transform: uppercase;
	color: #fff;		
}
#nav-wrap .langs li a.lang-name {
	font: 500 14px/24px source_sans_proextralight;
	text-transform: none;
	color: #fff;		
}
#nav-wrap #nav li.sub a {
	font-size: 20px;
	line-height: 20px;
	padding-left: 20px;	
}
#nav-wrap #nav li.active a,
#nav-wrap .langs li.active a {
	color: #ff7c00 ;		
}
#nav-wrap #nav li ul a {
	font: 900 18px/18px arial;
	color: #fff;
	margin: 0;
   white-space: nowrap;
   line-height: 30px;		
}
#nav-wrap #nav li a:hover,
#nav-wrap .langs li a:hover { color: #ff7c00; }


/* Sub Menu
----------------------------------------------------- */
/* adds down arrow */ 
#nav-wrap #nav span:after {
	position: relative;
	display: inline-block;
	right: -5px;
   width: 0;
	height: 0;
	border: 4px solid transparent;
	border-bottom: none;
	border-top-color: #fff;
	content: '';
	vertical-align: middle;
}
#nav-wrap #nav ul {
	position: static;
   opacity: 0;
   filter: alpha(opacity=0);
	-webkit-transition: opacity .25s ease .1s;
	-moz-transition: opacity .25s ease .1s;
	-o-transition: opacity .25s ease .1s;
	-ms-transition: opacity .25s ease .1s;
	transition: opacity .25s ease .1s;
}
#nav-wrap #nav ul li {
   display: block;
   /* for transition effects */
   height: 0;
   padding: 0;
	overflow: hidden;
  	-webkit-transition: height .25s ease .1s;
	-moz-transition: height .25s ease .1s;
	-o-transition: height .25s ease .1s;
	-ms-transition: height .25s ease .1s;
	transition: height .25s ease .1s;
}
#nav-wrap #nav li:hover ul,
#nav-wrap .langs li:hover ul { opacity: 1; filter: alpha(opacity=100); }
#nav-wrap #nav li:hover ul li,
#nav-wrap .langs li:hover ul li {
	height: 30px;
	overflow: visible;
}
nav.single-nav i {
	font-size: 27px;
	font-weight: 600;
}
nav.single-nav i.fa-undo { font-size: 22px; }
#social-networks {
	padding-top: 50px;
	text-align: right;
}
#social-networks li {
	display: inline-block;
}
#social-networks i {
   font-size: 2.2rem;
   color: #fff;
   opacity: 0.7;
   padding: 0 2px;
}
#social-networks i.fa-download {
	position: relative;
	top: -2px;
   font-size: 1.9rem;
}
#social-networks i.fa-envelope {
   padding-right: 4px;
}
#social-networks i.fa-tv {
   font-size: 1.9rem;
}
#social-networks i.fa-facebook-f,
#social-networks i.fa-tiktok {
   font-size: 2rem;
}
#social-networks i.fa-wikipedia-w {
   font-size: 2rem;
   font-weight: bolder;
   padding: 0;
}
#social-networks i.fa-pinterest,
#social-networks i.fa-facebook-f,
#social-networks i.fa-twitter {
   padding: 0;
}
#pages #social-networks li a i,
.post #social-networks li a i,
a.down i {
   color: #034684;
   opacity: 1;
}
#pages #social-networks li a i:hover,
#social-networks li a i:hover {
	color: #ff7c00;
	opacity: 1;
}
.menu #social-networks {
	padding: 10px 50px 100px;
	text-align: left;
}
.menu #social-networks i {
	padding: 0 4px;
}
.search {
	padding: 0 0 50px 50px;
	display: block;
}
.search input[type=checkbox] {
	display: none;
}
.search label i, a.search i {
   font-size: 20px;
   color: #fff;
   opacity: 0.7;
   text-align: center;
   padding: 7.5px;
   margin-right: 2px;
   float: left;
   cursor: pointer;
}
.search label i:hover, a.search i:hover { color: #ff7c00; }
.search form { float: left; }
.search form input[type=text] {
	 width: 5px;
	 opacity: 0;
    box-sizing: border-box;
    border: 1px solid #fff;
    border-radius: 5px;
    font-size: 12px;
    line-height: 22px;
    color: #fff;
    background-color: transparent;
    padding: 5px 0 5px 10px;
    -webkit-transition: width 0.4s ease-in-out;
    -moz-transition: width 0.4s ease-in-out;
	 -o-transition: width 0.4s ease-in-out;
    transition: width 0.4s ease-in-out;
}
.search input[type=checkbox]:checked ~ form input[type=text] {
    opacity: 1;
	width: 130%;
}
.search input[type=checkbox]:not(:checked) ~ form input[type=text] {
     -webkit-transition: width 0.4s ease-in-out;
    -moz-transition: width 0.4s ease-in-out;
	 -o-transition: width 0.4s ease-in-out;
    transition: width 0.4s ease-in-out;
	width: 5px;
}
.messages { display: none;}
#demo video {
    width: 75%;
    margin: 0 12.5%;
    overflow: hidden;
}
#demo .close { padding-top: 2vw; }
.parallax {
    position: relative;
    width: 100%;
    height: 50vw;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    -o-background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
}
.filter { position: relative; }
.filter:before{
  position: absolute;
  content:" ";
  top:0;
  left:0;
  width:100%;
  height:100%;
  z-index:0;
}


/* ------------------------------------------------------------------ */
/* c. Intro Styles
/* ------------------------------------------------------------------ */
.home {
   position: relative;
   width: 100%;
   height: 100%;
   line-height: 0 !important;
   background-color: #000;
}
/* With JS video intro */
.homepage-hero-module {
  border-right: none;
  border-left: none;
}
.video-container {
  position: absolute;
  top: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  overflow: hidden;
  background: #000;
}
.video-container .poster {
  display: none;
  background-image: url("/uploads/intro-poster.jpeg");
  height: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.video-container .filter {
  z-index: 1;
  position: absolute;
  background: rgba(0, 0, 0, 0.4);
  width: 100%;
}
.video-container .title-container {
  position: absolute;
  top: 40%;
  width: 100%;
  text-align: center;
  color: #fff;
  z-index: 4;
}
.video-container .title-container .i { margin-bottom: 150px; }
.title-container .i p {
    font: 60px/60px source_sans_proextralight;
    text-transform: uppercase;
    color: #fff;
    margin: 0;
}
.title-container .i p em { font: 42px/42px source_sans_proextralight; }
.video-container .title-container a.promo-button {
   position: absolute;
	width: 25%;
	text-align: center;
	top: 12vw;
	left: 37.5%;
	display: inline-block;
	font-family: source_sans_proregular, sans-serif;
	font-size: 1.67vw;
	line-height: 2.46vw;
	text-transform: uppercase;
	padding: 0.77vw 1.54vw;
	margin: 0 auto;
    background: transparent;
	border: 0.154vw solid #fff;
	border-radius: 25px;
	color: #fff;
    vertical-align: middle;
   -webkit-transform: perspective(1px) translateZ(0);
   -moz-transform: perspective(1px) translateZ(0);
   -ms-transform: perspective(1px) translateZ(0);
   -o-transform: perspective(1px) translateZ(0);
   transform: perspective(1px) translateZ(0);
  	-webkit-transition-property: color;
  	-moz-transition-property: color;
  	-ms-transition-property: color;
  	-o-transition-property: color;
  	transition-property: color;
  	-webkit-transition-duration: 0.3s;
  	-moz-transition-duration: 0.3s;
  	-ms-transition-duration: 0.3s;
  	-o-transition-duration: 0.3s;
  	transition-duration: 0.3s;
}
.video-container .title-container a.promo-button:before {
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: transparent;
   z-index: -1;
   -webkit-transform: scale(0);
   transform: scale(0);
   -webkit-transition-property: transform;
   transition-property: transform;
   -webkit-transition-duration: 0.3s;
   transition-duration: 0.3s;
   -webkit-transition-timing-function: ease-out;
   transition-timing-function: ease-out;
}
.video-container .title-container a.promo-button:hover,
.video-container .title-container a.promo-button:focus,
.video-container .title-container a.promo-button:active {
  background: #ff7c00;
  background: rgba(255, 124, 0, 0.8);
  border: 2px solid #fff;
  color: #fff !important;
}
.video-container .title-container a.promo-button:hover:before,
.video-container .title-container a.promo-button:focus:before,
.video-container .title-container a.promo-button:active:before {
  -webkit-transform: scale(1);
  transform: scale(1);
}
.video-container .title-container a {
  position: relative;
  top: 2.5vw;
  font: 100 3.5em/0px source_sans_proextralight, notosans;
  margin: 0 auto;
  color: #fff;
}
.video-container .title-container a:hover { color: #ff7c00; }
.video-container .link {
  position: absolute;
  bottom: 3em;
  width: 100%;
  text-align: center;
  z-index: 1001;
  font-size: 2em;
  color: #fff;
}
.video-container .link a {
  color: #fff;
}
.video-container video {
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  /* Center the video */
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}


/* ------------------------------------------------------------------ */
/* e. Call to Action (Promo)Styles
/* ------------------------------------------------------------------ */
#cta {
   font-family: source_sans_proextralight;
   padding: 4.3vw 0 2.5vw;
   background-color: rgb(2, 42, 79);
   text-align: center;
}
#cta h3 {
	font: 2.15vw/2.9vw source_sans_prolight, sans-serif;
   color: #fff
}
#cta p {
	font-size: 1.9vw;
	line-height: 2.2vw;
   color: #fff
}
#cta p.strong {
	font: 2vw/2.2vw source_sans_probold, sans-serif;
   color: #fff;
}
#cta .all-promos {
    width: 98%;
    margin: 4vw auto 0;
}
#cta .all-promos td {
    padding: 0 20px;
}
#cta .one-promo td {
	width: 100%;
}
#cta .two-promos td {
	width: 50%;
}
#cta .three-promos td {
	width: 33.333%;
}
#cta h4 {
   font: 1.8vw/2.5vw source_sans_proregular, sans-serif;
}
#cta p.price {
   font: 1.7vw/2.5vw source_sans_proregular, sans-serif;
   color: #fff;
   font-weight: 800;
   padding-bottom: 8px;
}
#cta td p {
   font-size: 1.55vw;
   color: #fff;
}
#cta td.one h4 {
	color: #fff144;
}
#cta td a.benefit {
	font: 1.5vw/1.5vw source_sans_proregular, sans-serif;
	padding: 3px 22px;
	margin-left: 10px;
	background-color: #ff7c00;
	color: #fff;
}
#cta td a.buy-one {
	font: 1.5vw/1.5vw source_sans_proregular, sans-serif;
	padding: 3px 8px;
	margin-right: 10px;
	background-color: #eddb00;
	color: #fff;
}
#cta td a.buy-two {
	font: 1.5vw/1.5vw source_sans_proregular, sans-serif;
	padding: 3px 8px;
	margin-right: 5px;
	background-color: #ec66a2;
	color: #fff;
}
#cta td a.buy-three {
	font: 1.5vw/1.5vw source_sans_prosemibold, sans-serif;
	padding: 3px 8px;
	margin-right: 5px;
	background-color: #47e550;
	color: #fff;
}
#cta td a.benefit:hover {
	background-color: #fff;
	color: #ff7c00;
}
#cta td a.buy-one:hover {
	background-color: #fff;
	color: #eddb00;
}
#cta td a.buy-two:hover {
	background-color: #fff;
	color: #ec66a2;
}
#cta td a.buy-three:hover {
	background-color: #fff;
	color: #47e550;
}
#cta td.two  h4 {
	color: #ec66a2;
}
#cta td.three  h4 {
	color: #97ef9c;
}


/* ------------------------------------------------------------------ */
/* d. Nosotros Styles
/* ------------------------------------------------------------------ */
#nosotros {
   text-align: center;
   margin: 0;
   overflow: hidden;
}
#que-hacemos img {
	display: block;	
	position: fixed;
}
#nosotros .frase {
	position: relative;
	width: 50%;
    top: 30%;
    padding: 0 0 0 10.02vw;
    font: 2.15vw/2.9vw source_sans_proextralight, arial;
    text-transform: uppercase;
	text-align: right;
    color: #fff;
}
#nosotros a {
    position: relative;
    font: 100 8.10vw/0 source_sans_proextralight, notosans;
    top: 275px;
    left: -18%;
    color: #fff;
    vertical-align: bottom;
    z-index: 1;
}
#nosotros a:hover { color: #ff7c00; }
#nosotros .parallax {
    background-image: url("/uploads/bck_nosotros.jpg");
}
#nosotros .filter:before { background-color: rgba(2, 42, 79, 0.4); }
.nosotros {
   background: rgb(255, 255, 255);
   height: auto !important;
   margin: 0 auto;
}
.nosotros h1 {
   color: #034684;
   text-align: left;
   padding-bottom: 2vw;
}
.nosotros p {
   font-family: source_sans_proregular, sans-serif;
   color: #000;
   text-align: left;
}
.nosotros a {
   font-family: source_sans_probold, sans-serif;
   color: #034684;
   text-align: left;
}
.nosotros a:hover { color: #ff7c00; }


/* ------------------------------------------------------------------ */
/* e. Equipo Styles
/* ------------------------------------------------------------------ */
#equipo {
   font-family: source_sans_proextralight;
   padding: 7.7vw 13vw 15vw;
}	
#equipo i.title {
    display: block;
    font: 2.15vw/2.9vw source_sans_proextralight, sans-serif;
	text-align: center;
	color: #022a4f ;
	padding: 0 4.24vw 7.7vw !important;
	margin: 0;
}
i.title p { margin: 0; }
#equipo #social-networks {
   text-align: center;
   padding: 0 3vw;
}
#equipo #social-networks li a i {
   font-size: 1.85rem;
   color: #fff;
}
#equipo #social-networks i.fa-tv,
#equipo #social-networks i.fa-download {
   font-size: 1.55rem;
}
#equipo #social-networks i.fa-wikipedia-w,
#equipo #social-networks i.fa-facebook-f,
#equipo #social-networks i.fa-tiktok {
   font-size: 1.65rem;
}
.team {
   position: relative;
   width: 100%;
   padding: 0 10px;
   margin: 0;
   overflow: hidden;
   text-align: center;
}
.team img {
   display: block;
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   -ms-transition: all 0.2s linear;
   transition: all 0.2s linear;
}
.team .overlay {
   position: absolute;
   width: 100%;
   height: 100%;
   overflow: hidden;
   top: 0;
   left: 0;
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   background-color: rgb(12, 106, 122);
   -webkit-transition: all 0.4s ease-in-out;
   -moz-transition: all 0.4s ease-in-out;
   -o-transition: all 0.4s ease-in-out;
   -ms-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;
}
.team:hover .overlay {
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=70)";
   filter: alpha(opacity=70);
   opacity: 0.7;
}
.team:hover img {
   -webkit-transform: scale(1.1,1.1);
   -moz-transform: scale(1.1,1.1);
   -o-transform: scale(1.1,1.1);
   -ms-transform: scale(1.1,1.1);
   transform: scale(1.1,1.1);
}
.team h3 {
   font: 1.85vw/2.31vw source_sans_proextralight, sans-serif;
   text-transform: uppercase;
   color: #fff;
   padding: 13.3vw 0 0;
   margin: 20px auto 0;
   
}
.team p {
   font: 1.39vw/1.39vw source_sans_proextralight, sans-serif;
   text-transform: uppercase;
   color: #fff;
   padding: 3% 0 20%;
   -webkit-transform: translateY(100px);
   -moz-transform: translateY(100px);
   -o-transform: translateY(100px);
   -ms-transform: translateY(100px);
   transform: translateY(100px);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   -ms-transition: all 0.2s linear;
   transition: all 0.2s linear;
}
.team:hover p {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transform: translateY(0px);
   -moz-transform: translateY(0px);
   -o-transform: translateY(0px);
   -ms-transform: translateY(0px);
   transform: translateY(0px);
   -webkit-transition-delay: 0.1s;
   -moz-transition-delay: 0.1s;
   -o-transition-delay: 0.1s;
   -ms-transition-delay: 0.1s;
   transition-delay: 0.1s;
}
.team ul {
   margin: 0;
   color: #fff;
}
.team ul li {
   color: #fff;
   background-color: transparent !important;
}

/*Equipo Interior Page
----------------------------------------*/
.equipo {
   background: rgb(1, 24, 45);
   padding: 110px 12.12145vw;
   margin: 0 auto;
}
.equipo .poster img {
    width: 15.90vw;
    padding-right: 2.6214vw;
    margin: -240px auto 0;
    box-sizing: content-box;
}
.equipo blockquote p {
   font-size: 20px;
   padding: 8.40vw 2.6214vw 0 0;
   margin: 0 auto;
   color: #fff;
   opacity: 1;
   text-align: center;
}
.equipo p {
   font-family: source_sans_proregular, sans-serif;
   color: #fff;
   opacity: 0.7;
}
.equipo p a {
   font-family: source_sans_proregular, sans-serif;
   color: #fff;
   opacity: 0.9;
}
.equipo p a:hover { color: #ff7c00; }
.equipo strong { font-family: 800 source_sans_proregular, sans-serif; }

.gutter { padding: 0 0 0 5%; max-width: 1200px; float: left !important; }
.gutter hr { margin-top: 50px; }
.gutter p { line-height: 25px; }


/* ------------------------------------------------------------------ */
/* f. Qué Hacemos Styles
/* ------------------------------------------------------------------ */
#que_hacemos  {
	overflow: hidden;
   position: relative;
   margin: 0;
}
#que_hacemos .frase {
	position: relative;
	width: 50%;
   top: 40%;
    left: 50%;
    padding-right: 6.93vw;
    font: 2.15vw/2.9vw source_sans_proextralight, arial;
    text-transform: uppercase;
	text-align: left;
    color: #fff;
}
#que_hacemos .parallax {
    background-image: url("/uploads/bck_producciones.jpg");
}
#que_hacemos .filter:before { background-color: rgba(2, 42, 79, 0.6); }


/* ------------------------------------------------------------------ */
/* g. Producciones Styles
/* ------------------------------------------------------------------ */
#producciones {
	box-sizing: border-box;
	padding: 0.771vw 0.23130vw 8.5vw 0.6939vw;
 }
#producciones { width: 100%; }
#producciones:after {
  content: '';
  display: block;
  clear: both;
}
#producciones figure img {
	position: relative;
	display: block;
	max-width: 100%;
}
#producciones figure figcaption {
    font-family: source_sans_proextralight, sans-serif;
	padding: 2em;
	color: #fff;
	text-transform: uppercase;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
#producciones figure figcaption::before,
#producciones figure figcaption::after {
	pointer-events: none;
}
#producciones figure figcaption,
#producciones figure figcaption > a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
#producciones figure figcaption > a {
	z-index: 1000;
	text-indent: 200%;
	white-space: nowrap;
	font-size: 0;
	opacity: 0;
}
#producciones figure h1 {
    font: 24px/30px source_sans_proextralight, sans-serif;
    padding: 0 15px;
	text-align: center;
	margin: 0;
}
#producciones figure h1 span {
	font-weight: 800;
}
#producciones figure p {
    font-size: 18px;
    line-height: 18px;
	letter-spacing: 1px;
	text-align: center;
	margin: 0;
}
.brick-sizer { width: 24.5%; }
.gutter-sizer { width: 0.5%; }
.brick {
   width: 24.5%;
   height: auto;
   margin-bottom: 0.492vw;
   overflow: hidden;
   box-sizing: border-box;
}
.brick-v {
   width: 24.5%;
   height: auto;
   overflow: hidden;
   box-sizing: border-box;
}
.brick-h {
   width: 49.5%;
   height: auto;
   overflow: hidden;
   box-sizing: border-box;
}
.brick-b {
   width: 49.5%;
   height: auto;
   overflow: hidden;
   box-sizing: border-box;
}
.effect-sadie figcaption::before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	content: '';
	background-color: rgba(2, 42, 79, 0.75);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.3s ease-in 0.4s;
   -moz-transition: all 0.3s ease-in 0.4s;
   -o-transition: all 0.3s ease-in 0.4s;
   -ms-transition: all 0.3s ease-in 0.4s;
   transition: all 0.3s ease-in 0.4s;
}
figure.effect-sadie h1 {
	position: absolute;
	top: 45%;
	left: 0;
	width: 100%;
	color: #484c61;
	opacity: 0;
	-webkit-transition: -webkit-transform 0.35s, color 0.35s;
	transition: transform 0.35s, color 0.35s;
	-webkit-transform: translate3d(0,-50%,0);
	transform: translate3d(0,-50%,0);
}
figure.effect-sadie figcaption::before,
figure.effect-sadie p {
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
}
figure.effect-sadie p {
	position: absolute;
	top: 45%;
	left: 0;
	padding: 0;
	width: 100%;
	opacity: 0;
	-webkit-transform: translate3d(0,10px,0);
	transform: translate3d(0,10px,0);
}
figure.effect-sadie:hover h1 {
	color: #fff;
	opacity: 1;
	-webkit-transform: translate3d(0,-50%,0) translate3d(0,-40px,0);
	transform: translate3d(0,-50%,0) translate3d(0,-40px,0);
}
figure.effect-sadie:hover figcaption::before ,
figure.effect-sadie:hover p {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

/*Producción Interior Page
----------------------------------------*/
.produccion {
   font-family: source_sans_proregular, sans-serif;
   color: #fff;
   background: rgb(1, 24, 45);
   padding: 110px 11.5vw;
   margin: 0 auto;
}
.ficha p, .premios ul { margin: 0; }
.premios ul {
    list-style-type: disc;
    margin-left: 14px;
}
.premios p { margin: 0 0 0 14px; }
.galeria .container {
   position: relative;
   width: 100%;
   height: auto;
   margin: 0;
   overflow: hidden;
   text-align: center;
}
.galeria img {
	height: 30vw;
   object-fit: cover;
}
.galeria .columns .overlay {
   position: absolute;
   width: 100%;
   height: 100%;
   overflow: hidden;
   top: 0;
   left: 0;
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   background-color: rgba(2, 42, 79, 0.75);
   -webkit-transition: all 0.4s ease-in-out;
   -moz-transition: all 0.4s ease-in-out;
   -o-transition: all 0.4s ease-in-out;
   -ms-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;
}
.galeria .columns:hover .overlay,
.galeria-news .columns:hover .overlay {
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=75)";
   filter: alpha(opacity=75);
   opacity: 0.75;
}
.galeria a i,
.galeria-news a i {
   position: absolute;
   top: 35%;
   left: 45%;
   font: lighter 60px/60px source_sans_proextralight, sans-serif;
   color: #fff;
}
.galeria a i:hover, .galeria-news a i:hover { opacity: 1; }
.produccion .ficha { padding: 0 4vw 4vw 0; }
.produccion .galeria { padding-top: 25px; }
.produccion .trailer { padding-bottom: 8vw; }
.produccion .premios {
    padding: 1.5vw 0 8vw;
    opacity: 0.7;
}
.produccion iframe,
.produccion .bgrid-halves,
.produccion .s-bgrid-halves { margin-top: 12px; }
.produccion p,
.produccion h2, .produccion h1 { opacity: 0.7; }
.produccion img { display: block; }
.produccion .poster img {
    width: 18.52vw;
    margin: -260px 0 7.5vw;
}


/* ------------------------------------------------------------------ */
/* h. Premios Styles
/* ------------------------------------------------------------------ */
#premios {
   text-align: center;
   padding: 0 16vw 13vw;
}
#premios h2 {
	padding-top: 10px !important;
}
#premios h2:hover {
	color: orange;
}
#premios img {
	padding-top: 0;
}
.slick-slider
{
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}
.slick-list
{
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}
.slick-track
{
    position: relative;
    top: 0;
    left: 0;
    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;
    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}
.slick-slide
{
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.responsive .slick-slide { width: 22.5vw; }
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
/* Slick Theme */
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}
.slick-loading .slick-list
{
    background: #fff url('./ajax-loader.gif') center center no-repeat;
}
/* Icons */
@font-face
{
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;
    src: url('./fonts/slick.eot');
    src: url('./fonts/slick.eot?#iefix') format('embedded-opentype'), url('./fonts/slick.woff') format('woff'), url('./fonts/slick.ttf') format('truetype'), url('./fonts/slick.svg#slick') format('svg');
}
/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 110%;
    display: block;
    width: 30px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
#premios .slick-prev,
#premios .slick-next
{
	top: 125%;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
    background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}
.slick-prev:before,
.slick-next:before
{
    font-family: 'slick';
    font-size: 30px;
    line-height: 1;
    opacity: .75;
    color: #020119;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-prev:hover:before,
.slick-next:hover:before
{
    color: #ff7c00;
}
.slick-prev
{
    left: 40%;
}
[dir='rtl'] .slick-prev
{
    right: -25px;
    left: auto;
}
.slick-next
{
    right: 40%;
    z-index: 999;
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: -25px;
}
/* Dots */
.slick-dotted.slick-slider
{
    margin-bottom: 30px;
}
.slick-dots
{
    position: absolute;
    bottom: -100px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
}
.slick-dots li
{
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer;
}
.slick-dots li button
{
    font-size: 40px;
    line-height: 20px;
    display: block;
    width: 20px;
    height: 20px;
    padding: 5px;
    cursor: default;
    color: transparent;
    border: 0;
    outline: none;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    font-family: 'slick';
    font-size: 15px;
    line-height: 15px;
    position: absolute;
    top: 0;
    left: 0;
    width: 15px;
    height: 15px;
    content: '•';
    text-align: center;
    opacity: 1;
    color: transparent;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    opacity: 1;
    color:transparent;
}

/* Carousel pagination dots (React <Carousel/> — Equipo / Premios) */
.carousel-dots
{
    display: flex;
    justify-content: center;
    gap: 12px;
    margin: 22px 0 0;
    padding: 0;
    list-style: none;
}
.carousel-dots li { display: block; }
.carousel-dots li button
{
    width: 13px;
    height: 13px;
    padding: 0;
    cursor: pointer;
    border: 2px solid #020119;
    border-radius: 50%;
    background: transparent;
    transition: background 0.25s ease, border-color 0.25s ease;
}
.carousel-dots li button:hover,
.carousel-dots li button:focus { border-color: #ff7c00; outline: none; }
.carousel-dots li button.is-active
{
    border-color: #ff7c00;
    background: #ff7c00;
}


/* ------------------------------------------------------------------ */
/* j. Noticias Styles
/* ------------------------------------------------------------------ */
#noticias .container {
	width: 100%;
	height: auto;
	padding: 0 5% 5%;
	overflow: hidden;
	text-align: left;
	/* Base small-text size aligned to Tailwind's scale (text-sm = 14px);
	   the 62.5% root makes rem-based utilities tiny, so we set px here. */
	font-size: 14px;
	color: #000;
	line-height: 20px;
	display: block;
	position: relative;
	float: left;
}
#noticias .container > #noticias .container:nth-child(4n+4) { margin-right: 0; }
#noticias header {
	width: 100%;
	height: 45px;
}
#noticias time {
	font-size: 14px;
	font-variant: small-caps;
	line-height: 40px;
	color: #000;
}
#noticias img {
	padding: 10px 0;
}
#noticias h1 {
    font: 18px/27px source_sans_proregularsemibold, sans-serif;
    color: #034684;
}
#noticias h1:hover { color: #ff7c00; }
#noticias p {
    font-family: source_sans_proregular, sans-serif;
	font-size: 16px;
	line-height: 24px;
	color: #000;
}
#noticias .more-link { color: #034684; font-size: 14px; }
#noticias .more-link:hover { color: #ff7c00; }

#producciones button, #button {
    position: relative;
	text-align: center;
	display: inline-block;
	font-family: source_sans_proregular, sans-serif;
	font-size: 22px;
	line-height: 32px;
	text-transform: uppercase;
	padding: 10px 20px;
	margin: 0 auto;
	background: transparent;
	border: 2px solid #040234;
	color: #040234;
    vertical-align: middle;
   -webkit-transform: perspective(1px) translateZ(0);
   -moz-transform: perspective(1px) translateZ(0);
   -ms-transform: perspective(1px) translateZ(0);
   -o-transform: perspective(1px) translateZ(0);
   transform: perspective(1px) translateZ(0);
  	-webkit-transition-property: color;
  	-moz-transition-property: color;
  	-ms-transition-property: color;
  	-o-transition-property: color;
  	transition-property: color;
  	-webkit-transition-duration: 0.3s;
  	-moz-transition-duration: 0.3s;
  	-ms-transition-duration: 0.3s;
  	-o-transition-duration: 0.3s;
  	transition-duration: 0.3s;
}
#producciones button { margin-top: 3%; }
#producciones button:before, #button:before {
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background:transparent;
   z-index: -1;
   -webkit-transform: scale(0);
   transform: scale(0);
   -webkit-transition-property: transform;
   transition-property: transform;
   -webkit-transition-duration: 0.3s;
   transition-duration: 0.3s;
   -webkit-transition-timing-function: ease-out;
   transition-timing-function: ease-out;
}
#producciones button:hover,
#producciones button:focus,
#producciones button:active,
#button:hover, #button:focus, #button:active {
  border: 2px solid #ff7c00;
  color: #ff7c00;
}
#producciones button:hover:before,
#producciones button:focus:before,
#producciones button:active:before,
#button:hover:before, #button:focus:before, #button:active:before {
  -webkit-transform: scale(1);
  transform: scale(1);
}
#pages { padding: 110px 11.5vw; }
#pages .txt { padding-left: 3vw; }
#pages h1 {
    font: 20px/30px source_sans_proregularsemibold, sans-serif;
    color: #034684;
}
#pages time {
	font-size: 16px;
	font-variant: small-caps;
	line-height: 50px;
	color: #0c6a7a;
}
#pages p {
   font: 15px notosans-regular, sans-serif !important;
	color: #000;
}
#pages .more-link, #pages h2 { color: #034684; }
#pages h1:hover,
#pages .more-link:hover { color: #ff7c00; }
hr.dotted {
	width: 100%;
   border: none;
   border-bottom: 8px dotted #0c6a7a !important;
   height: 2.5vw;
   margin-bottom: 2.5vw;
}
hr.dotted:last-of-type { margin-bottom: 0; }

.post {
   font-family: source_sans_proregular, sans-serif;
   color: #000;
   background: rgb(255, 255, 255);
   padding: 110px 11.5vw;
   margin: 0 auto;
}
.post h1, .post h2 { color: #034684; }
.post a { color: #333; }
.post a:hover { color: #ff7c00; }
.galeria .container {
   position: relative;
   width: 100%;
   margin: 0;
   overflow: hidden;
   text-align: center;
}
.galeria .columns .overlay {
   position: absolute;
   width: 100%;
   height: 100%;
   overflow: hidden;
   top: 0;
   left: 0;
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   background-color: rgba(2, 42, 79, 0.75);
   -webkit-transition: all 0.4s ease-in-out;
   -moz-transition: all 0.4s ease-in-out;
   -o-transition: all 0.4s ease-in-out;
   -ms-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;
}
.galeria .columns:hover .overlay {
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=75)";
   filter: alpha(opacity=75);
   opacity: 0.75;
}
.galeria a i {
   position: absolute;
   top: 35%;
   left: 45%;
   font: lighter 60px/60px source_sans_proextralight, sans-serif;
   color: #fff;
}
.galeria a i:hover { color: #ff7c00 }
.post time {
    font-size: 20px;
	font-variant: small-caps;
	line-height: 30px;
    color: #0c6a7a;
}
.post figcaption {
    color: #034684; 
}
.post blockquote p {
   font-size: 20px;
   padding: 23.07vw 0;
   margin: 0 auto;
   color: #0c6a7a;
   opacity: 1;
   text-align: center;
}
.post .text { padding-left: 5vw; }
#pages .galeria, .post .galeria { padding-top: 25px;}
.post .bgrid-halves,
.post .s-bgrid-halves {margin-top: 12px;}
#pages .posts:not(:first-child) {padding-top: 100px;}
#pages .bgrid-quarters,
#pages .s-bgrid-quarters { margin-top: 12px; }
.post .single-nav a {;
   color: #034684;
   opacity: 0.8;
}
.post .single-nav span {
   width: 20px;
   font-size: 18px;
   font-weight: 600;
   color: #034684;
   opacity: 1;
   margin: 70px;
}
.post .single-nav a:hover { color: #ff7c00 }
.post img { display: block; }
.post .poster img {
    width: 100vw;
    margin: -220px 0 0;
}


/* ------------------------------------------------------------------ */
/* j. Twitter-Facebook Section
/* ------------------------------------------------------------------ */
#tw-fb { padding: 11vw 0 11vw; }
#tw-fb .bar {
   background-color: #ccd12a;
   padding-top: 25px;
   padding-bottom: 25px;
}
#tw-fb .bar h2 {
   font: 600 2.6vw/2.6vw raleway-bold, sans-serif;
   text-align: center;
   color: #20545f;
   padding: 0;
   text-shadow: 0px 1px 5px rgba(0, 0, 0, .3);
}
#tw-fb ul {
	margin: 0;	
}
.twitter { padding: 0 1.6vw 0 11vw; }
.facebook { padding: 0 11vw 0 1.6vw; }
.twitter li {
	background-color: #01182d;
	border-left: 1.992px solid #01182d;
	border-right: 1.99px solid #01182d;
	line-height: 16px;
	margin: 0 auto;
	max-width: 500px;
	max-height: 677px;
}
.facebook li {
	background-color: #01182d;
	border-left: 1.992px solid #01182d;
	border-right: 1.99px solid #01182d;
	border-bottom: 2px solid #01182d;
	line-height: 16px;
	margin: 0 auto;
	max-width: 500px;
	max-height: 677px;
}
.fb-links {
    display: inline-block;
    width: 100%;
    padding: 15px 25px;
}
#tw-fb .tweeter-icon a { 
	font-size: 34px;
	color: #fff;
	padding-top: 10px;
	padding-left: 38px; 
}
#tw-fb .follow-button {
   font: 28px/28px source_sans_prolight, sans-serif;
   background: transparent;
   display: inline-block;
	text-decoration: none;
   letter-spacing: 0;
   color: #fff;
   border: none;
   cursor: pointer;
   height: auto;
   webkit-transition: all .2s ease-in-out;
	moz-transition: all .2s ease-in-out;
	o-transition: all .2s ease-in-out;
	ms-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}
#tw-fb .tweeter-icon a:hover,
#tw-fb .follow-button:hover { color: #ff7c00; }


/* ------------------------------------------------------------------ */
/* k. Contacto Styles
/* ------------------------------------------------------------------ */
#cont_txt  {
	overflow: hidden;
   position: relative;
}
#cont_txt .frase{
	position: relative;
	width: 50%;
    top: 40%;
    padding: 0 0 0 10.02px;
    font: 2.15vw/2.9vw source_sans_proextralight, arial;
    text-transform: uppercase;
	text-align: right;
    color: #fff;
}
.frase p { margin: 0; }
#cont_txt .parallax {
    background-image: url("/uploads/bck_contacto.jpg");
}
#cont_txt .filter:before { background-color: rgba(2, 42, 79, 0.8); }
#cont_txt a {
    position: relative;
	width: 15%;
	text-align: center;
	top: 25.44vw;
	left: 34%;
	display: inline-block;
	font-family: source_sans_proregular, sans-serif;
	font-size: 1.67vw;
	line-height: 2.46vw;
	text-transform: uppercase;
	padding: 0.77vw 1.54vw;
	margin: 0 auto;
	background: transparent;
	border: 0.154vw solid #fff;
	color: #fff;
    vertical-align: middle;
   -webkit-transform: perspective(1px) translateZ(0);
   -moz-transform: perspective(1px) translateZ(0);
   -ms-transform: perspective(1px) translateZ(0);
   -o-transform: perspective(1px) translateZ(0);
   transform: perspective(1px) translateZ(0);
  	-webkit-transition-property: color;
  	-moz-transition-property: color;
  	-ms-transition-property: color;
  	-o-transition-property: color;
  	transition-property: color;
  	-webkit-transition-duration: 0.3s;
  	-moz-transition-duration: 0.3s;
  	-ms-transition-duration: 0.3s;
  	-o-transition-duration: 0.3s;
  	transition-duration: 0.3s;
}
#cont_txt a:before {
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: transparent;
   z-index: -1;
   -webkit-transform: scale(0);
   transform: scale(0);
   -webkit-transition-property: transform;
   transition-property: transform;
   -webkit-transition-duration: 0.3s;
   transition-duration: 0.3s;
   -webkit-transition-timing-function: ease-out;
   transition-timing-function: ease-out;
}
#cont_txt a:hover, #cont_txt a:focus, #cont_txt a:active {
  border: 2px solid #ff7c00;
  color: #ff7c00;
}
#cont_txt a:hover:before, #cont_txt a:focus:before, #cont_txt a:active:before {
  -webkit-transform: scale(1);
  transform: scale(1);
}

/*Contacto Interior Page
----------------------------------------*/
.contacto {
   font-family: source_sans_proregular, sans-serif;
   color: #fff;
   background: rgb(1, 24, 45);
   padding: 110px 11.5vw;
   margin: 0 auto;
}
.contacto strong {
    font: 700 15px/18px source_sans_proregular, sans-serif;
    margin: 0;
    color: #fff;
    opacity: 0.7;
}
.contacto .address { padding-bottom: 35px; }
.contacto p {
    font: 14px/18px source_sans_proregular, sans-serif;
    margin: 0;
    color: #fff;
    opacity: 0.7;
}
.contacto input,
.contacto textarea,
.contacto select {
    width: 90%;
    padding: 9px 20px;
	color: #fff;
	background: #3F464B;
	border: 0;
	outline: none;
}
.contacto input:focus,
.contacto textarea:focus,
.contacto select:focus {
	color: #000;
	background-color: #B1C9C9;
}
.contacto button {
	font: 18px/18px source_sans_proregular, sans-serif;
	text-transform: uppercase;
	letter-spacing: 3px;
	color:#fff;
	opacity: 0.7;
	background: transparent;
    padding: 10px;
	border: none;
    cursor: pointer;
    height: auto;
    display: inline-block;
    border: 1px solid #fff;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
    margin: 0 auto !important;
}
.contacto button:hover {
    border-color: #ff7c00;
	color: #ff7c00;
}
.contacto span.required {
	color: #11ABB0;
	font-size: 13px;
}
.contacto #social-networks {
	padding: 15px 0 !important;
	text-align: center;
}
.contacto #social-networks li a i {
   padding: 3px;
   margin-right: 2px; 
}
#map {
   display: block;
   width: 100%;
   min-height: 280px;
   margin-left: 10%;
   background-color: #F6F4EF;
}
#map strong {
    font: 700 15px/18px source_sans_proregular, sans-serif;
    margin: 0;
    color: #000;
    opacity: 1;
}
#map p {
    font: 14px/18px source_sans_proregular, sans-serif;
    margin: 0;
    color: #000;
    opacity: 1;
}
#map img { max-width:inherit !important; }
#map .map-error {
  text-align: center;
  padding-top: 48px;
  color: #C0B491;
  font-size: 14px;
}


/* ------------------------------------------------------------------ */
/* l. Lightbox
/* ------------------------------------------------------------------ */
.lightbox {
	display: none;
	position: fixed;
	z-index: 9999;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	color:#fff;
	background-color: rgb(0, 0, 0); /* Fallback color */
    background-color: rgba(0, 0, 0, 0.9); /* Black w/ opacity */
	-webkit-transition: opacity .5s ease-in-out;
	-moz-transition: opacity .5s ease-in-out;
	-o-transition: opacity .5s ease-in-out;
	transition: opacity .5s ease-in-out;
}
/** Show lightbox when it is target */
.lightbox:target {
	display: inline-block;
	outline: none;
	top: 0;
	-webkit-transition: opacity .5s ease-in-out;
	-moz-transition: opacity .5s ease-in-out;
	-o-transition: opacity .5s ease-in-out;
	transition: opacity .5s ease-in-out;
}

.lightbox .box {
	vertical-align: middle;
 	margin: 0 auto;
}
.lightbox .content {
	display:block;
	position:relative;
	text-align: center;
}
.lightbox img {
    height: 35vw;
    width: auto;
    margin: 5% auto 0;
}
.lightbox .title {
    font-size: 1.6vw;
    line-height: 35px;
    font-weight: 600;
    color: #fff;
	margin: 0;
	opacity: 0.7;
}
.lightbox .desc {
    font-size: 1.15vw;
    color: #fff !important;
    text-align: center;
    padding-top: 15px;
	z-index: 99;
}
.lightbox .prev,
.lightbox .next,
.lightbox .close {
   font-size: 3vw;
   color: #fff;
   opacity: 0.7;
}
.lightbox .prev {
    position: absolute;
    top: 50%;
    left: 0;
	padding-left: 1vw;
}
.lightbox .next {
    position: absolute;
    top: 50%;
    right: 0;
	padding-right: 1vw;
}
.lightbox .close {
    float:right;
    padding-right: 1vw;
}
.lightbox .prev:hover,
.lightbox .next:hover,
.lightbox .close:hover { color: #ff7c00 }

.lightbox.promo {
	background-color: rgba(2, 42, 79, 0.95);
}
.lightbox .promociones{
	position: relative;
	display: block;
	width: 90%;
	height: auto;
	margin: 3% auto;
}
.lightbox .promociones .desc {
	 width: 100%;
    padding-bottom: 20%;
	 z-index: 99;
}
.lightbox .promociones td {
	vertical-align: top;
}
.promo-img {
	width: 50%;
}
.promo-desc {
	width: 50%;
	text-align: center;
}
.promo-desc p {
	text-align: left !important;
}
.lightbox.one .promociones h3 {
	font-size: 28px;
	line-height: 34px;
	margin-bottom: 22px;
	color: #fff144;
}
.lightbox.two .promociones h3 {
	font-size: 28px;
	line-height: 34px;
	margin-bottom: 22px;
	color: #ec66a2;
}
.lightbox.three .promociones h3 {
	font-size: 28px;
	line-height: 34px;
	margin-bottom: 22px;
	color: #97ef9c;
}
.lightbox.one .promociones td #button {
	border: 2px solid #fff144;
	color: #fff144;
	vertical-align: bottom;
	margin-top: 30px;
}
.lightbox.two .promociones td #button {
	border: 2px solid #ec66a2;
	color: #ec66a2;
	vertical-align: bottom;
	margin-top: 30px;
}
.lightbox.three .promociones td #button {
	border: 2px solid #97ef9c;
	color: #97ef9c;
	vertical-align: bottom;
	margin-top: 30px;
}
.lightbox .promociones td #button:hover {
	border: 2px solid #ff7c00;
	color: #ff7c00;
}
.lightbox .promociones .desc img {
    width: 60%;
    height: auto;
    margin: 0 20%;
}


/* ------------------------------------------------------------------ */
/* m. Searchbox
/* ------------------------------------------------------------------ */
.searchbox {
	display: none;
	position: fixed;
	z-index: 9999;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	color:#fff;
	background-color: rgb(0, 0, 0); /* Fallback color */
    background-color: rgba(0, 0, 0, 0.9); /* Black w/ opacity */
	-webkit-transition: opacity .5s ease-in-out;
	-moz-transition: opacity .5s ease-in-out;
	-o-transition: opacity .5s ease-in-out;
	transition: opacity .5s ease-in-out;
}

/** Show searchtbox when it is target */
.searchbox:target {
	display: block;
	outline: none;
	overflow: auto;
	top: 0;
	-webkit-transition: opacity .5s ease-in-out;
	-moz-transition: opacity .5s ease-in-out;
	-o-transition: opacity .5s ease-in-out;
	transition: opacity .5s ease-in-out;
}
.searchbox .close {
   position: fixed;
   top: 2vw;
   right: 2vw;
   font-size: 3vw;
   color: #fff;
   opacity: 0.7;
}
.searchbox .close:hover { color: #ff7c00 }

.busqueda {
   font-family: source_sans_proregular, sans-serif;
   color: #fff;
   background: rgb(2, 1, 25);
   padding: 110px 11.5vw;
   min-height: 60vw;
   margin: 0 auto;
}
.busqueda strong,
.busqueda label {
    font: 700 15px/25px source_sans_proregular, sans-serif;
    padding-bottom: 10px;
    margin: 0;
    color: #fff;
}
.busqueda p {
    font: 15px/22px source_sans_proregular, sans-serif;
    padding-bottom: 20px;
    margin: 0;
    color: #fff;
}
.busqueda a {
    font:  700 17px/24px source_sans_proregular, sans-serif;
    margin: 0;
    color: #fff;
    opacity: 0.7;
}
.busqueda a:hover { color: #ff7c00 }
.busqueda input[type=text] {
    display: inline-block;
    width: 212px;
    box-sizing: border-box;
    border: 1px solid #fff;
    border-radius: 3px;
    font-size: 16px;
    color: #333;
    float: left;
    background-color: #fff;
    background-position: 10px 10px; 
    background-repeat: no-repeat;
    padding: 5px;
    -webkit-transition: width 0.4s ease-in-out;
    transition: width 0.4s ease-in-out;
}
.busqueda input[type=text]:focus {
	outline: none;
}
.busqueda button {
    background-color: #aaa;
    border-radius: 3px;
    padding: 1.4px 15px;
}
.busqueda button:hover {
    background-color: #ff7c00;
}
.busqueda ul {
    padding-bottom: 10px;
}
#result { padding: 1vw 0 0; }


/* ------------------------------------------------------------------ */
/* n. Footer Style
/* ------------------------------------------------------------------ */
footer {
	background-color: #020119;
	opacity: 0.96;
  	font-family: source_sans_prolight, sans-serif;
	font-weight: normal;
	color: #fff;
	letter-spacing: .5px;
	text-transform: none;
	z-index: 100;
    padding: 2.3vw 3.85vw;
}
footer p {
    font-family: source_sans_prolight;
    font-size: 12px !important;
    line-height: 14px;
    margin-bottom: 0;
}
footer .address { padding-top: 3.2vw; }
footer .address p { margin: 1px; }
footer .logo img {
	width: 100px;
}
footer .logo a {
    display: block;
    width: 90px;
    margin: 0 auto;
	padding-top: 10px;
	border: none;
	outline: none;
    height: auto;
}
.h {
    font-family: source_sans_proregular, sans-serif;
	font-weight: normal;
	font-size: 14px !important;
}
.bottom {  text-align: right; padding: 3.1vw 0 0; }
.m {
    font-family: source_sans_prolight;
    font-size: 12px !important;
    line-height: 14px;
}
.sm { font-size: 10px !important; }


/* ------------------------------------------------------------------ */
/* o. Extras (video-stuff)
/* ------------------------------------------------------------------ */
.videowrap {
    position: relative;
    width: 100%;
    padding-top: 0; /* 4:3 Aspect Ratio */
}
iframe { 
	display: block;
	width: 100%;
    height: 17vw;
	z-index: 2;
}

.embedvimeo-container {
  padding:56.25% 0 0 0;
  position: relative;
}
 
.embedvimeo-container iframe,
.embedvimeo-container object,
.embedvimeo-container embed {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.embed-container {
    position: relative;
    height: 0;
    overflow: hidden;
    padding-bottom: 75%;
}
.wide-screen {
    padding-bottom: 56.25%;
}
.four-by-three {
    padding-bottom: 75%;
}
.square {
    padding-bottom: 100%;
}
.embed-container iframe {
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
}

.tube-disable { pointer-events: none;}    
    div.tube-image {
    position:relative;
    width:100%;
    height: 100%;
    background-color: transparent;
}
.tube-image:before {
    content:'';
    position:absolute;
    top:39%;
    left:44%;
    height:85px;
    width:85px;
    border-radius:50px;
    border:1px solid #000;
    text-align:center;
    line-height:30px;
    background:#fff;
    transition:all 200ms ease-in;
}
.tube-image:after {
    content:'';
    position:absolute;
    top:44.5%;
    left:49%;
    display:inline-block;
    width: 0;
    height: 0;
    border-top: 24px solid transparent;
    border-left: 48px solid #fff;
    border-bottom: 24px solid transparent;
}
.tube-image:hover:before {
    background:red;
}


/* ==================================================================
*  Media Queries
/* ================================================================== */
@media only screen and (max-width: 2880px) {
    #nosotros a {
        font: 100 8.10vw/0 source_sans_proextralight, notosans;
        top: 21vw;
    }
    .equipo .poster img { margin: -440px auto 0; }
    .equipo blockquote p { padding: 1.40vw 2.6214vw 0 0; }
    .produccion .poster img { margin: -440px 0 4.5vw; }
    .post .poster img { margin: -340px 0 0; }
    .post blockquote p { padding: 7.4vw 0; }
    .galeria img {
			height: 15vw;
		   object-fit: cover;
		}
    .contacto input, .contacto textarea {
        font-size: 18px;
        line-height: 40px;
        margin-bottom: 1.5vw;
    }
    .contacto .data { text-align: center; }
    .contacto input { height: 2.5vw;}
    .contacto textarea { height: 22vw;}
    #map { height: 30vw; }
}

@media only screen and (max-width: 2400px) {
    .equipo .poster img { margin: -400px auto 0; }
    .equipo blockquote p { padding: 4.80vw 2.6214vw 0 0; }
    .produccion .poster img { margin: -400px 0 4.5vw; }
    .post .poster img { margin: -305px 0 0; }
    .twitter { padding: 0 1.6vw 0 18vw; }
    .facebook { padding: 0 18vw 0 1.6vw; }
}

@media only screen and (max-width: 2200px) {
    .equipo .poster img { margin: -380px auto 0; }
    .produccion .poster img { margin: -380px 0 4.5vw; }
}

@media only screen and (max-width: 2048px) {
    .equipo .poster img { margin: -340px auto 0; }
    .produccion .poster img { margin: -340px 0 4.5vw; }
    .post .poster img { margin: -275px 0 0; }
    .contacto input, .contacto textarea {
        font-size: 15px;
        line-height: 25px;
    }
}

@media only screen and (max-width: 1824px) {
    .equipo .poster img { margin: -315px auto 0; }
    .produccion .poster img { margin: -315px 0 4.5vw; }
    .post .poster img { margin: -260px 0 0; }
}

@media only screen and (max-width: 1700px) {
    .equipo .poster img { margin: -300px auto 0; }
    .produccion .poster img { margin: -300px 0 4.5vw; }
}

@media only screen and (max-width: 1536px) {
   .equipo blockquote p { padding: 6.80vw 2.6214vw 0 0; } 
}

@media only screen and (max-width: 1400px) {
    .equipo .poster img { margin: -270px auto 0; }
    .produccion .poster img { margin: -270px 0 7.5vw; }
}

@media only screen and (max-width: 1366px) {
    .post .poster img { margin: -225px 0 0; }
    .equipo blockquote p { padding: 7.80vw 2.6214vw 0 0; }
}

@media only screen and (max-width: 1297px) {
    .equipo .poster img { margin: -250px auto 0; }
    .equipo blockquote p { padding: 8.40vw 2.6214vw 0 0; }
    .produccion .poster img { margin: -260px 0 7.5vw; }
    .post .poster img { margin: -220px 0 0; }
    .post blockquote p { padding: 10vw 0; }
    .contacto input, .contacto textarea {
        font-size: 13px;
        line-height: 18px;
    }
}

@media only screen and (max-width: 1275px) {
    #noticias h1 { font-size: 14px; }
}

@media only screen and (max-width: 1200px) {
    .equipo .poster img { margin: -240px auto 0; }
    .produccion .poster img { margin: -240px 0 7.5vw; }
    .lightbox img { margin: 10vw auto 0; }
    .lightbox .desc { font-size: 16px; }
    #demo video { margin-top: 3vw; }
}

@media only screen and (max-width: 1160px) {
    .video-container .title-container a.promo-button { top: 14vw; }
    .contacto .address { padding-bottom: 20px; }
}

@media only screen and (max-width: 1135px) {
    #noticias header { height: 65px; }
}

@media only screen and (max-width: 1080px) {
    .equipo .poster img { margin: -230px auto 0; }
    .produccion .poster img { margin: -230px 0 7.5vw; }
    .post .poster img { margin: -190px 0 0; }
    .lightbox .prev,
    .lightbox .next,
    .lightbox .close,
    .searchbox .close { font-size: 30px; }
    .lightbox .close { padding: 30px 20px 0 0; }
    .lightbox.promo .close { padding: 15px 10px 10px 10px; }
    .lightbox .prev { padding-left: 20px; }
    .lightbox .next { padding-right: 20px; }
    .searchbox .close {
        padding-top: 20px;
        padding-right: 10px
    }
    .contacto strong { font: 700 12px/15px source_sans_proregular, sans-serif; }
    .contacto .address { padding-bottom: 20px; }
    .contacto p { font: 11px/14px source_sans_proregular, sans-serif; }
}

@media only screen and (max-width: 1024px) {
	#equipo #social-networks li a i {
	   font-size: 1.65rem;
	   color: #fff;
	}
	#equipo #social-networks i.fa-tv,
	#equipo #social-networks i.fa-download {
	   font-size: 1.35rem;
	}
	#equipo #social-networks i.fa-wikipedia-w,
	#equipo #social-networks i.fa-facebook-f,
	#equipo #social-networks i.fa-tiktok {
	   font-size: 1.45rem;
	}
    .parallax { background-attachment: scroll; }
    .produccion {
        padding-left: 120px;
    }
    .post {
        padding-left: 15.5vw;
        padding-right: 15.5vw;
    }
    #pages { padding-left: 15.5vw; }
    #pages h1 {
        font-size: 18px;
        line-height: 24px;
    }
    #pages time {
        font-size: 14px;
        line-height: 40px;
    }
    #pages p {
        font-size: 16px;
        line-height: 16px;
    }
 }

@media only screen and (max-width: 960px) {
    .video-container .title-container a.promo-button {
		  top: 156px;
		  font-size: 16px;
		  line-height: 23.5px;
	 }
    .equipo { padding: 110px 15.12145vw 0; }
    .post .poster img { margin: -180px 0 0; }
    #page-title h1 { font: 3.3vw/4.626vw source_sans_proextralight, sans-serif; }
    #cta h3 {
	   font-size: 21px;
	   line-height: 28px;
    }
    #cta p {
	    font-size: 18px;
	    line-height: 21px;
    }
    #cta p.strong {
	    font-size: 19px;
	    line-height: 21px;
    }
    #cta h4 {
        font-size: 18px;
	    line-height: 24px;
    }
    #cta p.price {
        font-size: 18px;
	    line-height: 24px;
    }
    #cta td p {
        font-size: 16px;
	    line-height: 22px;
    }
    #cta td a.benefit,
    #cta td a.buy-one,
    #cta td a.buy-two,
    #cta td a.buy-three{
	    font-size: 16px;
	    line-height: 16px;
    }
    .promo-img {
		 width: 280px;
	}
	.promo-desc {
		 width: auto;
	}
	.lightbox .promociones .desc img {
    	 width: 260px;
    	 height: auto;
    	 margin: 0 10px;
 	 }
 	 #social-networks i {
	    font-size: 1.8rem;
	 }
	 #social-networks i.fa-facebook-f,
	 #social-networks i.fa-tiktok,
	 #social-networks i.fa-wikipedia-w {
	   font-size: 1.6rem;
	 }
	 #social-networks i.fa-download,
	 #social-networks i.fa-tv {
	   font-size: 1.5rem;
	 }
}

@media only screen and (max-width: 868px) {
    .contacto strong { font: 700 10px/13px source_sans_proregular, sans-serif; }
    .contacto .address { padding-bottom: 20px; }
    .contacto p { font: 10px/13px source_sans_proregular, sans-serif; }
}

@media only screen and (max-width: 853px) {
    .equipo .poster img { margin: -220px auto 0; }
    .produccion .poster img { margin: -220px 0 7.5vw; }
    .post .poster img { margin: -170px 0 0; }
}

@media only screen and (max-width: 800px) {
    .equipo .poster img { margin: -190px auto 0; }
}

@media only screen and (max-width: 768px) {
    .video-container .title-container a.promo-button {
		  width: 30%;
		  left: 35%;
	}
	img.svg {
		width: 55px;
	}
	.galeria img {
		height: 30vw;
	   object-fit: cover;
	}
	.menu .logo a { width: 65px; }
	.single-nav a {
	    font-size: 30px;
	    margin: 30px;
	}
	.fa-undo { font-size: 20px; }
	.video-container {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        max-width: 100%;
        max-height: 100%;
        margin: auto;
        overflow: auto;
        background: #000;
    }
    .video-container .poster { display: block; }
	.video-container video { display: none; }
	.video-container .title-container .i { margin-bottom: 45vw; }
	.title-container .i p {
	    font-size: 8vw;
	    line-height: 8vw;
	}
    .title-container .i p em { font-size: 5.5vw }
    #nosotros .frase, #equipo i.title,
    #que_hacemos .frase, #cont_txt .frase {
        width:100%;
        font: 25px/25px source_sans_proextralight, arial;
        text-align: center;
    }
    #nosotros a, #que_hacemos .frase { left: 0; }
    #cont_txt a {
        width: 20%;
        left: 40%;
        font-size: 16px;
        line-height: 26px;
    }
    #nosotros .frase, #que_hacemos .frase, #cont_txt .frase { padding: 0; }
    #nosotros a { 
        display: inline-block;
        top: 230px;
        font-size: 70px;
    }
    #cont_txt a {
	    top: 40vw;
    }
    .parallax { height: 80vw; }
    #page-title h1 { font-size: 5vw;
        text-align: center;
        padding: 20vw 90px 0;
    }
    #cta { padding: 15vw 5vw 16.5vw; }
    #cta .all-promos {
        margin: 40px auto 0;
    }
    #cta h3 {
        font-size: 25px;
        line-height: 35px;
    }
    #cta p {
      font-size: 23px;
      line-height: 35px;
    }
    #cta p.strong {
      font-size: 24px;
      line-height: 25px;
    }
    #cta td {
        display: block !important;
        width: 100% !important;
        height: auto !important;
        padding-bottom: 30px !important;
        padding-top: 30px !important;
    }
    #equipo {
        padding-top: 15.5vw;
        padding-bottom: 20vw;
    }
    .team h3 {
        font: 3vw/3.46vw source_sans_proextralight, sans-serif;
        padding: 19.5vw 0 0;
    }
    .team p { font: 2.5vw/2.5vw source_sans_proextralight, sans-serif; }
    #equipo #social-networks li a i {
	    font-size: 1.85rem;
	    color: #fff;
	 }
	 #equipo #social-networks i.fa-tv,
	 #equipo #social-networks i.fa-download {
	    font-size: 1.55rem;
	 }
	 #equipo #social-networks i.fa-wikipedia-w,
	 #equipo #social-networks i.fa-facebook-f,
	 #equipo #social-networks i.fa-tiktok {
	    font-size: 1.65rem;
	 }
    .slick-dots li button { display: none; }
    .slide .slick-prev, .slide .slick-next { top: 110%; }
    .slick-prev { left: 30%; }
    .slick-next { right: 30%; }
    #producciones { padding-bottom: 15.5vw; }
    #producciones figure h1 {
        font: 2.5vw/3vw source_sans_proextralight, sans-serif;
        padding: 0 1.15vw;
    }
    figure.effect-sadie h1 { top: 55%; }
    #producciones figure p {
        font-size: 2.12vw;
        line-height: 2.12vw;
    	letter-spacing: 0.077vw;
    }
    figure.effect-sadie p { top: 55%; }
    #producciones button, #button {
        font-size: 16px;
        line-height: 26px;
        padding: 8px 16px;
    }
    #premios { padding: 0 10vw 20vw; }
    #tw-fb { padding: 10.5vw 10vw; }
    #noticias header { height: 35px; }
    #noticias h1 {
        font-size: 16px;
        line-height: 20px;
    }
    .twitter, .facebook { padding: 5vw 11vw; }
    #pages, .nosotros, .contacto,
    .equipo, .produccion, .post {
    	padding: 80px 95px;
    }
    #pages .txt { padding-left: 0; }
    #pages img { margin: 0 auto 20px; }
    #pages .galeria img { margin: 0 auto; }
    #pages .posts:not(:first-child) {
	   padding-top: 80px;
	 }
    hr.dotted { margin: 20px 0 33px; }
    .equipo .poster img {
        width: 46%;
        padding-right: 0;
        margin: 0 auto;
    }
    .equipo blockquote p { padding: 8.40vw 0; }
    .gutter { padding: 0; }
    .produccion .poster img {
        width: 46%;
        margin: 0 auto 8.40vw;
    }
    .produccion .galeria { padding-right: 0; }
    iframe { height: 51vw; }
    .post .poster img {
        /*width: 45%;*/
        margin: 0 auto;
    }
    .post figcaption {
        /*width: 90%;*/
        margin: 0 auto;
    }
    .post .text { padding-left: 0; }
    .post .single-nav span {
        font-size: 15px;
        margin: 30px;
    }
    .post .galeria, #pages .galeria {float: none;}
    .single-nav {
		  padding-top: 80px;
		}
    .lightbox img { margin: 12vw auto 0; }
    .contacto {
        padding-left: 120px;
        padding-right: 120px;
    }
    .contacto input,
    .contacto textarea { 
    	  width: 100%;
    	  height: auto;
    	  margin-bottom: 2vw;
    }
    .contacto strong {
        font: 700 13px/18px source_sans_proregular, sans-serif; 
        margin-bottom: 2vw;
    }
    .contacto .address { padding-bottom: 15px; }
    .contacto p { font: 14px/18px source_sans_proregular, sans-serif; }
    .contacto #social-networks { padding: 0 0 15px 0 !important; }
    #map {
        height: 30vw;
        margin-left: 0;
    }
    footer .columns {
        width: 33.33333% !important;
        float: left !important;
    }
    footer p {
        font-size: 10px !important;
        line-height: 10px;
        padding-top: 0;
    }
    footer .logo a {
        width: 45px;
        padding-top: 0;
    }
    .h {
        font-size: 10px !important;
        padding: 10px 0 10px;
    }
    .sm {
        font-size: 7px !important;
        line-height: 25px;
    }
    .promo-img {
		 width: 200px;
	 }
	 .promo-desc {
		 padding-left: 20px;
	 }
	 .lightbox.one .promociones h3,
	 .lightbox.two .promociones h3,
	 .lightbox.three .promociones h3 {
    	font-size: 22px;
    	line-height: 28px;
    }
	 .promo-desc p {
		 font-size: 14px;
	 }
	 .lightbox .promociones .desc img {
    	 width: 180px;
    	 height: auto;
    	 margin-left: 20px ;
 	 }
 	 #social-networks i {
	    font-size: 2.2rem;
	 }
	 #social-networks i.fa-facebook-f,
	 #social-networks i.fa-tiktok,
	 #social-networks i.fa-wikipedia-w {
	   font-size: 2rem;
	 }
	 #social-networks i.fa-download,
	 #social-networks i.fa-tv {
	   font-size: 1.9rem;
	 }
}

@media only screen and (max-width: 640px) {
    .video-container .title-container a.promo-button {
		  width: 35%;
		  left: 32.5%;
	 }
    .menu .logo { left: 15px; }
    #toggle-menu { right: 20px; }
    #nosotros .frase, #equipo i.title,
    #que_hacemos .frase, #cont_txt .frase {
        width:100%;
        font: 20px/20px source_sans_proextralight, arial;
        text-align: center;
    }
    #nosotros a, #que_hacemos .frase { left: 0; }
    #nosotros a {
    	top: 34vw;
	}
    #cont_txt a {
        width: 20%;
        left: 40%;
        font-size: 16px;
        line-height: 26px;
    }
    #equipo, #premios {
        padding-bottom: 22vw;
    }
    .nosotros, #pages, .equipo,
    .produccion, .post {
        padding-left: 80px;
        padding-right: 65px;
    }
    #page-title h1 {
        font-size: 6vw;
        padding: 20vw 75px 0;
    }
    .contacto {
        padding-left: 100px;
        padding-right: 100px;
    }
    .slick-prev:before,
    .slick-next:before { font-size: 26px; }
    nav.single-nav i { font-size: 22px; }
    nav.single-nav i.fa-undo{ font-size: 19px; }
    #social-networks i {
	    font-size: 1.8rem;
	 }
	 #social-networks i.fa-facebook-f,
	 #social-networks i.fa-tiktok,
	 #social-networks i.fa-wikipedia-w {
	   font-size: 1.6rem;
	 }
	 #social-networks i.fa-download,
	 #social-networks i.fa-tv {
	   font-size: 1.5rem;
	 }
}

@media only screen and (max-width: 600px) {
    .promo-img {
		 width: 120px;
		 margin-top: 55px;
	 }
	 .lightbox .promociones h3 {
	     text-align: left !important;
	 }
	 .lightbox .promociones .desc img {
    	 width: 120px;
    	 margin-top: 55px;
         margin-left: 0;
    }
    .lightbox .promociones .desc .to-left img {
    	 margin-right: 0;
    	 margin-left: 25px;
    }
}

@media only screen and (max-width: 568px) {
    #equipo, #premios,
    #noticias {
        padding-left: 73px;
        padding-right: 73px;
    }
    #equipo #social-networks li a i {
	    font-size: 1.55rem;
	    color: #fff;
	  }
	  #equipo #social-networks i.fa-tv,
	  #equipo #social-networks i.fa-download {
	    font-size: 1.25rem;
	  }
	  #equipo #social-networks i.fa-wikipedia-w,
	  #equipo #social-networks i.fa-facebook-f,
	  #equipo #social-networks i.fa-tiktok {
	    font-size: 1.35rem;
	  }
    [data-title]:hover:after{
        font: 10px/14px source_sans_proregular, sans-serif;
        padding: 2px 4px;
        margin: 30px 0 0 -80px;
    }
    .lightbox img { margin: 14vw auto 0; }
    .lightbox .desc { font-size: 14px; }
}

@media only screen and (max-width: 534px) {
      .video-container .title-container a.promo-button {
		  width: 50%;
		  left: 25%;
	  }
    .post h1 {
        font-size: 24px;
        line-height: 32px;
    }
    #social-networks i {
	    padding: 0 1px;
	 }
}

@media only screen and (max-width: 480px) {
    #nav-wrap { width: 100vw; }
    .langs {
        padding-top: 120px;
        padding-left: 50px;
    }
    #nav-wrap #nav {
        padding-top: 30px;
    }
    #equipo i.title { padding: 0 0 7.7vw !important ; }
    #nosotros .frase, #equipo i.title,
    #que_hacemos .frase, #cont_txt .frase {font: 18px/18px source_sans_proextralight, arial; }
    #cont_txt a {
        width: 30%;
        left: 35%;
        font-size: 18px;
        line-height: 28px;
    }
    #nosotros a {
    	font-size: 60px;
	}
    .equipo .poster img {
        width: 50%;
        margin: 0 auto;
    }
    .produccion .poster img {
        width: 50%;
        margin: 0 auto 40px;
    }
    .post h1 {
        font-size: 22px;
        line-height: 30px;
    }
    .post .poster img {
        width: 100%;
        margin-top: -60px;
    }
    .post figcaption {
        width: 100%;
        margin: 0 auto;
    }
    .slick-prev { left: 20%; }
    .slick-next { right: 20%; }
    #equipo .slick-prev, #equipo .slide .slick-next { top: 105%; }
    #premios .slick-prev, #premios .slick-next { top: 115%; }
    .lightbox img { margin: 16vw auto 0; }
    #demo video { margin-top: 10vw; }
    footer p {
        font-size: 9px !important;
        line-height: 9px;
        padding-top: 0;
    }
    footer .logo a {
        width: 45px;
        padding-top: 0;
    }
    .h {
        font-size: 10px !important;
        padding: 10px 0 10px;
    }
    .sm {
        font-size: 7px !important;
        line-height: 25px;
    }
    .promo-desc p {
		 font-size: 12px;
	 }
	 .lightbox.one .promociones h3,
	 .lightbox.two .promociones h3,
	 .lightbox.three .promociones h3 {
    	font-size: 19px;
    	line-height: 25px;
    }
    .lightbox.one .promociones td #button,
    .lightbox.two .promociones td #button,
    .lightbox.three .promociones td #button {
    	 margin-top: 10px;
    	 font-size: 14px;
    	 line-height: 20px;
	 }
}

@media only screen and (max-height : 480px) and (min-width : 480px) {
    #nav-wrap #nav { padding: 40px 50px 15px; }
    #nav-wrap #nav li a, #nav-wrap .langs li a {
    	font: 500 18px/18px source_sans_proextralight;
    }
    #nav-wrap #nav li.sub a {
		font-size: 13px;
		line-height: 13px;
		padding-left: 20px;	
	}
    #cont_txt a {
        font-size: 18px;
        line-height: 28px;
    }
    form { margin-bottom: 12px; }
    .search label i {
       font-size: 17px;
       padding: 5px 0;
    }
    .search input[type="checkbox"]:checked ~ form input[type="text"] {
        width: 150%;
    }
    .menu #social-networks { padding: 0 50px 200px; }
    .menu #social-networks li a i { font-size: 17px; }
    .video-container .title-container .i { margin-bottom: 5vw; }
	.title-container .i p {
	    font-size: 6vw;
	    line-height: 6vw;
	}
    .title-container .i p em { font-size: 4.2vw }
    #nosotros a { top: 150px; }
    .parallax { height: 60vw; }
    #demo video { margin-top: -5vw; }
}

@media only screen and (max-width: 479px) {
     .video-container .title-container a.promo-button {
		  top: 100px;
	 }
	 .team { padding: 10px 0; }
	 .team h3 { font-size: 5.1vw; line-height: 6.4vw; padding-top: 32vw;}
	 #equipo #social-networks li a i {
	    font-size: 1.85rem;
	    color: #fff;
	 }
	 #equipo #social-networks i.fa-tv,
	 #equipo #social-networks i.fa-download {
	    font-size: 1.55rem;
	 }
	 #equipo #social-networks i.fa-wikipedia-w,
	 #equipo #social-networks i.fa-facebook-f,
	 #equipo #social-networks i.fa-tiktok {
	    font-size: 1.65rem;
	 }
}

@media only screen and (max-width: 425px) {
     #noticias {
        padding-left: 7px;
        padding-right: 7px;
    }
    .nosotros, #pages, .equipo,
    .produccion, .post, .contacto {
        padding-left: 28px;
        padding-right: 28px;
    }
    .lightbox img { margin: 18vw auto 0; }
}

@media only screen and (max-width: 414px) {
    .equipo .single-nav a,
    .equipo .single-nav span,
    .produccion .single-nav a,
    .produccion .single-nav span,
    .post .single-nav a,
    .post .single-nav span { margin: 20px; }
    .contacto #social-networks li { width: 19px; }
    .contacto #social-networks li a i { font-size: 17px; }
}

@media only screen and (max-width: 384px) {
	.posts h2 {
		font: 32px/32px source_sans_proextralight, sans-serif;
	}
	.single-nav a { margin: 28px;}
	.lightbox.one .promociones h3,
	.lightbox.two .promociones h3,
	.lightbox.three .promociones h3 {
        margin-bottom: 12px;
	}
	.promo-desc {
    	padding-left: 0px;
	}
	.promo-img {
		 width: 110px;
	 }
	.lightbox .promociones .desc img {
    	 width: 90px;
    	 margin-top: 45px;
    	 margin-left: 0;
    }
    .lightbox .promociones .desc .to-left img {
    	 margin-right: 0;
    	 margin-left: 25px;
    }
    .lightbox.one .promociones td #button,
    .lightbox.two .promociones td #button,
    .lightbox.three .promociones td #button {
    	 margin-top: 0px;
 	}
 	#equipo #social-networks li a i {
	    font-size: 1.55rem;
	    color: #fff;
	 }
	  #equipo #social-networks i.fa-tv,
	  #equipo #social-networks i.fa-download {
	    font-size: 1.25rem;
	  }
	  #equipo #social-networks i.fa-wikipedia-w,
	  #equipo #social-networks i.fa-facebook-f,
	  #equipo #social-networks i.fa-tiktok {
	    font-size: 1.35rem;
	  }
}

@media only screen and (max-width: 360px) {
    .video-container .title-container a.promo-button {
		  width: 60%;
		  left: 20%;
		  font-size: 14px;
		  line-height: 21.5px;
	 }
    .menu .logo {
        top: 30px;
        left: 2px;
    }
    .menu .logo a { width: 55px; }
    .search input[type="checkbox"]:checked ~ form input[type="text"] {
        width: 150%;
    }
    #toggle-menu { right: 10px; }
    #nosotros .frase, #equipo i.title,
    #que_hacemos .frase, #cont_txt .frase { font: 15px/15px source_sans_proextralight, arial; }
    #cont_txt a {
        width: 30%;
        top: 35vw;
        left: 35%;
        font-size: 14px;
        line-height: 24px;
    }
    #nosotros a {
        top: 120px;
        font-size: 50px;
    }
    #equipo, #premios {
        padding-left: 42px;
        padding-right: 42px;
    }
    .team h3 {
        font: 5.15vw/5.61vw source_sans_proextralight, sans-serif;
        padding: 30.65vw 0 0;
    }
    figure.effect-sadie h1 { top: 75%; }
    .team p { font: 4.65vw/4.65vw source_sans_proextralight, sans-serif; }
    figure.effect-sadie p { top: 55%; }
    #page-title h1 { padding: 20vw 55px 0; }
    .lightbox img { margin: 40vw auto 0; }
    .lightbox .prev, .lightbox .next  { top: 65%; }
     #demo video { margin-top: 25vw; }
}

@media only screen and (max-width: 340px) {
	.busqueda input[type=text] { width: 75%; }
}

@media only screen and (max-width: 328px) {
	.lightbox .promociones {
    	 margin: 0 auto;
	}
	.promo-img {
		 width: 100px;
	 }
	 .lightbox.one .promociones h3,
	 .lightbox.two .promociones h3,
	 .lightbox.three .promociones h3 {
        font-size: 18px;
        line-height: 18px;
    }
	.lightbox .promociones .desc img {
    	 width: 80px;
    }
}

@media only screen and (max-width: 320px) {
    footer p {
        font-size: 8px !important;
        line-height: 8px;
        padding-top: 0;
    }
    .address { padding-top: 1vw; }
}

@media only screen and (max-width: 280px) {
    .nosotros p, .nosotros a, #pages p, .equipo p,
    .produccion p, .post p {
        font-size: 13px;
        line-height: 13px;
    }
    .equipo .single-nav a,
    .equipo .single-nav span,
    .produccion .single-nav a,
    .produccion .single-nav span,
    .post .single-nav a,
    .post .single-nav span { margin: 15px; }
    .equipo blockquote p,
    .post blockquote p,
    .post time {
        font-size: 16px;
        line-height: 16px;
    }
    .post figcaption, .busqueda label,
    .busqueda a  {
        font-size: 15px;
        line-height: 16px;
    }
    .busqueda p {
        font-size: 13px;
        line-height: 15px;
    }
    #noticias header { height: 55px; }
    .nosotros h1, #noticias h1, 
    #pages h1, .post h1 {
        font-size: 16px;
        line-height: 20px;
    }
    .busqueda input[type=text] { font-size: 13.5px; }
    .busqueda button { padding: 0 15px;}
    strong {
        font-size: 12px;
        line-height: 14px;
    }
    .sm { font-size: 6.4px !important; }
}
@media only screen and (max-width: 252px) {
    .equipo .single-nav a,
    .equipo .single-nav span,
    .produccion .single-nav a,
    .produccion .single-nav span,
    .post .single-nav a,
    .post .single-nav span { margin: 10px; }
}