html{
	font-family: 'Jost', sans-serif;
}
body{
	overflow-x: hidden;
	width: 100%;
	padding: 0;
	margin: 0 auto;
}
a{
	color: #fcd303;
	text-decoration: none;
}
p{
	margin: 0;
}
header{
	position: fixed;
	background: #ffffff;
	width: 100%;
    left: 0;
    box-shadow: 0 -5px 10px 0px;
    z-index: 90;
    top: 0;
}
header>div{
	display: flex;
	justify-content: space-between;
	max-width: 1200px;
	margin: 0 auto;
	padding-top: 0.4rem;
	
}
.logo{
	padding: 1rem;
	padding-bottom: 0.6
}
.logo div {
	font-weight: 600;
	font-size: 1.6rem;
	color: #fcd303;
}
header .menu{
	padding: 1rem;
	padding-bottom: 0.6rem;
}
header .menu ul {
	display: flex;
	margin-top: 0.2rem;
}
header .menu ul li {
	list-style-type: none;
	padding: 0 0.6rem;
}
header .menu ul li:last-child {
	list-style-type: none;
	padding: 0 0.6rem
}
header .menu ul li a {
	color: #333;
	text-decoration: none;
	font-size: 1.2rem;
	position: relative;
}
header .menu ul li a:hover {
	color: #666;
}
header .menu ul li a::after {
    position: absolute;
    content: "";
    top: 100%;
    left: 0;
    width: 100%;
    height: 2px;
    background: #fcd303;
    transform: scaleX(0);
    transform-origin: right;
    transition: transform 0.5s;
}
header .menu ul li a:hover::after {
	transform: scaleX(1);
	transform-origin: left;
}
header .menu ul li a.active::after {
	transform: scaleX(1);
	transform-origin: left;
}




#menuToggle {
	display: block;
	position: relative;
	z-index: 1;

	-webkit-user-select: none;
	user-select: none;
}

#menuToggle a {
	text-decoration: none;

	transition: color 0.3s ease;
}


#menuToggle input {
	display: block;
	width: 32px;
	height: 32px;
	position: absolute;
	top: 13px;
	left: 12px;
	cursor: pointer;
	opacity: 0; /* hide this */
	z-index: 2; /* and place it over the hamburger */
	-webkit-touch-callout: none;
}

/*
 * Just a quick hamburger
 */
#menuToggle span {
	display: none;
	width: 33px;
	height: 4px;
	margin-bottom: 5px;
	position: relative;
	background: #333;
	border-radius: 3px;
	z-index: 1;
	transform-origin: 4px 0px;
	transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
	background 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
	opacity 0.55s ease;
}
.margin-top{
	margin-top: 0.3rem;
}

#menuToggle span:first-child {
  	transform-origin: 0% 0%;
}

#menuToggle span:nth-last-child(2) {
 	transform-origin: 0% 100%;
}

/* 
 * Transform all the slices of hamburger
 * into a crossmark.
 */
#menuToggle input:checked ~ span {
	opacity: 1;
	transform: rotate(45deg) translate(-2px, -1px);
	background: #333;
}

/*
 * But let's hide the middle one.
 */
#menuToggle input:checked ~ span:nth-last-child(3) {
	opacity: 0;
	transform: rotate(0deg) scale(0.2, 0.2);
}

/*
 * Ohyeah and the last one should go the other direction
 */
