/*
 Theme Name:   Haru Theme
 Theme URI:    https://haruebaniesteria.com/
 Description:  Specific theme for Haru Ebanisteria
 Author:       Aitor Fdz. de Landa
 Author URI:   https://www.daeldigital.com
 Version:      1.0
*/

@charset "utf-8";
/* CSS Document */

body {
    margin: 0;
    background-color: #FFF;
    font-family: 'Poppins', sans-serif;
    /*display:flex; /* para el footer pegado al bottom */
    /*height:100vh; /* para el footer pegado al bottom */
    /*flex-direction:column; /* para el footer pegado al bottom */
}
  
a {
    color: #000;
}

/* header */
  .header {
    position: fixed;
    width: 100%;
    z-index: 200;
  }
  
  .header .header-content{
    /*max-width:1240px;*/
    /*margin:0 auto;*/
  }
  
  @media only screen and (max-width: 560px) {
    .header .header-content{text-align: center;}
  }
  /* .header .header-content.claro{border-bottom: 1px solid #000}
  .header .header-content.oscuro{border-bottom: 1px solid #FFF}
  .header .header-content.mixtoblanco{border-bottom: 1px solid #FFF; text-shadow: 2px 2px 2px #000;}
  .header .header-content.mixtonegro{border-bottom: 1px solid #000; text-shadow: 2px 2px 2px #FFF;} */
  
  .header ul {
    margin: 0;
    padding: 0;
    list-style: none;
    overflow: hidden;
    /*height:60px;*/
  }
  
  .header ul.contactos {
    height: 60px;
    font-size: 34px;
    padding: 10px 0;
  }
  
  .header ul.contactos img{
    height: 28px;
    padding-top: 10px;
    filter: invert(7%) sepia(90%) saturate(5347%) hue-rotate(228deg) brightness(84%) contrast(98%);
  }
  
  .header ul.contactos img:hover{
    filter: invert(14%) sepia(77%) saturate(2607%) hue-rotate(306deg) brightness(89%) contrast(120%);
  }

  @media only screen and (max-width: 560px) {
    .header ul.contactos img:hover{filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(2deg) brightness(103%) contrast(102%);}
  }
  
  .header .header-content.oscuro ul.contactos img{
    filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(2deg) brightness(103%) contrast(102%);
  }
  
  .header .header-content.oscuro ul.contactos img:hover{
    text-decoration: underline;
  }
  
  .header ul.menu {
    /* height: 60px; */
  }
  
  @media only screen and (max-width: 760px) {
    .header ul.menu {
      min-height: 100%;
      position: fixed;
      top: 0;
      text-align: left;
      padding: 20px;
      width: 80%;
      right: 0;
      background: #000;
      box-shadow: -4px 4px 6px rgba(0,0,0,0.5);
      transform: translate(130%, 0);
      transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
    }
  
    .header ul.menu.show{
      transform: translate(10%, 0);
      transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
    }
  
    .header ul.menu.hide{
      transform: translate(130%, 0);
      transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
    }
  
  }
  
  .header ul.contactos li a{
    padding: 10px 10px 0 10px;
  }
  
  .header ul.menu li a{
    padding: 10px 12px 7px 12px;
  }

  @media only screen and (max-width: 1120px) {
    .header ul.menu li a{padding: 0px 5px;}
  }
  
  @media only screen and (max-width: 760px) {
    .header ul {height:auto}
    .header .header-content, .header .header-content.claro, .header .header-content.oscuro, .header .header-content.mixtoblanco, .header .header-content.mixtonegro{border-bottom:none};
    .header ul.menu li a{padding: 5px;}
  }
  
  .header li a {
    display: block;
    /*padding: 20px 20px;*/
    text-decoration: none;
    color:#FFF;
  }
  
  .header ul.contactos li a{
    color: #021f6d;
  }
  
  .header ul.menu li a{
    color: #000;
  }
  
  .header .header-content.claro li a{font-weight: 500;}
  
  .header .header-content.claro li a{color:#000}
  .header .header-content.oscuro li a{color:#FFF}
  .header .header-content.mixtoblanco li a{color:#FFF; text-shadow: 2px 2px 2px #000}
  .header .header-content.mixtonegro li a{color:#000; text-shadow: 2px 2px 2px #FFF}
  
  
  
  @media only screen and (max-width: 760px) {
      .header li a {font-size: 28px;}
    .header ul.menu li a{color:#FFF}
    .header .header-content li a{color:#FFF !important;}
  }
  
  .header .header-content.claro li a:hover{color:#021f6d}
  .header .header-content.oscuro li a:hover{text-decoration: underline;}
  .header .header-content.mixtoblanco li a:hove{color:#FFF;}
  .header .header-content.mixtonegro li a:hover{color:#021f6d;}
  
  /*.header .header-content.claro li a:hover, .header .header-content.claro .menu-btn:hover{color: #021f6d;}
  .header .header-content.oscuro li a:hover, .header .header-content.oscuro .menu-btn:hover{color: #021f6d;}
  .header .header-content.mixtoblanco li a:hover, .header .header-content.mixtoblanco .menu-btn:hover{color: #021f6d;}
  .header .header-content.mixtonegro li a:hover,.header .header-content.mixtonegro .menu-btn:hover{color: #021f6d;}*/
  
  @media only screen and (max-width: 760px) {
      /*.header .header-content.claro li a:hover, .header .header-content.oscuro li a:hover, .header .header-content.mixtoblanco li a:hover, .header .header-content.mixtonegro li a:hover{color: #800047 !important;}*/
    .header .header-content.claro li a:hover, .header .header-content.oscuro li a:hover, .header .header-content.mixtoblanco li a:hover, .header .header-content.mixtonegro li a:hover{text-decoration: none !important;}
  }
  
  .header .logo img{
      height:80px;
      width:auto;
      position: relative;
  }
  
  @media only screen and (max-width: 560px) {
    .header .logo img{top: 0;}
  }
  
  .header .header-content.claro .logotxt{filter: invert(100%)}
  .header .header-content.oscuro .logotxt{filter: invert(0%)}
  .header .header-content.mixtoblanco .logotxt{filter: invert(0%) drop-shadow(1px 1px 1px #000)}
  .header .header-content.mixtoblanco .logosym{filter: drop-shadow(1px 1px 1px #000)}
  .header .header-content.mixtonegro .logotxt{filter: invert(100%) drop-shadow(1px 1px 1px #FFF)}
  .header .header-content.mixtonegro .logosym{filter: drop-shadow(1px 1px 1px #FFF)}
  
  .header .logo-container{
    width: 220px;
    float: left;
    margin-left: 40px;
    margin-top: 40px;
  }

  
  @media only screen and (max-width: 1120px) {
    .header .logo-container{width: 20%;}
  }
  
  .header .logo-container img.logo{
    width: 100%;
    height: auto;
    filter: invert(0%);
  }

  .header .header-content.claro .logo-container img.logo{filter: invert(0%)}
  .header .header-content.oscuro .logo-container img.logo{filter: invert(100%)}
  .header .header-content.mixtoblanco .logo-container img.logo{filter: invert(100%) drop-shadow(1px 1px 1px #000)}
  .header .header-content.mixtonegro .logo-container img.logo{filter: drop-shadow(1px 1px 1px #FFF)}
  
  .header .logo-container img.logoservicios{
    width: 100%;
    height: auto;
    filter: invert(12%) sepia(97%) saturate(2596%) hue-rotate(309deg) brightness(85%) contrast(118%);
  }
  
  .header .oscuro .logo-container img.logomarina, .header .oscuro .logo-container img.logoservicios{
    filter: invert(100%) sepia(4%) saturate(2%) hue-rotate(260deg) brightness(104%) contrast(100%);
  }
  
  @media only screen and (max-width: 560px) {
    .header .logo-container{
      width: 100%;
      float: none;
      padding: 40px 28%;
      box-sizing: border-box;
      margin: 0;
    }
    .header .logo-container img.logoservicios{
      margin-top: -10px;
    }
  }
  
  @media only screen and (max-width: 560px) {
    .header .header-content.claro .logotxt.logoshow{filter: invert(0%); transition: all .2s ease-out;}
    .header .header-content.claro .logotxt.logohidden{filter: invert(100%); transition: all .2s ease-out;}
    .header .header-content.mixtonegro .logotxt.logoshow{filter: invert(0%); transition: all .2s ease-out;}
    .header .header-content.mixtonegro .logotxt.logohidden{filter: invert(100%); transition: all .2s ease-out;}
    .header a.logo{
      width: 100%;
      box-sizing: border-box;
    }
  }
  
  /* menu */
  
  .header .menu {
    clear: both;
    max-height: 0;
    transition: max-height .2s ease-out;
    display: flex;
    align-items: end;
    margin-right: 30px;
    margin-top: 20px;
    text-transform: uppercase;
    font-size: 20px;
  }

  @media only screen and (max-width: 1120px) {
    .header .menu{font-size: 14px;}
  }

  @media only screen and (max-width: 760px) {
    .header .menu{margin-top: 0;}
  }


  .header .menu .menu-in{
    display: none;
  }

  .header .menu .menu-wa{
    background:url(img/icon-whatsapp.svg) 5px no-repeat;
    filter: invert(100%);
    display:block;
    text-indent:-99999em;
    width:30px; /* your image width */
    overflow:hidden;
    margin: 0 8px;
  }

  .header .menu .menu-ig{
    background:url(img/icon-instagram.svg) 5px no-repeat;
    filter: invert(100%);
    display:block;
    text-indent:-99999em;
    width:30px; /* your image width */
    overflow:hidden;
    margin: 0 8px;
  }

  .header .header-content.claro .menu .menu-wa, .header .header-content.claro .menu .menu-ig{filter: invert(100%)}
  .header .header-content.oscuro .menu .menu-wa, .header .header-content.oscuro .menu .menu-ig{filter: invert(0%)}
  .header .header-content.mixtoblanco .menu .menu-wa, .header .header-content.mixtoblanco .menu .menu-ig{filter: invert(0%) drop-shadow(1px 1px 1px #000)}
  .header .header-content.mixtonegro .menu .menu-wa, .header .header-content.mixtonegro .menu .menu-ig{filter: invert(100%) drop-shadow(1px 1px 1px #FFF)}
  
  @media only screen and (max-width: 760px) {
    .header .menu .menu-in{display: block;background:url(img/haru-logo.svg) 5px no-repeat;text-indent:-99999em;overflow:hidden;width: 100%;filter: invert(100%);height: 200px;background-size: 150px auto;}
    .header .menu .menu-in a{height: 100%;}
    .header .menu .menu-wa{margin: 0 4px;text-indent: 0; width: auto; padding-left: 30px;}
    .header .menu .menu-ig{margin: 0 4px;text-indent: 0; width: auto; padding-left: 30px;}
    .header .menu {display: block; /*box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.5);*/ background: rgba(0, 0, 0, 0.7);}
    /*.header .menu .claro{display: block; background: rgba(0, 0, 0, 0.7);}
    .header .menu .oscuro{display: block;  background: rgba(0, 0, 0, 0.7);}
    .header .menu .mixtoblanco{display: block; background: rgba(0, 0, 0, 0.7);}
    .header .menu .mixtonegro{display: block; background: rgba(0, 0, 0, 0.7);}*/
  }
  
  /* menu icon */
  
  .header .menu-icon {
    cursor: pointer;
    display: inline-block;
    float: right;
    padding: 38px 20px;
    position: relative;
    user-select: none;
  }
  
  @media only screen and (max-width: 760px) {
    .header .menu-icon {
      position: fixed;
      bottom: 30px;
      right: 30px;
      transform: translate;
      background: #000;
      box-shadow: -4px 4px 6px rgba(0,0,0,0.5);
      padding: 27px 16px;
      /*margin-right: 80%;*/
      border-radius: 29px;
      z-index: 10;
    }
    .header .menu-icon.active {
      background: #FFF;
      box-shadow: none;
    }
    .header .menu-icon .navicon, .header .menu-icon .navicon:before, .header .menu-icon .navicon:after{background: #FFF;}
    .header .menu-icon.active .navicon, .header .menu-icon.active .navicon:before, .header .menu-icon.active .navicon:after {
      background: #021f6d;
    }
  
  }
  
  .header .menu-icon .navicon {
    background: #FFF;
    display: block;
    height: 3px;
    position: relative;
    transition: background .2s ease-out;
    width: 26px;
  }
  
  .header .menu-icon .navicon:before,
  .header .menu-icon .navicon:after {
    background: #FFF;
    content: '';
    display: block;
    height: 100%;
    position: absolute;
    transition: all .2s ease-out;
    width: 100%;
  }
  
  /*.header .claro .menu-icon .navicon, .header .claro .menu-icon .navicon:before, .header .claro .menu-icon .navicon:after  {background: #000;}
  .header .oscuro .menu-icon .navicon, .header .oscuro .menu-icon .navicon:before, .header .oscuro .menu-icon .navicon:after {background: #FFF;}
  .header .mixtoblanco .menu-icon .navicon, .header .mixtoblanco .menu-icon .navicon:before, .header .mixtoblanco .menu-icon .navicon:after {background: #FFF;}
  .header .mixtonegro .menu-icon .navicon, .header .mixtonegro .menu-icon .navicon:before, .header .mixtonegro .menu-icon .navicon:after {background: #000;}
  .header .claro .menu-icon .navicon.naviconshow, .header .claro .menu-icon .navicon.naviconshow:before, .header .claro .menu-icon .navicon.naviconshow:after {background: #FFF; transition: all .2s ease-out;}
  .header .claro .menu-icon .navicon.naviconhidden, .header .claro .menu-icon .navicon:before.naviconhidden, .header .claro .menu-icon .navicon:after.naviconhidden {background: #000; transition: all .2s ease-out;}
  .header .mixtonegro .menu-icon .navicon.naviconshow, .header .mixtonegro .menu-icon .navicon.naviconshow:before, .header .mixtonegro .menu-icon .navicon.naviconshow:after {background: #FFF; transition: all .2s ease-out;}
  .header .mixtonegro .menu-icon .navicon.naviconhidden, .header .mixtonegro .menu-icon .navicon:before.naviconhidden, .header .mixtonegro .menu-icon .navicon:after.naviconhidden {background: #000; transition: all .2s ease-out;}*/
  
  
  .header .menu-icon .navicon:before {
    top: 8px;
  }
  
  .header .menu-icon .navicon:after {
    top: -8px;
  }
  
  /* menu btn */
  
  .header .menu-btn, .header .contact-menu-btn {
    display: none;
  }
  
  .header .menu-btn:checked ~ .menu {
    max-height: 540px;
  }
  
  .header .menu-btn:checked ~ .menu-icon .navicon {
    background: transparent;
  }
  
  .header .menu-btn:checked ~ .menu-icon .navicon:before {
    transform: rotate(-45deg);
  }
  
  .header .menu-btn:checked ~ .menu-icon .navicon:after {
    transform: rotate(45deg);
  }
  
  .header .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:before,
  .header .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:after {
    top: 0;
  }
  
  .header .contactmenu .contact-icon{
    display: none;
    float: right;
  }
  
  .header .contactmenu{
    float: right;
  }
  
  .header .menu-principal-container{
    float: right;
    min-width: 700px;
  }
  
  @media only screen and (max-width: 760px) {
    .header ul.contactos{
      font-size: 0;
      padding: 10px 5px;
    }
    .header .contactmenu{
      background: #021f6d;
      height: 58px;
      position: fixed;
      bottom: 30px;
      right: 100px;
      border-radius: 29px;
      box-shadow: -4px 4px 6px rgba(0,0,0,0.5);
      min-width: 58px;
      float: none;
    }
    .header .contactmenu ul.contactos li{
      display: inline-block;
    }
    .header .contactmenu ul.contactos li.btn{
      padding: 4px 0 0 0;
    }
    .header .contactmenu .contact-text{
      display: none;
    }
    .header .contactmenu .contact-icon{
      display: block;
    }
    .header ul.contactos img{
      filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(152deg) brightness(102%) contrast(102%);
      padding: 0;
    }
    .header .header-content ul.contactos li a{padding:4px 10px;display: none;}
    .header .header-content ul.contactos li label.contact-menu-icon{padding:4px 10px; cursor: pointer;}
    .header .header-content ul.contactos li a.show{
      display: block;
      transition: display 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
  
    }
  }
  
  .header li.btn {display: none;}
  
  @media only screen and (max-width: 760px) {
    .header li.btn {display: block;}
  }
  
  @media (min-width: 861px) {
    .header li {
      float: left;
    }
    .header li a {
      /*padding: 87px 10px 0 10px;*/
    }
    .header .menu {
      clear: none;
      float: right;
      max-height: none;
    }
    .header .contactos {
      clear: none;
      float: right;
      max-height: none;
    }
    .header .menu-icon {
      display: none;
    }
  }
  
  @media only screen and (max-width: 860px) and (min-width: 761px) {
    .header li {
      float: left;
    }
  
    .header li a {
      padding: 31px 10px;
      /*font-size: 14px;*/
    }
  
  
    .header .menu {
      clear: none;
      float: right;
      max-height: none;
    }
  
    .header .menu-icon {
      display: none;
    }
  }
  
  .header .menu li.current-lang a{
    color: #bdbdbd;
  }
  
  /* Fin Header */

  /* Inicio main */

main{
	position:relative;
  /* top mismo valor que margin-bottom */
	/* top:80px; */
  /* margin-bottom mismo valor que top */
	margin-bottom:120px;
  /* flex para el footer pegado al bottom */
	flex: auto;
}

.frame{
  position: fixed;
  border: 20px #FFF solid;
  height: 100%;
  width: 100%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  z-index: 100;
  pointer-events: none;
  top: 0;
}

@media only screen and (max-width: 760px) {
  .frame{border: 10px #FFF solid;}
}

/*.main-content{
	max-width:1240px;
	margin:0 auto;
}*/

/*.fp-scroller{
  overflow:hidden;
}*/
.two {
  background: green;
}

.section{
  background-size: cover;
  background-position: right;
}

.container{
  /*max-width:1240px;*/
  /* margin:0 auto;*/
  /*background-color: rgba(110,152,105,0.5);*/
  /*height: 100%;*/
  /*padding-top: 120px;*/
  text-align: right;
  width: 60%;
  /*height: 100%;*/
  display: flex;
  height: 90%;
  align-items: flex-end;
  width: calc(100% - 40px);
  /*padding-left: 40%;*/
  box-sizing: border-box;
  padding-left: 30px;
}

.homepage{
  margin: 0 auto;
  text-align: center;
  width: 20%;
}

@media only screen and (max-width: 960px) {
  .homepage{width:calc(100% - 40px);}
}

.page-content{
  margin-left: 40%;
}

@media only screen and (max-width: 960px) {
  .page-content{margin-left:0;}
}

.homepage .page-content{
  margin-left: 0;
}

@media only screen and (max-width: 960px) {
  .homepage .page-content{margin:0 auto;}
}

.instagramscreen .page-content{
  margin: 0;
  width: 100%;
  height: 100%;
}

@media only screen and (max-width: 960px) {
  .instagramscreen .page-content{margin:0; width: 100%; height: 100%;}
}

.insta-gallery-feed .insta-gallery-actions, .insta-gallery-feed .insta-gallery-image, .insta-gallery-feed .insta-gallery-item {
  opacity: 0 !important;
}

.page-content h3{
  font-size: 30px;
  font-weight: 600;
  line-height: 32px;
  margin: 10px 0;
}

.homepage .page-content h4{
  font-weight: 200;
  font-size: 30px;
  margin: 10px 0;
  line-height: 32px;
}

.homepage .page-content h4.discover{
  font-weight: 200;
  font-size: 26px;
  margin: 10px 0;
  line-height: 28px;
}

.homepage .page-content h4.discover span{
  font-size: 40px;
  line-height: 30px;
  font-weight: 200;
}

.page-content p{
  font-size: 16px;
  line-height: 20px;
  font-weight: 300;
}

.slidetext{
  /* position: relative; */
  margin: 50px 10px;
  width: 40%;
  font-size: 14px;
}

@media only screen and (max-width: 1240px) {
  .slidetext{width:calc(60% - 20px);}
}

@media only screen and (max-width: 880px) {
  .slidetext{width:calc(80% - 20px);}
}

@media only screen and (max-width: 760px) {
  .slidetext{width:calc(100% - 20px);}
  .slidetext{font-size: 14px;}
}

.container img{
  margin-top: 15px;
}

  .claro .container{color: #000}
  .oscuro .container{color: #FFF}
  .mixtoblanco .container{color: #FFF; text-shadow: 2px 2px 2px #000}
  .mixtonegro .container{color: #000; text-shadow: 2px 2px 2px #FFF}
  .mixtoblanco .container img{filter: invert(100%) drop-shadow(1px 1px 1px #000)}
  .mixtonegro .container img{filter: drop-shadow(1px 1px 1px #FFF)}

  .slidetext h2, h3{
    font-weight: normal;
  }

  .slidetext h2{
    font-size: 44px;
    margin: 0;
  }

  @media only screen and (max-width: 760px) {
    .slidetext h2{font-size: 30px;}
  }

  .slidetext h3{
    font-size: 18px;
    margin: 0;
  }

  @media only screen and (max-width: 760px) {
    .slidetext h3{font-size: 16px;}
  }

  .slidetext p{
    margin: 10px 0;
  }

.section.claro img{
  filter: opacity(25%);
}

.section.oscuro img{
  filter: invert(100%);
}

.section.claro img.instagram-gallery-item__media, .section.oscuro img.instagram-gallery-item__media{
  filter: none !important;
}

@media only screen and (max-width: 760px) {
  .section{background-position: 70%;}
}

.instagram-gallery__button {
  background-color: #000 !important;
}

.instagram-gallery__button:before {
  display: none !important;
}

.instagram-gallery__button:after {
  content: ' / Ver en Instargram';
}

/* Fin main */

/* Inicio home content */

/* container */
/*.fp-scroller{
    height: 100%;  
  }*/

  .fp-overflow{
    height: 100%;
    /*padding-top: 120px;*/
  }
  
  /*.container{
    height: 80%;
  }*/
  
  .home-columns {
    display:flex;
    height: 100%;
  }
  
  .home-columns.col2row{
    display: block;
  }
  
  @media only screen and (max-width: 760px) {
    .home-columns{display: block;}
  }
  
  .home-columns > * {
    padding:1rem;
    display: flex;
    justify-content: end;
    color: #021f6d;
    font-weight: 300;
  }
  
  .oscuro .home-columns > * {
    color: #FFF;
  }
  
  .oscuro .home-columns .morelesstext{
    color: #021f6d;
  }
  
  .col-left{
    width:40%;
    /*background: #999;*/
    display: flex;
    justify-content: end;
    flex-direction: column;
  }
  
  .col-left-content{
    width: 100%;
    padding-bottom: 20px;
  }
  
  @media only screen and (max-width: 760px) {
    .col-left-content{padding-bottom: 0;}
  }
  
  .col-right{
    width:60%;
    /*background: #729;*/
    display: flex;
    justify-content: end;
    flex-direction: column;
    text-align: right;
  }
  
  .col-right-content{
    width: 100%;
    padding-bottom: 20px;
  }
  
  .col-right-content .forminator-ui{
    text-align: left;
  }
  
  .forminator-textarea{
    height: 90px;
    min-height: 0px;
  }
  
  .morelesstext{
    display: none;
    /*bottom: calc(1rem + 10px);*/
    bottom: 1rem;
    position: absolute;
    background: rgb(255,255,255);
    background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 81%, rgba(255,255,255,0) 100%);
    width: calc(100% - 2rem);
    padding: 15px 5px;
    left: 1rem;
    box-sizing: border-box;
    font-size: 3rem;
    font-weight: 500;
  }
  
  .oscuro .morelesstext{
    background: none;
  }
  
  .morelesstext > *{
    cursor: pointer;
    padding: 0 14px 0 0;
  }
  
  span.lesssign{
    line-height: 3rem;
    position: absolute;
  }
  
  .col-scroll{
    flex-direction: unset;
    overflow: auto;
  }
  
  .home-columns.col2row .col-right, .home-columns.col2row .col-left{
    width:100%;
  }
  
  .home-columns h2{
    font-size: 60px;
    line-height: 58px;
    margin: 10px 0;
    font-weight: 300;
  }
  
  @media only screen and (max-width: 760px) {
    .home-columns h2{font-size: 36px;line-height: 36px;margin: 5px 0;}
  }
  
  .home-columns h3{
    font-size: 36px;
    margin: 5px 0;
  }
  
  @media only screen and (max-width: 760px) {
    .home-columns h3{font-size: 20px;}
  }
  
  .home-columns h4{
    font-size: 24px;
    margin: 5px 0;
    font-style: italic;
    font-weight: 700;
  }
  
  @media only screen and (max-width: 760px) {
    .home-columns h4{font-size: 18px;}
  }
  
  .home-columns p{
    font-size: 18px;
  }
  
  @media only screen and (max-width: 760px) {
    .home-columns p{font-size: 14px;}
  }
  
  .home-columns strong{
    font-weight: 600;
  }
  
  .home-columns .arrow{
    line-height: 0;
    font-size: 42px;
    position: relative;
    top: 14px;
  }
  
  @media only screen and (max-width: 760px) {
    .home-columns .arrow{font-size: 34px;}
  }
  
  @media only screen and (max-width: 760px) {
    .col-left, .col-right{width:100%;box-sizing: border-box;}
  }
  
  .discover{
    cursor: pointer;
  }

  .discover .material-symbols-outlined{
    position: relative;
    top: 7px;
  }
  
  @media only screen and (max-width: 760px) {
    .ti-header {display:none !important;}
  }
  
  /* Fin home content */

  /* Inicio contenido común */

img.fullcolor{
    filter: none !important;
  }
  
  #fp-nav.claro ul li a span, 
  .fp-slidesNav ul li a span{
    background: #000 !important;
  }
  
  #fp-nav.oscuro ul li a span, 
  .fp-slidesNav ul li a span{
    background: #FFF !important;
  }
  
  #fp-nav.mixtoblanco ul li a span, 
  .fp-slidesNav ul li a span{
    background: #FFF !important;
    border: solid 1px #000;
  }
  
  #fp-nav.mixtonegro ul li a span, 
  .fp-slidesNav ul li a span{
    background: #000 !important;
    border: solid 1px #FFF;
  }
  
  /* Fin contenido común */


/* Inicio home páginas */

header.pageheader{
  max-width: 1240px;
  margin: 0 auto;
  position: relative;
  float: none;
}

header.pageheader .header-content{
  float: left;
  width: 33%;
  padding: 0 8% 0 0;
  box-sizing: border-box;
}

@media only screen and (max-width: 760px) {
  header.pageheader .header-content{
    float: none;
    width: 100%;
    padding: 0;
  }
}

header.pageheader .menu{
  float: none;
  clear: both;
  display: block;
  font-size: 16px;
  margin-right: 0;
  margin: 0 10px;
  position: relative;
  top: -8px;
}

@media only screen and (max-width: 760px) {
  header.pageheader .menu{
    position: fixed;
  }
}

header.pageheader .logo-container{
  margin: 30px 0 0 0;
  width: 200px;
}

@media only screen and (max-width: 760px) {
  header.pageheader .logo-container{
    margin: 0;
    width: 100%;
    padding: 40px 28% 0 28%;
  }
}


header.pageheader ul.menu li a{
  padding: 1px 5px;
}

header.pageheader ul.menu li a:after{
  content: ' /';
}

@media only screen and (max-width: 760px) {
  header.pageheader ul.menu li a:after{content: '';}
}

header.pageheader .header-content.claro li a:hover{
  color: #000;
  text-decoration: underline;
}

header.pageheader .header-content.claro .menu .menu-wa, header.pageheader .header-content.claro .menu .menu-ig{
  filter: invert(0%);
  background: none;
  text-indent: 0;
  width: auto;
  overflow: auto;
  margin: 0;
  text-transform: capitalize;
}

@media only screen and (max-width: 760px) {
  header.pageheader .header-content.claro .menu .menu-wa{background:url(img/icon-whatsapp.svg) 5px no-repeat;}
  header.pageheader .header-content.claro .menu .menu-ig{background:url(img/icon-instagram.svg) 5px no-repeat;}
}

header.pageheader .header-content.claro ul.menu li.menu-ig a:after{
  content: '';
}

/* Fin home páginas */

/* Inicio páginas */

.desktop{
  display: block;
}

.mobile{
  display: none;
}

@media only screen and (max-width: 760px) {
  .desktop{display: none;}
  .mobile{display: block;}
  .title{width: 100%; text-align: center;}
}


.page-container{
  max-width: 1240px;
  margin: 0 auto;
}

.page-container h1{
  font-weight: 400;
  text-transform: uppercase;
  font-size: 32px;
  margin: 4px 0;
}

.page-container h2{
  font-weight: 600;
  font-size: 26px;
  margin: 8px 0;
}

.page-container h3{
  font-weight: 600;
  font-size: 22px;
  margin: 6px 0;
}

.page-container h4{
  font-weight: 600;
  font-size: 18px;
  margin: 4px 0;
}

@media only screen and (max-width: 760px) {
  .page-container p{margin: 15px 0 0 0;}
}

.elemento-img-1{
  width: 66%;
  /*border: #426f15 1px solid;*/
  float: right;
}

@media only screen and (max-width: 760px) {
  .elemento-img-1{width: 100%;float: none;}
}

.elemento-img-1 img{
  width: 100%;
}

.elemento-txt-1{
  width: 33%;
  /*border: #426f15 1px solid;*/
  padding: 0 8% 25px 25px;
  box-sizing: border-box;
}

@media only screen and (max-width: 760px) {
  .elemento-txt-1{width: 100%;float: none;}
}

.elemento{
  clear: both;
  overflow: auto;
  padding: 20px 0;
}

.elemento-img-even{
  width: 66%;
  /*border: #426f15 1px solid;*/
  float: left;
}

@media only screen and (max-width: 760px) {
  .elemento-img-even{width: 100%;float: none;}
}

.elemento-img-even img{
  width: 100%;
}

.elemento-txt-even{
  width: 33%;
  /*border: #426f15 1px solid;*/
  padding: 0 8% 25px 25px;
  box-sizing: border-box;
  float: right;
}

@media only screen and (max-width: 760px) {
  .elemento-txt-even{width: 100%;float: none;}
}

.elemento-img-odd{
  width: 66%;
  /*border: #426f15 1px solid;*/
  float: right;
}

@media only screen and (max-width: 760px) {
  .elemento-img-odd{width: 100%;float: none;}
}

.elemento-img-odd img{
  width: 100%;
}

.elemento-txt-odd{
  width: 33%;
  /*border: #426f15 1px solid;*/
  padding: 0 8% 25px 25px;
  box-sizing: border-box;
  float: left;
}

@media only screen and (max-width: 760px) {
  .elemento-txt-odd{width: 100%;float: none;}
}

/* Inicio galeria */
.galery-container{
  width: 58%;
  float: right;
  padding-right: 20px;
  box-sizing: border-box;
}

.nGY2 .nGY2Gallery{
  text-align: left !important;
}

@media only screen and (max-width: 1760px) {
  .galery-container{width: 62%;}
}

@media only screen and (max-width: 760px) {
  .galery-container{width: 100%;padding-right:0}
}

.nGY2Navigationbar{
  margin: 5px 20px !important;
}

.nGY2Navigationbar .nGY2NavigationbarItem{
  margin: 0 10px 0 0 !important;
  padding: 0 !important;
}

.nGY2NavFilterSelected{
  font-weight: 600;
}

.nGY2Icon-circle-empty::before{
  content: '' !important;
}

[class^=nGY2Icon-] {
  margin: 0 !important;
}

.nGY2Icon-ok::before{
  content: '' !important;
}

.nGY2 .nGY2GThumbnail{
  background: none !important;
}

.nanogallery_gallerytheme_dark_my_nanogallery2 .nGY2GThumbnail{
  background: none !important;
}

.nanogallery_gallerytheme_dark_my_nanogallery2 .nGY2GThumbnail_l1, .nanogallery_gallerytheme_dark_my_nanogallery2 .nGY2GThumbnail_lN{
  border: solid 4px #FFF !important;
}

.nGY2 .nGY2GThumbnailLabel{
  display: none !important;
}

.leftcolumntext{
  margin: 0 25px;
}

.leftcolumntext h1{
  font-weight: 400;
  text-transform: uppercase;
  font-size: 32px;
  margin: 4px 0;
}

.leftcolumntext a{
  text-decoration: none;
}

.leftcolumntext a:hover{
  text-decoration: underline;
}

.map-container{
  width: 58%;
  float: right;
  padding: 20px 20px 50px 0;
  box-sizing: border-box;
}

@media only screen and (max-width: 1760px) {
  .map-container{width: 62%;}
}

@media only screen and (max-width: 760px) {
  .map-container{width: 100%;padding:10px}
}

/* Fin páginas */

  .footer-container{
      max-width:1240px;
      margin:0 auto;
    text-align: center;
  }
  
  .footer-container img{
    /*width: 100%;
    max-width: 600px;*/
    height: 80px;
    width: auto;
    margin-bottom: 14px;
  }
  
  @media only screen and (max-width: 760px) {
    .footer-container img{
      max-width: 100%;
      height: auto;
      max-height: 70px;
    }
  }

  #section-footer #footer-text {
      width: 80%;
      height: auto;
      margin: 0 auto;
      padding: 20px 0;
  }

  #section-footer p {
      text-align: center;
  }

  p {
      margin: 0 0 10px;
  }

  .fp-watermark{
    display: none;
  }

  .footer-logos{
    display: flex;
  }

  @media only screen and (max-width: 760px) {
    .footer-logos{display: block;}
  }

  .logo-footer{
    display: flex;
    flex-direction: row;
    text-align: left;
  }

  @media only screen and (max-width: 760px) {
    .logo-footer{display: block; text-align: center;}
  }

  .logo-footer p{
    text-align: left !important;
    padding: 16px;
    font-size: 13px;
    line-height: 15px
  }

  @media only screen and (max-width: 760px) {
    .logo-footer p{text-align: center !important;}
  }
  
  /* Fin footer */