﻿/* CSS Document */

@media screen and (max-width:1519px) {

/*TEAM*/
.fondo1 video {
    /*width: 72%;*/
    /*width: 1000px;*/
}

/*.producto_div h2 {
    
}
.producto_div h2 {
    padding-top: 20% !important;
    font-size: 32px !important;
    line-height:38px !important;
}
.producto_div h2 span {
    margin-bottom:6px;
}
.producto_div p span {
    font-size: 16px !important;
}
.producto_div p {
    font-size: 14px !important;
}*/

}

@media screen and (max-width:1319px) {
.cont_interior {
    width:100%;
    padding-left:12px;
    padding-right:12px;
}

/*TEAM*/
.fondo1 video {
    /*width: 100%;*/
}
.team-bloque.team-bloque-team .team-bloque-der {
    font-size:12px;
}

}



@media screen and (max-width:1199px) {



/*HEAD*/
.menu-logo .menu-logo-img {
    width: 240px;
    background-size: 240px;
}
.menu_principal nav {
    margin-left: 100px;
}
.menu_principal ul li {
    padding: 0 18px;
}

/*HOME*/
.slider-item table {
    width:90%;
    max-width:90%;
    margin-left:5%;
    margin-right:5%;
}


/*WORKS*/
.productos_cont_ul li .producto_div .producto-nombre table tr td div {
    font-size: 26px;
}
.productos_cont_ul li .producto_div .producto-nombre table tr td span {
    font-size: 14px;
}
.productos_cont_ul li .producto_div .producto-nombre table tr td span em {
    font-size: 12px;
}

/*.producto_div h2 {
    font-size: 26px !important;
}
.producto_div p span {
    font-size: 14px !important;
}
.producto_div p {
    font-size: 12px !important;
}
.producto_div h2 {
    padding-top: 15% !important;
    line-height:30px !important;
}*/


/*BLOG*/
.blog-it .blog-it-img {
    height: 320px;
}
.blog-it .blog-it-txt {
    height: 320px;
}

/*BLOG - entrada*/
.entrada-imagen {
    height: 250px;
}


}