#menuToggle input:checked ~ span:nth-last-child(2) {
	transform: rotate(-45deg) translate(0, -1px);
}
.jumbotron{
	padding-top: 5rem;
	background: #fcd303;
	color: #ffffff;
	width: 100%;
	margin: 0 auto;
}
.jumbotron>div{
	max-width: 1200px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	position: relative;
}
.jumbotron .jumbotron_video{
    padding: 1.6rem 1rem;
    max-width: 65%;
    position: relative;
}
.jumbotron>div>div video{
	width: 100%;
}
.pantalla_completa{
	position: absolute;
    bottom: 2.1rem;
    right: 1.5rem;
    cursor: pointer;
    width: 1rem;
    display: none;
}
.pantalla_completa:hover{
	opacity: 0.7;
}
.jumbotron video:hover ~ .pantalla_completa, .jumbotron video:focus ~ .pantalla_completa{
	display: block;
}
.jumbotron .pantalla_completa:hover, .jumbotron .pantalla_completa:focus {
	display: block;
}
.jumbotron_text{
	margin: auto 0;
	padding: 1rem; 
}
.jumbotron_text h1{
	margin: 0;
}
.jumbotron_text p{
	font-size: 1.2rem;
}
.carousel {
	position: relative;
	width: 600px;
	max-width: 100%;
}

.slides {
	height: 100%;
	width: 100%;
	position: relative;
}

.slide, .slide2, .slide3 {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	font-size: 3em;
	color: white;
	text-align: center;
	opacity: 0;
	transition: opacity 1000ms;
}
.slide[data-state=active], .slide2[data-state=active], .slide3[data-state=active] {
	display: block;
	position: relative;
}
.indicators, .indicators2, .indicators3{
	display: none;
}

.quienes{
	width: 100%;
	max-width: 800px;
	margin: 0 auto;
	padding-top: 3rem;
	padding-bottom: 3rem;
}
.quienes p{
	text-align: center;
}
.language{
	font-size: 1rem;
	padding-top: 0.2rem !important;
	display: none;
}
.servicios{
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	padding-bottom: 6rem;
	padding-top: 3rem;
}
h3{
	font-size: 1.8em;
	text-align: center;
	text-decoration: underline;
  	text-decoration-color: #fcd303;
}
.servicios>div{
	display: flex;
	justify-content: space-between;
	padding: 0 1rem;
}
.servicios h4{
	font-size: 1.4rem;
	margin: 1rem 0 0.5rem 0;
}
.servicio{
	text-align: center;
	margin-top: 2rem;
	width: 33%;
}
.servicio img{
	width: 100%;
	max-width: 120px;
}
.servicio p{
	padding: 0 1rem; 
}



.productos{
	width: 100%;
	max-width: 1200px;
	margin:0 auto;
}
.tabs {
	width: calc(100% - 2rem);  
	float: none;
	list-style: none;
	position: relative;
	margin: 0 auto;
	padding-inline-start: 0;
	text-align: left;
}
.tabs>li {
    float: left;
    display: block;
}
.tabs input[type="radio"] {
    position: absolute;
    top: 0;
    left: -9999px;
}
.tabs label {
    display: block;
    padding: 6px 18px;
    font-size: 18px;
    cursor: pointer;
    position: relative;
    top: 4px; 
    border-radius: 50px;
    border: 1px solid #ffffff;
    margin-right: 1rem;
    font-weight: 500;
    outline: 0;
    margin-bottom: 1rem;
}
.tabs label:hover {
	border-color: #fcd303;
	color: #666666;
}
.tabs .tab-content{
    z-index: 2;
    display: none; 
    overflow: hidden;
    width: 100%;
    font-size: 17px;
    line-height: 25px;
    position: absolute;
    top: 63px;
    left: 0; 
}
.tab-content>div{
	display: flex;
	justify-content: space-between;
}
.tab-content>div>div{
	max-width: 45%;
}
.tab-content .parrafo p{
	margin-bottom: 1rem;
}
.tab-content .parrafo ul{
	margin-bottom: 2rem;
}
.tab-content img{
	max-width: 100%;
}
.ver_producto{
	text-decoration: none;
	color: #ffffff;
	background: #fcd303;
	padding: 0.5rem 1rem;
	border-radius: 5px;
	font-weight: 600;
	border: 0;
    outline: 0;
    font-size: 1rem;
    cursor: pointer;
}
.ver_producto a{
	color: #ffffff;
}
.ver_producto:hover{
	background: #ffd919;
}
.lista_productos li{
	list-style-type: none;
	position: relative;
}
.lista_productos li::before{
	content: "\2022";
	color: #fcd303;
	font-weight: bold;
	display: inline-block;
	width: 2rem;
	position: absolute;
	font-size: 2rem;
	top: 3px;
	left: -20px;
}


