/*
Theme Name: Radivoy
Theme URI: http://www.proyectar.com.ar
Description: Tema wordpress para 
Author: Proyectar
Author URI: http://www.proyectar.com.ar
Version: 999999999
*/
.grecaptcha-badge {display:none!important;}
* {margin:0; padding:0; outline:0; -webkit-font-smoothing: antialiased;	-moz-osx-font-smoothing: grayscale;}
a {text-decoration:none;}
a img {border:0;}

body,html {
    overflow-x:hidden;
}
body {
    font-family: 'Barlow', sans-serif;
    background:#d9d7d5;
    color:#606060;
}
body.scrollBottom {
    position:relative;
}
h1,h2,h3,h4,h5,h6 {
    font-family: 'Barlow', sans-serif;
    font-family: 'EB Garamond', serif;
}
a {
    color:#045a7c;
}
.table {
    display: table;
    width:100%;
    height:100%;
}
.td {
    display: table-cell;
    vertical-align: middle;
}


#wrapper {
    position: relative;
}
.misc2 {
    position: absolute;
    bottom: -7px;
    right: -6px;
    opacity: 0.25;
    z-index: -1;
}
.misc2 img {
    height:175px;
    width:auto;
}

/* Flechas */
.arrow {
    position: relative;
}
.arrow span {
    width:100%;
    height:2px;
    background:#d9d7d5;
    position: absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    margin:auto;
}
.arrow span:before,
.arrow span:after  {
    content:'';
    width:75%;
    position: absolute;
    right:-14%;
    height:100%;
    background: #d9d7d5;
}
.arrow span:before {
    top:-560%;
    transform: rotate(45deg);
}
.arrow span:after {
    top:560%;
    transform: rotate(-45deg);
}
.arrow.arrow-down {
    transform: rotate(90deg);
}
.post-edit-link {
    clear:both;
    display: block;
    text-align: right;
    padding:15px 20px;
    font-weight: bold;
    font-size:15px;
    text-transform: uppercase;    
    background:#fff;
    float:right;
    position:fixed;
    bottom:0;
    right:0;
    border:1px solid #d9d7d5;
    z-index: 9999;
}

/* Boton */
.btn {
    height:46px;
    width:auto;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-align: center;
    position: relative;
    font-weight: 500;
    font-size:16px;
    line-height: 18px;
    display: block;
}
.btn strong {
    display: block;
    width:100%;
    height: 100%;
    background:#045a7c;
    color:#fff;
    position: relative;
    padding:14px 20px;
}
.btn:after {
    width: 46px;
    height: 46px;
    border: 2px solid #045a7c;
    bottom: -16px;
    right: -35px;
    content: '';
    display: block;
    position: absolute;
    z-index: -1;
}
.btn .arrow {
    display: block;
    transform: rotate(-45deg);
    position: absolute;
    bottom: 0px;
    right: -26px;
    width: 20px;
    height: 20px;
}
.btn .arrow span {
    background:#045a7c; 
}
.btn .arrow span:before {
    top:-270%;
    background:#045a7c;
}
.btn .arrow span:after {
    top:270%;
    background:#045a7c;
}
.btn.btn-hablemos {
    position: absolute;
    top:10px;
    right:65px;    
    z-index:500;
    width:46px;
    background-image:url(imgs/hablemos.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size:80% auto;
}
.btn.btn-hablemos:after {
    bottom:0;
    right:0;    
}
.btn.btn-hablemos strong {
    display: none;
}
.btn.btn-hablemos:after {
    border:2px solid #d9d7d5;
}
body.navopen .btn.btn-hablemos,
body.scrolled .btn-hablemos {
    position:fixed;
}
body.navopen .btn.btn-hablemos:after,
body.page.navopen .btn.btn-hablemos:after,
body.page-template-template-producto.navopen.scrolled .btn.btn-hablemos:after,
body.page-id-31.navopen.scrolled .btn.btn-hablemos:after  {
    border:2px solid #045a7c;
}
body.navopen .btn-hablemos,
body.page .btn.btn-hablemos,
body.page.navopen .btn.btn-hablemos,
body.page-template-template-producto.navopen.scrolled .btn.btn-hablemos,
body.page-id-31.navopen.scrolled .btn.btn-hablemos {
    background-image:url(imgs/hablemos_b.svg);
}
body.page.scrolled .btn.btn-hablemos,
body.page-template-template-producto .btn.btn-hablemos {
    background-image:url(imgs/hablemos.svg);
}
body.page-template-template-producto .btn.btn-hablemos,
body.page-id-31 .btn.btn-hablemos {
    position:fixed;
}
body.page.scrolled .btn.btn-hablemos:after {
    border:2px solid #d4d2d0;
}
.btn.btn-hablemos .arrow {
    display:none;
}
.btn.btn-hablemos .arrow span {
    background:#fff; 
}
.btn.btn-hablemos .arrow span:before {
    background:#fff;
}
.btn.btn-hablemos .arrow span:after {
    background:#fff;
}
.btn.btn-hablemos:hover strong,
body.scrolled .btn.btn-hablemos strong {
    background:#045a7c;
    color:#fff;
}
.btn.btn-hablemos:hover .arrow span,
.btn.btn-hablemos:hover .arrow span:before,
.btn.btn-hablemos:hover .arrow span:after,
body.scrolled .btn.btn-hablemos .arrow span,
body.scrolled .btn.btn-hablemos .arrow span:before,
body.scrolled .btn.btn-hablemos .arrow span:after {
    background:#045a7c;
}


/* Header */
#header {
    max-height:1080px;
    position: absolute;
    top:0;
    left:0;
    z-index: 500;
    width:100%;
    height:65px;
    padding:17px 0 0 20px;
}
    body.navopen #header,
    body.scrolled #header,
    body.page.scrolled #header {
        position:fixed;
        max-height:none;
    }
    body.page #header {
        position:fixed;
        max-height:none;
    }
#header:after {
    content:'';
    display:block;
    width:100%;
    height:100%;
    position: absolute;
    top:-65px;
    left:0;
    background:#045a7c;
    z-index: -1;
    transition:top ease 300ms;
}
body.scrolled #header:after {
    top:0;
}
body.navopen #header:after {
    top:-65px;
}
#header .logo,
body.page.scrolled #header .logo,
body.page-template-template-producto.page #header .logo {
    height:26px;
    width:150px;
    background:url(imgs/laforet_w.svg) no-repeat 0 0;
}
#header .logo a {
    display: block;
    width:100%;
    height:100%;
    position: relative;
}    
    body.navopen #header .logo,
    body.navopen.scrolled #header .logo,
    body.page #header .logo,
    body.page-template-template-producto.page.navopen #header .logo  {
        background:url(imgs/laforet_b.svg) no-repeat 0 0;
        height:26px;
        width:150px;
    }


/* Menu */
.nav-toggle,
body.page.scrolled .nav-toggle {
    width:46px;
    height:46px;
    border:2px solid #d9d7d5;
    position: absolute;
    top:10px;
    right:10px;    
    cursor: pointer;
    transition:border ease 200ms;
    z-index: 500;
}
    body.navopen .nav-toggle,
    body.page .nav-toggle,
    body.page-template-template-producto.navopen .nav-toggle  {
        border:2px solid #045a7c;
    }
body.page-template-template-producto .nav-toggle {
    border:2px solid #d9d7d5;
}
.nav-toggle:hover,
body.page.scrolled .nav-toggle:hover {
    border:2px solid #d9d7d5;
}
    body.navopen .nav-toggle:hover,
    body.page .nav-toggle:hover {
        border:2px solid #045a7c;
    }

