@font-face {
  font-family: GB;
  src: url("Gotham-Book.otf") format("opentype");
}



@font-face {
  font-family: GM;
  src: url("Gotham-Medium.otf") format("opentype");
}

@font-face {
  font-family: GL;
  src: url("Gotham-Light.otf") format("opentype");
}

@font-face {
  font-family: GBLD;
  src: url("Gotham-Bold.otf") format("opentype");
}

@font-face {
  font-family: GBLK;
  src: url("Gotham-Black.otf") format("opentype");
}


@font-face {
  font-family: Antrovectra;
  src: url("Antro_Vectra.otf") format("opentype");
}

@font-face {
  font-family: Osttrola;
  src: url("Osttrola-Free.ttf")  format("truetype"), /* Safari, Android, iOS */
}

@font-face {
  font-family: romantica;
  src: url("TheRomantica-8MzYD.otf")  format("opentype"), /* Safari, Android, iOS */
}

@font-face {
  font-family: comorandbold;
  src: url("CormorantGaramond-Bold.otf") format("opentype");
}
@font-face {
  font-family: comorandmed;
  src: url("CormorantGaramond-Medium.otf") format("opentype");
}
@font-face {
  font-family: creampie;
  src: url("CormorantGaramond-Medium.otf") format("opentype");
}
@font-face {
  font-family: recoleta;
  src: url("Recoleta Regular.otf") format("opentype");
}
 .headerr.azul {
  background-color: #26293e;
  color:white;
}

.headerr:after {
  content:"";
  display:block;
  clear:both;
 }
 .headerr{
  position: fixed;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 15px 0px;
  z-index: 100;
 }
 .cols3{
  /*border: solid 1px black;*/
  width: 33%;
  float: left;
 }