.tabs [id^="tab"]:checked ~ label { 
    color: #ffffff;
    background: #fcd303;
}
.tabs [id^="tab"]:checked ~ label:hover { 
    background: #ffd919;
}
.tabs [id^="tab"]:checked ~ [id^="tab-content"] {
    display: block;
}

.sectores_carousel{
    padding-bottom: 1rem;
}

footer.inicio{
	margin-top: 500px;
}
footer{
	clear: both;
	background: #fcd303;
	color: #ffffff;
	margin: 0 auto;
	width: 100%;
}
footer>div{
	width: 100%;
	max-width: 900px;
	margin: 0 auto;
}
footer .footer_menu{
	display: flex;
	justify-content: space-between;
	padding: 0 1rem;
}
footer .menu{
	width: 25%;
}
footer .menu h5{
	margin: 1rem 0;
}
footer .menu ul{
	padding-inline-start: 0;
}
footer .menu ul  li{
	list-style-type: none;
}

footer .menu ul  li a{
	text-decoration: none;
	color: #ffffff;
}
footer .menu ul  li a:hover{
	text-decoration: underline;
}
footer .copy{
	text-align: center;
	padding: 1rem 0;
}
footer .relativo_contacto{
	position: relative;
}

footer .icono_contacto{
	position: absolute;
	width: 1.2rem;
	top: 3px;
}
footer .info_contacto{
	margin-left: 1.6rem;
}
footer .info_contacto.correo{
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.cc-color-override-1914558082.cc-window{
	box-shadow: 0 14px 20px 8px #333333;
}
.cc-color-override-1914558082.cc-window *{
	outline: 0;
}
.cc-floating.cc-theme-classic{
	border-radius: 0;
	bottom: 0;
	max-width: unset;
	width: 100%;
	font-family: inherit;
	text-align: center;
}

.terminos{
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	padding-top: 6rem;
	padding-bottom: 2rem;
}
.terminos>div{
	padding: 0 1rem;
}
.terminos h4{
	padding-top: 1rem;
}
.terminos p{
	padding: 0.5rem 0;
}
.terminos ul{
	margin-left: 2rem;
}



/* PRODUCTOS*/

.productos_page{
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	padding-top: 6rem;
}
.productos_page h3{
	padding-bottom: 1rem;
}
.productos_page>div>label{
	padding: 6px 18px;
    font-size: 18px;
    cursor: pointer;
    position: relative;
    border-radius: 50px;
    border: 1px solid #ffffff;
    margin-right: 1rem;
    font-weight: 500;
    outline: 0;
    margin-bottom: 2rem;
}
.productos_page>div>label:hover {
	border-color: #fcd303;
	color: #666666;
}
.productos_page>div>input.bajura:checked ~ label.bajura,.productos_page>div>input.cerco:checked ~ label.cerco,.productos_page>div>input.arrastre:checked ~ label.arrastre,.productos_page>div>input.otros:checked ~ label.otros { 
    color: #ffffff;
    background: #fcd303;
}
.productos_page>div>input.bajura:checked ~ label.bajura:hover, .productos_page>div>input.cerco:checked ~ label.cerco:hover, .productos_page>div>input.arrastre:checked ~ label.arrastre:hover, .productos_page>div>input.otros:checked ~ label.otros:hover { 
    background: #ffd919;
}
.productos_page>div>input{
	position: absolute;
	top: 0;
	left: -9999px;
}
.productos_page>div>label.bajura{
	margin-left: 1rem;
}
.items{
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	overflow: hidden;
    margin-bottom: 2rem;
    margin-top: 0.5rem;
}
.items .item{
	width: 33%;
	transition: all .15s cubic-bezier(.4,0,.2,1);
}
.items .item>div{
	margin: 1rem;
	border-radius: 10px;
	box-shadow: 0 0 14px -10px;
}
.items .item .imagen{
	width: 100%;
	border-radius: 10px 10px 0 0;
	overflow: hidden;
}
.items .item .imagen:hover img{
	cursor: pointer;
    transform: scale(1.2);
}
.items .item .imagen img{
	width: 100%;
    margin-bottom: -6px;
    transition: all 0.3s ease;
}
.items h4{
	font-size: 1.3rem;
	padding: 0.3rem 0;
	margin: 0
}
.item_texto{
	padding: 0 1rem 0.5rem 1rem;
	position: relative;
}
.button:checked ~ .items .item {
	margin: 0;
	width: 0;
	height: 0;
	opacity: 0;
}
.button[name="bajura"]:checked ~ .items .item[data-filter="bajura"], .button[name="cerco"]:checked ~ .items .item[data-filter="cerco"], .button[name="arrastre"]:checked ~ .items .item[data-filter="arrastre"], .button[name="otros"]:checked ~ .items .item[data-filter="otros"]{
	width: 33%;
	height: auto;
	opacity: 1;
}

.productos_boton{
	margin-bottom: 0.5rem;
}
.migas{
	padding-top: 1rem;
	text-decoration: underline;
}
.migas img{
	width: 1rem;
	margin-bottom: -0.3rem;
}
.migas a{
	text-decoration: underline;
}
.migas a:hover{
	color: #ffd919;
}
.productos_page h4{
	font-size: 1.2rem;
	margin: 0 0 0.25rem 0;
}

.def_producto{
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	padding-top: 6rem;
}
.def_producto>div{
	margin: 0 auto;
	padding: 0 1rem;
}
.def_producto h3{
	margin: 1.5rem 0;
}
.carrusel{
	display: flex;
	justify-content: space-between;
	padding-top: 2rem;
	padding-bottom: 2rem;
}
.detalle{
	width: 70%;
	padding-right: 1rem;
}
.caracteristicas{
	background: #fcd303;
	color: #ffffff;
	border-radius: 10px;
	width: 30%;
	padding: 1rem
}
.caracteristicas .lista_productos li:before{
	color: #ffffff;
	top: -8px
}
.caracteristicas .lista_productos{
	margin-left: 2rem;
}

*{padding: 0;margin: 0;}
a{text-decoration: none;}

#wrapper{
    position: relative;
    width: 100%;
    max-width: 600px;
    min-height: 400px;
    overflow: hidden;
    border-radius: 10px;
}