@media screen and (max-width:919px) {

/*HEAD*/
.cont_exterior.cont_exterior-escritorio {
    display: none;
}
.cont_exterior.cont_exterior-movil {
    display: block;
}
.menu_principal-cont {
    padding: 0 0 10px 0;
}
.espacio_arriba_movil {
    float:left;
    width:100%;
    height:100px;
}
.head_movil .head_movil-logo {
    width: 160px;
    margin: 10px 0 0 12px;
}
.head_movil .head_movil-logo .head_movil-logo-img {
    height: auto;
}

/*FOOTER*/
.menu_footer-cont .menu_footer-der {
    display: none;
}
.menu_footer-cont .menu_footer-iz div.tt{
    display:none;
}

/*HOME*/
.cont_nav_home ul {
    display: block;
}
.cont_nav_home ul li .nav_home_it h2 {
    font-size:60px;
}

/*TEAM*/
.fondo1 video {
    transform:translate(-25%,0);
}
.fondo1.fondo0 video {
    transform:translate(-50%,0);
}
.team-bloque.team-bloque-team {
    padding-top:0px;
}
.team-bloque.team-bloque-1 {
}
.team-bloque.team-bloque-2 {
    padding-top:0px;
}
.team-bloque.team-bloque-3 {
    padding-top:0px;
}
.team-bloque.team-bloque-4 {
}


/*CLIENTS*/
.contenido {
    float: left;
    width: 100%;
    padding: 100px 0 100px 0;
}
.team-bloque .team-bloque-iz {
    width: 100%;
    position:relative;
    /*width: 36%;
    top:0;
    left:0;
    bottom:0;
    color:#F2C618;
    font-size:22px;
    z-index:1;*/
}
.team-bloque .team-bloque-der, .team-bloque .team-bloque-der.team-bloque-der-trabajo {
    width:100%;
}
.team-bloque {
    margin-top: 90px;
}
.cont-filtros {
    margin-top: 30px;
}
.team-bloque.team-bloque-team .team-bloque-der {
    display:none;
    position:absolute;
    z-index:999;
    top:0;
    right:0;
    bottom:0;
    left:0;
    overflow:auto;
    padding:12px;
    /*padding-top:62px;*/
    background-color:rgba(0,0,0,0.8);
    font-size:14px;
    transform:translate(0,0);
}
.team-bloque.team-bloque-team .team-bloque-der.selected {
    display:block;
}
.team-bloque.team-bloque-team .team-bloque-der .team-bloque-der-cerrar {
    display:block;
}
.team-bloque.team-bloque-team .team-bloque-der .team-bloque-der-movil {
    display:block;
}
.team-bloque.team-bloque-team.selected {
    position:relative;
}
.team-bloque.team-bloque-team.selected .team-bloque-der {
    display:block;
    position:fixed;
    top:50px;
    left:0;
    right:0;
    bottom:0;
}
.team-bloque-der.clients-bloque-der {
    width: 100%;
    display:block;
}
.team-bloque .team-bloque-iz h2 {
    margin: 10px 0 10px 0;
    max-width: 440px;
}
.clients-cont {
    margin-top: 40px;
}


/*WORKS*/
.productos_cont_ul li .producto_div {
    width:100%;
}
.productos_cont_ul li:nth-child(5n+1) .producto_div, .productos_cont_ul li:nth-child(5n+2) .producto_div {
    width:100%;
}
.productos_cont_ul li:nth-child(3n+1) .producto_div {
    width:100%;
}

.productos_cont_ul li:nth-child(n) .producto_div.effect-apollo .producto-imagen {
    height: calc(100VW * 561 / 997);
}


/*BLOG*/
.blog-it .blog-it-img {
    height: 260px;
}

/*BLOG - entrada*/
.entrada-imagen {
    height: 220px;
    margin-top:56px;
}


/*RENT*/
.rent-it {
    width: 25%;
}



/* CARRITO */
.carrito_tabla .carrito_tabla_head {
    font-size:13px;
}
.carrito_tabla .carrito_tabla_head .td2{
    width: 43%;
    padding-left:10px;
}
.carrito_tabla .carrito_tabla_head .td4{
    width: 14%;
}
.carrito_tabla .carrito_tabla_head .td5{
    width: 12%;
}
.carrito_tabla .carrito_tabla_it .td1 div{
    height: 62px;
}
.carrito_tabla .carrito_tabla_it .td2{
    width: 43%;
    padding:10px;
}
.carrito_tabla .carrito_tabla_it .td3{
    width: 12%;
}
.carrito_tabla .carrito_tabla_it .td4{
    width: 14%;
}
.carrito_tabla .carrito_tabla_it .td5{
    width: 12%;
}

.formulario_envio input, .formulario_envio select {
    width: 100%;
}
.cont_todo.cont_perfil input, .cont_todo.cont_perfil textarea, .cont_todo.cont_perfil select {
    width: 100%;
}
.cont_todo.cont_perfil table tr td {
    padding-right: 10px;
}
.envio_table_iz tr td, .envio_table_der tr td {
    padding: 12px 12px 12px 0;
}

.carrito_opcion_alta .carrito_opcion_alta_it {
    padding: 20px 10px;
}
.legal_cristales {
    max-width: 100%;
    margin-bottom:20px;
}


/*perfil*/
.div_perfil_it {
    width: 50%;
}
.div_perfil_it.contr {
    width: 100%;
}


}





@media screen and (max-width:719px) {

/*aviso cookies*/
.aviso_cookies {
    background: #FFF;
    color: #000;
    padding: 10px 65px 0 25px;
    font-size: 10px;
    position: fixed;
    top:initial;
    bottom:0;
    left:0;
    float: left;
    width: 100%;
    min-height:60px;
    border-left:0;
    border-right:0;
}
.aviso_cookies a.cerrar_aviso_cookies {
    padding: 0;
    width:60px;
    border: 0;
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    color:#000;
    text-align:center;
    font-size:9px;
    padding-top:40px;
    background-image:url(/imagenes/img/cookie.png);
    background-position:center 10px;
    background-repeat:no-repeat;
    background-size:34px;
}

/*HOME*/
.fondo-home video {
    width:180%;
}

/*WORKS - work*/
.team-bloque .team-bloque-iz {
    width: 100%;
    font-size: 22px;
}
/*.team-bloque .team-bloque-der.team-bloque-der-trabajo {
    width: 100%;
    position:fixed;
    z-index:4;
    top:0;
    right:0;
    bottom:0;
    left:0;
    visibility:hidden;
}*/
/*.team-bloque .team-bloque-der .team-bloque-der-txt.team-bloque-der-txt-trabajo {
    position: absolute;
    top: 50%;
    left: 0;
    padding: 30px 35px 25px 35px;
    margin-top: 0;
    background-color: rgba(0,0,0,0.8);
}*/
.team-bloque .team-bloque-der .team-bloque-der-txt.team-bloque-der-txt-trabajo {
    position: fixed;
    top: 0;
    left: 0;
    right:0;
    bottom:0;
    padding:12px;
    padding-top:62px;
    margin: 0;
    /*transform:translate(0,0);*/
    background-color: rgba(0,0,0,0.8);
    transform:translate(60px,0);
    overflow:auto;
}
#fullpage.selected {
    z-index: 9;
}
.team-bloque .team-bloque-der .team-bloque-der-txt.team-bloque-der-txt-trabajo.selected {
    transform:translate(0,0);
}
.team-bloque .team-bloque-der .team-bloque-der-txt.team-bloque-der-txt-trabajo .team-bloque-der-txt-trabajo-cerrar {
    display:block;
}
.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
    top: -50px !important;
    right: 0px !important;
}

    .team-bloque .team-bloque-der, .team-bloque .team-bloque-der.team-bloque-der-trabajo {
        padding-bottom:60px;
    }