.nav-toggle:hover span,
.nav-toggle:hover span:before,
.nav-toggle:hover span:after,
body.page.scrolled .nav-toggle:hover span,
body.page.scrolled .nav-toggle:hover span:before,
body.page.scrolled .nav-toggle:hover span:after {
    background:#fff;
}  
.nav-toggle span,
body.page.scrolled .nav-toggle span {
    height: 2px;
    background: #d9d7d5;
    width:50%;
    position: absolute;
    top:0;
    right:-4px;
    left:0;
    bottom:0;
    margin:auto;
}
    body.navopen .nav-toggle span,
    body.page .nav-toggle span {
        background: #045a7c;        
    }
    body.page-template-template-producto.page .nav-toggle span,
    body.page-template-template-producto.page .nav-toggle span:before,
    body.page-template-template-producto.page .nav-toggle span:after,
    body.page-template-template-producto.page .nav-toggle:hover span,
    body.page-template-template-producto.page .nav-toggle:hover span:before,
    body.page-template-template-producto.page .nav-toggle:hover span:after {
        background: #d9d7d5;
    }
    body.page-template-template-producto.page.navopen .nav-toggle span {
        background: transparent;
    }   
    body.page-template-template-producto.page.navopen .nav-toggle span:before,
    body.page-template-template-producto.page.navopen .nav-toggle span:after,
    body.page-template-template-producto.page.navopen .nav-toggle:hover span:before,
    body.page-template-template-producto.page.navopen .nav-toggle:hover span:after {
        background: #045a7c;
    }
    body.page-template-template-producto.page .nav-toggle:hover {
        border:2px solid #d9d7d5;
    }
    body.page-template-template-producto.page.navopen .nav-toggle:hover {
        border:2px solid #045a7c;
    }
.nav-toggle:hover span {
    background:#fff;
}
    body.navopen .nav-toggle:hover span,
    body.page .nav-toggle:hover span {
        background:#045a7c;
    }
.nav-toggle span:before,
.nav-toggle span:after,
body.page.scrolled .nav-toggle span:before,
body.page.scrolled .nav-toggle span:after {
    content:'';
    display: block;
    background:#d9d7d5;
    height:100%;
    width:100%;
    position: absolute;
    transition:transform ease 200ms;
}
    body.navopen .nav-toggle span:before,    
    body.page .nav-toggle span:before,
    body.navopen .nav-toggle span:after,   
    body.page .nav-toggle span:after {
        background:#045a7c;       
    }
.nav-toggle span:before {
    top:-7px;
    left:-2px;
}
.nav-toggle span:after {
    bottom:-7px;
    left:-4px;
}
body.page.scrolled .nav-toggle.active {
    border:2px solid #045a7c;
}
.nav-toggle.active span,
body.page.scrolled .nav-toggle.active span {
    background:transparent;
    right:0;
}
    body.navopen .nav-toggle.active span,
    body.scrolled .nav-toggle.active span,
    body.page .nav-toggle.active span {
        background:transparent;
    }
.nav-toggle.active span:before,
.nav-toggle.active span:after  {
    right:0;
    left:0;
    top:0;
    bottom:0;
    margin:auto;
}
body.page.scrolled .nav-toggle.active span:before,
body.page.scrolled .nav-toggle.active span:after {
    background:#045a7c;
}
.nav-toggle.active span:before {
    transform: rotate(45deg);
}
.nav-toggle.active span:after {
    transform: rotate(-45deg);
}
.nav-txt {
    display: none;
}

.social {
    display: none;
}
.socialnav {
    position: absolute;
    bottom:21px;
    left:0;   
}
.socialnav a {
    color: #393939;
    margin-right: 15px;
    font-size: 18px;
}

#nav {
    width:100%;
    left:-960px;
    background:#d9d7d5;
    position:fixed;
    top:0;
    padding:90px 25px 0 25px;
    z-index: 400;
    height:100%;
    transition:ease-in-out 400ms left;
    border-right:1px solid rgba(128,128,112,0.15);
}
    body.navopen #nav {
        left:0;
    }
#nav .content {
    position:relative;
    width:100%;
    height:100%;
    display: table;
}
#nav .content .misc {
    display: none;
}
.menu {
    max-width:450px;
    display: table-cell;
    vertical-align: middle;
    transform: translateY(-10%);
}
.menu h2 {
    font-size:18px;
    opacity:0.5;    
    font-family: 'Barlow', sans-serif;
}
.menu ul li a:hover {
    color:#292929;
}
.menu ul > li {
    font-size:18px;
    display:block;
}
.menu ul > li a {
    color:#393939; 
    padding:8px 40px 8px 0;
    border-bottom:2px solid rgba(128,128,112,0.35);
    display: inline-block;
    position:relative;
}
    .menu ul > li:hover > a {
        border-bottom:2px solid rgba(128,128,112,0.75);
    }
.menu  ul > li.page_item_has_children a {
    display:block;
}
.menu ul > li a:before {
    content: '';
    position: absolute;
    top: 15px;
    right: 1px;
    border-top: 2px solid rgba(128,128,112,0.35);
    border-right: 2px solid rgba(128,128,112,0.35);
    width: 15px;
    height: 15px;
}
.menu ul > li a:after {
    content: '';
    position: absolute;
    top: 22px;
    right: 0;
    height: 2px;
    background: rgba(128,128,112,0.35);
    transform: rotate(-45deg);
    display: block;
    width: 18px;
}
.menu ul > li:hover a:before {
    border-top: 2px solid rgba(128,128,112,0.75);
    border-right: 2px solid rgba(128,128,112,0.75);
}
.menu ul > li:hover a:after {
    background: rgba(128,128,112,0.75);
}
.menu ul > li.page_item_has_children a:before,
.menu ul > li.page_item_has_children a:after {
    content: '';
    position: absolute;
    top: 22px;
    right: 1px;
    background: rgba(128,128,112,0.35);
    width: 14px;
    height: 2px;
    transform:none;
}
.menu ul > li.page_item_has_children a:after {
    height: 15px;
    width: 2px;
    top: 15px;
    right:7px;
}
.menu ul > li.page_item_has_children:hover a:before,
.menu ul > li.page_item_has_children:hover a:after {
    background: rgba(128,128,112,0.75);
}
.menu ul li ul {
    display: none;
    padding:10px 15px;
    background: rgba(128,128,112,0.25);
}
.menu ul li.active.page_item_has_children a:after {
    display: none;
}
.menu ul > li ul li a {
    border:0;
    padding:4px;
    font-size:16px;
}
.menu ul > li ul li:hover a {
    border:0;
}
.menu ul li ul li a:before,
.menu ul li ul li a:after {
    display: none;
    border-bottom:0;
}

.overlay {    
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    opacity: 0;
    z-index:-100;
    transition:opacity 200ms ease;
    background:rgba(0,0,0,0.75)
}
    body.navopen .overlay {
        opacity:1;
        z-index: 350;
    }



/* Video Inicio */
#video {
    max-height:480px;
    text-transform: uppercase;
    font-size:30px;
    line-height:26px;    
    position: relative;
    transition:all ease 300ms;
    z-index: 0;
    background:#000;
}
#video .vidContain {
    width: 100%;
    height: 100%;
    position: absolute;
    overflow: hidden;
}
#video .vid {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /*z-index: -1;*/
}
video[poster] {
    object-fit: contain;
}
.vid iframe {
    position: absolute;
    width: 100vw;
    height: 56.25vw;
    min-height: 100vh;
    min-width: 177.77vh;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.vid video {
    left: 50%;
    min-height: 100%;
    min-width: 100%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    object-fit: cover;
    background:url(imgs/poster2.jpg) 50% 50% / cover no-repeat;
}
/*
#video:before {
    content:'';
    display: block;
    width:100%;
    height:100%;
    position: absolute;
    top:0;
    left:0;
    background: -moz-linear-gradient(left,  rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%); 
    background: -webkit-linear-gradient(left,  rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%); 
    background: linear-gradient(to right,  rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%); 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=1 );
    opacity:0.75;
}
#video:after {
    content:'';
    display: block;
    width:100%;
    height:100%;
    position: absolute;
    top:0;
    left:0;
    background: -moz-linear-gradient(top,  rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%); 
    background: -webkit-linear-gradient(top,  rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%); 
    background: linear-gradient(to bottom,  rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%); 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=0 ); 
    opacity:0.75;
}
*/
#video .rombos {
    width: 255px;
    bottom: -65px;
    height: auto;
    position: absolute;
    right: -130px;
    opacity: 0.35;
    z-index: 0;
    pointer-events: none;
    transform: scale(-1);
}
#video .arrow {
    width:45px;
    height:45px;
    position: absolute;
    bottom:25px;
    left:0;
    right:0;
    margin:auto;
    cursor:pointer;
    z-index: 200;
}