.corlorlayer{
    position: absolute;
    z-index: 2;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    box-shadow:
    3px 0 8px rgba(0,0,0,.1) inset,
    -3px 0 8px rgba(0,0,0,.1) inset;
}


#list{
    position: absolute;
    z-index: 1;
    width: 4200px;
    height: 100%;
}
#list img{
    width:600px;
    float: left;
}


#button{
    cursor: default;
    position: absolute;
    z-index: 2;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
}
#button span{
    display: inline-block;
    width: 10px;
    height: 10px;
    background-color: rgba(255,255,255,.9);
    border-radius: 50%;
    margin: 0 1px;
    cursor: pointer;   
}
#button .on{background: #fcd303;}


.arrow{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
    width: 40px;
    height: 40px;
    background: rgba(0,0,0,.4);
    color: white;
    font-size: 35px;
    text-align: center;
    line-height: 35px;
    cursor: pointer;
    transition: .2s;
    display:none;
}
.arrow:hover{background: rgba(0,0,0,.7);}
#wrapper:hover .arrow{display: block;}
#prev{left: 30px;}
#next{right: 30px;}


.instalaciones{
	width: 100%;
	margin: 0 auto;
	padding-top: 6rem;
}

.video_back{
	width: 100%;
	background: #fcd303;
	margin: 1rem 0;
}
.video_container{
	max-width: 1200px;
	width: 100%;
	margin: 0 auto;
	padding: 2rem 0;
	position: relative;
}
.video_player{
	display: grid;
	display: -ms-grid;
	grid-template-columns: 1fr 120px;
	-ms-grid-columns: 1fr 120px;
	grid-auto-rows: 1fr 1fr 1fr 1fr 1fr;
	-ms-grid-rows: 1fr 1fr 1fr 1fr 1fr;
	padding: 0 1rem;
}
.video_player video{
	transition: opacity 1200ms ease;
	opacity: 0;
	pointer-events: none;
	width: 0;
	max-height: 36.3rem;
	background: #000000;
	outline: 0;
	height: 0;
}