/*BLOG*/
.blog-it .blog-it-img {
    width:100%;
    height: 260px;
    margin-bottom:20px;
}
.blog-it .blog-it-txt {
    width:100%;
    height: auto;
    padding: 0;
}
.blog-it:nth-child(2n+3) .blog-it-txt {
    text-align:left;
}
.blog-it:nth-child(2n+3) .blog-it-txt .blog-it-btn {
    margin-left: 0;
}

/*BLOG - entrada*/
.entrada-imagen {
    height: 200px;
    margin-bottom: 30px;
}

/*CLIENTS*/
.clients-cont .clients-it {
    width: 42%;
    line-height: 80px;
    margin-left: 12%;
    margin-bottom: 20px;
}
.clients-cont a:nth-child(2n+1) .clients-it {
    margin-left:2%;
    clear:left;
}


/*RENT*/
.rent-it {
    width: 33.333%;
}



/* CARRITO */
.carrito_tabla .carrito_tabla_it {
    padding: 16px 0px;
}
.carrito_tabla .carrito_tabla_head {
    padding: 10px 0px;
}
.carrito_tabla .carrito_tabla_head .td1{
    width: 14%;
}
.carrito_tabla .carrito_tabla_head .td2, .carrito_tabla .carrito_tabla_head .td3, .carrito_tabla .carrito_tabla_head .td4, .carrito_tabla .carrito_tabla_head .td5{
   display:none;
}
.carrito_tabla .carrito_tabla_it .td1{
    width: 20%;
}
.carrito_tabla .carrito_tabla_it .td1 div{
    height: 62px;
}
.carrito_tabla .carrito_tabla_it .td2{
    width: 80%;
    padding:10px;
}
.carrito_tabla .carrito_tabla_it .td3{
    width: 30%;
    clear:left;
    text-align:right;
    padding: 15px 0 0 0;
}
.carrito_tabla .carrito_tabla_it .td4{
    width: 35%;
    padding: 15px 0 0 0;
}
.carrito_tabla .carrito_tabla_it .td5{
    width: 22%;
    text-align:left;
    padding: 15px 0 0 0;
}
.carrito_tabla .carrito_tabla_it .td6{
    width: 13%;
    padding: 15px 0 0 0;
}

.estado_pago tr td {
    padding: 2px 22px 0px 0px;
    position: relative;
    font-size:12px;
    text-align:center;
    height:39px;
}
.carrito_tabla {
    margin: 40px 0 120px 0;
}
.envio_table_iz, .envio_table_der {
    width: 100% !important;
}
.envio_table_iz select, .envio_table_der select{
    width: 100% !important;
}


.carrito_tabla_div_iz {
    width: 100%;
}
.carrito_tabla_div_der {
    width: 100%;
}
.formulario_envio .formulario_envio_int.formulario_envio_int_carrito {
    padding: 15px;
}
.carrito_opcion_alta .carrito_opcion_alta_it {
    padding: 10px;
    min-height:62px;
}
.formulario_envio .formulario_envio_int.formulario_envio_int_carrito .envio_table_iz tr td, .formulario_envio .formulario_envio_int.formulario_envio_int_carrito .envio_table_der tr td {
    height: auto;
    border-bottom: 0;
    padding: 5px 0 5px 0;
}
.carrito_tabla .carrito_tabla_bottom.carrito_tabla_bottom_pago {
    width: 100%;
}



}







