/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */




/*
Theme Name: Porto Child
Theme URI: https://www.portotheme.com/wordpress/porto
Author: P-THEMES
Author URI: https://www.portotheme.com/
Description: Porto Responsive WordPress + eCommerce Theme.
Version: 1.1
Template: porto
License: Commercial
License URI: http://themeforest.net/licenses/regular_extended
Tags: woocommerce, corporate, ecommerce, responsive, blue, black, green, white, light, dark, red, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, fixed-layout, responsive-layout, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready, accessibility-ready
*/

/*************** ADD YOUR CUSTOM CSS HERE  ***************/



/* Aplicar Roboto a toda la web */
body,
html,
h1, h2, h3, h4, h5, h6,
p, span, a, li, ul, ol,
input, button, textarea,
div, section, article, header, footer {
    font-family: 'Roboto', sans-serif !important;
}





/* espacio abajo footer margen*/

footer{
	margin-bottom:0 !important;
}

/* tamaño de bandera*/
.menu-item-object-language_switcher .trp-flag-image {

	width:25px !important;
	height:auto !important;
}

*, *:before, *:after {
	 box-sizing: border-box;
	 padding: 0;
	 margin: 0;
}
 body {
	 font-family: Arial, "Hiragino Kaku Gothic Pro W3", Meiryo, sans-serif;
	 background-color: transparent;
	 position: relative;
	 color: #efefef;
	 text-align: center;
}
 body a, body a:visited {
	 color: #efefef;
	 text-decoration: none;
}
 body a:hover {
	 color: #fff;
}
 .slick-slide, .slick-slide::before, .caption {
	 -webkit-backface-visibility: hidden;
	 backface-visibility: hidden;
}
 .slick-slide::before {
	 content: '';
	 position: absolute;
	 top: 0;
	 left: 0;
	 width: 100%;
	 height: 100%;
}
 header {
	 position: absolute;
	 top: 0;
	 left: 0;
	 width: 100%;
	 height: 60px;
	 padding: 0 5%;
	 text-align: left;
	 z-index: 9999;
	 
}
 header h1 {
	 display: inline-block;
	 font-size: 22px;
	 font-weight: bold;
	 padding-top: 18px;
}
 header nav {
	 display: inline-block;
	 float: right;
}
 header nav ul li {
	 display: inline-block;
	 vertical-align: top;
	 font-size: 13px;
}
 header nav ul li a {
	 display: block;
	 padding: 24px 15px;
}
 header nav ul li a:hover {
	 background-color: rgba(255, 255, 255, .18);
}
 .main-slider {
	 position: relative;
	 width: 100%;
	 height: 100vh;
	 min-height: 20vh;
	 margin-bottom: 50px;
	 opacity: 0;
	 visibility: hidden;
	 transition: all 1.2s ease;
}
 .main-slider.slick-initialized {
	 opacity: 1;
	 visibility: visible;
}
 .slick-slide {
	 position: relative;
	 height: 100vh;
}
 .slick-slide::before {
	 background-color: #000;
	 opacity: 0.3;
	 z-index: 1;
}
 .slick-slide video {
	 display: block;
	 position: absolute;
	 top: 50%;
	 left: 50%;
	 min-width: 100%;
	 min-height: 100%;
	 width: auto;
	 height: auto;
	 transform: translate(-50%, -50%);
}
 .slick-slide iframe {
	 position: relative;
	 pointer-events: none;
	  top: 0;
	 left: 0 !important;
	 min-width: 100% !important;
	 min-height: 100% !important;
	 width: auto;
	 height: auto;
}
 .slick-slide figure {
	 position: relative;
	 height: 100%;
}
 .slick-slide .slide-image {
	 opacity: 0;
	 height: 100%;
	 background-size: cover;
	 background-position: left center;
	 transition: all 0.8s ease;
}
 .slick-slide .slide-image.show {
	 opacity: 1;
}
 .slick-slide .image-entity {
	 width: 100%;
	 opacity: 1;
	 visibility: hidden;
}