.video_player .video-all {
	padding-right: 1rem;
	grid-column: 1;
	grid-row: 1 / 6;
	-ms-grid-column: 1;
	-ms-grid-row: 1;
	-ms-grid-row-span: 5;
}
.video_player .label-1 {
	grid-column: 2;
	grid-row: 1;
	-ms-grid-column: 2;
	-ms-grid-row: 1;
}
.video_player .label-2 {
	grid-column: 2;
	grid-row: 2;
	-ms-grid-column: 2;
	-ms-grid-row: 2;
}
.video_player .label-3 {
	grid-column: 2;
	grid-row: 3;
	-ms-grid-column: 2;
	-ms-grid-row: 3;
}
.video_player .label-4 {
	grid-column: 2;
	grid-row: 4;
	-ms-grid-column: 2;
	-ms-grid-row: 4;
}
.video_player .label-5 {
	grid-column: 2;
	grid-row: 5;
	-ms-grid-column: 2;
	-ms-grid-row: 5;
}
.video_player input {
	position: absolute;
	top: 0;
	left: -99999999px;
}

.video_player label img {
	cursor: pointer;
	width: 100%;
}

#video-1:checked ~ .video-1 video, #video-2:checked ~ .video-2 video, #video-3:checked ~ .video-3 video, #video-4:checked ~ .video-4 video, #video-5:checked ~ .video-5 video{
	opacity: 1;
	pointer-events: all;
	width: 100%;
	height: auto;
}

#video-1:checked ~ .label-1 img, #video-2:checked ~ .label-2 img, #video-3:checked ~ .label-3 img, #video-4:checked ~ .label-4 img, #video-5:checked ~ .label-5 img{
	outline: 4px solid #ffed91;
}

.-fx-image-gal {
	display: flex;
	max-width: 1200px;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 100%; /* arbitrary valye */
	margin: 0px auto;
	padding: 1rem 0;
}
.-fx-gal-item {
	width: 20%; /* for 3 columns */
	margin: 1rem;
	overflow: hidden;
	border-radius: 10px;
}

.-fx-gal-image-thumb img {
	width: 100%;
	border-radius: 10px;
	cursor: pointer;
	transition: all 0.3s ease;
	margin-bottom: -6px;
}

.-fx-gal-image-thumb:hover img {
	width: 100%;
	cursor: pointer;
	transform: scale(1.2);
	transition: all 0.5s ease;
}

.-fx-gal-image-thumb:focus + .-fx-gal-image-big {
	display: block;
}

.-fx-gal-image-big {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	background-color: rgba(5, 10, 15, 0.8);
	overflow: hidden;
	height: 100vh;
	width: 100vw;
	z-index: 99999;
	transition: all 0.3s ease;
}

.-fx-gal-image-big img {
	max-width: 90vw;
	max-height: 80vh;
	position: absolute;
	box-shadow: 0px 0px 800px 40px rgba(0, 0, 0, 0.9);
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}
.-fx-gal-image-big p{
	color: #ffffff;
    position: absolute;
    left: 50%;
    top: 95%;
    transform: translate(-50%, -50%);
}