/* Inicio */
.inicio {
    max-width:1920px;
    margin:auto;
    width:100%;
}
.inicio .content {
    padding:50px 25px 35px;
    max-width:1460px;
    width:100%;    
}
.inicio header, .inicio-txt {
    max-width:680px;
}
.inicio header .frase {
    font-size:36px;
    line-height: 38px;
    padding-top:30px;
    color:#393939;
    font-family: 'EB Garamond', serif;    
    position: relative;
}
.inicio header .frase:before {
    content:'';
    display: block;
    position: absolute;
    top:0;
    left:0;
    width:80px;
    height:3px;
    background:#909090;
}
.inicio h1 {
    font-size:20px;
    line-height: 25px;
    padding:20px 0;
    color:#606060;   
    max-width: 600px;   
}
.inicio-txt {
    font-size: 15px;
    line-height: 21px;
    color: #606060;
    font-weight: 400;
}

/* Slider Home */
.slider-home {
    padding-left:25px;
    max-width:1920px;
    width:100%;
    position:relative;    
}
.slider-home .rombos {
    width: 200px;
    bottom: -54px;
    left: auto;
    right:-30px;
    transform: scale(-1,1);    
    height: auto;
    position: absolute;    
    opacity: 0.15;
    pointer-events: none;
}
.slider-home .rombos img {
    width:100%;
    height: auto;
}
.inicio .slide {
    width:100%;
    background-size:cover;
    background-repeat: no-repeat;
    background-position:center;
    position: relative;
    height:210px;
    transition:height ease 300ms;
}
.inicio .slide:before {
    content:'';
    display: block;
    position: absolute;
    bottom:0;
    left:0;
    width:100%;
    height:60%;
    z-index:0;
    opacity:0.75;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,1+100 */
    background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
}
.inicio .slide h2 {
    position: absolute;
    bottom:8%;
    left:4%;
    z-index: 100;
    text-transform: uppercase;
    color: transparent;
    -webkit-text-stroke: 1px #fff;
    font-size: 27px;
    line-height: 27px;
    max-width: 90%;   
}
.inicio .slide h2:hover {
    color:#fff;
}
.inicio .slide a {
    display: block;
    position: absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:200;
}
.inicio .slide .btn {
    background: transparent;
    border: 0;
    color: #fff;
    -webkit-text-stroke: 0;
    font-family: 'Barlow', sans-serif;
    font-weight: 500;
    padding: 0 20px;
    margin: 20px 0 0 0;
    position: absolute;
    bottom: 10%;
    right: 5%;
    display: none;
}
.inicio .slide .btn:after {
    border:1px solid #fff;
    width:46px;
    height:46px;
    z-index: 0;
    bottom:0;
}
.inicio .slide .btn .arrow {
    bottom:13px;
    right:-25px;
}
.inicio .slide .btn .arrow span,
.inicio .slide .btn .arrow span:before,
.inicio .slide .btn .arrow span:after {
    background:#fff;
    height:1px;
}
.inicio .slide .btn .arrow span:before {
    top: -510%;
}
.inicio .slide .btn .arrow span:after {
    top: 510%;
}
.inicio .slide .btn small {
    font-size:100%;
    display:none;
}


.slick-arrow {
    width:45px;
    height:45px;
    position:absolute;
    top:0; 
    right:0;
    background:#d9d7d5;    
    z-index: 300;
    border:0;
    cursor:pointer;
}
.slick-arrow:hover {
    background:#d4d2d0;
}
.slick-arrow.slick-prev {
    right:45px;
}
.slick-arrow .arrow {
    width: 15px;
    height: 15px;
    display: block;
    margin:auto;
}
.slick-arrow.slick-prev .arrow {
    transform:rotate(180deg);
}
.slick-arrow .arrow span,
.slick-arrow .arrow span:before,
.slick-arrow .arrow span:after {
    background:#393939;
}
.slick-arrow .arrow span:before, 
.slick-arrow .arrow span:after {
    right:-9%;
    width:60%;
}
.slick-arrow .arrow span:before {
    top:-150%;
}
.slick-arrow .arrow span:after {
    top:150%;
}

/* Ir a Contacto */
.iracontacto {
    max-width: 1920px;
    width: 100%;
    margin: 50px auto 0;
    padding: 0 0 75px 25px;
    position: relative;
}
body.page .iracontacto {
    margin-bottom:0;
}
/*.iracontacto:after {
    width:82%;
    left:25px;
    content:'';
    position: absolute;
    height:2px;
    background:rgba(128,128,112,0.25);    
    max-width:1345px;
    bottom:0;    
}*/
.iracontacto .btn {
    width:132px;
    height:46px;
    font-size:14px;
} 
.iracontacto .btn .arrow {
    bottom: -3px;
    right: -24px;
}
.iracontacto .btn:after {
    height:46px;
    width:46px;
}
.iracontacto .btn strong {
    color:#fff;
}
.iracontacto h3 {
    font-size: 28px;
    line-height: 32px;
    padding: 30px 0;
    color: #045a7c;
    font-family: 'EB Garamond', serif;    
    position: relative;
}
.iracontacto h3:before {
    content:'';
    display: block;
    position: absolute;
    top:0;
    left:0;
    width:80px;
    height:3px;
    background:#045a7c;
    opacity:0.5;
}
.inicio .slide .btn:after {
    border:1px solid #fff;
    width:46px;
    height:46px;
    z-index: 0;
}
.inicio .slide .btn .arrow span,
.inicio .slide .btn .arrow span:before,
.inicio .slide .btn .arrow span:after {
    background:#fff;
}


/* Vcard */
.vcard {
    padding:40px 0 150px;
    font-size: 16px;
    line-height: 23px;
    max-width: 1920px;
    width: 90%;
    margin: auto;
    position: relative;
    overflow:hidden;    
}
.vcard .col {
    width:100%;
    margin-bottom:20px;
}
.vcard:before {
    content: '';
    position: absolute;
    height: 2px;
    background: rgba(128,128,112,0.25);
    width: 100%;
    max-width: 1345px;
    top: 0;
    left: 0;
}
body.page-id-33 .vcard:before {
    display: none;
}

/* Footer */
#footer {
    padding:20px 0;
    height:60px;
    background: #fff;
    font-family: 'EB Garamond', serif;
    color: #045a7c;    
}
#footer .content {
    max-width:1700px;
    margin:auto;
    width:90%;
    overflow: hidden;
}
#footer small {
    font-size:15px;
    line-height: 18px;
}
#footer small img {
    margin-left:10px;
    transform: translateY(1px);
}
#footer img {
    height:14px;
    width:auto;
}
.proyectar {
    width:90px;
    height:20px;
    float:right;
    background:url(imgs/proyectar.svg) no-repeat center;
    background-size:contain;
    position:relative;
}
.proyectar a {
    display: block;
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0;
}