.fixed-booknow {
  position: fixed;
  margin-bottom: 3%;
  right: 0;
  width: auto!important;
  border:2px solid red;
  filter: drop-shadow(3px 8px 6px #000);
  z-index: 3;

}
.fixed-booknow a img{
  /*width:fit-content;*/
}

.langselect{
  
    top: 6%;
    right: 8%;
    color: #fff;
    font-size: 20px;
}
.langselect a{
  color: #fff;
  text-decoration: none;
}

.langselect a.active {
  text-decoration: underline;
}
.home-btn{
  margin-top: 33px;
  
  top: 1%;
  left: 6%;
}

/** FREDS **/
.freds .logo{
  width: 30%!important;
}
.freds header{display: none;}
body.freds{background-color:#fff; background-position: center; background-repeat: no-repeat; background-size: cover; }
.freds .redes{background-image: url(../img/porfirios/banner-redes.jpg); background-position: center; background-repeat: no-repeat; background-size: cover; }
.freds .marcas {background-image: url(../img/porfirios/banner-marcas.jpg); background-position: center; background-repeat: no-repeat; background-size: cover;}
.freds .bio{    position: relative;
  background-image: url(../img/fredsCancun/pres-bg.jpg);
  background-size: cover;
  background-position: center top;
  padding-top: 150px;
  padding-bottom: 180px;
  text-align: center;}
.cols6{width: 50%; float:left; /*border:solid 1px red;*/ padding: 30px;}
.freds .bio h2 span {color: #c6850d;
  text-align: center;}
.freds .bio h2 {     color: #fff;
  text-align: center;
  font-family: 'GBLK', sans-serif!important;}
  .freds .bio img {
    width: 30%!important;
    text-align: center;
}
.freds .bio p {
  line-height: 24px;
  font-size: 17px;
  text-align: center;
  color: #fff;
  font-family: 'GB', sans-serif!important;
}
.fred .bio p b{
  font-family: 'GBLD'!important;
}
.freds .banner .logo{
  
    width: 12%;
    filter: brightness(1);
    margin-left: 44%!important;
}
.freds .descripcion h2 img {
  filter: brightness(0);
}
.freds .descripcion img {
  width: 70%;
  margin-bottom: 10px;
}
.freds .galeria {background-color: black; padding-top: 40px!important; padding-bottom: 40px!important;}
.freds .scriptot {background-color: white; padding-top: 40px!important; padding-bottom: 40px!important;}
.freds p {font-size: 20px; margin-top: 10px; margin-bottom: 10px;}
.freds .sitemapimg{width: 100%; text-align: center; align-items: center; justify-content: center; margin: 0px auto;}
.freds .sitemap {    background-color: #c6850d;}
.freds .sitemap h2 { color: #ffff;
  font-family: 'GBLK', sans-serif!important;}
.freds .sitemap h3 {
  color: #ffff;
  font-family: 'GBLD', sans-serif!important;
  background: transparent;
}
.freds .sitemap p {
  margin: 0;
  padding: 0;
  text-align: center;
  color: black;
  font-family: 'GB', sans-serif!important;
}
.freds .sitemap p b {
  font-family: 'GB', sans-serif!important;
  color: black;
}
.freds .locacion {
  background-image: url(../img/fredsCancun/titulo-ubicacion-bg.png);
  background-size: 100% 100%;
  padding-top: 15px;
  padding-bottom: 15px;
  color: black;
  font-size: 22px;
  bottom: 17%!important;
}

.freds .redes{
  background: #546671
}
.freds .marcas{
  background:#fff!important;
}

.freds .marcas fieldset {
  text-align: center;
  border: 2px solid #000;
  width: 100%!important;
}
.freds .logo-andersons {
  filter: brightness(0)!important;
}

.freds .marcas .row a img {
  filter: brightness(0)!important;
}

/** HARRYS **/
.harrys header{display: none;}
body.harrys{background-color:#fff; background-position: center; background-repeat: no-repeat; background-size: cover; }
.harrys .redes{background-image: url(../img/porfirios/banner-redes.jpg); background-position: center; background-repeat: no-repeat; background-size: cover; }
.harrys .marcas {background-image: url(../img/porfirios/banner-marcas.jpg); background-position: center; background-repeat: no-repeat; background-size: cover;}
.harrys .bio{    position: relative;
  background-image: url(../img/harrysCancun/pres-bg.jpg);
  background-size: cover;
  background-position: center top;
  padding-top: 150px;
  padding-bottom: 180px;}
.cols6{width: 50%; float:left; /*border:solid 1px red;*/ padding: 30px;}
.harrys .bio h2 span {color: #f0ac00; text-align: center;}
.harrys .bio h2 {color: #fff; text-align: center; font-family: 'GBLD', sans-serif!important;}
.harrys .bio p {line-height: 24px; font-size: 17px; text-align: center; color: #fff;}
.harrys .galeria {background-color: black; padding-top: 40px!important; padding-bottom: 40px!important;}
.harrys .scriptot {background-color: white; padding-top: 40px!important; padding-bottom: 40px!important;}
.harrys p {font-size: 20px; margin-top: 10px; margin-bottom: 10px;}
.harrys .sitemapimg{width: 100%; text-align: center; align-items: center; justify-content: center; margin: 0px auto;}
.harrys .sitemap {background-color: #b3a075;}
.harrys .sitemap h2 {    color: #000;
  font-family: 'GL', sans-serif!important; padding-top: 20px; padding-bottom: 20px; background-position: center; margin-bottom: 30px; background-repeat: no-repeat; }
.harrys .sitemap h3 {
  color: black;
  font-family: 'GBLD', sans-serif!important;
  background: transparent;
}
.harrys .sitemap p {
  margin: 0;
  padding: 0;
  text-align: center;
  color: black;
  font-family: 'GB', sans-serif!important;
}
.harrys .sitemap p b {
  font-family: 'GB', sans-serif!important;
  color: black;
}
.harrys .locacion {
  background-image: url(../img/harrysCancun/boton-locaciones-harrys.png);
  background-size: 100% 100%;
  padding-top: 15px;
  padding-bottom: 15px;
  color: black;
  font-size: 22px;
  bottom: 10%!important;
}
.harrys .logo.img-responsive{
  width: 27%;
}


.harrys .redes{
  background:#292929!important;
}
.harrys .marcas{
  background:#000!important;
}

.harrys .marcas fieldset {
  text-align: center;
  border: 2px solid #fff;
  width: 100%!important;
}
.harrys .logo-andersons {
  filter: brightness(100)!important;
}

.harrys .marcas .row a img {
  filter: brightness(100)!important;
}

/** CAO **/
.cao .logo{
  width: 30%!important;
}
.cao header{display: none;}
body.cao{background-color:#fff; background-position: center; background-repeat: no-repeat; background-size: cover; }
.cao .redes{background-image: url(../img/porfirios/banner-redes.jpg); background-position: center; background-repeat: no-repeat; background-size: cover; }
.cao .marcas {background-image: url(../img/porfirios/banner-marcas.jpg); background-position: center; background-repeat: no-repeat; background-size: cover;}
.cao .bio{    position: relative;
  background: #fff;
  background-size: cover;
  background-position: center top;
  padding-top: 150px;
  padding-bottom: 180px;
  text-align: center;}
.cols6{width: 50%; float:left; /*border:solid 1px red;*/ padding: 30px;}
.cao .cols6.descripcion{
  background-image: url(../img/caoCancun/frame-texto-cao.png);
    background-size: 100% 100%;
    padding: 3% 5%;
    text-align: center;
    margin-top: 30px;
}
.cao .bio h2 span {color: #c6850d;
  text-align: center;}
.cao .bio h2 {color: #d4bf8c;
  font-family: 'GM', sans-serif!important;}
  .freds .bio img {
    width: 30%!important;
    text-align: center;
}
.cao .bio p {
  line-height: 24px;
  font-size: 17px;
  color: #181818;
}
.cao .bio p b{
  font-family: 'GBLD'!important;
}
.cao .banner .logo{
  
    width: 12%;
    filter: brightness(1);
    margin-left: 44%!important;
}
.cao .descripcion h2 img {
  filter: brightness(0);
}
.cao .descripcion img {
  width: 70%;
  margin-bottom: 10px;
}
.cao .galeria {background-color: black; padding-top: 40px!important; padding-bottom: 40px!important;}
.cao .scriptot {background-color: white; padding-top: 40px!important; padding-bottom: 40px!important;}
.cao p {font-size: 20px; margin-top: 10px; margin-bottom: 10px;}
.cao .sitemapimg{width: 100%; text-align: center; align-items: center; justify-content: center; margin: 0px auto;}
.cao .sitemap {    background-color: #fff;}
.cao .sitemap h2 { color: #d4bf8c;
  font-family: 'GM', sans-serif!important;
  margin-bottom: 50px;}
.cao .sitemap h3 {
  color: #ffff;
  font-family: 'GBLD', sans-serif!important;
  background: transparent;
}
.cao .sitemap p {
  margin: 0;
  padding: 0;
  text-align: center;
  color: black;
  font-family: 'GB', sans-serif!important;
}
.cao .sitemap p b {
  font-family: 'GB', sans-serif!important;
  color: black;
}
.cao .locacion {
  background-image: url(../img/caoCancun/titulo-ubi-bg-1.svg);
  background-size: 100% 100%;
  padding-top: 15px;
  padding-bottom: 15px;
  color: #d4bf8c;
  font-size: 22px;
}

.cao .redes{
  background: #3e3e3e
}
.cao .marcas{
  background:#fff!important;
}

.cao .marcas fieldset {
  text-align: center;
  border: 2px solid #000;
  width: 100%!important;
}
.cao .logo-andersons {
  filter: brightness(0)!important;
}

.cao .marcas .row a img {
  filter: brightness(0)!important;
}


/** ILIOS **/
.ilios header{display: none;}
body.ilios{background-color:#fff; background-position: center; background-repeat: no-repeat; background-size: cover; }
.ilios .redes{background-image: url(../img/porfirios/banner-redes.jpg); background-position: center; background-repeat: no-repeat; background-size: cover; }
.ilios .marcas {background-image: url(../img/porfirios/banner-marcas.jpg); background-position: center; background-repeat: no-repeat; background-size: cover;}
.ilios .bio{position: relative;
  background-image: url(../img/iliosCancun/descripcion-fondo.jpg);
  background-size: cover;
  background-position: top;
  padding-top: 110px;
  padding-bottom: 120px;}
.cols6{width: 50%; float:left; /*border:solid 1px red;*/ padding: 30px;}
.ilios .bio h2 span {color: #f0ac00; text-align: center;}
.ilios .bio h2 {color: #114d49;
  text-align: center;
  font-family: 'josefinbold', sans-serif!important;}
.ilios .bio p {
  line-height: 24px;
  font-size: 17px;
  text-align: center;
}
.ilios .banner .logo{
  
    width: 12%;
    filter: brightness(1);
    margin-left: 44%;
}
.ilios .descripcion h2 img {
  filter: brightness(0);
}
.ilios .descripcion img {
  width: 70%;
  margin-bottom: 10px;
}
.ilios .galeria {background-color: black; padding-top: 40px!important; padding-bottom: 40px!important;}
.ilios .scriptot {background-color: white; padding-top: 40px!important; padding-bottom: 40px!important;}
.ilios p {font-size: 20px; margin-top: 10px; margin-bottom: 10px;}
.ilios .sitemapimg{width: 100%; text-align: center; align-items: center; justify-content: center; margin: 0px auto;}
.ilios .sitemap {background-image: url(../img/iliossCancun/fondo.jpg);}
.ilios .sitemap h2 {     color: #b58665;
  font-family: 'josefinbold', sans-serif!important;}
.ilios .sitemap h3 {
  color: black;
  font-family: 'GBLD', sans-serif!important;
  background: transparent;
}
.ilios .sitemap p {
  margin: 0;
  padding: 0;
  text-align: center;
  color: black;
  font-family: 'GB', sans-serif!important;
}
.ilios .sitemap p b {
  font-family: 'GB', sans-serif!important;
  color: black;
}
.ilios .locacion {
  background-image: url(../img/iliosCancun/boton-locaciones-ilios.jpg);
  background-color: white;
  background-size: 100% 100%;
  padding-top: 15px;
  padding-bottom: 15px;
  color: black;
  font-size: 22px;
}
.ilios .redes{
  background-image: url(../img/iliosCancun/ubicacion-fondo.jpg)!important;
}
.ilios .marcas{
  background-image: url(../img/iliosCancun/fondo_footer.jpg)!important;
}

.ilios .marcas fieldset {
  text-align: center;
  border: 2px solid black;
  width: 100%!important;
}
.ilios .logo-andersons {
  filter: brightness(0)!important;
}
.ilios .logo{
  width: 25%!important;
}
.ilios .marcas .row a img {
  filter: brightness(0)!important;
}
/** BAK **/
.bak header{display: none;}
body.bak{background-color:#fff; background-position: center; background-repeat: no-repeat; background-size: cover; }
.bak .redes{background-image: url(../img/porfirios/banner-redes.jpg); background-position: center; background-repeat: no-repeat; background-size: cover; }
.bak .marcas {background-image: url(../img/porfirios/banner-marcas.jpg); background-position: center; background-repeat: no-repeat; background-size: cover;}
.bak .bio{     position: relative;
  background-image: url(../img/bakTulum/pres-bg.jpg);
  background-size: cover;
  background-position: center;
  padding-top: 110px;
  padding-bottom: 120px;}
.cols6{width: 50%; float:left; /*border:solid 1px red;*/ padding: 30px;}
.bak .bio h2 span {color: #f0ac00; text-align: center;}
.bak .bio h2 {    color: #114d49;
  text-align: center;
  font-family: 'GM', sans-serif!important;}
.bak .bio p {    line-height: 24px;
  font-size: 17px;
  text-align: center;
  color:#333;}
  .bio p b {
    font-family: 'GBLD'!important;
}
.bak .galeria {background-color: black; padding-top: 40px!important; padding-bottom: 40px!important;}
.bak .scriptot {background-color: white; padding-top: 40px!important; padding-bottom: 40px!important;}
.bak p {font-size: 20px; margin-top: 10px; margin-bottom: 10px;}
.bak .sitemapimg{width: 100%; text-align: center; align-items: center; justify-content: center; margin: 0px auto;}
.bak .sitemap {
  background-image: url(../img/bakTulum/mapa-sitio-bg.jpg);
}
.bak .sitemap h2 {     color: #ccbab5;
  font-family: 'GM', sans-serif!important; }
.bak .sitemap h3 {
  color: #ccbab5;
  font-family: 'GBLD', sans-serif!important;
  background: transparent;
}
.bak .sitemap p {
  margin: 0;
  padding: 0;
  text-align: center;
  color: white;
  font-family: 'GB', sans-serif!important;
}
.bak .sitemap p b {
  font-family: 'GB', sans-serif!important;
  color: white;
}
.bak .locacion {
  background-image: url(../img/bakTulum/titulo-ubi-bg.png);
  background-size: 100% 100%;
  padding-top: 15px;
  padding-bottom: 15px;
  color: white;
  font-size: 22px;
}
.bak .logo.img-responsive{
  width: 30%;
  left: 4%;
}



.bak .redes{
  background-image: url(../img/bakTulum/redes-bg.jpg);
}
.bak .marcas {
  background-image: url(../img/bakTulum/pres-bg.jpg);
  background-size: contain;
}

.bak .marcas fieldset {
  text-align: center;
  border: 2px solid #000;
  width: 100%!important;
}
.bak .logo-andersons {
  filter: brightness(0)!important;
}

.bak .marcas .row a img {
  filter: brightness(0)!important;
}



/** NICOLETTA **/
.nicoletta .logo{
  width: 30%!important;
}
.nicoletta header{display: none;}
body.nicoletta{background-color:#fff; background-position: center; background-repeat: no-repeat; background-size: cover; }
.nicoletta .redes{background-image: url(../img/porfirios/banner-redes.jpg); background-position: center; background-repeat: no-repeat; background-size: cover; }
.nicoletta .marcas {background-image: url(../img/porfirios/banner-marcas.jpg); background-position: center; background-repeat: no-repeat; background-size: cover;}
.nicoletta .bio{    position: relative;
  background-image: url(../img/nicolettaCancun/video-fondo.jpg);
  background-size: cover;
  background-position: top;
  padding-top: 110px;
  padding-bottom: 120px;}
.cols6{width: 50%; float:left; /*border:solid 1px red;*/ padding: 30px;}
.nicoletta .bio h2 span {color: #f0ac00; text-align: center;}
.nicoletta .bio h2 {    color: white;
  text-align: center;
  font-family: 'recoleta'!important;}
.nicoletta .bio p {
  line-height: 24px;
  font-size: 17px;
  text-align: center;
  color: white;
}
.nicoletta .banner .logo{
  
    width: 12%;
    filter: brightness(1);
    margin-left: 44%;
}
.nicoletta .descripcion h2 img {
  filter: brightness(0);
}
.nicoletta .descripcion img {
  width: 70%;
  margin-bottom: 10px;
}
.nicoletta .galeria {background-color: black; padding-top: 40px!important; padding-bottom: 40px!important;}
.nicoletta .scriptot {background-color: white; padding-top: 40px!important; padding-bottom: 40px!important;}
.nicoletta p {font-size: 20px; margin-top: 10px; margin-bottom: 10px;}
.nicoletta .sitemapimg{width: 100%; text-align: center; align-items: center; justify-content: center; margin: 0px auto;}
.nicoletta .sitemap {background-image: url(../img/nicolettaCancun/mapa-fondo.jpg);
  background-size: 100% 100%;}
.nicoletta .sitemap h2 { color: #fff;
  margin-bottom: 40px;
  font-family: 'recoleta'!important;
  letter-spacing: 5px;}
.nicoletta .sitemap h3 {
  color: #fff;
  font-family: 'recoleta'!important;
  background: transparent;
}
.nicoletta .sitemap p {
  margin: 0;
  padding: 0;
  text-align: center;
  color: #fff;
  font-family: 'GB', sans-serif!important;
}
.nicoletta .sitemap p b {
  font-family: 'GB', sans-serif!important;
  color: #fff;
}
.nicoletta .locacion {
  background-image: url(../img/iliosCancun/boton-locaciones-ilios.jpg);
  background-color: white;
  background-size: 100% 100%;
  padding-top: 15px;
  padding-bottom: 15px;
  color: black;
  font-size: 22px;
}

.nicoletta .redes{
  background-image: url(../img/nicolettaCancun/redes-fondo.jpg)!important;
  background-position: unset!important;
    background-repeat: no-repeat;
    background-size: cover;
}
.nicoletta .marcas{
  background-image: url(../img/nicolettaCancun/footer-fondo.jpg)!important;
}

.nicoletta .marcas fieldset {
  text-align: center;
  border: 2px solid #fff;
  width: 100%!important;
}
.nicoletta .logo-andersons {
  filter: brightness(100)!important;
}

.nicoletta .marcas .row a img {
  filter: brightness(100)!important;
}

/** PORFIRIOS **/
.porfirios .logo{
  filter: brightness(100);
}
.porfirios header{display: none;}
body.porfirios{background-color:#fff; background-position: center; background-repeat: no-repeat; background-size: cover; }
.porfirios .redes{background-image: url(../img/porfirios/banner-redes.jpg); background-position: center; background-repeat: no-repeat; background-size: cover; }
.porfirios .marcas {background-image: url(../img/porfirios/banner-marcas.jpg); background-position: center; background-repeat: no-repeat; background-size: cover;}
.porfirios .bio{position: relative; background-image: url(../img/porfiriosCancun/bio-bg-porfirios.jpg); background-size: cover; background-position: center top; padding-top: 150px; padding-bottom: 100px; padding-top: 80px; padding-bottom: 80px;}
.cols6{width: 50%; float:left; /*border:solid 1px red;*/ padding: 30px;}
.porfirios .bio h2 span {color: #f0ac00; text-align: center;}
.porfirios .bio h2 {color: #fff; text-align: center; font-family: 'GBLD', sans-serif!important;}
.porfirios .bio p {line-height: 24px; font-size: 17px; text-align: center; color: #fff;}
.porfirios .galeria {background-color: black; padding-top: 40px!important; padding-bottom: 40px!important;}
.porfirios .scriptot {background-color: white; padding-top: 40px!important; padding-bottom: 40px!important;}
.porfirios p {font-size: 20px; margin-top: 10px; margin-bottom: 10px;}
.porfirios .sitemapimg{filter: brightness(100); width: 100%; text-align: center; align-items: center; justify-content: center; margin: 0px auto;}
.porfirios .sitemap {background-image: url(../img/porfiriosCancun/sitio-bg.jpg);}
.porfirios .sitemap h2 {color: #ffff; background-image: url(../img/porfiriosCancun/elemento-titulo-sitio.svg); padding-top: 20px; padding-bottom: 20px; background-position: center; margin-bottom: 30px; background-repeat: no-repeat; font-family: 'GBLD', sans-serif!important;}
.porfirios .sitemap h3 {
  color: #f2c51e;
  font-family: 'GBLD', sans-serif!important;
  background: transparent;
}
.porfirios .sitemap p {
  margin: 0;
  padding: 0;
  text-align: center;
  color: #f2c51e;
  font-family: 'GB', sans-serif!important;
}
.porfirios .sitemap p b {
  font-family: 'GB', sans-serif!important;
  color: white;
}
.porfirios .locacion {
  background-image: url(../img/porfiriosCancun/ubicacion-titulo-bg.jpg);
  background-size: 100% 100%;
  padding-top: 15px;
  padding-bottom: 15px;
  color: black;
  font-size: 22px;
}

.locacion {
  width: 20%;
  left: 40%;
  right: 40%;
  position: absolute;
  text-align: center;
  font-size: 30px;
  font-weight: bold;
  bottom: 17%;
  z-index: 90;
  font-family: 'GM', sans-serif!important;
}


.container-fluid.banner{padding-right: 0px; padding-left: 0px; margin-right: auto; margin-left: auto;}
body > div.container-fluid.sitemap > div > div > div.col-sm-4{text-align: center;}
.btn-reserva{}
.item img {padding: 10px;margin: 0 auto;}
.img-responsive{width: 100%;}
.slick-next {bottom: 20px!important; width: 80px!important;}
.slick-prev {bottom: 20px!important; width: 80px!important; z-index: 2; transform: rotate(180deg)!important; margin-top: 17px;}
body {max-width: 100%; overflow-x: hidden; margin: 0px;}
.slick-prev:before {display: none;}
.slick-next:before {content: '←';display: none;}
.equal {display: flex; display: -webkit-flex; flex-wrap: wrap;}
.contacto{text-align: center; align-items: center; justify-items: center;}
.contacto > .row > .col-sm-6:nth-child(1) {background-color: lightgray;}
.contacto > .row > .col-sm-6 {padding-top: 50px; padding-bottom: 50px;}
.contacto h2 {font-family: 'GM', sans-serif!important;}
.contacto p {text-align: center; font-family: 'GL', sans-serif!important;}
.contacto ul, .contacto ul li {text-align: center; font-family: 'GL', sans-serif!important; font-size: 18px; margin: 15px;}
.contacto form {margin-top: 20px;}
button.btn.btn-default.form-contacto-enviar {background: black; color: white; padding: 10px 40px; text-align: center; margin: 0 auto; width: 100%;}
#contacto > div > div:nth-child(2){padding: 0px 0px!important;}
.sitemap {padding-top: 80px; padding-bottom: 80px;}
.vcenter {
  display: flex!important;
  align-items: center;
}
body > div.container-fluid.scriptot > .contenedorscript{
  display: flex;
    align-items: center;
    justify-content: center;
}
.scriptot h2 {
  font-family: 'GM', sans-serif!important;
}

/** LOGO **/
.logo {
  height: auto;
  max-width: 100%;
  filter: brightness(100);
  width: 50%;
}  
.bio .row{
  width: 85%;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: center;
}  
/** Youtube **/
.youtube{
  margin: 0!important;
  padding: 0!important;
}


/** Redes sociales **/

.redes {
  padding: 50px;
}
#redes li {
  display:inline;

}

.sociales {
  width: 5%;
  margin: 0px 20px;
}
/** Galería **/
.galeria{
  margin: 0px!important;
  padding: 0!important;
}


/** Pleca multimarcas **/
.marcas{
  margin-top: 0px;
  margin-bottom: 0px;
  padding-bottom: 15px;
}
.marcas fieldset {
  text-align: center;
  border: 2px solid white;
  width: 100%!important;
}
.marcas fieldset {
  padding: 0.35em 0.75em 0.625em;
}
.marcas fieldset {
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
.marcas legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 20%;
  padding: 10px 20px;
  white-space: normal;
  border-bottom: 0px !important;
}
.centrar.marcas .row a {
  height: auto;
  width: calc(100% / 17)!important;
  float: left;
  margin: 0 7px;
}
.marcas .row a img {
  filter: brightness(100);
  opacity: 1;
  width: 100%;
  margin: 0 auto!important;
}
.booknow-responsive{
  display: none;
}

@media (max-width: 767px){
  .cao .logo {
    width: 70%!important;
}
.cao .bio {

  padding-top: 20px;
  padding-bottom: 15px;

}
  .booknow-responsive{
    display: inline-block;
    position: fixed;
    /* margin-bottom: 0%; */
    bottom: 0;
    width: auto!important;
    /* border: 2px solid red; */
    filter: drop-shadow(3px 8px 6px #000);
    z-index: 900000;
    width: 100%!important;
    text-align: center;
    font-family: 'GB';
   
    color: #fff;
  }
  .booknow-responsive h3{
    margin: 20px 0px!important;
  }
  .booknow-responsive a{
    color:#fff!important;
    text-decoration: none!important;
  }

  .fixed-booknow {
    display: none;
  
  }
 .porfirios .home-btn {
    margin-top: 33px!important;
    /*position: absolute!important;*/
    top: -1%!important;
    left: 6%!important;
  }
  .porfirios .langselect {
    /*position: absolute!important;*/
    top: 3%!important;
    right: 3%!important;
    color: #fff!important;
    font-size: 18px!important;  
  }
  .porfirios .logo {
    width: 100%!important;
    /*margin-left: 28%!important;*/
  }
  .harrys .home-btn {
    margin-top: 33px!important;
    /*position: absolute!important;*/
    top: -1%!important;
    left: 6%!important;
  }
  .harrys .langselect {
    /*position: absolute!important;*/
    top: 3%!important;
    right: 3%!important;
    color: #fff!important;
    font-size: 18px!important;
  }
  .harrys .logo {
    width: 70%!important;

  }

  .ilios .home-btn {
    margin-top: 33px!important;
    /*position: absolute!important;*/
    top: -1%!important;
    left: 6%!important;
  }
  .ilios .langselect {
    /*position: absolute!important;*/
    top: 3%!important;
    right: 3%!important;
    color: #fff!important;
    font-size: 18px!important;
  }
  .ilios .logo {
    width: 60%!important;
    /*margin-left: 35%!important;*/
  }

  .nicoletta .home-btn {
    margin-top: 33px!important;
    /*position: absolute!important;*/
    top: -1%!important;
    left: 6%!important;
  }
  .nicoletta .langselect {
    /*position: absolute!important;*/
    top: 3%!important;
    right: 3%!important;
    color: #fff!important;
    font-size: 18px!important;
  }
  .nicoletta .logo {
    width: 80%!important;
    /*margin-left: 30%!important;//
    /*top: 0%!important;*/
  }
  .freds .home-btn {
    margin-top: 33px!important;
    /*position: absolute!important;*/
    top: -1%!important;
    left: 6%!important;
  }
  .freds .langselect {
    /*position: absolute!important;*/
    top: 3%!important;
    right: 3%!important;
    color: #fff!important;
    font-size: 18px!important;
  }
  .freds .logo {
    width: 80%!important;
    /*margin-left: 28%!important;*/
  }

  .bak .home-btn {
    margin-top: 33px!important;
    /*position: absolute!important;*/
    top: -1%!important;
    left: 6%!important;
  }
  .bak .langselect {
    /*position: absolute!important;*/
    top: 3%!important;
    right: 3%!important;
    color: #fff!important;
    font-size: 18px!important;
  }
  .bak .logo {
    width: 70%!important;
    /*margin-left: 25%!important;*/
  }

  .sociales{
    width: 5%;
    margin: 0 7px;
  }
  .logo {
    width: 60%;
    margin-left: 20%;
  }
  .bio .row {
    display: block;
    align-items: center;
    justify-content: center;
  }
  .cols6 {
    width: 100%;
    float: unset;
    /* border: solid 1px red; */
    padding: 15px;
  }
  .bio .row {
    width: 100%;
  }
  body > div.container-fluid.scriptot > .contenedorscrip {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  body > div.container-fluid.scriptot > div.contenedorscript.visible-xs{
    display: flex!important;
  }
  .galeria button.slick-next.slick-arrow {
    right: 0%!important;
    top: 122%!important;
    z-index: 999;
  }
  .galeria button.slick-prev.slick-arrow {
    left: 0%!important;
    top: 115%!important;
  }
  .vcenter {
    display: block!important;
    align-items: center;
  }
  .contacto > .row > .col-sm-6 {
    width: 100%;
  }
  .locacion {
    width: 70%;
    left: 15%;
    right: 15%;
    bottom: 27%;
  }
  .galeria button img {
    width: 44px;
  }

  .harrys .locacion {
    bottom: 27%!important;
  }
  .harrys .bio {
    padding-bottom: 80px;
  }
  /*.ilios .banner .logo {
    width: 35%!important;
    margin: 0 auto;
    margin-left: 30%!important;
  }*/

  .nicoletta .banner .logo {
    width: 40%!important;
    margin: 0 auto;
    margin-left: 29%!important;
  }

  .freds .banner .logo {
    width: 35%!important;
    margin: 0 auto;
    margin-left: 30%!important;
  }

  .freds .locacion{
    width: 70%;
    left: 15%;
    right: 15%;
    bottom: 27%!important;
  }

  .freds .bio {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .porfirios p {
    font-size: 20px;
    margin-top: 0px;
    margin-bottom: 0px;
  }

  .centrar.marcas .row a {
    float: left;
    width: 29%!important;
    height: 60px;
    margin-bottom:10px
  }

  .marcas .row a img {
    width: 80%!important;
  }
  
  .marcas legend {
    max-width: 50%;
  }

  .sociales{
    width: 12%;
    margin: 0 5px;
  }
  .logo-andersons{
    max-width: 110%!important;
  }
  .logo-macario{
    max-width: 65%!important;
  }
  body > footer > h3 {
    font-size: 14px;
  }
  footer{
    padding: 15px 0px!important;
  }
  .lang a {
    font-size: 16px!important;
  }

}

.marcas .row a img {
  filter: brightness(100);
  opacity: 1;
  width: 100%;
  margin: 0 auto!important;
}


/** FOOTER STATIC **/
.book-follow{
  position:fixed;
  left: 0;
  bottom: 0;
  width: 100%;
}
.trapecio {
  width: 100%;
  height:auto;
  color: black;
  border-right: 30px solid transparent;
  border-left: 30px solid transparent;
  border-bottom: 50px solid white;
  position: relative;
}
.trapecio p
{
  position: absolute;
  right: 30px;
  left: 30px;
  font-size: 30px;
  text-align: center;
  top:5px;
}
/*
.footer::before{
  content:"";
  position: absolute;
  top:0;
  right: 0;
  background-image: black;
}
*/


/*------------------------------------*\
    $MEDIA QUERIES
\*------------------------------------*/
/* Extra Small */
@media(max-width:370px){
  .cols-4 {
    position: relative;
    float: left;
    width: 44%;
    margin: 15px 5px 15px 5px;
}
body > div:nth-child(2) > div{
  margin: 0px 0px 0px 15px;
}
body > footer > h3{
  font-size: 13px;
}
footer{
  padding: 15px 0px!important;
}
.lang a {
  font-size: 16px!important;
}
}

/* Small */
@media(min-width:768px) and (max-width:991px){}

/* Medium */
@media(min-width:992px) and (max-width:1199px){}

/* Large */
@media(min-width:1200px){}

/** REDES SOCIALES**/