.video_detalle_producto{
	margin-bottom: 2rem;
	width: 100%;
}
.video_detalle_producto video{
	width: 100%;
	max-height: 30rem;
	text-align: center;
	background: #000000;
}



.contacto{
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	padding-top: 6rem;
}
.contacto form {
    padding: 0 1rem 1rem 1rem;
}
.contacto label {
    display: block;
    padding-top: 1.5rem;
    padding-bottom: 0.5rem;
    font-size: 1.2rem;
    text-decoration: underline;
    text-decoration-color: #fcd303;
}
.contacto input {
    display: block;
    width: -webkit-fill-available;
    width: -moz-available;
    width: available;
    font-size: 1rem;
    outline: 0;
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 0.5rem;
}
.contacto input:focus{
	border: 1px solid #666666;
}
.contacto textarea {
    display: block;
    width: -webkit-fill-available;
    width: -moz-available;
    width: available;
    font-size: 1rem;
    outline: 0;
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 0.5rem;
    resize: none;
    height: 10rem;
}
.contacto textarea:focus {
    border: 1px solid #666666;
}
.contacto button.ver_producto {
    margin: 1rem 0;
}
iframe{
	margin-bottom: -6px;
	margin-top: 1rem;
}


.wrap {
	margin: 0 auto;
	width: 100%;
}
h4{
	font-size: 1.2rem;
}


/* MAIN STYLES */
.b-carousel {
	width: 100%;
	overflow: hidden;
	position: relative;
	border-radius: 10px;
	box-sizing: border-box;
}

.b-carousel__prev,
.b-carousel__next {
	position: absolute;
	top: 50%;
	left: 20px;
	width: 50px;
	height: 50px;
	background: transparent;
	transform: translateY(-50%) translateZ(0);
	cursor: pointer;
	white-space: nowrap;
	overflow: hidden;
	z-index: 3;
	border: 0;
	outline: 0;
	opacity: 0.5;
}

.b-carousel__prev:hover,
.b-carousel__next:hover {
	opacity: 1;
}

.b-carousel__next {
	left: auto;
	right: 20px;
}

.b-carousel__wrap {
	display: flex;
	transition: transform .5s;
	will-change: transform;
	position: relative;
	z-index: 1;
	height: 100%;
}

.b-carousel__item {
	flex: 0 0 100%;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
}

.b-carousel__img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

li.language a:after{
	display: none;
}
li.language a {
    font-size: 1rem !important;
}



