/*@import url('https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900');*/
@import url('https://fonts.googleapis.com/css?family=Roboto:400');
@import url('https://fonts.googleapis.com/css2?family=Raleway&display=swap');

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin: 0;padding: 0;border: 0;outline: 0;font-weight: inherit;font-style: inherit;font-size: 100%;font-family: inherit;vertical-align: baseline}
:focus{outline:0}
::-moz-focus-inner{border:0}
table{border-collapse:separate;border-spacing:0}
caption,th,td{text-align:left;font-weight:normal}
a img,iframe{border:none}
/* Fixes incorrect placement of numbers in ol's in IE6/7 */
ul,ol{margin-left:2em}
ol{list-style:decimal}
ul{list-style:disc}
input,textarea,select,button{font-size:100%;font-family:inherit}
select{margin:0}
h1,h2,h3,h4{font-weight:bold;margin-bottom:0}
h1{font-size:1.3em}
h2{font-size:1.2em}
h3{font-size:1.1em}
h4{font-size:1em}
h5{font-size:1em;font-style:italic}
strong{font-weight:bold}
em{font-style:italic}
fieldset{border:1px solid #000}
/* clearfix */
.clearfix:after{content:'.';display:block;height:0;clear:both;visibility:hidden}
.clearfix{display:inline-block}
* html .clearfix{height:1%}
.clearfix{display:block}

/*Icomoon*/
@font-face {
  font-family: 'icomoon';
  src:  url('/fonts/icomoon.eot?q30bg7');
  src:  url('/fonts/icomoon.eot?q30bg7#iefix') format('embedded-opentype'),
    url('/fonts/icomoon.ttf?q30bg7') format('truetype'),
    url('/fonts/icomoon.woff?q30bg7') format('woff'),
    url('/fonts/icomoon.svg?q30bg7#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

body{font-size: 15px;background: #fff;color: #000;}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-coin-dollar:before {
  content: "\e90a";
}
.icon-share:before {
  content: "\e90b";
}
.icon-printer:before {
  content: "\e90c";
}
.icon-expand:before {
  content: "\e900";
}
.icon-instagram:before {
  content: "\e901";
}
.icon-automobile:before {
  content: "\e90d";
}
.icon-car:before {
  content: "\e90d";
}
.icon-list:before {
  content: "\e908";
}
.icon-angle-down:before {
  content: "\e907";
}
.icon-shower:before {
  content: "\e902";
}
.icon-grid:before {
  content: "\e909";
}
.icon-world:before {
  content: "\e903";
}
.icon-search:before {
  content: "\e600";
}
.icon-instagram2:before {
  content: "\e601";
}
.icon-mobile:before {
  content: "\e602";
}
.icon-facebook-with-circle:before {
  content: "\e603";
}
.icon-chevron-thin-right:before {
  content: "\e604";
}
.icon-bed:before {
  content: "\e605";
}
.icon-twitter:before {
  content: "\e606";
}
.icon-whatsapp:before {
  content: "\ea93";
}
.icon-facebook:before {
  content: "\e607";
}
.icon-medal:before {
  content: "\e608";
}
.icon-pig:before {
  content: "\e609";
}
.icon-envelope:before {
  content: "\e60a";
}
.icon-home:before {
  content: "\e60b";
}
.icon-home2:before {
  content: "\e60c";
}
.icon-user-tie:before {
  content: "\e60d";
}
.icon-briefcase:before {
  content: "\e60e";
}
.icon-chevron-right:before {
  content: "\e60f";
}
.icon-file-pdf:before {
  content: "\e610";
}
.icon-google-plus:before {
  content: "\e611";
}
.icon-twitter2:before {
  content: "\e612";
}
.icon-map-pin:before {
  content: "\e904";
}
.icon-mail:before {
  content: "\e905";
}
.icon-phone:before {
  content: "\e906";
}
.icon-star-full:before {
  content: "\e9d9";
}

ul{margin: 0}
ul li{list-style: none;}
.h{position: absolute;z-index: -1;position: absolute;color:transparent;pointer-events: none;}
img{vertical-align: middle}
.coll-full{max-width: 1300px;margin: 0 auto;position: relative;width: 90.5%;justify-content: center;}
.title-a{font-size: 2.2em;text-transform: uppercase;font-weight: 300}
.title{text-align: center;font-size: 30px;color: #343434;font-weight: 700;margin: 0 0 7px 0;}
.title-especial{color: #fff;font-size: 2.7em;text-transform: uppercase;font-weight: 300;line-height: 1.2em;margin: 0}
.sub_title{font-size: 17px;color: #000000;display: block;text-align: left;margin-left: -17%;font-weight: 500;}
.sub_title *{font-family:inherit !important;font-weight: inherit !important;font-size: inherit !important;}
.parrafo{font-size: 1em;line-height: 1.15em;}
.parrafo span{font-size: 16px;}
.center{text-align: center}
.btn1{background: #264794;border: 0;color: #fff;font-size: 17px;line-height: 19px;text-decoration: none;height: 70px;padding: 0 50px;font-weight: 500;-webkit-transition:all 0.3s ease 0s;transition: all 0.3s ease 0s;cursor: pointer;text-align: center;box-sizing: border-box;display: flex;justify-content: center;align-items: center;max-width: 300px;}
.btn1:hover{background: #1E2F6C;}
.btn2{background:#BFCD44}
.btn2:hover{background:#9EAF0A}
.grid4{width:32%;float: left;position: relative;margin-right: 2%; height: 346px; overflow: hidden;}
.grid4.last{margin-right: 0}
.link{color: #fff;font-weight:700;font-size: 1em;display: block;text-align: center}
.bloque_link{cursor: pointer}
.parrafo-small{font-size: 0.83em;color: #464647;font-weight: 300;line-height: 1.9em}
.center{text-align: center}
.bold{font-weight: 700}
.ver-mas{font-size: 17px;line-height: 25px;background: #264794;color: #fff;height: 50px;text-decoration: none;display: table;margin: 0 auto;box-sizing: border-box;padding: 15px 35px;margin-top: 20px;margin-bottom: 20px;}
.valign-wrapper{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}


.redes-sociales{float: right;margin-left: 0;}
.acciones-col-1 {display: flex;align-items: center;}
.acciones-col-2 {text-align:right;border-left: 1px solid #CCCBC9; display: flex; justify-content: center; align-items: center;}
.acciones .link-buscar{margin-right:28px;}
.acciones .link-buscar a{padding:0px !important;}
.acciones .link-idioma{padding: 0 36px;padding-left: 0px !important;}
.link-idioma{padding: 0 36px;padding-left: 0px !important;color: #2B4A8A;padding: 0px 0px 10px 0px; display: block;line-height: 16px; font-size: 13px}
.icon-facebook8{margin-left:14px !important;background-image: url(/img/facebook-icon-header-blue.svg);width:13px;height:13px;background-size:100%;}
.icon-instagram8{background-image: url(/img/instagram-icon-header-blue.svg);width:13px;height:13px;background-size:100%;}
.acciones-col-2 .icon-telefono-blue{margin-left:8px;background-image: url(/img/phone-blue-buscatucasa.svg);background-repeat: no-repeat;background-size: 100%;width: 11px; height: 11px;display:inline-block;}
.acciones-col-2 .icon-lupa{background-repeat: no-repeat;background-size: 100%;width: 64px; height: 38px;display:flex; justify-content: center; align-items: center;}
.acciones-col-2 .dato span.text {color: #2B4A8A;font-weight: bold;font-size: 14px;}
.acciones-content a{ text-decoration:none;}
.acciones-content .redes-sociales .icon-social{color:#2B4A8A}
.redes-sociales .icon-social{font-size: 14px;color: #645c5c;text-decoration: none;float: left;margin-right: 20px;transition: all 0.3s;-webkit-transition: all 0.3s;}
.redes-sociales a{color:#334991;font-size:12px;text-decoration: none;}
.menu-desplegable .redes-sociales a.facebook:before{content: "\e607";}
.menu-desplegable .redes-sociales a.instagram:before{content: "\e901";}
.menu-desplegable .redes-sociales a.twitter:before{content: "\e606";}
.menu-desplegable .redes-sociales a:before{
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 14px;
    line-height: 18px;
    margin-right: 10px;
    }
.redes-sociales .icon-social.last{margin-right: 0}
.redes-sociales .icon-social:hover{color: #00b3d8}
header .direccion .icon-map-pin{font-size: 19px;float: left;margin-right: 12px;width: 19px}
header .direccion .text{width: calc(100% - 31px);float: left;margin-top: 4px;}
header .direccion{position: relative;top: 4px;}
.acciones {font-size: 13px;text-decoration: none;float: left;color: #2B4A8A;}
.acciones a{text-decoration: none;}
.acciones li{display: inline-block;margin-right: 20px;height: 20px;padding: 0;}
/*.acciones li.link-buscar{display:none}*/
.acciones li:last-child{margin-right: 0}
.acciones li a{color: #2B4A8A;padding: 0 20px;display: block;line-height: 16px;font-size: 13px;}
.acciones .icon{font-size: 17px;color: #4c4c4c;margin-right: 8px;position: relative;top: 3px}
.acciones .icon-mail{font-size: 22px;top: 5px;}
.acciones .icon-world{font-weight: 700;}
#logo{width: 200px; height: 87px; margin: auto; padding: 0px; z-index: 200000000001;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position-y: center !important;
  background-position-x: center !important;
  margin-left: 5%;
}

.link_logo{
  height: 87px;
}
#logo a{display: block}
#logo img{width: 200px;height: 42px;}

#menu .link-buscar a{border: none!important;font-size: 19px;padding: 9px;margin-left: 0;}
.bottom .icon-hover .icon-search{color:transparent;}
#menu li.link-buscar i{
    color: #DBC9E3;
}


/*Attraction*/
#attraction{height: calc(100vh - 87px);overflow: hidden;width: 100%;position: relative;/*max-height: 75vh;*/ max-height: 700px;}
#attraction .swiper-container{height: 100%;}
#attraction .swiper-container .swiper-wrapper{height: 100%;}
#attraction .content-attraction{max-width: 1187px;margin:auto;height: 100%; display: flex;align-items: center;}
/*#attraction .content-attraction .contenido .subtitulo-attraction{filter: drop-shadow(0 2px 5px #00000047);text-transform:uppercase;line-height:50px;color:#000000;font-weight: 500;font-size: 14px;}*/
/*#attraction .content-attraction .contenido .titulo-attraction{filter: drop-shadow(0 2px 5px #00000047);text-transform:uppercase;line-height:50px;color:#000000;font-weight: 600;font-size: 48px;}*/
/*#attraction .content-attraction .contenido .description-attraction{filter: drop-shadow(0 2px 5px #00000047);margin-top:25px;margin-bottom:50px;color:#000000;font-weight: 500;font-size: 15px;}*/
/*#attraction .content-attraction .contenido .button-attraction{filter: drop-shadow(0 2px 5px #00000047);text-transform:uppercase;padding: 16px 45px;border-radius:5px;height:50px;text-decoration:none;background-color:#000000;color:#fff;font-weight: 600;font-size: 15px;}*/
#attraction .content-attraction .contenido .button-attraction:hover{background-color:#000000bf;font-size: 16px;}
#attraction img{width: 100%;position: relative;min-width: 1250px;height: 100%;object-fit: cover;}
#attraction .info{position: absolute;top: 198px;z-index: 1; width: 56%;min-width: 678px;left: 0}
#attraction .mask-buscador .icon-search:hover{ cursor: pointer; }
/*#attraction .swiper-pagination{position: absolute;bottom: 20px;left: 0;right: 0;text-align: center;}*/
#attraction .swiper-pagination-bullet{background-color:unset;opacity: 0.8;margin-right: 10px;-webkit-transition:all .2s ease 0s;transition:all .2s ease 0s;height: 18px;cursor: pointer;;width: 18px;display: inline-block;border-radius: 50%;position: relative;box-sizing: border-box;}
#attraction .swiper-pagination-bullet:last-child{margin-right: 0}
#attraction .swiper-pagination-bullet:hover,#attraction .swiper-pagination-bullet.swiper-pagination-bullet-active{opacity: 1}
#attraction .swiper-pagination-bullet.swiper-pagination-bullet-active{border-color: #897493;opacity: 1;}
#attraction .swiper-pagination-bullet.swiper-pagination-bullet{border-color: #897493;opacity: 1;background-color: transparent;}
#attraction .swiper-pagination-bullet::before{content: '';display: block;width: 8px;height: 8px;position: absolute;left: 0;top: 0;border-radius: 50%;left: 0px;top:0px;right: 0;bottom: 0;margin:auto;background: rgba(255,255,255,.5);border: 1px solid #fff;}
#attraction .swiper-pagination-bullet.swiper-pagination-bullet-active::before{background: #000000}
#attraction .swiper-pagination-bullet-active{background: none}
#attraction .swiper-slide{height: 100%;}
.open_buscador {
    height: 100vh;
    width: calc(100% - 15px);
    overflow: hidden;
}



/*CATEGORY*/


#category{position: relative;height: 110%;width: 80%;margin-left:10%;overflow:hidden;margin-top: 50px;}

#category .swiper-slide img {display: block;width: 100%;height: 100%;object-fit: cover;}

#category .swiper-slide:hover{transform: scale(1.1);}
#category .swiper-slide:hover input{background-color: #000000;color:white;}

.category {
  height: 550px;
}
/*#category .swiper-pagination{position: absolute;color:#000000;margin-top: 100px;left: 47%;}*/
/*#category .swiper-pagination-bullet-active{background: #000000;}*/
#category .swiper-button-disabled { display: none;}
.current-slide{font-family:Montserrat;font-size: 15px;color:#000000;margin-top: 7%;}

/*ACTIVOS NATURALES*/
.ingrediente_activos{
  width: 90%;
  max-width: 1200px;
  margin: auto;
  font-family:'Work-Regular';
  font-weight:400;
  font-size:13pt;
  color:#000000;
}

.header_activo{
  border-bottom: 1px solid #CCCCCC;
  padding: 30px 0px 30px 0px;
  margin: auto;

}

.contenedor_activos{
  display: grid;
  grid-template-columns: 50% 50%;
  padding-top: 50px;
  padding-bottom: 50px;
}

.imagen-activo{
  width: 235px;
  height: 275px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position-y: center;
  background-position-x: center;
}

.tarjeta_activo{
  background-color: white;
  display: grid;
  grid-template-columns: auto 60%;
  margin-top: 20px;
  margin-bottom: 20px;
}

.informacion-activo{
  padding: 0px 15px 0px 30px;
  text-align: left;
}

.nombre-activo{
  font-size: 19pt;
  font-family: "Work-SemiBold";
  color: #000000;
  padding-bottom: 40px;
}


.descripcion-activo {
  font-size: 12pt;
  font-family: "Work-Medium";
  color: #000000;
}

.img_activos_pub {
  width: 100%;
  height: 239px;
  background: #8F8B90;
  /* background-size: contain; */
  background-repeat: no-repeat;
  background-position-y: center;
  background-position-x: center;
}

.open_buscador .caja_opacity {
    position: fixed;
    top: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.8;
    z-index: 1;
    top: 90px;
    transition: all 800ms;
}

/*SubAttraction*/
#subattraction{height: calc(100vh - 87px);overflow: hidden;width: 100%;position: relative;/*max-height: 75vh;*/ max-height: 370px;}
#subattraction .swiper-container{height: 100%;}
#subattraction .swiper-container .swiper-wrapper{height: 100%;}
#subattraction .content-attraction{max-width: 1187px;margin:auto;height: 100%; display: flex;align-items: center;}
#subattraction .content-attraction .contenido{width: 450px;margin-left:80px;}
#subattraction .content-attraction .contenido .subtitulo-attraction{filter: drop-shadow(0 2px 5px #00000047);text-transform:uppercase;line-height:50px;color:#000000;font-weight: 500;font-size: 14px;}
#subattraction .content-attraction .contenido .titulo-attraction{filter: drop-shadow(0 2px 5px #00000047);text-transform:uppercase;line-height:50px;color:#000000;font-weight: 600;font-size: 48px;}
#subattraction .content-attraction .contenido .description-attraction{filter: drop-shadow(0 2px 5px #00000047);margin-top:25px;margin-bottom:50px;color:#000000;font-weight: 500;font-size: 15px;}
#subattraction .content-attraction .contenido .button-attraction{filter: drop-shadow(0 2px 5px #00000047);text-transform:uppercase;padding: 16px 45px;border-radius:5px;height:50px;text-decoration:none;background-color:#000000;color:#fff;font-weight: 600;font-size: 15px;}
#subattraction .content-attraction .contenido .button-attraction:hover{background-color:#000000bf;font-size: 16px;}
#subattraction img{width: 100%;position: relative;min-width: 1250px;height: 100%;object-fit: cover;}
#subattraction .info{position: absolute;top: 198px;z-index: 1; width: 56%;min-width: 678px;left: 0}
#subattraction .mask-buscador .icon-search:hover{ cursor: pointer; }
#subattraction .swiper-pagination{position: absolute;bottom: 20px;left: 0;right: 0;text-align: center;}
#subattraction .swiper-pagination-bullet{background-color:unset;opacity: 0.8;margin-right: 10px;-webkit-transition:all .2s ease 0s;transition:all .2s ease 0s;height: 18px;cursor: pointer;;width: 18px;display: inline-block;border-radius: 50%;position: relative;box-sizing: border-box;}
#subattraction .swiper-pagination-bullet:last-child{margin-right: 0}
#subattraction .swiper-pagination-bullet:hover,#subattraction .swiper-pagination-bullet.swiper-pagination-bullet-active{opacity: 1}
#subattraction .swiper-pagination-bullet.swiper-pagination-bullet-active{border-color: #897493;opacity: 1;}
#subattraction .swiper-pagination-bullet.swiper-pagination-bullet{border-color: #897493;opacity: 1;background-color: transparent;}
#subattraction .swiper-pagination-bullet::before{content: '';display: block;width: 8px;height: 8px;position: absolute;left: 0;top: 0;border-radius: 50%;left: 0px;top:0px;right: 0;bottom: 0;margin:auto;background: rgba(255,255,255,.5);border: 1px solid #fff;}
#subattraction .swiper-pagination-bullet.swiper-pagination-bullet-active::before{background: #000000}
#subattraction .swiper-pagination-bullet-active{background: none}
#subattraction .swiper-slide{height: 100%;}


#ventajas{padding: 52px 0 0 0}
#ventajas .accordion{display: block;height: 609px;left: 0;overflow: hidden;position: relative;top: 0;margin-top: 43px}
#ventajas .slice{width: 33.5%;position: absolute;color: #fff;transition: left ease-in-out 0.3s;-webkit-transition: left ease-in-out 0.3s;}
#ventajas .slice .img-ventaja{width: 100%;min-width: 720px}
#ventajas .slice-1{left: 0}
#ventajas .slice-2{left: 33.5%;box-shadow: 0 5px 7px #000;}
#ventajas .slice-3{left: 66.5%;box-shadow: 0 5px 7px #000;}
#ventajas .slice .title{color: #fff;margin: 0;text-shadow: 0 1px 5px #000;display: block}
#ventajas .slice.slice-1 .title{margin-top: 6px}
#ventajas .slice .pre-content{position: absolute;bottom: 65px;left: 36px}
#ventajas .slice  .logo-monzon{width: 173px}
#ventajas .slice .parrafo{margin-top: 45px}
#ventajas .slice .content{position: absolute;left: 36px;width: 83%;bottom: -50%;visibility: hidden}
#ventajas .slice .btn1{margin-top: 50px;box-shadow: 0 1px 1px 1px #858585;}
#ventajas .slice .title{margin-top: 12px}
#ventajas .icon{background: #00c3ec;width: 44px;height: 44px;border-radius: 50%;text-align: center;font-size: 18px;line-height: 44px;text-align: center;display: inline-block}
#social_media{padding: 110px 0 115px 0}
#social_media .sub_title{margin-bottom: 45px}
#social_media .info{background: rgba(46, 46, 46, 0.75) none repeat scroll 0 0;position: absolute;bottom: 0;color: #fff;font-size: 0.83em;width: 100%;transition: all 0.2s ease 0s;-webkit-transition:all 0.2s ease 0s}
#social_media .post-text{padding: 22px 5.9% 30px}
#social_media .grid4 img{width: auto;margin-top: 16px;height: 288px;width: 100%}
#social_media .icon-facebook-with-circle{font-size: 34px;margin-right: 15px;display: inline-block;color: #07c4ec;float: left}
#social_media .text{float: left}
#social_media .title-social{font-size: 1em;display: block;line-height: 16px;margin-bottom: 6px;transition: all 0.2s ease 0s;-webkit-transition:all 0.2s ease 0s}
#social_media .fecha{display: block;font-size: 0.77em}
#social_media .link{position: absolute;bottom: -50%}
#social_media .grid4.hover .info{background: rgba(46, 46, 46, 0.9) none repeat scroll 0 0;}
.attraction_2{position: relative;height: 369px;overflow: hidden;background: url(style/img-attraction2.jpg) no-repeat;background-attachment: fixed;background-size: cover}
.attraction_2 img{width: 100%;min-width: 1300px}
.attraction_2 .info{position: absolute;left: 0;right: 0;top:89px;text-align: center}
.attraction_2 .title-especial{margin-bottom: 18px;  text-shadow: 0 1px 2px #333;}
.attraction_2.at-preguntas{background: url(style/img-preguntas.jpg) no-repeat;background-attachment: fixed;background-size: cover}

/*Footer*/
footer{}
footer{position: relative;color: #000}
footer .content-footer{max-width: 1187px;z-index: 10000000001;background-color: white;height: 87px;}
footer .content-footer.fixed{position: fixed;/*padding-bottom: 22px;*/}
footer .bottom{background: #1fbbdf;width: 100%;position: relative;z-index: 1}
footer .acciones-content{margin: 22px 60px 22px 0;}

/*footer{background: #fff;color: #000000;}*/
footer .title-bloque{margin-bottom: 25px;color: #000000;text-transform: none;font-size: 17px;display: block;}
footer .content-footer-top .coll-full{
    background-repeat: no-repeat;
    background-position-x: 100%;
    background-position-y: 75%;
    background-size: 390px;
    display: table;
    padding: 50px 0 0;
}

header{position: relative;}
header{color: #000;width: 100%;}
header .content-header{ 
  margin: 0px;
  min-width: -webkit-fill-available;
  z-index: 100000;
  background-color: transparent;
  height: 100%;
  display: flex;
  grid-template-columns: 90% 10%;
  
}
header .content-header h2{padding-left: 3%;}
header .content-header.fixed{position: initial;/*padding-bottom: 22px;*/}
header .bottom{background: #1fbbdf;width: 100%;position: relative;z-index: 1}
/* header .acciones-content{margin: 22px 60px 22px 0;} */
/* #fondo-header{width: 100%; background: #fff; height: 90px;display: inline;} */
#fondo-header{width: 100%; background: #fff; height: 87px; display: grid; grid-template-columns: auto auto;}


/*buscador*/
#ctn-bar-search{z-index: 100;top: 87px;width: 100%;background: rgb(238, 238, 238);;color:#000000;padding: 30px;margin-top: 0px;position: absolute;display: none;transition: all 800ms;padding-left: 0;padding-right: 0;text-align: center;}
#ctn-bar-search img{position: absolute;height: auto;top: 50%;transform: translateY(-50%);line-height: 2.4rem;}
#ctn-bar-search input{display: block;width: 100%;margin:auto;/* padding: 13px; */border-radius:4px;border: 2px solid #000000;max-width: 1066px;height: 55px;/* line-height: 55px; */box-sizing: border-box;padding: 15px 100px 15px 20px;line-height: 21px;}
#ctn-bar-search input::placeholder{color: #000000;font-weight: 600;transition: all 600ms;}
#oscurecer-fondo{width: 100%;height: 100%;position: fixed;left: 0;background: rgba(0, 0, 0, 0.5);z-index: 7;transition: all 600ms;display: none}
#caja-resultados{z-index: 100;position: absolute;top: 202px;width: 100%;background: #fff;height: 0;margin-top: 0px;display:none;transition: all 600ms;padding: 30px 0px;}
/* #objeto-lupa{} */
#objeto-lupa img{width: 18.87px; height: 18.7px;}
#objeto-lupa img:hover{transform: scale(1.2);}
#lupa-en-buscador img{right: 70px;width: 20px;cursor: pointer;}
#icono-salir img{right: 20px;width: 31px;}



footer .grid-ft{float: left;width: 33.33%;box-sizing: border-box;}
footer .grid-ft:nth-of-type(1) .title-bloque{padding-left: 40px}
footer .grid-ft:nth-of-type(1) .conten-links{padding-left: 40px}
footer .conten-links li.meno a {color: #fff;font-size: 15px;line-height: 16px;text-decoration: none;font-weight: 400;}
footer .conten-links li.dos a {margin-top: 40px;}
footer .conten-links li.dos {margin-top: 40px;margin-top: 40px;}
footer .conten-links li a{color: #fff;font-size: 15px;line-height: 17px;text-decoration: none;font-weight: 400;}
footer .conten-links li{list-style: none;margin-bottom: 5px}
footer .conten-links li a:hover{text-decoration: underline}
footer .parrafo-small{margin-top: 48px}
footer .icon-facebook-white{background-image: url(/img/facebook.svg);background-repeat: no-repeat;background-size: 100%;/*width: 26px;*/ height: 26px;}
footer .icon-instagram-white{background-image: url(/img/instagram.svg);background-repeat: no-repeat;background-size: 100%;/*width: 26px;*/ height: 26px;}
footer .icon-correo-white{background-image: url(/img/email.svg);background-repeat: no-repeat;background-size: 100%;/*width: 26px;*/ height: 26px;}
footer .icon-telefono-white{background-image: url(/img/phone.svg);background-repeat: no-repeat;background-size: 100%;/*width: 26px;*/ height: 26px;}
footer .icon-maps-white{background-image: url(/img/placeholder.svg);background-repeat: no-repeat;background-size: 100%;/*width: 26px;*/ height: 26px;}
footer .icon-cama{background-image: url(/img/icon-cama.svg);background-repeat: no-repeat;background-size: 100%;width: 26px;}
footer .icon{text-align: right;font-size: 1.3em;color: #000000;float: left;position: relative;top: 0px;width: 20px;margin-right: 15px;}
footer .title-footer2{margin-top: 36px;display: block;margin-bottom: 4px}
footer .logo-monzon{margin-bottom: 10px;width: 126px}
footer .bg{background: #f3f3f3;height: 100%;width: 688px;position: absolute;left: -17%}
footer .content-footer-top{position: relative;overflow: hidden;}
footer .content-footer-bottom{background: #fff;color: #fff;font-size: 12px;padding: 11px 0;text-align: center;}
footer .content-footer-bottom a{color: #fff;font-size: 14px;}
footer .content-footer-bottom a.sitemap{margin-right: 5.3%;}
footer .logo_solemti img{width: 72px;margin-left: 10px}
footer .logo_solemti{display: inline}
footer .copy-text{margin-left: 20%;font-size: 14px;}
footer .grid-ft:nth-of-type(2){padding-left: 4%;}
footer .grid-ft:nth-of-type(3){width: auto;max-width: 33.33%;float: right;max-width: 335px;}
.logo-footer{height: 70px;margin-top: 80px;}
.grid-img-footer{text-align: center;vertical-align:middle;margin:0px auto;}
/*footer .content-footer-bottom .privacity{margin-right: 5.3%}*/
.input input,.input select,.input.textarea textarea{text-align: right;margin-right: 20px;height: 35px;-webkit-appearance: none;-moz-appearance: none;color: #000000;font-size: 0.86em;border-radius:3px;width: 100%;padding: 0px 35px 0px 0px;border: 1px solid transparent;-webkit-appearance: none;-moz-appearance: none;height: 44px;box-sizing: border-box;background: transparent;font-size: 15px;line-height: 18px;}
/*.input select{border-right: 1px solid #d3d3d3;box-sizing: border-box;border: 1px solid #d1d1d1;width: 100%;border-radius: 3px;padding: 0 14%;background: none;position: relative;z-index: 2;border: 1px solid #d1d1d1;height: 35px;}*/
.input.select .icon-angle-down{position: absolute;color: #666666;font-size: 23px;right: 11px;bottom: 11px;pointer-events: none;}
.input.text label,.input.select label,.input.textarea label{left: 4.5%;color: #000;font-size: 14px;font-weight: 700;line-height: 17px;display: block!important;margin-bottom: 6px;}
footer .dato [class^="icon-"]{float: left;font-size: 18px;width: 24px;margin-right: 15px}
footer .dato .text{width: calc(100% - 39px);float: left;}
footer .dato .text.fb{margin-top: 2px;}
footer .dato{overflow: hidden;display: block;color: #fff;margin-bottom: 12px;}
footer .info-contacto a.dato.direction{margin-top: 35px;margin-bottom: 70px;}
.social-media{margin-bottom: 33px;}
.social-media .icon-sm::before{font-size: 27px}
.social-media .icon-sm.icon-instagram::before{font-size: 32px}
.social-media .icon-sm {font-size: 0;color: #2f2f2f;text-decoration: none;float: left;margin-right: 24px;transition: all 0.3s;-webkit-transition: all 0.3s;}
.social-media .icon-sm.icon-twitter, .social-media .icon-sm.icon-facebook{position: relative;top: 2px}


/* bloque footer colorly*/
.div-princpial-footer{color:#000000;padding-left: 3%;padding-right: 3%;padding-top: 3%;}
.div-princpial-footer .div-secundario-footer{padding-top: 0%;margin-bottom: 1%;width: 100%;}
.div-princpial-footer .div-secundario-footer .div-terciario-footer{float: left;width: 30%;position: relative;margin-left: 3%;height: 150px;}
.div-princpial-footer .div-secundario-footer .div-terciario-footer .recibe-novedades {display:inline;width: 100%; position: absolute;margin-top: 1%;padding-right: 2%;}
/* .div-princpial-footer .div-secundario-footer .div-terciario-footer .recibe-novedades .correo-novedades{position:relative;margin-top: 5%; border-radius: 5px;border: 2px solid #000000; min-width: 100px; height: 45px;padding-right: 2%;} */
.div-princpial-footer .div-secundario-footer .div-terciario-footer .recibe-novedades input[type = "text"]{ width: auto; height: auto; border: none;}
.div-princpial-footer .div-secundario-footer .div-terciario-footer .recibe-novedades .correo-icono{  margin: auto; background-repeat: no-repeat !important; background-position-x: center !important; background-position-y: center !important; background-size:contain !important; width: 20.09px; height: 15.07px !important;}
/* .div-princpial-footer .div-secundario-footer .div-terciario-footer .recibe-novedades .correo-icono img{width:60%} */
.div-princpial-footer .div-secundario-footer .div-terciario-footer .recibe-novedades .flecha-icono{ margin: auto; cursor: pointer; background-repeat: no-repeat; background-position-x: center; background-position-y: center; background-size: contain; width: 22.88px; height: 14.3px !important;}
.div-princpial-footer .div-secundario-footer .div-terciario-footer .recibe-novedades .flecha-icono:hover{ transform: scale(1.2); }
.enviar_correo {
  display: grid;
  width: 366px;
  height: 45px;
  border: 1px solid #000000;
  border-radius: 5px;
  grid-template-columns: 10% 78% 12%;
  justify-content: center;
  margin-top: 10px;
}


.div-princpial-footer .div-secundario-footer .div-terciario-footer .correo-novedades::placeholder{color: #000000;font-weight: 500;font-size: 16px;}
.img-logo-f{width: 240px; height: 96px; background-repeat: no-repeat; background-size: contain; background-position: center; margin-top: 2px;margin-right: 20px;margin-left: 20px;}
.img-lfoi{width:120px;margin-top:25px;margin-left:20px}


#div-menu-footer{position: relative;width: 100%;display: flex;justify-content: center; padding-bottom: 25px;}
#div-menu-footer ul{justify-content: center}
#div-menu-footer li a{margin: 0px 26px 0px 0px; text-decoration: none;display:flex;float: left; position: relative;text-align:center;color:#000000; text-transform: uppercase; font-family:"Work-Medium";font-size:12px;font-weight:500; width: 100%;}
#div-siguenos-redes{padding-left: 7%}
#espaciado-colorly{padding-left: 2%;padding-right: 35%;}
#linea-final-pagina{position: relative;}
#titulos-footer{font-weight: 600; font-family:'Work-SemiBold';font-weight:600;font-size:15px;}
#orden-redes-sociales ul{padding-top: 6%;}
#orden-redes-sociales ul li{float: left; margin-right: 10px;}
#orden-redes-sociales ul li img{width: 36.41px; height:36.41px;}

.div-princpial-footer .div-secundario-footer .info-empresa { font-size:12px; font-family:'Work-Regular'; font-weight:400; border-top: 1px solid #CCCCCC; height: 66.5px; width: 100%; display: grid; grid-template-columns: 40% auto auto auto auto; align-items: center;}
.item_info { text-align: right; color: #000000; }
.item_info a{ color: #000000; text-decoration: none;}
/* .div-princpial-footer .div-secundario-footer .info-empresa li{font-size: 13px; float: left;text-decoration: none; margin: 1.5%;} */
/* .div-princpial-footer .div-secundario-footer .info-empresa li a{text-decoration: none;} */


/*Bloque Unete colorly*/
.unete-colorly {padding: auto; position: relative;text-align:center;color:#fff;font-size: 36px;font-weight: 600;}
.unete-descripcion{padding: 1em; position: relative;color:#fff;text-align:center;color:#fff;font-size: 15px;font-weight: 500;}
#div-buttons{width:fit-content ;margin: 0 auto; padding-bottom: 3%;}
#div-button-individual{width:fit-content;margin: 0 auto;display: flex;float: left;}
#button-unete{ margin: 3% 20px;filter: drop-shadow(0 2px 5px #00000047);text-transform:uppercase;padding: 16px 45px;border-radius:5px;height: 20px;text-decoration:none;background-color:#fff;color:#000000;font-weight: 600;font-size: 15px;}
#button-unete:hover{background-color:#fff;font-size: 16px;}
/*padding-left: 32%;padding-bottom: 1.5%;padding-right: 32%;*/


/*Buscador home*/
#buscador,.filtros-propiedades {padding: 50px 0 0;position: relative;display: table;width: 100%;}
.buscador .input{float: left;position: relative}
.buscador .input label{height: 20px;overflow: hidden;font-style: italic;display: none !important;}
.buscador .input.text .icon-search{position: absolute;width: 50px;height: 50px;background: #00c3ec;color: #fff;font-size: 22px;text-align: center;line-height: 50px;border-radius: 0 3px 3px 0;right: -1px}
.buscador .input.text.ciudad {width: 96%;}
.buscador .mask-buscador{background: #fff;border-radius: 3px}
.buscador{width: 96%;background: #fff;border-radius: 3px;background:rgba(255,255,255,0.3);}
.buscador .input.select.zona{width: 22.89%;margin-right: 10px;}
.busqueda-avanzada-link{color: #264794;font-size: 18px;font-weight: 700;text-decoration: none;position: relative;margin: 0 auto;display: table !important;margin-bottom: 40px;}
.busqueda-avanzada-link span:before {
    content: '';
    background: url(/img/busqueda.svg);
    background-repeat: no-repeat;
    width: 22px;
    height: 28px;
    display: inline-block;
    left: -38px;
    position: absolute;
    top: -4px;
}
.busqueda-avanzada-link:not(.hide) span:nth-child(1){display:inline-block}
.busqueda-avanzada-link:not(.hide) span:nth-child(2){display:none}
.busqueda-avanzada-link.hide span:nth-child(1){display:none}
.busqueda-avanzada-link.hide span:nth-child(2){display:inline-block}
.busqueda-avanzada-link span{position:relative}
.filtros-propiedades .btn1{padding: 0;float: left;}
.filtros-propiedades .btn1 a{color: #fff;text-decoration: none;}
.btn1 .icon-search{margin-right: 5px;position: relative;top: 2px}
#buscador .title,.filtros-propiedades .title{display: inline-block;margin-bottom: 9px;}
#buscador .title .icon-search,.filtros-propiedades .title .icon-search{font-size: 25px;margin-right: 10px}


/*Inicio bloque casa*/
ul:not(.list_view) .opacity-layer {/* background: linear-gradient(to top, #000000B3, transparent); */position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.bloque-propiedades {padding: 52px 0 62px 0; position: relative; }
.bloque-propiedades .sub_title.b{display: inline-block;margin-bottom: 0;margin-right: 20px}
.bloque-propiedades ul{margin: 0;padding: 0;position: relative;}
.bloque-casa .cat_inmueble{height: 20px;border-radius: 2px;background: #fff;color: #1fbbdf;font-weight: 700;text-transform: uppercase;font-size: 0.8em;display: inline-block;position: absolute;right: 10px;top: 14px;padding: 0 5px;line-height: 20px;display: none;}
.bloque-casa{border-radius: 3px;position: relative;color: #484848;float: left;margin-bottom: 60px;box-shadow: 0 2px 9px 0px rgba(0,0,0,.13);/*-webkit-transition:all 0.6s ease 0s;transition: all 0.6s ease 0s;*/background: #F7F7F7;margin-right: 3%;width: 30%;overflow: hidden;height: 450px;}
.bloque-casa.last{margin-right: 0}
.bloque-casa .cont-img{position: relative;overflow: hidden;border-radius: 3px 3px 0 0}
.bloque-casa .foto-casa{width: 100%;height: 223px;object-fit: cover;}
.bloque-casa .info{}
.bloque-casa .nombre{font-weight: 700;overflow: hidden;text-transform: uppercase;font-size: 16px;line-height: 20px;}
.bloque-casa .nombre a{color: #484848;text-decoration: none;height: 36px;overflow: hidden;display: inline-block;font-size: 15px;line-height: 18px;}
.bloque-casa .tipo{display: block;text-transform: none;font-size: 14px;line-height: 17px;margin-bottom: 10px;font-weight: 500;}
.bloque-casa .texto{padding: 20px 30px;height: 170px;box-sizing: border-box;}
.bloque-casa .precio{color: #fff;font-size: 1em;display: block;font-weight: 700;position: absolute;bottom: 8px;left: 15px}
.bloque-casa .icon-bano{position: relative;top: 7px;float: left;background:#958fb7 url(style/icon-bano.png) no-repeat;display: inline-block;width: 18px;background-size: 18px;height: 17px;margin-right: 8%;line-height: 1.2em;}
.bloque-casa .icon-terreno{top: 7px!important;background: #958fb7 url(style/icon-terreno.png) no-repeat;display: inline-block;width: 21px;background-size: 21px;height:21px;margin-right: 3%;line-height: 1.2em;}
.bloque-casa .icon{text-align: right;font-size: 1.3em;color: #000000;float: left;position: relative;top: 6px;width: 20px;margin-right: 7px;}
.bloque-casa .icon-shower, .bloque-casa .icon-expand{font-size: 1em;top: 8px}
.bloque-casa .icon-expand{display:none}
.icon-cama{background-image: url(/img/icon-cama.svg);background-repeat: no-repeat;background-size: 100%;width: 26px!important;}
.icon-banio{background-image: url(/img/icon-bano.svg);background-repeat: no-repeat;background-size: 100%;width: 25px!important;}
.icon-metros{background-image: url(/img/icon-metros.svg);background-repeat: no-repeat;background-size: 100%;width: 16px!important;}
.icon-telefono-blue-light{background-image: url(/img/icon-telefono-blue-light.png);background-repeat: no-repeat;background-size: 100%;width: 14px; margin-top:10px;height: 14px;display:inline-block;}
.icon-email-blue-light{background-image: url(/img/icon-email-blue-light.png);background-position-y: 5px;background-repeat: no-repeat;background-size: 100%;width: 16px; height: 16px; /*margin-top:12px;*/display:inline-block;}
.bloque-casa #icon-corazon{text-align: right;position: relative;}
.bloque-casa .icon-corazon{width: 30px;height: 30px;position: absolute;top: 18px;right: 18px;padding: 8px 6px;background: #BFCD44;border-radius: 50%;box-sizing: border-box;}
#vista-propiedad .caracteristicas .icon-metros{background-size: 38%;background-position: center;width: initial!important;}
#vista-propiedad .caracteristicas .icon-cama{background-size: 32%;background-position: center;width: initial!important;}
#vista-propiedad .caracteristicas .icon-banio{background-size: 56%;background-position: center;width: initial!important;}

.bloque-casa .caracteristicas{display: flex;background: #E9E9E9;padding: 15px 30px;}
.bloque-casa .dato{display: flex;line-height: 2em;margin-right: 5%;box-sizing: border-box;}
.bloque-casa .dato:last-child{margin-right: 0}
.bloque-casa .dato .text{float: left;width: calc(100% - 28px);font-size: 13px;color: #484848;}
.bloque-casa .parrafo{margin-bottom: 35px;max-height: 62px;overflow: hidden}
.bloque-casa .precio-especial{color: #aeaeae;font-size: 1em;font-weight: 700;text-decoration: line-through;display: block;line-height: 15px}
.bloque-casa .button{text-align: center;float: right;display: none;}
.bloque-casa .button .btn1{padding: 0 50px;}
.bloque-casa.hover .button{opacity: 1;-webkit-transition:all 0.5s ease 0s;transition: all 0.5s ease 0s}
.bloque-casa .button{display: none;}
.bloque-casa .ubicacion{font-size:14px;line-height:17px}
.list_view .bloque-casa .ubicacion .icon{top: -5px;}
.bloque-casa .ubicacion .icon{top:0;color: #999999;font-size: 14px;width: auto;}
.bloque-casa .ubicacion .text{color:#999999;}
.bloque-casa .inversion{color:#BFCD44;margin-top: 12px;margin-left: 16px;font-size: 17px;line-height: 19px;}
/*.bloque-casa.hover{ box-shadow: 0 2px 28px 5px #c7c7c7;}*/
.bloque-casa.hover{ box-shadow: 0 2px 12px 0px rgba(0,0,0,.4);-webkit-transition:all 0.6s ease 0s;transition: all 0.6s ease 0s; }
#menu-scroll{background: #fff;height: 54px;position:fixed; width: 100%;z-index: 4;top:0px;display: none;box-shadow: 0 0 3px #333}
#menu-scroll .logo2{width: 207px;margin-top: 10px}
#menu-scroll .dato-menu{color: #515257;margin-top: 18px;margin-right: 38px}
#menu-scroll .dato-menu a{color: #515257}
#menu-scroll .cont-logo{float: left;}
#menu-scroll .redes-sociales .icon-social{color: #6f6c83}
#menu-scroll .redes-sociales .icon-social:hover{color: #00b3d8}
#menu-scroll .redes-sociales{float: left;margin-top: 20px;margin-right: 44px}
#menu-scroll .coll-full{max-width: initial;width: auto;padding: 0 50px}
#menu-scroll .bloque-right{float: right}
/*
.barras-menu span{height: 3px;display: block;margin-bottom: 3px;background: #2f2f2f;transition: all 0.3s;-webkit-transition: all 0.3s}
.barras-menu:hover span{background: #00b3d8}
.barras-menu{cursor: pointer;width: 18px;height: 15px;float: left;margin-top: 20px}*/
.text-menu{color: #2f2f2f;font-size: 0.88em;text-transform: uppercase;font-weight: 700;margin:21px 10px 0 0;line-height: 12px;float: left}

#ubicacion_feed{border-top: 1px solid #dedede}
.autocomplete_options{opacity: 0;transition: all 0.5s ease 0s;-webkit-transition:all 0.5s ease 0s;z-index: 1;}
.autocomplete_options.active{opacity: 1;z-index: 100;transition: all 0.5s ease 0s;-webkit-transition:all 0.5s ease 0s;-webkit-box-shadow: 1px 0px 18px 0px rgba(0,0,0,0.15);-moz-box-shadow: 1px 0px 18px 0px rgba(0,0,0,0.15);box-shadow: 1px 0px 18px 0px rgba(0,0,0,0.15);}
.autocomplete_options li{-moz-border-bottom-colors: none;-moz-border-left-colors: none;-moz-border-right-colors: none;-moz-border-top-colors: none;background-color: #F7F7F7;cursor: pointer;font-size: 14px;list-style-type: none;margin: 0;padding: 14px 12px;z-index: 1000;-webkit-transition:all 0.3s ease 0s;transition: all 0.3s ease 0s;height: 19px;color: #999999;text-align: center;}
.autocomplete_options li.ubicaciones_list.hover{background-color: #E6E6E6;}
/*a.btn1:hover{ background: #403893 none repeat scroll 0 0; -webkit-transition:all 0.3s ease 0s;transition: all 0.3s ease 0s; }*/
/*button.btn1:hover{ background: #403893 none repeat scroll 0 0; -webkit-transition:all 0.3s ease 0s;transition: all 0.3s ease 0s; }*/
#menu_lateral{margin: 0;width: 240px;height: auto;}
.menu-desplegable{position: fixed;top: 83px;right: -100%;z-index: 50;background: #fff;overflow-x: hidden;overflow-y: auto;min-height: 100%;bottom: 0;-webkit-transition:all 0.3s cubic-bezier(0.65, 0.05, 0.36, 1) 0s;transition: all 0.3s cubic-bezier(0.65, 0.05, 0.36, 1) 0s;}
.menu-desplegable.activo{top:83px;width:100%;right: 0px; -webkit-transition:all 0.3s cubic-bezier(0.65, 0.05, 0.36, 1) 0s;transition: all 0.3s cubic-bezier(0.65, 0.05, 0.36, 1) 0s;}
#menu_lateral{margin: 0;width: 100%;height: auto;padding-top: 25px;}
#menu_lateral .link-home{font-size: 1.17em;color: #000;font-weight: 700;line-height: 56px;border-bottom: 2px solid #d7d7d7;padding-left: 25px;margin-top: 0}
#menu_lateral li a,#menu_lateral li .open-submenu{text-decoration: none;text-transform:uppercase;display: block;font-weight:600px;color: #000000;font-size: 20px;padding: 19px;}
#menu_lateral li ul li a{padding-left: 30px;background-color: #DBC9E3;}
#menu_lateral li.selected a{ color: #00c3ec; }
#menu_lateral li.selected .activo a{color: #fff}
#menu_lateral li a:hover,#menu_lateral li.selected a.principal,#menu_lateral a.selected-link,#menu_lateral li .open-submenu:hover{color:grey;font-weight:700px;}
#menu_lateral li{list-style: none;width: 100%;min-height: 56px;box-sizing: border-box;}
#menu_lateral .principal{padding: 0 25px;font-weight: 700}
#menu_lateral ul{
    display: none;
}
#menu_lateral li a.last{padding-bottom: 28px}
.menu_lateral-desplegable{position: fixed;top: 0;left: 0;z-index: 4;background: #fff;border-right: 1px solid #d7d7d7;overflow-x: hidden;overflow-y: auto;min-height: 100%;bottom: 0;-webkit-transition:all 0.3s ease 0s;transition: all 0.3s ease 0s}
#menu_lateral .dropdown li a{font-weight: 300}
#menu_lateral li .open-submenu{cursor: pointer}
#menu_lateral li .open-submenu:after{content:'';}
#menu_lateral li.ultimo a{margin-bottom: 40px}
#page.activo .shadow-page{opacity: 1;visibility: visible;cursor: pointer}
#page .shadow-page{top: 83px;width: 100%;height: 100%;position: fixed;left: 0;z-index: 5;background-color: rgba(0, 0, 0, 0.6);opacity: 0;visibility: hidden;}
body.activo{overflow: hidden}
.li_submenu{border:0!important;}
.link-idioma-mobile{display: block;width: 100%;color: #000000;text-decoration: none;min-height: 56px;box-sizing: border-box;padding: 20px;font-size: 20px; display:none;}
.tel-menu{display: block; margin: 0 auto; width: 150px; text-align: center; color: #fffefe; text-decoration: none; margin-top: 50px;}
.tel-menu .icon-phone{margin-right: 5px}

.input .autocomplete_options{width: 100%;display:block;position:absolute;}
#ubicacion_feed{width: 100%;display: block;margin-left:0px;height: auto;overflow: hidden;max-height: 200px;overflow: scroll;}
#mrastro{margin-top: 10px;color: #88878a;font-size: 0.77em;margin-bottom: 5px; background: #DBC9E3;color: #000000;}
#mrastro a{border-bottom: solid 1px transparent; -webkit-transition:all 0.5s ease 0s;transition:all 0.5s ease 0s;}
#mrastro a:hover{ border-bottom: solid 1px #88878a; -webkit-transition:all 0.5s ease 0s;transition:all 0.5s ease 0s;}
#mrastro a{color: #000000;text-decoration: none;}
.sitemap h3{font-size: 1.7em;color: #63616a;font-weight: 700;margin: 0 0 10px 0;}
.sitemap .bloque{width: 50%;display: inline-block;float: left;margin-bottom: 40px;}
.sitemap .bloque ul li{list-style: circle;}
.sitemap .bloque a{color: #079fbf;font-size: 0.9em;text-decoration: none;font-weight: 300;}
.sitemap .bloque a:hover{text-decoration: underline;}
.sitemap .desc{color: #63616a;font-size: 1.7em;margin-top: 10px;margin-bottom: 8px;display: block;}
.sitemap .subtitle{font-size: 0.9em;color: #63616a;}
#sb-body-inner{background-color: #FFFFFF;}
#sb-wrapper #sb-nav-close{position: absolute;right: -25px;top: 0}
#sb-wrapper #sb-nav-close{background-image: url("style/cruz.png");background-size: 100% auto;height: 40px;width: 40px;}
#sb-info, #sb-info-inner,#sb-nav{height: auto !important}
#sb-info, #sb-info-inner{position: static !important;}

/*Categorias*/
.bloque_cat{width: 23%;float: left;margin-right: 2.66%;}
.bloque_cat a{color: #343434;text-decoration: none;display: block;position: relative;}
.bloque_cat:last-child{margin-right: 0}
.bloque_cat .img-wrap{margin-bottom: 20px;overflow:hidden}
.bloque_cat .img-wrap .img-bloque{width: 100%; -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;}
.bloque_cat .img-wrap .img-bloque:hover {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
}
.title-bloque{font-size: 1em;color: #343434;font-weight: 700;text-transform: uppercase;height: 19px;overflow: hidden;margin-bottom: 2px;display: block;display: none;}
.parrafo-bloque{/* height: 34px; *//* overflow: hidden; */color: #2B4A8A;text-align: center;font-weight: 400;font-size: 17px;line-height: 20px;}
.bloque_cat .title-bloque{font-size:24px;line-height: 25px;text-align: center;position: absolute;padding: 0 10px;box-sizing: border-box;top: 38%;width: 100%;height: auto;text-transform: none;color: #fff;display: block;overflow: visible;}
/*Servicios*/
#servicios{padding: 43px 0;}
.bloque_ser a{color: #343434;text-decoration: none;}
.bloque_ser{width: 31.66%;float: left;padding-bottom: 20px;margin-right: 2.51%;height: 330px;}
.bloque_ser:last-child{margin-right: 0}

/*Newsletter*/
.banner-suscripcion{position: relative;width: 100%;overflow: hidden;height: 180px;background: #dad5ce;position: relative;border-radius: 3px;margin: 18px 0 94px}
.banner-suscripcion .parrafo{width: 35%;margin-bottom: 21px;position:relative;}
.banner-suscripcion::before{content: '';background: url(style/banner-suscripcion.png) no-repeat;background-position: center left;height: 100%;width: 100%;position: absolute;right: 0;top: 0;box-shadow: 191px 17px 47px 3px rgba(183, 170, 154, 0.5) inset;background-size: cover;}
.banner-suscripcion .suscripcion{overflow: hidden;margin: 37px 0 0 3.5%;}
.banner-suscripcion #newsletter {width: 76.8%;float: right}
.banner-suscripcion #mc-embedded-subscribe-form {width: 64.88%;width: 32.6%;overflow: hidden;min-width: 250px;position: relative;}
.banner-suscripcion .title-banner{margin-bottom: 26px;text-align: right;}
.title-banner{font-size: 2em;font-weight: 300;display: block}
#newsletter .input.text label{display: none}
#newsletter .input.text{width: 76%}
#newsletter .input.text input{font-size: 1.2em;color: #484848;font-weight: 300;-webkit-appearance: none;border-radius: 0;height: 42px;width: 100%;box-sizing: border-box;padding: 0 17px;border: none;float: left}
#newsletter button{width: 24%;height: 42px;line-height: 42px;text-align: center;padding: 0;font-size: 1.2em;font-weight: 300}

#mc-embedded-subscribe-form .input.text label{display: none}
#mc-embedded-subscribe-form .input.text{width: 69%;display: block;float: left;margin-right: 2.8%;}
#mc-embedded-subscribe-form .input.text input{width: 100%;border: none;float: left}
#mc-embedded-subscribe-form input[type="submit"]{float: left;width: 28.2%;text-align: center;padding: 0;-webkit-appearance: none;}
#mc-embedded-subscribe-form #mce-responses{display: block;width: 100%;float: left;}
#mc-embedded-subscribe-form #mce-success-response{color: #8aec8a;background: rgba(0,0,0,0.6);padding: 10px;box-sizing: border-box;font-weight: 100;}
#mc-embedded-subscribe-form #mce-error-response{color: red;background: rgba(0,0,0,0.6);padding: 10px;box-sizing: border-box;font-weight: 100;}
#mc_embed_signup div.mce_inline_error{font-weight: 300 !important;padding: 6px 0 0 0 !important;box-sizing: border-box;float: left;width: 100%;font-size: 0.8em;color: #cc0b0b!important;background: none!important}

.barras-menu {display:none;width: 30px; height: 25px; position: relative; margin: 50px auto; margin-top: 20px; margin-right: 0; margin-bottom: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer; }
.barras-menu span{display: block; position: absolute; height: 2px; width: 100%; background: #000000; /*border-radius: 9px;*/ opacity: 1; right: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; }
.barras-menu span:nth-child(1) {top: 0px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; }
.barras-menu span:nth-child(2) {top: 10px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; width: 75%;text-align: left;}
.barras-menu span:nth-child(3) {top: 20px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; }
.barras-menu.open span:nth-child(1) {-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);top: -5px;left: 5px;}
.barras-menu.open span:nth-child(2) {width: 0%; opacity: 0; }
.barras-menu.open span:nth-child(3) {-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);top: 16px;left: 5px;}
.rotate{transform: rotate(90deg);-moz-transform: rotate(90deg);-o-transform: rotate(90deg);-webkit-transform: rotate(180deg);-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}


@media only screen and (max-width: 1400px), only screen and (max-device-width: 1400px){
   .menu-desplegable{right:-260px;-webkit-transition:all 0.2s ease 0s;transition: all 0.2s ease 0s}
   /*.barras-menu{display: block}*/
   #menu-scroll .title-menu{margin-left: 85px}
   #layout{padding-left: 0}
   #page{padding-left: 0}
}
@media only screen and (max-width: 1420px), only screen and (max-device-width: 1420px){
  #attraction .info{top: 105px;}
  #subattraction .info{top: 105px;}
}
@media only screen and (max-width: 1280px){
  #attraction{max-height: 500px;}
  #attraction img{ object-fit: inherit;}
  #subattraction{max-height: 500px;}
  #subattraction img{ object-fit: inherit;}
  
}

@media screen and (max-width: 1395px){
  header .content-header{ 
    margin: 0px;
    min-width: -webkit-fill-available;
    z-index: 100000;
    background-color: transparent;
    height: 100%;
    display: grid;
    grid-template-columns: 90% 10%;
  }
}

@media screen and (max-width: 1395px){
  header .content-header{ 
    margin: 0px;
    min-width: -webkit-fill-available;
    z-index: 100000;
    background-color: transparent;
    height: 100%;
    display: grid;
    grid-template-columns: 90% 10%;
  }

  img{vertical-align: middle;}

  .div-princpial-footer .div-secundario-footer .div-terciario-footer .recibe-novedades {display:inline;width: 100%; position: absolute;margin-top: 1%;padding-right: 2%;border-bottom: 1px solid grey;padding-bottom: 30px;}
}


@media only screen and (max-width: 1200px), only screen and (max-device-width: 1200px){
    #social_media .grid4 img {height: 267px;}
    .grid4{height: 325px}
}
@media only screen and (max-width: 1395px), only screen and (max-device-width: 1395px){
  #logo img{
    width: 170px;
  }
  
  .bloque-casa .button{opacity: 1}
  .barras-menu{display:block;float: right;margin: 0;position: absolute;right: 10px;margin-top: 4px;}
  header .barras-menu:before{/*content:'MENU';display: inline-block;position: absolute;left: -58px;font-size: 14px;color: #264794;font-weight: 700;*/}
  #menu{display:none;}
  .acciones-col-2, .acciones-col-1 .acciones .link-idioma{display:block;}
  .acciones-col-2{border-left:unset;}
  .content-header .acciones-content{margin: 22px 0 22px 0;display: block;float: right;margin: 0;position: absolute;right: 80px;}
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
    .attraction_2{
      background-position: center center;
      background-attachment:scroll;
  }

}
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {
    .attraction_2{
      background-position: center center;
      background-attachment:scroll;
  }
}

/*CAMBIOS A 3 PROPIEDADES POR FILA EN HOME*//*
.lista-propiedades .bloque-casa{background:#fff;height:580px;margin-right:2.72%;width:31.52%}
.lista-propiedades .bloque-casa .cont-img{max-height:267px;overflow:hidden;position:relative;width:100%}
.lista-propiedades .bloque-casa .foto-casa{min-width:275px;width:100%}
.lista-propiedades .bloque-casa .info{background:0 0;position:initial;width:100%}
.lista-propiedades .bloque-casa .texto{padding:10px 4.2% 60px}
.lista-propiedades .bloque-casa .icon-home2{float:left;margin-right:12px}
.lista-propiedades .bloque-casa .precio{font-size:1em;font-weight: 700;color: #fff;margin-top:7px;position: absolute;bottom: 0;left: 0}
.lista-propiedades .bloque-casa .button{left:0;margin:0 auto;right:0}
.lista-propiedades .bloque-casa .proyecto_monzon{color:#00c3ec;display:inline-block;font-size:1.1em;font-weight:700;height:auto;line-height:55px;padding:0 6px;position:absolute;right:0;text-transform:uppercase;width:30%;z-index:1}
.lista-propiedades .bloque-casa .proyecto_monzon img{height:auto;width:100%}
.lista-propiedades .bloque-casa.last{margin-right:0}

.lista-propiedades .bloque-casa .estado {z-index: 1;background: #fff none repeat scroll 0 0;color: #00c3ec;display: inline-block;font-size: 1.1em;font-weight: 700;height: 55px;left: 0;line-height: 55px;padding: 0 30px;position: absolute;text-transform: uppercase;top: 64px;}
.lista-propiedades .bloque-casa.vendido img{filter:gray; -o-filter: grayscale(100%); filter:grayscale(100%); -webkit-filter:grayscale(100%); -ms-filter:grayscale(100%);}
.lista-propiedades .bloque-casa.vendido .estado{color: #6f6c83}

*/
@media only screen and (min-width: 769px), only screen and (min-device-width: 769px){
  #categorias .bloque_cat:nth-child(4n+0){margin-right: 0!important;}
  #servicios .bloque_ser:nth-child(3n+0){margin-right: 0!important;}
}
@media only screen and (max-width: 425px), only screen and (max-device-width: 425px){
   .menu-desplegable{right:-100%;-webkit-transition:all 0.2s ease 0s;transition: all 0.2s ease 0s}
}
.lista-propiedades {padding-top: 5px !important;}
#listado-propiedades .sub_title{color: #444644;}

.buscador .input.text.ciudad{
  transition: opacity .5s ease;
}

#buscador .buscador{
  margin-bottom: 15px;
  width: 100%;
  position: relative;
  height: auto !important;
  overflow: visible !important;
  display: block;
  float: left;
}

#buscador .buscador .select-styled, #buscador .buscador .autocomplete{
  padding-left: 45px !important;
}
#buscador .buscador .select-styled:before, 
#buscador .buscador .zona:before{
  content: '';
  display: block;
  height: 20px;
  width: 20px;
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  left: 14px;
  margin-top: 1px;
  z-index: 2;
}

#buscador .buscador .disponibilidad .select-styled:before,
#buscador .buscador .precio .select-styled:before{
  background-image: url(/img/icon-dollar.svg);
}

#buscador .buscador .tipo .select-styled:before{
  background-image: url(/img/icon-home.svg);
}
#buscador .buscador .recamaras .select-styled:before{
  background-image: url(/img/icon-cama-azul.svg);
}

#buscador .buscador .banos .select-styled:before{
  background-image: url(/img/icon-bano-azul.svg);
}
#buscador .buscador .zona:before{
  background-image: url(/img/icon-marker.svg);
  margin-top: 16px;
}

.prev-buscador{
  display: flex;
}
#filtros_buscar, #filtros_buscar, #buscador .buscador>div .btn1{
  padding: 0;
  min-width: 95px;
  float: left;
  border-radius: 0;
  font-size: 17px;
  height: 56px;
  width: 25%;
}
.select-hidden {
  display: none;
  visibility: hidden;
  padding-right: 10px;
}

.select {
  cursor: pointer;
  display: inline-block;
  position: relative;
  font-size: 16px;
  color: #fff;
  width: 220px;
  height: 40px;
}

.select-styled {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #F7F7F7;
  padding: 17px 15px;
  -moz-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  -webkit-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
  color: #999999;
  font-size: 17px;
}
.select-styled:after {
  content: "";
  width: 0;
  height: 0;
  border: 5px solid transparent;
  border-color: #999999 transparent transparent transparent;
  position: absolute;
  top: 42%;
  right: 10px;
}

.select-styled:active:after, .select-styled.active:after {
  top: 34%;
  border-color: transparent transparent #999999 transparent;
}

.select-options {
  display: none;
  position: absolute;
  top: 100%;
  right: 0;
  left: 0;
  z-index: 999;
  margin: 0;
  padding: 0;
  list-style: none;
  background-color: #F7F7F7;
  border-top: 1px solid #BABABA;
  -webkit-box-shadow: 1px 0px 18px 0px rgba(0,0,0,0.15);
  -moz-box-shadow: 1px 0px 18px 0px rgba(0,0,0,0.15);
  box-shadow: 1px 0px 18px 0px rgba(0,0,0,0.15);
}
.select-options li {
  margin: 0;
  padding: 12px 0;
  border-top: none;
  -moz-transition: all 0.15s ease-in;
  -o-transition: all 0.15s ease-in;
  -webkit-transition: all 0.15s ease-in;
  transition: all 0.15s ease-in;
  color:#999999;
  text-align: center;
}
.select-options li:hover {
  background: #E6E6E6;
}
.select-options li[rel="hide"] {
  display: none;
}

#buscador .buscador span.icon-angle-down{
  display:none;
}
#buscador .buscador>div{
  width:100%;
  float: left;
  background-color: #F7F7F7;
  margin-bottom: 40px;
  height: 56px;
  -webkit-box-shadow: 0px 6px 18px 8px rgb(138,149,158,0.35);
  -moz-box-shadow: 0px 6px 18px 8px rgb(138,149,158,0.35);
  box-shadow: 0px 6px 18px 8px rgb(138,149,158,0.35);
}
#buscador .buscador>.herramientas.avanzada{display: none;}
#buscador .buscador .herramientas>div{width:25%;height: auto;}
#buscador .buscador .herramientas>div .select{width:100%;height: 56px;}

#buscador .buscador .input input, #buscador .buscador .input select{
  background-color: #F7F7F7;
  padding: 17px 15px;
  -moz-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  -webkit-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
  color: #999999;
  font-size: 17px;
  box-shadow: none;
  border: none;
  height: 56px;
  margin: 0;
}

section#categorias{
  margin-top:40px;
  margin-bottom: 100px
}

section#productos{
  padding:100px;
  background: url('/img/bg_productos.jpg');
  color:#fff;
  position: relative;
}
section#productos:after {
    content: '';
    position: absolute;
    background: rgb(0 0 0 / 50%);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
section#productos .coll-full{
  z-index:1
}
section#productos .sub_title{margin-bottom:0}
section#productos .title, section#productos .sub_title{
  color:inherit
}
section#productos .elements{
  display:table;
  width: 100%;
}
section#productos .elements .item{
  width: 25%;
  float: left;
  text-align: center;
  padding: 0 20px;
  box-sizing: border-box;
  margin-top: 60px;
}

section#productos .elements .item img{
  margin:0 auto;
  display: block;
  height: 100px;
}
section#productos .elements .item h5{
  font-size:24px;
  font-style:initial;
  line-height: 26px;
  height: 55px;
  overflow: hidden;
  margin: 32px 0 18px;
  font-weight: bold;
}
section#productos .elements .item p{
  font-size:16px;
  line-height:19px
}

section#productos.inverted{
  color:#343434;
  background-image:none
}

section#productos.inverted:after{
  display:none
}

section#productos.inverted .elements .item h5{
  color:#2B4A8A
}

section#cita{
  padding:110px 0
}
section#cita blockquote{
    color: #344991;
    font-size: 39px;
    line-height: 46px;
    text-align: center;
    position: relative;
    margin-bottom: 130px;
    /*font-family: 'Gordita Medium', Arial, -serif !important;*/
    font-weight: 500;
}
section#cita blockquote div{
    /*font-family: 'Gordita Medium', Arial, -serif !important;*/
    font-weight: 500;
}
section#cita blockquote span{
    font-weight: bold;
}
section#cita blockquote:after, section#cita blockquote:before {
    font-family: 'Gordita', Arial, -serif;
    /*font-family: Arial;*/
    font-weight: normal;
    color: #0098D7;
    font-size: 4em;
    position: absolute;
}

section#cita blockquote:before {
    content: "“";
    left: 10%;
    top: 10%;
}

section#cita blockquote:after {
    content: "”";
    right: 10%;
    bottom: -70px;
}
section#cita blo.icon-camackquote span>span, section#cita blockquote div>span{
  color:#BFCD44;
  font-weight: bold !important;
  /*font-family: 'Gordita Bold', Arial, -serif !important;*/
}

section#cita .links{
  display: table;
    margin: 0 auto;
}
section#cita .links .btn1{
  float:left;
  width: 300px;
  background: #0098D7;
  font-family: 'Gordita', -serif;
  font-weight: 500;
  padding-top: 4px;
}

section#cita .links .btn1:hover{
  background: #0280b5;
}
section#cita .links .btn2{
  margin-left:35px;
  background: #BFCD44;
}
section#cita .links .btn2:hover{
  background: #9EAF0A;
}
   
.visible-mobile{display:none}
body.modal-open{overflow:hidden}

/* - Bloques informativos - */

/* escritorio */
@media screen and (min-width: 781px) {
  .contenedor_bi{
    width: 90%;
    max-width: 1200px;
    height: 618px;
    margin: auto;
    padding: 70px 0;
    display: flex;
    position: relative;
    align-items: center;
    justify-content: center;
  }

  .contenedor_bi .informativo {
    height: 618px;
    width: 100%;
    position: absolute;
    display: flex;
    align-items: center;
  }
  .contenedor_bi .informativo2 {
    height: 618px;
    width: 100%;
    position: absolute;
    display: flex;
    align-items: center;
    background: #A8DDEB;
  }

  .contenedor_bi .contenedor_info{
    width: 936px;
    height: 618px;
    position: absolute;
    display: flex;
    align-items: center;
  }

  .contenedor_bi .ctr_info_2{
    justify-content: flex-end; 
  }

  .contenedor_bi .info_bloque_1 {
    margin-left: 60px; 
  }

  .contenedor_bi .info_bloque_2 {
    margin-right: 50px;
  }

  .contenedor_bi .contenedor_img {
    width: 483px;
    height: 510px;
    position: absolute;
  }
  .contenedor_bi .img_info{
    border-radius: 5px;
    border : 13px solid white;
    width: 100%;
    height: 100%;
  }

  .contenedor_bi .img_info_1{
    left: 55%;
  }

  .contenedor_bi .img_info_2{
    left: 5%;
  }

  .contenedor_bi .informacion{
    width: 450px;
  }

  .contenedor_bi .informativo_bloque_1{
    justify-content: flex-start;
  }

  .contenedor_bi .informativo_bloque_2{
    justify-content: flex-end;
  }

  .contenedor_bi .subtitulo_info {
    font-size: 15px;
    font-family: "Work-Medium";
    letter-spacing: 5px;

    margin: 5px;
  }

  .contenedor_bi .marcar_registrada{
    font-size: 20px;
    vertical-align: super;
  }

  .contenedor_bi .titulo_info{
    font-size: 42px;
    font-family: 'LibreBaskerville-Bold';
    line-height : 49px;
    margin: 15px 0px 15px 0px;
  }

  .contenedor_bi .descrip_info{
    font-size: 15px;
    line-height : 24px;
    font-family: "Raleway";
    margin-bottom: 50px;
  }

  .contenedor_bi .btn_info {
    color: white;
    background-color: #000000;
    width: 179px;
    height: 50px;
    border-radius: 5px;
    text-decoration: none;
    text-align: center;
    font-size: 15px;
    font-family: "Work-Medium";
    padding: 15px 30px 15px 30px;
  }
}
  /* fin escriorio */

  /* inicio mobiles*/
@media screen and (min-width: 320px) and (max-width: 780px){
  .contenedor_bi{
    width: 100%;
    margin: 0px 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 179px;
  }

  .contenedor_bi .informativo {
    width: 100%;
    height: 612px;
    display: flex;
    justify-content: center;
  }

  .contenedor_bi .img_info{
    width: 338px;
    height: 357px;
  }

  .contenedor_bi .contenedor_info{
    position: relative;
    background: #E3D8E2;
    top: 179px;
    height: 612px;
  }

  .contenedor_bi .contenedor_img {
    position: absolute;
  }

  .contenedor_bi .img_info{
    border-radius: 6px;
    border : 4px solid #FFF;
  }
  
  .contenedor_bi .informacion {
    margin-top: 200px;
    padding: 18px;
  }

  .contenedor_bi .subtitulo_info {
    font-size: 10px;
    font-family: "Work-Medium";
    
    letter-spacing: 5px;
    margin: 5px;
  }

  .contenedor_bi .marcar_registrada{
    font-size: 20px;
    vertical-align: super;
  }

  .contenedor_bi .titulo_info{
    font-size: 42px;
    font-family: "Work-SemiBold";
    
    line-height : 49px;
    margin: 15px 0px 15px 0px;
  }

  .contenedor_bi .descrip_info{
    font-size: 13px;
    line-height : 24px;
    font-family: "Work-Medium";
    
    margin-bottom: 50px;
  }

  .contenedor_bi .btn_info {
    color: white;
    background-color: #000000;
    width: 179px;
    height: 50px;
    border-radius: 5px;
    text-decoration: none;

    text-align: center;
    font-size: 15px;
    font-family: "Work-Medium";
    padding: 15px 30px 15px 30px;
  }
}
/* fin mobiles*/




/* fin bloques informativos */
/*BLOQUE PRODUCTOS*/
.rastreo-coloracion{width: 100%;height: 25px;font-size: 12px;background: #EFE7F2;}
.rastreo-coloracion h2{font-weight: 400;margin: 4px;padding-left: 8%;padding-top: 4px;}

.bloque-presentacion-coloracion{width: 100%;height: 250px;color: #000000;justify-content: right;display: flex;z-index: 1;}
.bloque-presentacion-coloracion_nos{width: 100%;height: 250px;color: #000000;justify-content: right;display: flex;z-index: 1;}

.bloque-presentacion-coloracion .txt-intro{padding-left: 6%;padding-top: 3%;padding-right: 5%;float: left;z-index: 10;}
.bloque-presentacion-coloracion .txt-intro .titulo-intro h2{font-size: 42px;font-weight: 600;margin-bottom: 1.5%;margin-top: 1.5%;z-index: 100;}
.bloque-presentacion-coloracion .txt-intro .descripcion-intro h2{padding-left: 0.5%; font-size: 14px;font-weight: 600;;margin-bottom: 1.5%;margin-top: 1.5%;z-index: 100;}
.bloque-presentacion-coloracion .img-intro img{float: left;height: 250px;}

.bloque-presentacion-coloracion_nos .txt-intro{padding-left: 6%;padding-top: 3%;padding-right: 5%;float: left;z-index: 10;}
.bloque-presentacion-coloracion_nos .txt-intro .titulo-intro h2{font-size: 42px;font-weight: 600;margin-bottom: 1.5%;margin-top: 1.5%;z-index: 100;}
.bloque-presentacion-coloracion_nos .txt-intro .descripcion-intro h2{padding-left: 0.5%; font-size: 14px;font-weight: 600;;margin-bottom: 1.5%;margin-top: 1.5%;z-index: 100;}
.bloque-presentacion-coloracion_nos .img-intro img{float: left;height: 250px;}


.productos-area {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    column-gap: 35px;
    width: 100%;
}

.link_detalles{
  text-decoration: none;
}

.productos-mostrados{
  justify-content: center;
  color:#000;
  margin-bottom: 75px;
  min-height: 465px; 
  width: 100%;
  text-align: center;
}


.card_productos_categorias .foto_producto{
    width: 241px;
    height: 283px;
    color: #958fb7;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.card_productos_categorias .nombre_producto{
    text-align: center;
    color: black;
    font-family: 'Work-Bold';
    font-weight: 700;
    font-size: 18px;
    padding: 0px 15px 0px 15px;
}

.card_productos_categorias .descripcion_producto{
  font-family: "Raleway";
  text-align: center;
  font-weight: 400;
  color: black;
  font-size: 17px;
  padding: 0px 15px 0px 15px;
}

.productos-mostrados{
    margin-bottom: 75px;
    min-height: 465px;justify-content: center;
    width: 100%;
    
}
.productos-mostrados li{color:#000000;font-family:Work ;padding-top: 20px 15px 20px 15px;}
.productos-mostrados .foto-producto img{width: 100%;margin-bottom: 30px;height: auto;}
.productos-mostrados .nombre-producto{font-size: 14px;font-weight: 700;}
.productos-mostrados .descripcion-producto{font-size: 14px;font-weight: 400;margin-top: 15px;}
.bloque-productos .subtitle{width: 100;}
.bloque-productos{    
    display: inline-block;
    width: 100%;
    padding: 35px 0px 23px 0px;
    border-bottom: 2px solid #CCCCCC;
    margin-bottom: 30px;
}
.bloque-productos .sub_title{margin: 0px;}
.bloque-productos .input input, .bloque-productos .input select,.bloque-productos .input{
    height: 18px;
    width: auto;
    padding: 0px;
    margin: 0px;
    padding-right: 25px;
    position: relative;
    cursor: pointer;
    line-height: 15px;
}
.bloque-productos .input{
    padding: 0px;
}
.bloque-productos .mostrando-info{font-size: 15px;color: #000000;line-height: 18px;float: left;}
.bloque-productos .filtro-productos {
    display: grid;
    float: right;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    column-gap: 50px;
}
.bloque-productos .filtro-productos i{    
    position: absolute;
    right: 0px;
    pointer-events: none;
    cursor: pointer;
}
.bloque-productos .filtro-productos i img{    
    width: 15px;
}

/*.bloque-productos .bloque-select-productos{padding: 20px;margin-bottom: 10px;width: 105%;}
.bloque-productos .bloque-select-productos .mostrando-info{float: left;width: 50%;margin-top: 15.5px;}
.bloque-productos .bloque-select-productos .mostrando-info h2{padding-top: 20px 0px;font-weight: 500;}
.bloque-productos .bloque-select-productos .filtro-productos{float: left;width: 50%;text-align: right;font-weight: 600;justify-content: right;display: flex;}
.bloque-productos .bloque-select-productos .filtro-productos i img{width: 12px;position: absolute;top: 61%;right: 7%;}

.bloque-productos .bloque-select-productos .filtro-productos .select-categoria{float: left;font-weight: 600;width: fit-content;}
.bloque-productos .bloque-select-productos .filtro-productos .select-orden{float: left;font-weight: 600;width: fit-content;}*/

.mostrar-mas-btn{width: 100%;display: flex;justify-content: center;height: 70px;}
#button-mostrar{width: fit-content;}

@media screen and (min-width: 1441px) and (max-width: 2560px){
  .contenedor_bi .img_info_2{left:60% !important} 
  .contenedor_bi .img_info_2{left:-5% !important} 
  .contenedor_bi .info_bloque_1{margin-left:12%;}
  .contenedor_bi .info_bloque_2{margin-right:20%;} 
}

@media screen and (min-width: 768px) and (max-width: 1440px){
  /* - Bloques informativos desktop- */
  .contenedor_bi{width:90%;height:618px;margin:auto;padding:70.8px 0px 112px 0px;display:flex;position:relative;align-items:center;justify-content:center}
  .contenedor_bi .informativo{height:618px;width:100%;position:absolute;display:flex;align-items:center; }
  .contenedor_bi .contenedor_info{width:77%;height:618px;position:absolute;display:flex;align-items:center; background-position: center; background-size: contain; background-repeat: no-repeat;}
  .contenedor_bi .ctr_info_2{justify-content:flex-end}
  .contenedor_bi .info_bloque_1{margin-left:15%; z-index: 400}
  .contenedor_bi .info_bloque_2{margin-right:9%; z-index: 400}
  .contenedor_bi .contenedor_img{width:488px;height:488px;position:absolute}
  .contenedor_bi .img_info_1{left:57%}
  .contenedor_bi .img_info_2{left:5%}
  .contenedor_bi .informacion{width:450px}
  .contenedor_bi .informativo_bloque_1{justify-content:flex-start}
  .contenedor_bi .informativo_bloque_2{justify-content:flex-end}
  .contenedor_bi .subtitulo_info{font-family:"Work-Medium";font-size:12px;font-weight:500;letter-spacing:2px;margin:5px}
  .contenedor_bi .marcar_registrada{font-size:20px;vertical-align:super}
  .contenedor_bi .titulo_info{font-size:42px;font-family:"LibreBaskerville-Bold";line-height:49px;margin:15px 0; width: 250px !important}
  .contenedor_bi .descrip_info{font-family:"Raleway";font-size:15px;font-weight:500;line-height:24px;margin-bottom:50px}
  .contenedor_bi .btn_info{color:#fff;background-color:#000000;width:179px;height:50px;border-radius:5px;text-decoration:none;text-align:center;font-size:15px;font-family:"Work-Medium";padding:15px 30px}
}

#contenedor_migas{height: 31.28px; background-color:#fff; border: 1px solid black;}
#contenedor_migas .migas_pan{font-size:12px; font-family:'Work-Regular'; font-weight:400; height: 100%; width: 85%; margin: auto; display: flex; justify-content: start; align-items: center;}
#contenedor_migas .bc_resaltar{font-family:'Work-SemiBold';font-weight:600; color:#000000}
#contenedor_migas .bc_separador{ height: 4px; width: 4px; background-color: #000000; border-radius: 100%; margin: 0px 10px 0px 10px;}
#contenedor_migas .bc_raiz a{font-size:12px;color:#000000; font-weight: normal; margin-left: 10px;}

@media screen and (min-width: 781px) {
  /* - Nosotros desktop- */
  #contenedor_nosotros{height:230px;background:#DBC9E3;display:flex}
  #contenedor_nosotros .nos_imagen{position:absolute;width:100%;height:230px; background-size: cover !important; background-repeat: no-repeat !important; background-position-y: center !important; background-position-x: center !important;}
  #contenedor_nosotros .nos_contenido{background:rgba(219,201,227,0.7);position:absolute;width:100%;height:230px;display:flex;align-items:center}
  .nos_contenido .nos_texto{padding:0 59px;}
  .nos_texto .nos_titulo{font-family:'LibreBaskerville-Bold';font-weight:600;font-size:42px;color:#000000}
  .nos_texto .nos_descripcion{font-family:'Work-Regular';font-weight:400;font-size:15px;color:#000000}
  #contenedor_inspiracion{width:100%;text-align:center;color:#000000;padding:60px 0}
  #contenedor_inspiracion .insp_subtitulo{width:100%;font-family:'Work-Medium';font-weight:500;font-size:14px;padding-bottom:10px;letter-spacing:3px}
  #contenedor_inspiracion .insp_titulo{width:100%;font-family:'Work-SemiBold';font-weight:600;font-size:42px}
  .inspiraciones{display:flex;align-items:center;justify-content:center;padding:30px 0}
  .inspiraciones .inspiracion{margin:8px;width:339px;height:364px;text-align:center;border-radius:5px;display:flex;align-items:center;justify-content:center}
  .inspiracion .insp_contenido{padding-top:20px}
  .insp_contenido .insp_titulo_interno{font-family:'Work-SemiBold';font-weight:600;font-size:18px;padding-bottom:15px}
  .insp_contenido .insp_texto_interno{font-family:'Work-Medium';font-weight:500;font-size:15px;padding:0 60px;line-height:25px}
  #contenedor_imagen{height:369px; background-size: cover; background-repeat: no-repeat; background-position-y: center; background-position-x: center;}
}

/*** pagina detalles ***/
.container_product{width:90%;max-width:1200px;margin:auto;padding:1% 0;display:flex;/*align-items:center;*/justify-content:center}
.visualizer{width:50%;height:600px;display:grid;grid-template-columns:20% 80%;grid-template-rows:80% 20%}
.visualizer .full{background-color:#fff;display:flex;align-items: center;justify-content: center;}
#image_box {
    width: 100%;
    height: 80%;
    background-size: contain;
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.icons a{ text-decoration: none;}
.visualizer .miniatures{background-color:#fff;text-align:center;padding:0 10px}
.detail{width:50%;background-color:#FFF;padding-left:40px}
.visualizer .social_download{grid-column:1 / span 2;display:grid;grid-template-columns:50% 50%;justify-content:center;align-items:center;border-top:1px solid #CCC}
.social_download .social{display:grid;grid-template-columns:auto 60%;font-family:'Work-SemiBold';font-weight:600;font-size:8pt;align-items:center;border-left:1px solid #CCC}
.social_download .social p{text-align:end;padding:0 10px;color:#000000}
.social_download .social .icons a{padding-right:3px}
.visualizer .miniatures .miniature:hover{box-shadow: inset 0 0 0 1px silver; border-radius:5px}
.social_download .download-details{font-family:'Work-SemiBold';font-weight:600;font-size:12pt;color:#000000;display:flex;align-items:center;padding-right:10px}
.social_download .download-details span{font-family:'Work-Regular';font-weight:400;font-size:17pt;color:#000000;padding:6px}
.social_download .download-details a {color: black;}
.visualizer .miniatures .miniature{
    padding: 2px;
    margin-bottom: 5px;
    cursor: pointer;
    width: 90.02px;
    height: 92px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}
.visualizer .miniatures .miniature > img{max-width:100%}
.container_product .detail .title_product{font-family:'Work-SemiBold';font-weight:600;font-size:27pt;color:#000000;padding:15px 0}
.review_commentary{display:grid;padding:15px 0;grid-template-columns:50% 50%}
.review_commentary .commentary{color:#000000;font-family:'Work-SemiBold';font-weight:600;font-size:15px}
.review_commentary .commentary a{color:#000000;padding-left:8px;font-family:'Work-SemiBold';font-weight:600;font-size:15px}
.colorly_star{padding:0 1px}
.colorly_star_active{color:#000000}
.colorly_star_inactive{color:#CCC}
.count_star{padding:0 12px;color:#000000;font-family:'Work-Medium';font-weight:500;font-size:15px}
.count_review{padding:0 8px;color:#000000;font-family:'Work-Medium';font-weight:500;font-size:15px}
.detail .description{padding:20px 0;font-family:'Raleway';font-weight:400;font-size:12pt;color:#000000;line-height:1.5em}
.detail .varieties{padding:20px 0}
.detail .varieties .title_varieties{color:#000000;font-family:'Work-SemiBold';font-weight:600;font-size:11pt;padding-bottom:5px}
.varieties .dropdown_container{background:#fff;border-radius:5px;border:2px solid #CCCBC9;padding:10px;width:100%;font-family:'Work-Medium';font-weight:500;font-size:13pt;color:#000000;height:30px;transition:all .5s ease;overflow:hidden}
.icon_variedades{cursor:pointer;align-items:start}
.varieties .dropdown_container.drop_abierto{height:auto;transition:all .5s ease}
.dropdown_container .drop_variedades{width:100%;max-height:330px;height:auto;background-color:#fff;margin-top:10px;border-top:1px solid #000000}
.items_varieties .item_drop{padding:15px 0;}
.dropdown_container .item_drop{display:grid;grid-template-columns:50px auto 20px;align-items:center}
.drop_variedades .swiper-scrollbar-drag{background-color:#000000}
.items_varieties .item_drop{display:grid;grid-template-columns:50px auto;align-items:center;margin-top: 8px;}
.dropdown_container .item_drop .image_ico,.items_varieties .item_drop .image_ico{width:30px;height:30px;background:#c7a7a7;border-radius:100%;margin-left: 10px;}
.iwant{display:grid;grid-template-columns:50% 50%;padding:0 0 20px}
.iwant .btn-shop{ cursor:pointer; text-decoration:none;background-color:#000000;color:#fff;border-radius:5px;margin-right:20px;font-family:'Work-SemiBold';font-weight:600;font-size:12pt;text-align:center; display: flex; align-items: center; justify-content: center}
.iwant .link-distribution{color:#000000;background-color:#fff;padding:15px 0;font-family:'Work-SemiBold';font-weight:600;font-size:12pt}
.bloque .ingredients,.bloque .modeuse{display:grid;grid-template-columns:90% 10%;padding:20px 0;border-top:1px solid #000000;font-family:'Work-SemiBold';font-weight:600;font-size:11pt;color:#000000;cursor:pointer}
.contenido__bloque{font-family:'Work-Regular' !important;font-weight:400!important;font-size:12pt!important;color:#000000;padding:0;height:0;overflow:hidden;transition:all .5s ease}
.acordeon .bloque .contenido__bloque{font-family:'Raleway' !important;font-weight:400 !important;font-size:12pt !important;color:#000000 !important;padding:0;height:0;overflow:hidden;transition:all .5s ease}
.bloque.activo .contenido__bloque{height:auto;padding-bottom:15px}
.bloque.modeuse{border-bottom:1px solid #000000;margin-bottom:15px}
.ingredients span,.modeuse span{font-family:'Work-SemiBold';font-weight:600;font-size:15pt;text-align:end}
.container_review{width:90%;max-width:1200px;margin:auto}
#container_review_full{background:#F7F7F7;margin-top:30px}
.container_review .title_review{font-family:'Work-SemiBold';font-weight:600;font-size:30pt;color:#000000;padding:60px 0 40px}
.bar_calif_sort .subtitle_review{font-family:'Work-SemiBold';font-weight:600;font-size:10pt;color:#000000;padding-bottom:10px}
.container_review .calification_review{display:grid;grid-template-columns:70% auto auto}
.review_secondary{display:flex;align-items:center;font-family:'Work-Medium';font-weight:500;font-size:14pt}
.review_secondary .colorly_star_active{color:#000000;padding:0 3px}
.review_secondary .colorly_star_inactive{color:#939393;padding:0 3px}
.review_secondary .count_star_secondary{font-family:'Work-Medium';font-weight:500;font-size:12pt;padding:0 8px}
.calification_review p{font-family:'Work-SemiBold';font-weight:600;font-size:10pt;color:#000000;padding-bottom:10px}
.calification_review .commentary_review,.calification_review .commentary_review a{font-family:'Work-SemiBold';font-weight:600;font-size:11pt;color:#000000;padding-bottom:10px}
.calification_review .sort_review{font-family:'Work-Medium';font-weight:500;font-size:12pt;color:#000000;position: relativ}
.calification_review .sort_review ul{position: absolute;max-height: 0px;overflow: hidden;transition: all 0.4s ease}
.calification_review .sort_review ul li a{color:#000000;text-decoration: none;padding-bottom: 6px}
.calification_review .sort_review:hover ul, .calification_review .sort_review ul.show{max-height: 200px;background-color: #fff;width: 120px;padding-top: 6px;padding-bottom: 6px;padding-left: 6px;border-radius: 5px;border: 1px solid #000000}

.privacy input{
  cursor: pointer;
  height: 23px;
  width: 23px;
  margin: 0px 15px 0px 0px;
}

#button-mostrar-mas{display: block;filter: drop-shadow(0 2px 5px #00000047);text-transform:uppercase;padding: 16px 45px;border-radius:5px;height: 52px;text-decoration:none;background-color:#000000;color:#fff;font-weight: 600;font-size: 15px;}
#button-mostrar-mas:hover{background-color:#000000bf;font-size: 16px;}

.loader {
  background: url('img\colorly/spinner.gif') 50% 50% no-repeat rgb(249,249,249);
}



#carga{
  display: none;
  border: 7px solid #ccc;
  border-top-color: #000000;
  border-top-style: groove;
  height: 50px;
  width: 50px;
  border-radius: 100%;

  position: absolute;
  top: 87%;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;

  -webkit-animation: girar 1.5s linear infinite;
  -o-animation: girar 1.5s linear infinite;
  animation: girar 1.5s linear infinite;

}

@keyframes girar {
  from{transform: rotate(0deg);}
  to{transform: rotate(360deg);}
}



.container_review .container_review_card{padding:40px 0 100px;display:grid;grid-template-columns:auto auto auto;justify-content:space-between}
.container_review_card .card_review{max-height:358px;width:300px;background:#fff;border-radius:6px;border:1px solid #d2bedb;padding:20px;margin-bottom:30px}
.header_card .card_title{text-transform:uppercase;font-family:'Work-SemiBold';font-weight:600;font-size:11pt;color:#000000;margin-bottom:8px}
.header_card .card_date{font-family:'Work-Regular';font-weight:400;font-size:11pt;color:#000000;margin-bottom:8px}
.review_star .colorly_star_active{color:#000000;padding:0 3px 0 0}
.review_star .colorly_star_inactive{color:#939393;padding:0 3px 0 0}
.card_review .body_card{padding:15px 15px 15px 0}
.body_card .review_text{font-family:'Work-Regular';font-weight:400;font-size:11pt;color:#000000;line-height:15pt}
.container_productos_rel{text-align:center;padding:70px 0}
.container_productos_rel .sub_title_rel{font-family:'Work-Medium';font-weight:500;font-size:12pt;color:#000000;padding-bottom:15px}
.container_productos_rel .title_rel{text-transform:uppercase;font-family:'Work-SemiBold';font-weight:600;font-size:35pt;color:#000000;padding-bottom:40px}
.slider_produc_rel .carousel{background-color:#0280b5}
.modal{top:0;left:0;width:100%;height:100vh;display:flex;position:fixed;align-items:center;z-index:10000000002;justify-content:center;transition:all 500ms ease;background-color:rgba(0,0,0,0.5)}
.modal_hidden{opacity:0;visibility:hidden}
.container_modal{width:50%;height:400px;margin:auto;padding:25px 50px 50px;overflow:hidden;border-radius:5px;background-color:#FFF;transition:all 500ms ease;box-shadow:1px 7px 25px rgba(0,0,0,0.6)}
.modal_comentary,.modal_header .close_modal{cursor:pointer}
.modal_comentary .comentario{ text-decoration: underline #000000;}
.modal_header {display:grid;padding-bottom:20px;margin-bottom:30px;grid-template-columns:95% 5%;border-bottom:1px solid #CCC}
.modal_header .title_modal{font-family:'Work-SemiBold';color:#000000;font-weight:600;font-size:20pt}
.modal_header .close_modal{height:33px;width:33px;display:flex;color:white;border-radius:100%;align-items:center;justify-content:center;background-color:black;}
.container_modal .modal_form{width:98%}
.star_calification{display:flex;align-items:center;gap:1em}
.star_calification .start{font-size:20pt}
.star_calf_rew{cursor:pointer}
.nombre_email{display:grid;position:relative;grid-template-columns:47% 47%;justify-content:space-between}
.star_calification,.nombre_email,.mensaje_review,.review_privacy{padding-bottom:20px}
.star_calification p{font-family:'Work-Regular';font-weight:400;font-size:9pt;color:#958D8D}
#star_count{visibility:inherit;background:#000;color:#fff;width:15px;text-align:center;visibility:hidden}
.mensaje_review textarea,.nombre_review input,.email_review input{width:100%;height:50px;font-family:'Work-Medium';font-weight:500;font-size:12pt;color:#4d4a4e;border:1px solid #000000;border-radius:5px;padding:0 0 0 15px;margin:10px 0 0}
.mensaje_review textarea:focus,.nombre_review input:focus,.email_review input:focus{box-shadow:0 0 4px 1px rgba(104, 104, 104, 0.9)}
.mensaje_review textarea{resize:none;height:35px;padding:15px 0 0 15px}
.mensaje_review label,.nombre_review label,.email_review label,.star_calification label{font-family:'Work-SemiBold';font-weight:600;font-size:12pt;color:#000000}
.review_privacy{margin-bottom:40px}
.review_privacy button{font-family:'Work-SemiBold';font-weight:600;font-size:10pt;background:#000000;color:#fff;padding:13px 40px;border-radius:5px}
.privacy{display:flex;align-items:center;padding-bottom:6px}
.privacy label{font-family:'Work-Regular';font-weight:400;font-size:11pt;color:#000000;cursor:pointer}
.privacy input{cursor:pointer;height:23px;width:23px;margin:0 15px 0 0}
.contenedor_slider .slider_producto{width:100%}
.contenedor_slider .slider_producto .tarjetas .tarjeta {
  /* background-color: #ec0707; */
  display: flex;
  justify-content: center;
}

.contenedor_slider .slider_producto .tarjetas .tarjeta .enlace_productos_carrousel{
  /* background-color: #2dec07; */
  display:grid;
  height: 550px;
  padding: 10px;
  width: 85%;
  padding: 4px;
  grid-template-rows:auto 10% 13% 7% auto;
  justify-content:center;
  text-align:center
}

.estrellas_carrousel,.cantidad_carrousel{
  visibility: hidden;
  transition: all ease;
}

.imagen-seleccion{position: fixed;width: 46px !important;height: 46px;margin-top: 50px;display: none;}

.contenedor_slider .slider_producto .tarjetas .tarjeta .enlace_productos_carrousel:hover{
  box-shadow:0px 0px 0px 1px #D6011C inset;
  
}


.contenedor_slider .slider_producto .tarjetas .tarjeta .enlace_productos_carrousel:hover > .imagen-seleccion:hover{
  position: fixed;width: 46px !important;height: 46px;margin-top: 50px;display: block;
}




.activo_slider_productos{
  visibility:visible;
}



/*Slider disfruta tu cabello*/
#container_categorias .contenedor_slider, #container_prod_rel .contenedor_slider{padding:60px 0}
#container_categorias .subtitulo, #container_prod_rel .subtitulo{padding:60px 0 20px;font-family:'Work-Medium';font-weight:500;font-size:13pt;color:#000000;text-align:center}
#container_categorias .titulo, #container_prod_rel .titulo{font-family:'Work-SemiBold';font-weight:600;font-size:34pt;color:#000000;text-align:center}
#container_categorias .titulo span img{width: 272px;height: 126px; text-align:center}
#container_categorias { padding-top: 60px;}

.contenedor_slider .slider_categorias{ 
  width: 100%;
}
.contenedor_slider .slider_categorias .tarjetas_categorias{
  padding-top: 25px;
} 

.contenedor_slider .slider_categorias .tarjetas_categorias .tarjeta_categoria{
  display:grid;
  /* cursor: pointer; */
  justify-content: center;
  align-items: center;
}

.tarjeta_categoria .imagen .categoria_name{
  position: absolute;
  top: 310px;
  width: 100%;
  display: flex;
  justify-content:  center;
}

.categoria_name .titulo_categoria {
  background-color: #000000;
  font-family:'Work-SemiBold';
  font-weight:600;
  font-style:bold;
  font-size:12pt;
  color:#fff;
  text-transform: uppercase;
  /* width: 100%; */
  width: 175px;
  height: 44px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.categoria_name .titulo_categoria:hover {
  background-color: #fff;
  color:#000000;

}



.titulo_categoria_activo{
  background-color: #000000 !important;
  color: white !important;
}

.menu_favoritos:hover{
  /* text-decoration: underline; */
  border-bottom: 2px solid #D6011C;
}

.menu_favoritos_activo{
  /* text-decoration: underline; */
  border-bottom: 2px solid #000000;
}

.tarjeta_categoria .imagen { 
  width: 340px; 
  height: 340px;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position-y: center !important;
  background-position-x: center !important;
  background: #8F8B90;
  position: relative;
  transition: .3s ease;
}

.tarjeta_categoria .imagen:hover { 
  transform: scale(1.05);
  box-shadow: 2px 2px 20px rgb(119, 106, 106);
}

.enlace_productos_carrousel{
  text-decoration: none;
}


.btn-dots-slider_categorias .swiper-pagination-bullet{background:#000000;border-radius:0;height:3px;margin:0!important}
.btn-dots-slider_categorias.swiper-pagination-bullets.swiper-pagination-horizontal{bottom:0}
.slider_categorias .swiper-button-next,.slider_categorias .swiper-button-prev{top:40%;background-color:#000000;color:#fff;width:65px;height:59px;margin:0;vertical-align:middle;text-align:center;border-radius:2px; opacity: 100;background-image: none}
.slider_categorias .swiper-button-next{right:0}
.slider_categorias .swiper-button-prev{left:0}
.slider_categorias .swiper-button-disabled{display:none}
.number_dots_categorias{width:90%;max-width:1200px;margin:auto;display:grid;grid-template-columns:10% auto; margin-top: 80px;}
.number_dots_categorias .numeracion_categorias{font-family:"Work-Medium";font-size:12pt;font-weight:500;color:#000000;text-align:center}
.number_dots_categorias .swiper-pagination{display:flex;position:relative;text-align:left;align-items:center}

/*fin slider disfruta tu cabello*/

.tarjeta img{padding-top:3em;width:100%}
.tarjeta .titulo_producto{font-family:'';font-weight:600;font-style:bold;font-size:18px;color:#000000;padding:0px 0 30px}
.tarjeta .descripcion_producto{font-family:'Raleway';font-weight:400;font-size:  15px;color:#000000;padding:5px 0 30px}
.tarjeta .enlace_productos_carrousel .imagen_producto {height: 264px;width: 99.5%;background-size: contain;background-repeat: no-repeat;background-position-y: center;background-position-x: center; margin: auto; max-width: 180px;}

.sinproductos{text-align: center;font-family:'Work-Regular';font-weight:400;font-size:12pt;color:#000000;padding:5px 0 30px;width: 100%}
.btn-dots-slider .swiper-pagination-bullet{background:black
  ;border-radius:0;height:3px;margin:0!important}
.btn-dots-slider.swiper-pagination-bullets.swiper-pagination-horizontal{bottom:0}

.slider_producto .swiper-button-next,.slider_producto .swiper-button-prev{top:40%;background-color:#000000;color:#fff;width:65px;height:59px;margin:0;vertical-align:middle;text-align:center;border-radius:2px; opacity: 100;background-image: none}
.slider_producto .swiper-button-next{right:0}
.slider_producto .swiper-button-prev{left:0}
.slider_producto .swiper-button-disabled{display:none}


.number_dots{width:90%;max-width:1200px;margin:auto;display:grid;grid-template-columns:10% auto; padding-top: 30px;}
.number_dots .numeracion{font-family:"Work-Medium";font-size:12pt;font-weight:500;color:#000000;text-align:center}
.number_dots .swiper-pagination{display:flex;position:relative;text-align:left;align-items:center}

.movile { visibility: hidden; height: 0px; width: 0px;}
.visualizer_movile { height: 0px; width: 0px; visibility: hidden;} 

.container_modal_tiendas{width:50%;height:430px;margin:auto;padding:25px 50px 50px;overflow:hidden;border-radius:5px;background-color:#FFF;transition:all 500ms ease;box-shadow:1px 7px 25px rgba(0,0,0,0.6)}
.modal_tiendas{top:0;left:0;width:100%;height:100vh;display:flex;position:fixed;align-items:center;z-index:10000000002;justify-content:center;transition:all 500ms ease;background-color:rgba(0,0,0,0.5)}
.modal_hidden{opacity:0;visibility:hidden}
.modal_header_tiendas {display:grid;padding-bottom:20px;margin-bottom:30px;grid-template-columns:95% 5%;border-bottom:1px solid #CCC}
.modal_header_tiendas .title_modal{font-family:'Work-SemiBold';color:#000000;font-weight:600;font-size:20pt}
.modal_header_tiendas .close_modal{height:33px;width:33px;display:flex;color:white;border-radius:100%;align-items:center;justify-content:center;background-color:black;}
.mi_tiendas_modal{display:grid;grid-template-columns:auto auto auto auto;align-items:center;justify-content:center;gap:20px;font-family:'Work-Regular';font-weight:400;font-size:10pt;color:#000000}.tienda_en_modal
.imagen{width:165px;height:110px;border:1px solid #CCC;border-radius:4px;display:flex;align-items:center;justify-content:center}
.tienda_en_modal .imagen img{width:100%}.tienda_en_modal
.nombre_tienda{padding-top:10px;text-align:center}.footer_modal_tiendas{border-top:1px solid #CCC;padding-top:10px;margin-top:30px;font-family:'Work-SemiBold';color:#000000;font-weight:600;font-size:12pt}.container_review
.container_review_card{padding:40px 0px 10px 0px}.container_review
.cargar_mas_resenias{text-align:center;text-decoration:2px underline #000000;padding-bottom:65px;font-family:'Work-SemiBold';color:#000000;font-weight:600;font-size:12pt}
.item_drop_variable{ cursor: pointer; }
#loading{width: 100%;height: 100%;position: fixed;top: 0;background: #000;opacity: 0;z-index: 10000;display: none;}
#carga_loading{
    top: 50%;left: 50%;
    transform: translate(-50%, -50%);
    border: 7px solid #ccc;
    border-top-color: #000000;
    border-top-style: groove;
    height: 50px;
    width: 50px;
    border-radius: 100%;
    position: absolute;
    margin: auto;
    -webkit-animation: girar 1.5s linear infinite;
    -o-animation: girar 1.5s linear infinite;
    animation: girar 1.5s linear infinite;
}
#loading.vissible{opacity: 0.5;transition: all 1s;display: block;}
.coll-full.clearfix.listado_prods{ max-width: 1066px;padding: 0px;}


.grid-distribuidores{
  width: 100%;
  display: grid;
  justify-content: center;

}
.grid-donde-comprar{
  display: grid;
  grid-template-columns: 300px 300px 300px;
  text-align: center;
  padding: 50px 0 50px 0;
}

.grid-donde-comprar div{
  padding: 20px 0 20px 0;
  background-size:contain;
  background-position: center;
  background-repeat:no-repeat;
  height: 75px;
}

.grid-donde-comprar img{width: 200px;border-radius: 7%; height: 100px;}

/*slider home*/
.menu_categorias{
  width: 100%;
  overflow-x: auto;
}

.menu_categorias::-webkit-scrollbar{
  width: 0;
}

.menu_categorias  ul{
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 35px 0px 15px 0px;
}

.menu_categorias  ul li{
  font-family:'Work-SemiBold';
  color:#000000;
  font-weight:600;
  font-size:10pt;
  padding: 0px 10px 0px 10px;
  cursor: pointer;
}
.contenedor-search{
  position: relative;
  max-width: 1066px;
  margin: auto;
}
.contenedor-resultados{
    max-width: 1066px;
    width: 100%;
    margin: 0px auto;
}
.msg-busqueda{
    color: black;
    line-height: 18px;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 15px;
}
.submsg-busqueda{
  color: black;
  line-height: 18px;
  font-size: 15px;
  display: block;
  margin-top: 5px;
}
.submsg-busqueda.hiddenn,.msg-busqueda.hiddenn{
  display: none;
}
.contenedor_previews{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  padding: 30px 0px;
}

.contenedor_preview{
  border-right: 1px solid #CCCCCC;
  justify-content: center;
  display: flex;
}
.bloque_preview{
  max-width: 315px;
  display: flex;

}
.contenedor_preview:last-of-type{
  border:none;
  justify-content: right;
}
.contenedor_preview:first-of-type{
  justify-content: left;
}

.img_bloque_preview img{
  max-width: 123px;
}
.img_bloque_preview{
  display: inline-block;
  float: left;
  margin-right: 15px;
}
.contenedor_previews .nombre-producto{
  display: block;
  font-size: 14px;
  text-transform: uppercase;
  font-weight: bold;
  color: black;
  margin-bottom: 10px;
  line-height: 16px;
  padding-top: 10px;
}
.contenedor_previews .descripcion-producto{
  font-size: 12px;
  line-height: 17px;
  color: black;
  margin-bottom: 10px;
  display: block;
}
.txt_bloque_preview{
  padding-right: 30px;
}
.contenedor_previews .review_star .colorly_star_active,.contenedor_previews .review_star .colorly_star_inactive{
  font-size: 12px;
  padding: 0px;
}

.recibe-novedades div{
  display: none;
}

#subrayado-nosotros{border-bottom: 0px solid #DBC9E3;text-decoration: none;}
#subrayado-coloracion{border-bottom: 0px solid #DBC9E3;text-decoration: none;}
#subrayado-decoloracion{border-bottom: 0px solid #DBC9E3;text-decoration: none;}
#subrayado-hair{border-bottom: 0px solid #DBC9E3;text-decoration: none;}
#subrayado-macadamia{border-bottom: 0px solid #DBC9E3;text-decoration: none;}
#subrayado-distribucion{border-bottom: 0px solid #DBC9E3;text-decoration: none;}
#subrayado-activos{border-bottom: 0px solid #DBC9E3;text-decoration: none;}

.menu_favoritos{
  text-transform: uppercase;
  padding: 0px 0px 5px 0px !important;
}

.insp_icono{
  width: 115.25px;
  height: 115.25px;
  background-size: contain !important; 
  background-repeat: no-repeat !important;
  background-position-y: center !important;
  background-position-x: center !important;
}

.imagen_insparacion{
  display: flex;
  justify-content: center;
  width: 100%;
}

.inactivar_bullets{
  display: none;
}
.items_varieties .item_drop:hover{
  background: #CCC;
  border-radius: 5px;
}
.item_drop{cursor: pointer;}

.mi_tiendas_modal a{
  text-decoration: none;
  color: #3C1154;
}

.imagen_tienda{
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

.swal-modal {
  padding-bottom: 32px;
}

.descrption-banner-down{
  height: fit-content;
  width: 100%;
  font-size: 14px;
  border-bottom: 1px solid #000000;
  border-top: 1px solid #000000;
  text-align: center;
  text-decoration: none;
  padding: 15px 0px 15px 0px ;
  font-family:'Work-SemiBold';
  font-weight:400;
  font-size: 15px;
}

.descrption-banner-down p{margin: 0px 1px;}

#container_unete{
  width: 100%;
  height: 290px;
  background-color: black;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}

#container_unete .sub_container{
  width: 100%;
  height: 190px;
  display: grid;
  
  align-items: center;
  justify-content: center;
}

#container_unete .titulo_unete{
  font-family:'LibreBaskerville-Bold';
  font-weight:600;
  font-size: 42px;
  color:white;
}

#container_unete .descripcion_unete{
  font-family: "Raleway";
  font-weight:500;
  font-size: 15px;
  line-height : 25px;
  color:white;
}

#container_unete .botones_unete{
  display: flex;
  gap: 40px;
  justify-content: center;
  align-items: center;
}

#container_unete .botones_unete .btn-unete{
  width: 216px;
  height: 20px;
  background-color: #ffffff;
  text-align: center;
  text-decoration: none;
  border-radius: 5px;
  padding: 15px 0px 15px 0px ;
  font-family:'LibreBaskerville-Bold';
  font-weight:600;
  font-size: 15px;
  color: black;
}

#container_unete .btn-unete:hover, .contenedor_bi .btn_info:hover, .review_privacy button:hover, .iwant .btn-shop:hover{
  background-color:  #D6011C;
  color:white;
  box-shadow:0px 0px 0px 1px #d50420 inset;
}

.filtro-productos .input select{
  font-weight: 500;
}

.boton-acordeon{
  font-size: 18px;
  text-align: right;
}

.titulo_bloque{
  font-family:'Work-SemiBold';
  font-weight:600;
  font-size:15px;
}

#contenedor_header{
  display: flex;
  height:230px;
}

#contenedor_header .header_imagen{
  width: 100%;
  height: 230px;
  position: absolute;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

#contenedor_header .contenedor_informacion{
  width: 100%;
  height: 230px;
  position: absolute;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

#contenedor_header .contenedor_informacion .informacion_header .info{
  width: 90%;
  max-width: 1150px;
  color:#000;
  height: 230px;
  /* background-color: #0280b5; */
  margin: auto;
  display: flex;
  align-items: center;
}

#contenedor_header .contenedor_informacion .informacion_header .info .titulo-header{
  font-family:'Work-SemiBold';
  font-weight:600;
  font-size:42px;
  margin-bottom: 25px; 
  text-transform: uppercase;
}

#contenedor_header .contenedor_informacion .informacion_header .info .descripcion-header{
  font-family:'Work-Regular';
  font-weight:400;
  font-size:15px;
  width: 587px;
  line-height: 25px;
}

.coll-full.clearfix.listado_prods {
  margin: auto;
  width: 90%;
  max-width: 1150px;
}

#attraction .swiper-pagination-bullet::before {
  border: 0.2px solid #000;
  background-color: transparent
}

#attraction .swiper-pagination-bullet.swiper-pagination-bullet-active::before{
  background: radial-gradient(#000 27%, rgba(255,255,255,0) 40%, rgba(255,255,255,0) 0%);
  border: 0.2px solid #000;
  width: 15px;
  height: 15px;
}

.tarjetas.pocos_productos{
  justify-content: center;
}

@media screen and (min-width: 2560px) and (max-width: 9560px){
    #attraction {
        max-width: 2560px;
        margin: auto;
        max-height: 1000px;
    }
    #subattraction{
      height: calc(100vh - 180px);
    }
    .slider_imagen_principal{
      height: 1000px !important;
    } 
}

.cantidad_carrousel {
  color: black;
}

.mostrar_mas_producto{
  margin-bottom: 50px;
}

.img-logo-f{
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

.card_productos_categorias {
  display: grid;
  grid-template-rows: auto 10% 10%;
  row-gap: 23px;
  justify-content: center;
  align-items: start;
  padding: 10px 2px 35px 2px;
  width: 241px;
  height: 470px;
}


/* Modificacione de carrousel */
.slider_imagen_principal {
  background-repeat: no-repeat;
  background-size:cover;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 700px;
}
/* Fin de modificaciones de carrousel */