img .image-entity{
	opacity:0.5 !important;
}
 .slick-slide .loading {
	 position: absolute;
	 top: 40%;
	 left: 0;
	 width: 100%;
}
 .slick-slide .slide-media {
	 animation: slideOut 0.4s cubic-bezier(0.4, 0.29, 0.01, 1);
}
 .slick-slide.slick-active {
	 z-index: 1;
}
 .slick-slide.slick-active .slide-media {
	 animation: slideIn 2.4s cubic-bezier(0.4, 0.29, 0.01, 1);
}
 .slick-slide.slick-active .caption {
	 opacity: 1;
	 transform: translateY(0);
	 transition: all 0.7s cubic-bezier(0.32, 0.34, 0, 1.62) 0.6s;
}
 .caption {
	 position: absolute;
	 top: 40%;
	 left: 0;
     right: 0;
	 text-align: center;
	 padding: 20px;
	 border: none;
	 color: #fff;
	 margin: 0;
	 font-size: 40px;
	 font-weight: bold;
	 letter-spacing: 0.02em;
	 opacity: 0;
	 z-index: 1;
	 transition: all 0.3s ease;
	 transform: translateY(100px);
}
.caption > img{
	width: 100%;
	max-width: 280px !important;
	visibility: visible !important;
	opacity: 1 !important;
}
 .slick-dots {
	 text-align: center;
	 padding-top: 15px;
}
 .slick-dots li {
	 display: inline-block;
	 vertical-align: top;
	 margin: 0 8px;
}
 .slick-dots li button {
	 width: 16px;
	 height: 16px;
	 border: none;
	 cursor: pointer;
	 border-radius: 50%;
	 border: 2px solid #fff;
	 box-shadow: 0 0 0 0 transparent;
	 vertical-align: middle;
	 color: #fff;
	 background-color: #fff;
	 transition: all 0.3s ease;
	 opacity: 0.4;
}
 .slick-dots li button:focus {
	 outline: none;
}
 .slick-dots li button:hover {
	 opacity: 1;
}
 .slick-dots li.slick-active button {
	 border-color: #2d3042;
	 box-shadow: 0 0 0 2px #fff;
	 opacity: 1;
}
 .container {
	 background-color: #f2f2f2;
	 color: #444;
	 line-height: 1.6;
	 padding: 40px 0;
}
 .container .content {
	 width: 90%;
	 max-width: 980px;
	 margin: 0 auto;
}
 .container p {
	 margin-bottom: 40px;
}
.escritoriodisplay{
	display: block;
}
.mobiledisplay{
		display: none !important;
	}
 
  .middle{
	 bottom: 10px !important;
    position: absolute;
    left: 50%;
	  transform: translate(-50%,-50%);
	  z-index: 999999;
  }
.mouse {
    width: 40px;
    height: 75px;
    border: 4px solid white;
    border-radius: 60px;
	cursor: pointer;
	display:none !important;
	}
.mouse:before{
  content: "";
  position: absolute;
  width: 5px;
  height: 10px;
  top: 30px;
  left: 50%;
  transform: translateX(-50%);
  background: white;
  opacity: 1;
  animation: mouse 2s infinite;
}
@keyframes mouse{
  from{
    opacity: 1;
    top: 30px;
  }
  to{
    opacity: 0;
    top: 75px;
  }
}
 @keyframes slideIn {
	 from {
		 filter: blur(15px);
	}
	 to {
		 filter: blur(0);
	}
}
 @keyframes slideOut {
	 from {
		 filter: blur(0);
	}
	 to {
		 filter: blur(15px);
	}
}

/* titulos post*/
a.eael-grid-post-link{
	color:#fff !important;
	text-shadow: 2px 2px 2px #000;
	padding: 0px 25px !important;
}

a.eael-grid-post-link:hover{
	color:#EA5B0C !important;
	text-shadow: 2px 2px 2px #000;
}

/* fecha post*/

.eael-meta-posted-on{
	color:#fff !important;
}

/*botones pulsacion*/
.pulsar {


	box-shadow: 0 0 0 0 rgba(0, 0, 0, 1);
	transform: scale(1);
	animation: pulse 2s infinite;
}

@keyframes pulse {
	0% {
		transform: scale(0.95);
		box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.7);
	}

	70% {
		transform: scale(1);
		box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
	}

	100% {
		transform: scale(0.95);
		box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
	}
}


@media (max-width: 1100px) {
	/* cambiar d elado en celular*/
	
	.orden{
	display:flex;
	flex-direction:row;
}
.izquierda  { order: 2; }
.derecha { order: 1; }
	
	
	.nomostrar{
		display: none !important;
	}
	/*  codigo insertado para desaparecer video en tablet*/
		.rll-youtube-player{
		display:none !important;
	}
	.escritoriodisplay{
		display: none !important;
	}
	.mobiledisplay{
		display: block !important;
	}
	/* Slider tamaño mobile */
	.main-slider {
	 	height: 60vh;
	}
	/* Item slider tamaño mobile = el valior debe ser igual al anterior: main-slider */
 	.slick-slide {
		 height: 60vh;
	}
	/* Mouse mobile */
	.mouse {
    	width: 25px;
		height: 40px;
	}
	.slick-slide iframe {
 
   left: -50% !important;
    min-width: 350% !important;
    min-height: 100%;
    width: 337% !important;
    height: 100vh !important;
    object-fit: cover !important;
}
	/* Slider video mobile */

	@keyframes mouse{
  		from{
    		opacity: 1;
   			 top: 10px;
  			}
  		to{
   			 opacity: 0;
   			 top: 40px;
 		 }
		
}
	}

@media (max-width: 600px){
	
	.rll-youtube-player{
		display:none !important;
	}
}