@media  (max-width: 1024px) {
	#menuToggle span{
		display: block;
	}
	.menu_ul{
		position: absolute;
	 	width: 220px;
		margin: -100px 0 0 -50px !important;
		padding: 50px;
		padding-top: 70px;
		height: 100vh;
		background: #ffffff;
		list-style-type: none;
		-webkit-font-smoothing: antialiased;
		/* to stop flickering of text in safari */
		transform-origin: 0% 0%;
		transform: translate(100%, 0%);
		transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
		flex-direction: column;
    	justify-content: center;
    	margin-top: 0;
	    box-shadow: 15px 0px 7px 11px;
	}
	#menuToggle input:checked ~ ul
	{
	    transform: translate(-60%, 0%);
	}
	header .menu ul li{
		padding: 0.2rem 0.6rem;
		text-align: right;
	}
	.jumbotron>div{
		flex-direction: column;
		margin: 0 auto;
	}
	.jumbotron .jumbotron_video{
	    max-width: 100%;
	}
	.carousel{
		margin: 0 auto;
		width: 100%;
	}
	.items .item{
		width: 50%;
	}
	.button[name="bajura"]:checked ~ .items .item[data-filter="bajura"], .button[name="cerco"]:checked ~ .items .item[data-filter="cerco"], .button[name="arrastre"]:checked ~ .items .item[data-filter="arrastre"]{
		width: 50%;
		height: auto;
		opacity: 1;
	}
	.video_player video{
		max-height: 26rem;
	}
}
@media (max-width: 767px) {
	.servicios>div{
		flex-direction: column;
	}
	.servicio{
		width: 100%;
	}
	.tab-content>div{
		flex-direction: column-reverse;
	}
	.tabs .tab-content{
		top: 116px;
	}
	.tab-content>div>div{
		max-width: 100% !important;
	}
	footer.inicio{
		margin-top: 820px;
	}
	.items .item{
		width: 100%;
	}
	.button[name="bajura"]:checked ~ .items .item[data-filter="bajura"], .button[name="cerco"]:checked ~ .items .item[data-filter="cerco"], .button[name="arrastre"]:checked ~ .items .item[data-filter="arrastre"]{
		width: 100%;
		height: auto;
		opacity: 1;
	}
	.detalle{
		width: 100%;
		padding-right: 0;
		margin-bottom: 2rem;
	}
	.caracteristicas{
		width: auto;
	}
	.carrusel{
		flex-direction: column;
	}
	#wrapper{
		margin: 0 auto;
	}
	.-fx-gal-item {
		width: 43%;
	}
	.video_player video{
		max-height: 24rem;
	}
	.video_player{
		display: grid;
		grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
		grid-gap: 1rem;
		grid-auto-rows: 1fr auto;
		-ms-grid-rows: 1fr auto;
		-ms-grid-columns: 1fr 1fr 1fr 1fr 1fr;
	}
	.video_player .video-all {
		padding-right: 0;
		padding-bottom: 1rem;
		grid-column: 1 / 6;
		grid-row: 1;
		-ms-grid-row: 1;
		-ms-grid-row-span: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 5;
	}
	.video_player .label-1 {
		padding-right: 0.8rem;
		grid-column: 1;
		grid-row: 2;
		-ms-grid-column: 1;
		-ms-grid-row: 2;
	}
	.video_player .label-2 {
		padding-right: 0.6rem;
		padding-left: 0.2rem;
		grid-column: 2;
		grid-row: 2;
		-ms-grid-column: 2;
		-ms-grid-row: 2;
	}
	.video_player .label-3 {
		padding: 0 0.4rem;
		grid-column: 3;
		grid-row: 2;
		-ms-grid-column: 3;
		-ms-grid-row: 2;
	}
	.video_player .label-4 {
		padding-right: 0.2rem;
		padding-left: 0.6rem;
		grid-column: 4;
		grid-row: 2;
		-ms-grid-column: 4;
		-ms-grid-row: 2;
	}
	.video_player .label-5 {
		padding-left: 0.8rem;
		grid-column: 5;
		grid-row: 2;
		-ms-grid-column: 5;
		-ms-grid-row: 2;
	}
}
@media (max-width: 600px) {
	.video_player video{
		max-height: 19rem;
	}
}
@media (max-width: 480px) {
	.tabs .tab-content{
		top: 170px;
	}
	footer .footer_menu{
		flex-direction: column;
	}
	footer .menu{
		width: 100%;
	}
	.-fx-gal-item {
		width: 100%;
	}
	.video_player video{
		max-height: 16rem;
	}
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
     /* IE10+ CSS styles go here */
     .video_player video{
     	display: none;
		position: absolute;
		left: -9999999px;
     }
     #video-1:checked ~ .video-1 video, #video-2:checked ~ .video-2 video, #video-3:checked ~ .video-3 video, #video-4:checked ~ .video-4 video, #video-5:checked ~ .video-5 video{
		display: block;
		position: relative;
		left: 0;
	}
	.jumbotron_video{
		height: 100%;
	}
	.tab-content > div > div{
		max-width: 60%;
		height: 100%;
	}
	.parrafo{
		padding-right: 1rem;
	}
}