/* Page */
.page-wrapper {
    margin:auto;
    width:100%;
}
.page-wrapper .content {
    padding:0;
}
.page-wrapper header {
    height: 480px;
    width:100%;
    background: #393939;
    position: relative;
    background-size:cover;
    background-repeat: no-repeat;
    background-position: center;
}
body.page-template-template-producto .page-wrapper header {
    height:320px;
}
.page-wrapper header:before,
.page-wrapper header:after {
    content:'';
    display: block;
    position: absolute;
    top:0;
    left:0;
    width:100%;
    height:40%;
    opacity:0.5;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0.65+0,0+100;Neutral+Density */
    background: -moz-linear-gradient(top,  rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
    z-index: 0;
}
.page-wrapper header:after {
    top:auto;
    bottom:0;
    transform:rotate(180deg);
    opacity:0.5;
}
.page-wrapper header h1 {
    position: absolute;
    bottom: 8%;
    left: 4%;
    z-index: 100;
    text-transform: uppercase;
    color: transparent;
    -webkit-text-stroke: 1px #fff;
    font-size:41px;
    line-height:41px;
    width:80%;
    overflow-wrap: break-word;
    word-break: break-word;
}


/* Seguir Viendo */
.seguirviendo {   
    width: 90%;
    height:auto;
    padding: 23px 0;
    max-width: 1920px;
    margin: 0 auto;    
    position: relative; 
    color:rgba(128,128,112,0.5);
    text-transform: uppercase;
    letter-spacing: 1px;  
    font-size:14px;
}
.seguirviendo:before {
    content:'';
    position: absolute;
    height:2px;
    background:rgba(128,128,112,0.25);
    width:100%;
    max-width:1345px;
    top:0;
    left:0;
}
.seguirviendo:after {
    content:'';
    position: absolute;
    height:2px;
    background:rgba(128,128,112,0.25);
    width:100%;
    max-width:1345px;
    bottom:0;
    left:0;
}
.seguirviendo .table {
    height:100%;
    top:0;
    left:0;
}
.seguirviendo .seguir {
    position: relative;   
    text-align: left;
    z-index: 100;    
    width:100%;
    max-width:1345px;
    font-family: 'EB Garamond', serif;
    padding-top:4px;
}
.seguir a {
    font-size: 30px;
    line-height: 30px;
    max-width: 490px;
    text-transform: uppercase;
    color: transparent;
    -webkit-text-stroke: 1px #045a7c;    
    overflow-wrap: break-word;
    word-break: break-word;
    display: block;
    padding-right:0;
    position: relative;
}
.seguir a:hover {
    color:#045a7c;    
}
.seguir .arrow {
   display: none;
}
.seguir .arrow span {
    background:#045a7c;
    height:1px;
}
.seguir .arrow span:before,
.seguir .arrow span:after {
    background:#045a7c;
}
.seguir .arrow span:before {
    top:-1200%;
}
.seguir .arrow span:after {
    top:1200%;
}

/* Producto */
.producto-wrapper .contenidos,
.producto-wrapper .sliders {
    margin:auto;
    max-width:1460px;
    width:90%;
}
.producto-wrapper .sliders {
    max-width:500px;
}
.primer {
    overflow:hidden;
    max-width:1300px;
    margin:auto;
    width: 90%;
    padding:35px 0 0;
}
.primer-txt {
    width:100%;
    padding:0 0 50px 0;
    max-width:600px;   
    vertical-align: bottom;    
    font-size: 15px;
    line-height: 24px;
}
.primer-txt h2 {
    font-size: 36px;
    line-height: 36px;    
    margin-bottom:6%;
    color:#393939;
}
.primer-img {
    width:100%;
    height:300px;
    background-size:cover;
    background-repeat: no-repeat;
    background-position:center;
}
.contenido {
    padding:25px 0;
}
.contenido:after {
    content:'';
    display: block;
    clear: both;
}
.contenido-img {
    height:320px;
    background-size:cover;
    background-repeat: no-repeat;
    background-position:center;
    width:100%;
    max-width:1225px;
    position: relative;
}
.contenido-img .rombos {
    position: absolute;
    bottom: -64px;
    right: -387px;
    width: 450px;
    height: 450px;
    transform: scale(-1);
    z-index: -1;
    opacity: 0.35;
}
.contenido:nth-child(even) .contenido-img {
    height:320px;
    width:100%;
    max-width:965px;
    float:right;    
}
.contenido-txt {
    margin:auto;
    width:90%;
    max-width: 1080px;
    padding:35px 0;
    font-size:15px;
    line-height: 24px;
}
.sliders {
    width:100%;
    max-width:1460px;
    margin:auto;
    position: relative;
    padding-top:35px;
}
.sliders .slide {
	display:block;
    overflow:visible;
    height:auto;
}
.sliders .slide-img {
    width:100%;
    height:250px;
    background-size:cover;
    background-repeat: no-repeat;
    background-position:center;
    background-color:#ddd;
    float:left;
}
.sliders .slide-txt {
    width:100%; 
    height:auto;   
    padding:0 5%;
    float:left;
    position: relative;
}
.sliders .estilo2 .slide-txt.con-imagen {
	width: 40%;
    padding: 0 5%;
    float: left;
    position: relative;
    /* height: 250px; */
    background-size: contain;
    background-repeat: no-repeat;
    background-position: top center;
    background-color: #d9d7d5;
	margin-top:30px;
}
.sliders .estilo2 .slide-txt.sin-imagen {
	width: 100%;
}
.estilo2 .slide-txt.con-imagen img {
	height: auto;
}

.sliders .estilo2 .slide-txt.con-imagen {
    padding: 0;
}
.sliders .estilo2 .bloque-txt {
	/*
	display:block;
	position: relative;
    float: right;
    right: 0;
    background-color: #d9d7d5;
    padding: 10px;
	z-index:1;
	margin-top:20px;
	*/
    width: 60%;
	float: right;
    background-color: #d9d7d5;
    padding: 10px;
    z-index: 1;
    margin-top: 20px;
}
.sliders .slide-txt ul, .sliders .bloque-txt ul  {
	font-size:15px;
}

.bloque-txt li, .slide-txt li{
	margin-top:10px;
}
.bloque-txt li::before, .slide-txt li::before { 
	content: "\0003E"; 
	padding-right: 8px; 
}

.slider:nth-child(even) .slide-img { 
    float:right;
}
.sliders h3 {
    position: relative;
    font-size: 40px;
    line-height: 40px;
    padding-top:25px;
    opacity: 0.15;
    color: #393939;
    width:80%;
	margin-bottom: 20px;
}
.sliders  .slider.estilo2 h3 {
    margin-bottom:20px;
}
.sliders .slide-txt p {
    margin-top:25px;
    padding-left:25px;
    position: relative;
    max-width: 400px;
    max-height:none;
    bottom:auto;
    left:auto;
    font-size:15px;
    line-height: 21px;
}
.sliders .slide-txt p span.number {
    position: absolute;
    top:0;
    left:0;
    opacity: 0.25;
    color: #393939;
}
.sliders .slick-arrow {
    top:205px;
    left:0;
    z-index: 300;
    margin:0;
    position: absolute;
}
.sliders .slick-arrow.slick-next {
    margin-left:45px;
}
.slider {
    margin-bottom:50px;
}
.sliders .slider:nth-child(even) .slick-arrow.slick-next {
    margin-left:45px;
}
.sliders .slider:nth-child(even) .slick-arrow.slick-prev {
    margin-left:0;
}

/* Colores */
.colores {
    width:100%;
    max-width:1200px;
    margin:auto;
    position: relative;
    padding-top:75px;
}
.colores:after {
    content:'';
    display: block;
    clear: both;
}
.colores h3 {
    color:transparent;
    opacity: 0.25;
    font-size:85px;
    text-align: center;
    -webkit-text-stroke: 1px #606060;
}
.colores-selector {
    padding:35px 0 0 35px;
    width:100%;
    float:none;
    max-width:none;
}
.colores-selector .color {
    width: 50px;
    height: 50px;
    float: left;
    margin: 6px;   
    cursor:pointer;
}
.colores-selector .color.active {
    box-shadow:0 0 10px rgba(128,128,112,0.65);
}
.colores-selector .color:hover {
    box-shadow:0 0 10px rgba(128,128,112,0.55);
}
.color-nombre {
    clear: both;
    text-align: center;
    color: #909090;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 15px;
}
.color-img {
    width: 80%;
    float: none;
    margin: auto;
    max-width: 350px;
}
.color-img img {
    width:100%;
    height:auto;
}

/* Contacto */
.page-contacto {
    margin:auto;
    width:100%;
}
.page-contacto:after,
.contacto:after,
.page-contacto .content:after {
   clear:both;
   display: block;
   content:''; 
}
.page-contacto .content {
    padding:0 25px;
}
.page-contacto header {
    color:#045a7c;
    text-transform: uppercase;
    position: relative;
    width:100%;
}
.page-contacto header h1 {
    font-size: 35px;
    line-height: 35px;
    padding: 135px 0 35px;
}
.page-contacto header .rombos {    
    position: absolute;
    opacity:0.35;
}
.page-contacto header .rombos:first-child {
    height: 225px;
    width: 250px;
    top: -7px;
    left: -152px;
}
.page-contacto header .rombos:last-child {
    height: 225px;
    width: 250px;
    bottom: -150px;
    right: -200px;
}
.contacto {
    width:100%;
    float:left;   
    max-width:600px;
    position: relative;
    padding:0 0 100px;
}
.contacto p {
    font-size: 16px;
    line-height: 21px;
    padding: 0 0 15px 0;
}
.contacto-links {
    margin-bottom:40px;
}
.contacto-links a {
    font-size: 18px;
    line-height: 20px;
    background: #fff;
    padding: 15px;
    display: inline-block;
    text-align: center;
    margin-right: 3px;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    color: #393939;
    transition: box-shadow ease 500ms;
    vertical-align: top;
}
.contacto-links a:first-child {
    padding:15px 20px 15px 20px;
    height:50px;
    border-radius: 100px;    
    width:auto;
}
.contacto-links a .fa-whatsapp {
    color:#25D366;
}
.contacto-links a .fa-facebook-messenger {
    color:#0084ff;
}
.contacto-links a:hover {
    box-shadow:0 0 10px rgba(0,0,0,0.15);
}
.contacto-links a.tel-link {
    color:#045a7c;
}
.contacto label {
    display: block;
    font-size:16px;
}
.contacto input[type="text"],
.contacto input[type="email"] {
    width:100%;
    border:1px solid rgba(128,128,112,0.35);
    margin:5px 0 15px;
    background:transparent;
    font-size:16px;
    padding:10px 10px 12px 10px;
    font-family: 'Barlow',sans-serif;
    transition: ease all 500ms;
}
.contacto input[type="text"]:focus,
.contacto input[type="email"]:focus {
    background:rgba(255,255,255,0.15);
}
.contacto textarea {
    transition: ease all 500ms;
    width:100%;
    border:1px solid rgba(128,128,112,0.35);
    background:transparent;
    font-size:18px;
    padding:10px 10px 12px 10px;
    font-family: 'Barlow',sans-serif;
    max-width:100%;
    min-width:100%;
    height:150px;
}
.contacto textarea:focus {
    background:rgba(255,255,255,0.15);
}
.contacto .btn {
    height: 46px;
    width: auto;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-align: center;
    position: relative;
    font-weight: 500;
    font-size: 16px;
    line-height: 18px;
    display: block;
    border: 0;
    background: #045a7c;
    color: #d4d2d0;
    padding: 10px 20px;
    font-family: 'Barlow', sans-serif;
    letter-spacing: 2px;
    font-weight: bold;
    margin-top:20px;
    margin-right:35px;
    float:right;
    z-index: 100;
}
.contacto .btn:hover {
    background:#fff;
    color:#045a7c;
}
.contacto .arrow {
    width: 46px;
    height: 46px;
    display: block;
    border: 2px solid #045a7c;
    position: absolute;
    right: 0;
    bottom: 86px;
    z-index: 0;
}
.contacto .btn:hover ~ .arrow {
    background:#045a7c;
}
.contacto .arrow span,
.contacto .arrow span:before,
.contacto .arrow span:after {
    background:#045a7c;
}
.contacto .arrow span {
    width:50%;
    transform:rotate(-45deg);
}
.contacto .arrow span:before {
    top:-250%;
}
.contacto .arrow span:after {
    top:250%;
}
.contacto .btn:hover ~ .arrow span,
.contacto .btn:hover ~ .arrow span:before,
.contacto .btn:hover ~ .arrow span:after {
    background:#fff;
}
.page-contacto .vcard {
    width:100%;
    float:left;
    padding:0 0 150px;
}
.page-contacto .vcard .col {
    font-size: 16px;
    line-height: 24px;
    width:100%;
    margin-bottom:20px;    
    color:#393939;    
}
.page-contacto .vcard span {
    font-size:15px;
    opacity:0.5;
}
.page-contacto div.wpcf7-response-output {
    position: absolute;
    font-size: 13px;
    bottom: 20px;
    border:0!important;
    padding:10px;
    color:#393939;
    font-size:13px;
    border-radius: 5px;
    width:100%;
    margin:0 auto;
    background:#d4d2d0;
}
.page-contacto span.wpcf7-not-valid-tip {
    margin-top:-10px;
    font-size:14px;
    color:#ff0000;
}
.page-contacto div.wpcf7 .ajax-loader {
    margin-top:35px;
}

/* Conocenos */ 
.page-conocenos {
    margin:auto;
    width:100%;
}
.page-conocenos:after,
.page-conocenos-top:after,
.page-conocenos-bot:after {
    content:'';
    display: block;
    clear: both;
}
.page-conocenos .content {
    padding: 100px 25px 0;
    font-size:16px;
    line-height: 24px;
    max-width: 1920px;
    margin: auto;    
    width: 100%;    
}
.page-conocenos .content p {
    margin-bottom:20px;
}
.page-conocenos header {
    color:rgba(57,57,57,0.15);
    position: relative;
    width:100%;
    text-align: center;
    font-size: 36px;
    line-height: 40px;
    padding-bottom:35px;
}
body.page-id-31 .btn.btn-hablemos strong {
    background: #045a7c;
    color:#fff;
}
body.page-id-31 .btn.btn-hablemos:after {
    border:2px solid #045a7c;
}
body.page-id-31 .btn.btn-hablemos .arrow span,
body.page-id-31 .btn.btn-hablemos .arrow span:before,
body.page-id-31 .btn.btn-hablemos .arrow span:after {
    background: #045a7c;
}
body.page-id-31 .btn.btn-hablemos:hover:after {
   /* background:transparent;*/
   border:2px solid #fff;
}
body.page-id-31 .iracontacto {
    margin-top:50px;
}
.page-conocenos-top {
    position: relative;
    max-width:1200px;
    margin:auto;
    left:0;
    width:100%;
}
.img1 {
    background-size:cover;
    background-repeat: no-repeat;
    background-position:center;
    display: block;
    height: 200px;
    margin: 0 -25px;
}
.p1 {
    display:block;
    width:100%;
    padding:25px 0 5px;
}
.p1 p:first-child {
    font-size:18px;
}
.img2 {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    width: auto;
    position: relative;
    left: auto;
    bottom: auto;
    margin: 0 -25px;
    height: 200px;
}
.page-conocenos .rombos {
    height: 255px;
    width: 190px;
    margin: -175px -100px 0 0;
    position: relative;
    float: right;
    opacity: 0.35;
}
.page-conocenos-bot {
    clear:both;
}
.p3 {
    max-width:1345px;
    margin:0;
}
.p3 .col {
    width:100%;    
    padding:25px 0 0 0;
    display: block;
}
.img3 {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    width:auto;
    height:200px;
    clear:both;
    margin:20px -25px;
}
.p3 .col h4 {
    font-size:52px;
    line-height: 45px;
    color:transparent;
    padding:15px 0 20px;
    position: relative;
    color: #666;
}
.p3 .col h4 span {
    color:#909090;
}
.p3 .col:first-child {
    font-size:17px;
    margin-top:-35px;
}
.p3 .col h4:after {
    position: absolute;
    content:'';
    background:rgba(128,128,112,0.35);
    height:1px;
    width:80%;
    bottom:0;
    left:0;

}


/* Marcas */
.marcas {
    padding: 0 25px;    
    max-width: 1920px;
    height: 60px;
    margin: 15px auto 5px;
}
.marcas .slick-list, 
.marcas .slick-track {
    height:100%;
}
.marca {
    height:100%;
    width:125px;
    padding:0 15px;
    opacity:0.5;
    transition:opacity ease 300ms;
}
.marca:hover {
    opacity:1;
}





@media all and (max-width:960px) {
	
}
@media all and (min-width:960px) {
    .vcard {
        padding-right:2%;
        width:100%;
    }
    /* Slider Home */
    .inicio .slide,
    .page-wrapper header {
        height:600px;
    }  
    .inicio .slide h2 {
        font-size:80px;
        line-height: 80px; 
    }
    .slider {
        margin-bottom:150px;
    }
    .slider-home .rombos {
        width: 450px;
        bottom: -184px;
        left: -167px;
        right:auto;
    }

    .slick-arrow {
        width:85px;
        height:85px;
    }
    .slick-arrow.slick-prev {
        right:85px;
    }
    .slick-arrow .arrow {
        width: 30px;
        height: 30px;
    }

    .slick-arrow .arrow span:before {
        top:-300%;
    }
    .slick-arrow .arrow span:after {
        top:300%;
    }

    /* Inicio */
    #header {
        padding:50px 0 0 50px;
        width:200px;
        height:100%;
    }
    #header:after {
        display:none;
    }
    .inicio .content {
        padding:150px 0 100px 242px;
    }
    .inicio header .frase {
        font-size:80px;
        line-height: 80px;
        padding-top:65px;
    }
    .inicio h1 {
        font-size:40px;
        line-height: 45px;
        padding:50px 0 35px;
    }
    .inicio-txt {
        font-size: 18px;
        line-height: 28px;
    }
    body.navopen #header,
    body.scrolled #header{
        position:fixed;
        max-height:100%;
    }
    body.page #header {
        position:fixed;
    }
    body.page.scrolled #header .logo,
    body.page-template-template-producto.page #header .logo {
        background:url(imgs/laforet_b.svg) no-repeat 0 0;
    }
    body.scrolled #header .logo   {
        background:url(imgs/lf.svg) no-repeat 0 0;
        width:46px;
        height:46px;
    }
    body.navopen #header .logo,
    body.navopen.scrolled #header .logo,
    body.page #header .logo  {
        height:46px;
    }
    #nav .content {
        display: block;
    }
    #nav .content .menu {
        transform: none;
        display: block;
    }
    .nav-toggle,
    body.page.scrolled .nav-toggle {
        position: relative;
        margin:35px 0 0;
        top:auto;
        right:auto;
    }
    .socialnav {
        display: none;
    }
    .social {
        position: absolute;
        bottom:35px;
        left:67px;
        text-align: center;
        z-index: 500;
        display: block;
    }
    .social a {
        color:#d9d7d5;
        display: block;
        font-size:18px;
        margin:20px 0;
    }
        body.navopen .social a,
        body.scrolled .social a,
        body.page .social a {
            color:#045a7c
        }
    .social a:hover {
        color:#fff;
    }
        body.navopen .social a:hover,
        body.scrolled .social a:hover,
        body.page .social a:hover {
            color:#045a7c
        }
    .nav-toggle:hover {
        border:2px solid #fff;
    }
    .nav-txt {
        color: #d9d7d5;
        font-weight: 500;
        font-size: 18px;
        text-transform: uppercase;
        letter-spacing: 1px;
        cursor: pointer;
        transform: rotate(-90deg);
        transform-origin: 0 0;
        margin: 155px 0 0 12px;
        text-align: right;
        transition:color ease 200ms;
        display: block;
    }
        body.navopen .nav-txt,
        body.scrolled .nav-txt,
        body.page .nav-txt,
        body.navopen .nav-txt:hover,
        body.scrolled .nav-txt:hover,
        body.page .nav-txt:hover {
            color:#045a7c;
        }
    .nav-toggle:hover ~ .nav-txt {
        color:#fff;
    }
        body.navopen .nav-toggle:hover ~ .nav-txt,
        body.scrolled .nav-toggle:hover ~ .nav-txt,
        body.page .nav-toggle:hover ~ .nav-txt {
            color:#045a7c;
        }
    .nav-txt:hover ~ .nav-toggle {
        border:2px solid #fff;
    }
        body.navopen .nav-txt:hover ~ body.navopen .nav-toggle,
        body.scrolled .nav-txt:hover ~ body.navopen .nav-toggle,
        body.page .nav-txt:hover ~ body.page .nav-toggle,
        body.page.scrolled .nav-toggle,
        body.page.scrolled .nav-toggle:hover,
        body.page-template-template-producto .nav-toggle  {
            border:2px solid #045a7c;
        }
    #header .logo,
    body.page.scrolled #header .logo {
        height:46px;
    }
    .btn.btn-hablemos strong {
        background:#fff;
        color:#045a7c;
        display: block;
    }
    .btn.btn-hablemos {
        top:43px;
        right:100px;
        width:auto; 
        background-image:none;   
        z-index:300;
        position: absolute;
    }
    .btn.btn-hablemos .arrow {
        display: block;
    }
    .btn.btn-hablemos:after {
        bottom: -13px;
        right: -38px;
    }    
    body.navopen .btn.btn-hablemos,
    body.scrolled .btn-hablemos {
        position:absolute;
    }
    body.navopen .btn.btn-hablemos:after,
    body.scrolled .btn-hablemos:after {
        border:2px solid #d4d2d0;
        background-image:none;   
        position:absolute;     
    }
    .btn.btn-hablemos:hover:after,
    body.scrolled .btn.btn-hablemos:after {
        background:#fff
    }
    .btn.btn-hablemos:after {
        border:2px solid #fff;
    }

    /* Video Home */
    #video .arrow {
        width:65px;
        height:65px;
        bottom:55px;
    }
    .arrow span:before {
        top:-850%;
    }
    .arrow span:after {
        top:850%;
    }
    #video .rombos {
        width: 495px;
        bottom: -265px;
        transform:none;
        right:0;
    }
    #video {
        max-height:1080px;
    }

     /* Menu */ 
     #nav {
        width:960px;
        padding:165px 100px 0 245px;
     }
     .menu h2 {
        font-size:20px;
     }
     .menu ul > li {
        font-size:28px;
     }
     .menu ul > li a {
        padding:20px 40px 10px 0;
    }
    .menu ul > li.page_item_has_children a:before,
    .menu ul > li.page_item_has_children a:after {      
        top: 38px;
        width:16px;
    }
    .menu ul > li.page_item_has_children a:after {
        top: 31px;
        width:2px;
        height:17px;
    }
    .menu ul > li ul li a {
        font-size:24px;
    }
    .menu ul li ul {
        padding:35px;
    }
    #nav .content .misc {
        opacity:0.35;
        position: absolute;
        width:200px;
        height: auto;
        bottom: 4%;
        right: -50px;
        display: block;
    }
    .menu ul li.page-item-286 {
        margin-bottom:95px;
    }
    .menu ul > li a:before {
        top:31px;
    }
    .menu ul > li a:after {
        top:38px;
    }
    body.scrolled .nav-toggle,
    body.page .nav-toggle,
    body.scrolled .nav-toggle:hover    {
        border:2px solid #045a7c;
    }
    body.navopen .nav-toggle:hover span,    
    body.navopen .nav-toggle:hover span:before,   
    body.navopen .nav-toggle:hover span:after,    
    body.page .nav-toggle:hover span:before,
    body.page .nav-toggle:hover span:after,
    body.page .nav-toggle:hover span,
    body.scrolled .nav-toggle span,
    body.scrolled .nav-toggle:hover span,
    body.scrolled .nav-toggle span:before,
    body.scrolled .nav-toggle span:after,
    body.scrolled .nav-toggle:hover span:after,
    body.scrolled .nav-toggle:hover span:before,
    body.scrolled .nav-toggle:hover span,
    body.page.scrolled .nav-toggle span,
    body.page.scrolled .nav-toggle span:after,
    body.page.scrolled .nav-toggle span:before,
    body.page.scrolled .nav-toggle:hover span,
    body.page.scrolled .nav-toggle:hover span:after,
    body.page.scrolled .nav-toggle:hover span:before {
        background:#045a7c;       
    }
    body.navopen .nav-toggle.active:hover span, 
    body.page .nav-toggle.active:hover span,
    body.scrolled .nav-toggle.active:hover span {
        background:transparent;
    }
    body.scrollBottom #header {
        position: absolute;
        top:auto;
        bottom:110px;
    }
    body.page-template-template-producto.page .nav-toggle span,
    body.page-template-template-producto.page .nav-toggle span:before,
    body.page-template-template-producto.page .nav-toggle span:after,
    body.page-template-template-producto.page .nav-toggle:hover span,
    body.page-template-template-producto.page .nav-toggle:hover span:before,
    body.page-template-template-producto.page .nav-toggle:hover span:after {
        background: #045a7c;
    }
    body.page-template-template-producto.page.navopen .nav-toggle span {
        background: transparent;
    }   
    body.page-template-template-producto.page.navopen .nav-toggle span:before,
    body.page-template-template-producto.page.navopen .nav-toggle span:after,
    body.page-template-template-producto.page.navopen .nav-toggle:hover span:before,
    body.page-template-template-producto.page.navopen .nav-toggle:hover span:after {
        background: #045a7c;
    }
    body.page-template-template-producto.page .nav-toggle:hover {
        border:2px solid #045a7c;
    }
    body.page-template-template-producto.page.navopen .nav-toggle:hover {
        border:2px solid #045a7c;
    }

    #footer {
        padding: 40px 0;
        height: 110px;
    }
    .proyectar {
        width:115px;
        margin-top:3px;
    }
    #footer small {
        font-size:20px;
    }
    #footer img {
        height:18px;
    }    

    /* Slider Home */
    .slider-home {
        padding-left:242px;
    }

    /* Ir a Contacto */
    .iracontacto {
        margin: 150px auto 0;
        padding: 0 0 125px 242px;
    }
    .iracontacto h3 {
        font-size: 68px;
        line-height: 68px;
        padding: 75px 0 65px;
    }
    .iracontacto .btn {
        width:165px;
        height:50px;
        font-size:17px;
    }
    .iracontacto .btn:after {
        height:50px;
        width:50px;
    }
    .btn:after {
        bottom: -13px;
        right: -38px;
    }
    .iracontacto .btn .arrow {
        bottom: 2px;
        right: -25px;
    }

    /* Vcard */
    .vcard {
        padding: 110px 0 125px 242px;
        font-size: 18px;
        line-height: 26px;
    }
    .vcard .col {
        float: left;
        width: 33.3333%;
        margin-bottom:0;
        padding-right:20px;
    }
    .misc2 img {
        height:290px;
    }
    .iracontacto:after {
        width:70%;
        left:242px;
    }

    /* Contacto */
    .page-contacto .content {
        padding:0 0 0 242px;
    }
    .page-contacto header h1 {
        font-size:80px; 
        line-height: 75px;
        padding:250px 0 100px;
    }
    .page-contacto header .rombos:first-child {
        height: 400px;
        width: 600px;
        top: -200px;
        left: 0;
    }
    .page-contacto header .rombos:last-child {
        height: 450px;
        width: 600px;
        bottom: 0;
        right: 0;
    }
    .contacto {
        width:50%;
        padding:0 0 200px;
    }
    .contacto-links a {
        font-size: 22px;
        line-height: 28px;
        margin-right:25px;
        width: 60px;
        height:60px;
    }
    .contacto-links a:first-child {
        padding:15px 40px 15px 30px;
        height:60px;
    }
    .contacto p {
        font-size:21px;
        line-height: 28px;
        padding:15px 0;
    }
    .contacto label {
        font-size:18px;
    }
    .contacto input[type="text"],
    .contacto input[type="email"] {
        font-size:18px;
    }
    .contacto .btn {
        margin-right: auto;
    }
    .contacto .arrow {
        right:-36px;
        bottom: 86px;
    }
    .page-contacto .vcard {
        width:50%;
        float:left;
        padding:110px 0 0 150px;
    }
    .page-contacto .vcard .col {
        font-size: 21px;
        line-height: 28px;
        margin-bottom:50px;
    }
    .page-contacto .vcard span {
        font-size:18px;
    }
    .contacto {
        padding:0 0 100px;
        margin-bottom:50px;
    }
    .page-contacto div.wpcf7-response-output  {
        font-size: 16px;
    }

    /* Conocenos */
    .page-conocenos .content {
        padding: 200px 0 0 242px;
        font-size:18px;
        line-height: 28px;
    }
    .page-conocenos header {       
        font-size: 100px;
        line-height: 90px;
        padding-bottom:150px;
    }
    .img1 {
        width:50%;
        display: table-cell;
        height: auto;
        margin: auto;
    }
    .p1 {
        display: table-cell;
        width:50%;
        padding:100px 75px 200px 100px;
    }
    .p1 p:first-child {
        font-size:24px;
    }
    .img2 {
        width: 30%;
        height: 65%;
        position: absolute;
        left: 50%;
        bottom: 0;
        margin: 0 0 -20% -15%;
    }
    .page-conocenos-top {
        position: relative;
        max-width:1200px;
        margin:auto;
        left:-20px;
        width:auto;
    }
    .page-conocenos .rombos {
        height: 675px;
        width: 445px;
        margin: -250px -185px 0 0;
    }
    .p3 .col {
        width:45%;    
        padding:25px 50px 100px 0;
        display: table-cell;
    }
    .p3 .col:first-child {
        width:55%;
        padding-right: 50px;
        margin-top:auto;    
        font-size:21px;
    }
    .p3 .col h4 {
        font-size: 75px;
        line-height: 65px;
        max-width: 650px;
    }
    .img3 {
        width: 100%;
        height: 475px;
        margin:0;
    }

    /* Producto */
    .page-wrapper .content {
        padding:0 0 0 242px;
    }
    .page-wrapper header h1 {
        font-size:80px;
        line-height:80px;
    }
    .primer {
        padding:150px 0 100px;
    }
    .primer-txt {
        width:50%;
        padding:15% 15% 3% 0;
        font-size: 18px;
        line-height: 28px;
        float:left;
    }
    .primer-txt h2 {
        font-size:60px;
        line-height: 55px;
    }
    .primer-img {
        float:right;
        width:50%;
        max-width:575px;    
        height:575px;
    }
    .contenido {
        padding:50px 0 0 0;
    }
    .contenido-img {
        height:575px;
    }
    .contenido-txt {
        padding:75px 0 50px;
        font-size:18px;
        line-height: 28px;
    }
    .contenido:nth-child(even) .contenido-img {
        height:575px;
    }
    .sliders {
        padding-top:75px;
    }
	/* PALI */
    .sliders .slide {
		overflow:hidden;
        height:400px;
    }
    .sliders .estilo2 .slide {
		overflow:hidden;
        height:auto;
    }
	.sliders .estilo2 .slick-arrow {
        top:400px;
    }
    .sliders .slide-img {
        width:50%;
        height:100%;
    }
    .sliders .slide-txt {
        width:50%; 
        height:100%;
        padding:0 5%;
    }
    .sliders .estilo2 .slide-txt {
        background-repeat: no-repeat;
		background-position: left center;
		background-size: contain;
    }
    .sliders .estilo2 .slide-txt {
        height:400px;
    }
    .sliders .estilo2 .slide-img {
        height:400px;
    }
	.sliders .estilo2 .slide-txt.sin-imagen {
		width: 50%;
	}
	.sliders .estilo2 .slide-txt.con-imagen {
		width: 50%;
		margin:0;
	}
	.sliders .estilo2 .bloque-txt { 
		/*
		top:auto;
		width: 30%;
		position: absolute;
		left: 50%;
		margin-left: -15%;
		*/
		width: 90%;
		max-width: 1080px;
		background-color: #d9d7d5;
		z-index: 1;
		margin: auto;
		padding: 50px 50px 50px 0;
		font-size: 21px;
		line-height: 28px;
	}
	.sliders .slide-txt ul, .sliders .bloque-txt ul{
		font-size: 21px;
		line-height: 28px;
	}
	/*
	.slick-initialized .slick-slide {
		display: flex !important;
		align-items: center !important;
	}
	*/
	.slider:nth-child(even) .slide { 
		flex-direction: row-reverse !important;
	}
	.slider:nth-child(odd) .slide {
		flex-direction: revert !important;
	}
    .sliders h3 {
        /*position: absolute;
        bottom:30%;*/
        font-size: 65px;
        line-height: 55px;
        padding:50px 0;
    }
    .sliders .slick-arrow {
        top:100%;
        left:50%;
        margin:-85px 0 0 -85px;
    }
    .sliders .estilo2 .slick-arrow {
        top:500px;
    }
	/*
	.sliders .slider.estilo2 .slick-arrow {
		top: 100%;
		bottom: 0;
		left: 50%;
		margin: 0;
	}
	*/
    .sliders .slick-arrow.slick-prev {
        margin-left:-170px;
    }
    .sliders .slider.estilo2 .slick-arrow.slick-prev {
        margin-left:-170px;
    }
    .sliders .slick-arrow.slick-next {
        margin-left:-85px;
    }
    .sliders .slide-txt p {
        margin-top:0;
        padding-left:30px;
        /*position: absolute;*/
        max-width: 400px;
        max-height:30%;
        bottom:0;
        /*left:70px;*/
        font-size:18px;
        line-height: 24px;
    }
    .estilo2 .slide-txt.con-imagen img {
		height: 100%;
	}
	
	/* PALI */
    .sliders .slide {
        height:400px;
    }
    .sliders .estilo2 .slide {
        height:auto;
    }
	.sliders .estilo2 .slide-txt {
        height:400px;
    }
    .sliders .estilo2 .slide-img {
        height:400px;
    }
	.sliders .estilo2 .slick-arrow {
        top:400px;
    }


    .seguirviendo {   
        width: 100%;
        height:200px;
        padding: 0 0 0 242px;
        font-size:18px;
        margin: 0 auto; 
    }
    .seguirviendo .seguir {
        position: absolute;
        top:0;
        bottom:0;
        left:242px;
        text-align: right;
        width:70%;
        padding-top:0;
    }
    .seguir a {
        font-size:57px;
        line-height: 57px;
        max-width: 490px;
        padding-right: 90px;
        float:right;
    }
    .seguir .arrow {
        width:45px;
        height:45px;
        position: absolute;
        top:8px;
        right:0;
        transform:rotate(-45deg);
        display: block;
    }
    .seguirviendo:after,
    .seguirviendo:before,
    .vcard:before {
        width:70%;
        left:242px;
    }
    .producto-wrapper .sliders {
        max-width:1200px;
    }
    body.page-template-template-producto .btn.btn-hablemos,
    body.page-id-31 .btn.btn-hablemos {
        position: absolute;
    }
    body.page-template-template-producto .page-wrapper header {
        height:600px;
    }
    .sliders .slider:nth-child(even) .slick-arrow.slick-next {
        margin-left:85px;
    }
    .colores {
        margin-bottom:150px;
    }
    .colores h3 {
        font-size:120px;
        text-align: left;
    }
    .colores-selector .color {
        width:100px;
        height:100px;
        float:left; 
        margin:10px;
    }
    .color-img {
        width: 50%;
        float: right;
        margin-top: -10%;
        max-width: 580px; 
    }
    .colores-selector {
        padding:35px 0 0 35px;
        width:50%;
        float:left;
        max-width:600px;
    } 
    .vid video {
        background:transparent;
    }

    /* Marcas */
    .marcas {
        padding: 0 0 0 242px;
        height: 80px;
        margin: 35px auto 0;
    }
    .marcas:after {
        content:'';
        /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#d9d7d5+0,d9d7d5+22&0+0,1+22 */
        background: -moz-linear-gradient(left,  rgba(217,215,213,0) 0%, rgba(217,215,213,1) 22%); /* FF3.6-15 */
        background: -webkit-linear-gradient(left,  rgba(217,215,213,0) 0%,rgba(217,215,213,1) 22%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to right,  rgba(217,215,213,0) 0%,rgba(217,215,213,1) 22%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00d9d7d5', endColorstr='#d9d7d5',GradientType=1 ); /* IE6-9 */
        height:100%;
        position: absolute;
        top:0;
        right:0;
        width:20%;
    }
}
@media all and (min-width:1520px) {    
    /* Slider Home */ 
    .inicio .slide,
    .page-wrapper header,
    body.page-template-template-producto .page-wrapper header {
        height:700px;
    }   
    .inicio .slide .btn {
        background: transparent;
        border: 1px solid #fff;
        color: #fff;
        -webkit-text-stroke: 0;
        font-family: 'Barlow', sans-serif;
        font-weight: 500;
        padding: 0 20px;
        margin: 20px 0 0 0;
        position: absolute;
        bottom: 10%;
        right: 5%;
    }
    .inicio .slide .btn .arrow {
        bottom:0;
        right:-26px;
    }
    .inicio .slide .btn:after {
        clip-path: polygon(17% 0, 100% 0, 100% 60%, 100% 100%, 0 100%, 0% 75%, 47% 60%);
        bottom:-13px;        
    }
    .inicio .slide .btn .arrow span,
    .inicio .slide .btn .arrow span:before,
    .inicio .slide .btn .arrow span:after {
        background:#fff;
    }
    .inicio .slide .btn small {
        display: inline;
        font-weight: 500;
    }
    
	/* PALI */
    /* Producto */
    .sliders .slide { 
        height:400px;
    }
	.sliders .estilo2 .slide {
        height:auto;
    }
	.sliders .estilo2 .slide-txt {
        height:400px;
    }
    .sliders .estilo2 .slide-img {
        height:400px;
    }
	.sliders .estilo2 .slick-arrow {
        top:400px;
    }
}
@media all and (min-width:1750px) {
    /* Conocenos */
    .page-conocenos .content {
        padding: 200px 0 0 0;
    }
    .page-conocenos-bot {
        padding-left:242px;
    }
}
@media all and (min-width:768px) and (max-width:1367px) {
    .misc2 {
        display: none;
    }

    /* Slider Home */
    .inicio .slide .btn {
        display: none;
    }
    .inicio .slide h2 {
        font-size:65px;
        line-height: 65px;
    }

    /* Contacto */
    .page-contacto .vcard {
        padding-left:75px;
    }
    .page-contacto header .rombos:last-child {
        right:-420px;
        bottom:-150px;
    }

    /* Conocenos */
    .page-conocenos header {
        padding-bottom:100px;
    }
    .page-conocenos h1 {
        font-size: 76px;
        line-height: 66px;        
    }
    .page-conocenos .img1 {
        display:block;
        width:100%;
        height: 380px;
    }
    .page-conocenos .img2 {
        display: block;
        width: 100%;
        height: 380px;
        position: relative;
        left: auto;
        margin: auto;
    }
    .page-conocenos .p1 {
        display:block;
        width:100%;
        padding:70px 75px 70px 100px;
    }
    .page-conocenos .rombos {
        height: 375px;
        width: 272px;
        margin: -250px -82px 0 0;
    }

    /* Producto */
    .primer {
        padding: 70px 0 0;
    }
    .primer-txt {
        width:100%;
        padding:0 0 50px 0;
        max-width:600px;   
        vertical-align: bottom;    
        font-size: 15px;
        line-height: 24px;
        float:none;
    }
    .primer-img {
        width:100%;
        height:300px;
        background-size:cover;
        background-repeat: no-repeat;
        background-position:center;
        float:none;
    }
    .contenido-img,
    .contenido:nth-child(even) .contenido-img {
        height:320px;
    } 
}
@media all and (min-width:1367px) {
    /* Producto */
    .contenido:nth-child(even) .contenido-img {
        width:70%;
    }
	/* PALI */
    .sliders .slide {
        height:500px;
    }
	.sliders .estilo2 .slide {
        height:auto;
    }
	.sliders .estilo2 .slide-txt {
        height:500px;
    }
    .sliders .estilo2 .slide-img {
        height:500px;
    }
	.sliders .estilo2 .slick-arrow {
        top:500px;
    }
    .sliders .slide-txt p {
        font-size:21px;
        line-height: 28px;
    }
}
@media all and (min-width:375px) and (max-width:480px) {
    .inicio .slide h2 {
        font-size:32px;
        line-height: 32px;
    }
}
@media all and (max-height:768px) {
    .menu ul li.page-item-286 {
        margin-bottom:15px;
    }
}
@media all and (min-width:960px) and (max-height:768px) {
    #nav {
        padding-top:130px;
    }
}
@media all and (min-width:768px) and (max-width:1275px) {
    .sliders .slide {
        min-height:300px;
    }
    .sliders .slide-txt h3 {
        font-size:40px;
        line-height: 40px;
        /*bottom:40%;*/
    }
     /*.sliders .slide-txt p {
       left:30px;
    }*/
    .colores-selector .color {
        width: 70px;
        height: 70px;
        float: left;
        margin: 6px;   
        cursor:pointer;
    } 
    .page-wrapper header h1 {
        font-size: 55px;
        line-height: 55px;
    }   
}
@media all and (min-width:1040px) and (max-width:1367px) {
    .primer {
        margin-bottom:50px;
    }
    .primer-txt {
        width:50%;
        padding:6% 8% 0 0;
        max-width:600px;   
        vertical-align: bottom;    
        font-size: 15px;
        line-height: 24px;
        float:left;
    }
    .primer-img {
        width:45%;
        height:400px;
        background-size:cover;
        background-repeat: no-repeat;
        background-position:center;
        float:right;
    }
    .contenido-img, .contenido:nth-child(even) .contenido-img {
        height:400px;
    }
}