@media screen and (max-width:599px) {


.cont_nav_home ul li .nav_home_it h2 {
    font-size:40px;
}

h1 {
    font-size:54px;
}
.team-bloque .team-bloque-iz h1 {
    font-size: 50px;
}
.team-bloque .team-bloque-iz.team-bloque-iz-about {
    padding-top:40px;
}
.team-bloque .team-bloque-iz.team-bloque-iz-about h1 {
    font-size: 32px;
    line-height:36px;
}

/*TEAM*/
.fondo1 video {
    width:680px;
    width:auto;
    transform:translate(-50%,0);
}
.team-bloque.team-bloque-team {
    padding-bottom:210px;
}
.team-bloque .team-bloque-iz h2 {
    max-width: 100%;
    display:none;
}
.team-bloque .team-bloque-iz .team-bloque-iz-txt {
    display:none;
}
.team-bloque .team-bloque-iz .team-bloque-iz-movil {
    display:block;
}
.scroll-next {
    right: 0;
}
.team-bloque .team-bloque-iz.team-bloque-iz-0 {
    /*display:block;
    padding-bottom:360px;*/
    display:block;
    position:absolute;
    z-index:99999;
    top:80px;
    left:0;
    bottom:0;
    right:0;
}
.team-bloque .team-bloque-4-it {
    position:absolute;
    left:0;
}
.team-bloque .team-bloque-4-it.team-bloque-4-it-2 {
    left:25%;
}
.team-bloque .team-bloque-4-it.team-bloque-4-it-3 {
    left:50%;
}
.team-bloque .team-bloque-4-it.team-bloque-4-it-4 {
    left:75%;
}

/*WORKS*/
.productos_cont_ul li .producto_div {
    width:100%;
}
.productos_cont_ul li:nth-child(5n+1) .producto_div, .productos_cont_ul li:nth-child(5n+2) .producto_div {
    width:100%;
}
.productos_cont_ul li:nth-child(n) .producto_div.effect-apollo .producto-imagen {
    height:calc(100VW * 561 / 997);
}

/*BLOG*/
.blog-it .blog-it-img {
    height: 220px;
}

/*BLOG - entrada*/
.entrada-imagen {
    height: 160px;
}


/*CONTACTO*/
.team-bloque-bot .team-bloque-bot-txt {
    padding-left:0;
}
.team-bloque-bot .team-bloque-bot-txt:after {
    display:none;
}


/* CARRITO */
.carrito_tabla .carrito_tabla_bottom .pagar {
    width:100%;
    margin-bottom:50px;
    text-align:right;
}
.carrito_tabla .carrito_tabla_bottom .seguir {
    text-align:right;
    width:100%;
}
.envio_opcion {
    width: 100%;
}
.envio_opcion.envio_opcion_m {
    margin-left:0;
    margin-right:0;
    margin-bottom:30px;
}
#contenedor_boton_pagar {
    margin-top: 40px;
}
.formulario_envio .option_circ_cont {
    min-width: 100px;
    margin-bottom: 50px;
}

/* LOGIN */
.tabla_login {
    margin-top: 0;
}
.tabla_login_div {
    padding: 20px 30px;
}
.tabla_login_div input {
    width: 150px;
}
.tabla_login_div .input-group {
    width: 170px;
}


/*perfil*/
.div_perfil_it {
    width: 100%;
}
.div_perfil_it.contr{
    padding:0;
}
.div_perfil_it.contr strong div{
    position:relative;
}


/* selects personalizados */
.select .option_cont{
    position:fixed;
    top:0px;
    left:0px;
    right:0px;
    bottom:0;
    width:auto;
    background:rgba(0,0,0,0.7);
    padding:27px 20px 20px 20px;
}
.select .option_cont .option{
    padding:14px;
    border-top:solid 1px #eee;
    background:#fff;
}
.select .option_cont .option:first-child{
    border-top:0;
}
.select .option_cont .option:hover{
    background:#eee;
    background:#6bd0cf;
    color:#fff;
}
.select .option_cont .option.selected{
    background:#eee;
    background:#6bd0cf;
    color:#fff;
}
.select .option_cont:hover .option.selected{
    background:#6bd0cf;
    color:#fff;
}





}