/* Developed entirely by staycreative.es */


@font-face { font-family: 'nexa_lightregular'; src: url('../fonts/nexa_light-webfont.woff2') format('woff2'), url('../fonts/nexa_light-webfont.woff') format('woff'); font-weight: normal; font-style: normal;}
@font-face { font-family: 'nexa_boldregular'; src: url('../fonts/nexa_bold-webfont.woff2') format('woff2'), url('../fonts/nexa_bold-webfont.woff') format('woff'); font-weight: normal;font-style: normal;}


/* Generals */
html, body{font-family: 'Lato', Helvetica, Arial, Sans-serif;color: #172F4C;text-rendering: optimizeLegibility;-webkit-font-smoothing: antialiased;-moz-font-smoothing: antialiased;}
p, h4{font-family: 'Lato', Helvetica, Arial, Sans-serif;color: #333;}
h1, h2, h3 {font-family: 'nexa_boldregular', Arial, sans-serif; font-weight: 700; text-transform: inherit;}
h5, h6 {font-family: 'nexa_lightregular', Arial, sans-serif; font-weight: 400; }
h1 span,h2 span,h3 span,h4 span,h5 span,h6 span{ font-family: 'nexa_lightregular', Arial, sans-serif; font-weight: 400;font-size: 80%;}
a {font-weight: 700;-webkit-transition: ease-in-out, all .35s ease-in-out;transition: ease-in-out, all .35s ease-in-out;}

/*.uk-grid {margin-left: 0px;}
.uk-grid>* {padding-left: 0px;}*/
ol, ul {padding-left: 0px;}
.uk-subnav>* {padding: 0px;}
.uk-subnav {margin: 0px;}

/* Buttons */
.uk-button{border-radius: 0px !important; padding: 1rem 3rem; line-height: 1.5;text-transform: lowercase;font-size: 1.2rem; color: #56b47f; text-align: center; background-color: transparent;  -webkit-transition: ease-in-out, all .35s ease-in-out;transition: ease-in-out, all .35s ease-in-out; border: 1px solid #56b47f;}
.uk-button:hover{background-color: #56b47f;color: white;}
.uk-button-default{padding: 1rem 3rem; line-height: 1.5;text-transform: lowercase;font-size: 1.2rem; color: white; text-align: center; background-color: transparent;;   -webkit-transition: ease-in-out, all .35s ease-in-out;transition: ease-in-out, all .35s ease-in-out; border: 1px solid white; text-align: center; margin: 0 auto; margin-top: 50px;}
.uk-button-default:hover{background-color: white; color: #666;border: white 1px solid;}
.uk-button-primary{padding: 1rem 3rem; line-height: 1.5;text-transform: lowercase;font-size: 1.2rem; color: white; text-align: center; background-color: transparent;;   -webkit-transition: ease-in-out, all .35s ease-in-out;transition: ease-in-out, all .35s ease-in-out; border: 1px solid white; text-align: center; margin: 0 auto;  margin-top: 30px;}
.uk-button-primary:hover{background-color: white; color: #666;border: white 1px solid;}
.uk-button-small{ padding: 0.5rem; text-transform: lowercase; font-size: 0.8rem; color: white; text-align: center; background-color: transparent; -webkit-transition: ease-in-out, all .35s ease-in-out;transition: ease-in-out, all .35s ease-in-out; border: 1px solid white; text-align: center; margin: 20px auto 40px;}
.uk-button-small:hover{background-color: white; color: #666;border: white 1px solid;}
.uk-button-secondary{background-color: #bf3731;}
.uk-button-secondary:hover{background-color: white;color: #8e2424;}
.uk-button-tertiary{background-color: #56b47f; color: white;}
.uk-button-tertiary:hover{background-color: white;color: #56b47f;}
.uk-button-bad{background-color: #bf3731;}
.uk-link, a {color: #172F4C; text-decoration: none;}
.uk-link:hover, a:hover {color: #172F4C; text-decoration: none;}

.uk-button-overlay{border-radius: 0px !important; padding: 1rem 2rem; line-height: 1.5; font-size: 1rem; color: white; text-align: center; background-color: transparent;  -webkit-transition: ease-in-out, all .35s ease-in-out;transition: ease-in-out, all .35s ease-in-out; border: 1px solid white; margin: 0 auto;}
.uk-button-overlay:hover{background-color: white;color: #56b47f;}

.uk-article{font-size: 1rem; color: #56b47f; background-color: transparent; -webkit-transition: ease-in-out, all .35s ease-in-out;transition: ease-in-out, all .35s ease-in-out;text-align: left;}
.uk-article:hover{color: #666;}
a.uk-article:after, a.uk-article:before{display: none;}

/* Hacks */
.clear{clear: both;}
.overlay{background-color: rgba(68,68,68,0.3);position: absolute;top: 0;left:0;width: 100%;height: 100%;z-index: 0;}
.overlay-light{background-color: rgba(29,25,26,0.4);position: absolute; top: 0;left:0;width: 100%;height: 100%;z-index:1;}
.overlay-dark{background-color: rgba(29,25,26,0.6);position: absolute; top: 0;left:0;width: 100%;height: 100%;z-index:1;   -webkit-transition: ease-in-out, all .35s ease-in-out;transition: ease-in-out, all .35s ease-in-out;}
.overlay-dark:hover{opacity: 0.8;   -webkit-transition: ease-in-out, all .35s ease-in-out;transition: ease-in-out, all .35s ease-in-out;}
.section{ padding: 10vh;}
.section-20{padding: 20vh;}
.section-sus {padding: 5vh;}
.no-padding{padding: 0 !important;}
.padding-20 {padding: 20px;}
.scrolloff{pointer-events: none;}
.mt-50{margin-top: 50px !important;}
.mt-5{margin-top: 10vh !important;}
.mt-0{margin-top: 0 !important;}
.gradient-white{position: absolute;width: 100%;height: 100%;top: 0;left: 0;background: transparent;background: -webkit-linear-gradient(left, rgba(255,255,255,0.8) , transparent); background: -o-linear-gradient(right, rgba(255,255,255,0.8) , transparent);background: -moz-linear-gradient(right, rgba(255,255,255,0.8) , transparent);background: linear-gradient(to right, rgba(255,255,255,0.8) , transparent);z-index:-1;}
.d-block{display: block;}
.di-block{display: inline-block;}
.width-100{width: 100%;}
.grey-bg{background-color: #f8f8f8;}
.dark-bg{background-color: #2c2824;}
.dark-bg-2{background-color: #00609C;}
.dark-bg-3{background-color: #94bed3;}
.visible-flex{display: flex !important;}
.left {text-align: left;}
.right {text-align: right;}
.center {text-align: center; margin: 0 auto;}
.blue {background-color: #0080c2;}
.white {color: white; margin-bottom: 20px !important;}
.width-80 {width: 80%; margin: auto; padding: 0;}
.container-small {text-align: center; margin: 0 auto; max-width: 900px; position: relative; z-index: 2;}
.b-bottom {border-bottom: 1px solid white;}
.b-top {border-bottom: 3px solid white;}
.bg-img {background-position: center; background-repeat: no-repeat; background-size: cover;}


/* Icons */
.icon{background-image: url('../img/glutify-sprite.svg');background-repeat: no-repeat;background-size: 1000px 500px;}
.icon.facebook{width: 30px; height: 30px; display: inline-block;background-position: -30px -150px;}
.icon.twitter{width: 30px; height: 30px; display: inline-block;background-position: -60px -150px;}
.icon.instagram{width: 30px; height: 30px; display: inline-block;background-position: -120px -150px;}
.icon.linkedin{width: 30px; height: 30px; display: inline-block;background-position: -90px -150px;}

.icon.huevos{width: 115px; height: 115px; display: inline-block;background-position: -370px 0px;}
.icon.cereales{width: 115px; height: 115px; display: inline-block;background-position: -485px 0px;}
.icon.leche{width: 115px; height: 115px; display: inline-block;background-position: -600px 0px;}
.icon.apio{width: 115px; height: 115px; display: inline-block;background-position: -715px 0px;}
.icon.crustaceos{width: 115px; height: 115px; display: inline-block;background-position: -830px 0px;}
.icon.frutos{width: 115px; height: 115px; display: inline-block;background-position: -370px -115px;}
.icon.pescado{width: 115px; height: 115px; display: inline-block;background-position: -485px -115px;}
.icon.sesamo{width: 115px; height: 115px; display: inline-block;background-position: -600px -115px;}
.icon.moluscos{width: 115px; height: 115px; display: inline-block;background-position: -715px -115px;}
.icon.mostaza{width: 115px; height: 115px; display: inline-block;background-position: -830px -115px;}
.icon.sulfitos{width: 115px; height: 115px; display: inline-block;background-position: -370px -230px;}
.icon.altramuces{width: 115px; height: 115px; display: inline-block;background-position: -485px -230px;}

.icon.soja{width: 115px; height: 115px; display: inline-block;background-position: -600px -230px;}
.icon.cacahuetes{width: 115px; height: 115px; display: inline-block;background-position: -715px -230px;}

/* svg diagonal */
.svg-top, .svg-top img {width: 100%; position: relative; z-index: 2; top: 20px;}
.svg-bottom, .svg-bottom img{width: 100%; position: relative;z-index: 2;}

/* FLEX */


/* Cookies */
/* #cookieMessageWrapper{width: 100%;background:rgba(86,180,127,1); position: fixed;left: 10px;bottom: 10px;z-index: 997;max-width: 300px;padding: 20px;}
#cookieMessage{margin: 0 auto;position: relative;}
#cookieMessage p{font-size: 12px;line-height: 16px;margin-bottom: 0;color: #fff;}
#cookieMessage p b {font-size: 12px;}
#cookieMessage a{font-size: 12px;color: #fff; margin-right: 5px; display: inline-table;}
#cookieMessage:after{content: "."; display: block; height: 0; clear: both; visibility: hidden;}
#cookieClose{display: inline-block;padding: 5px 10px;text-decoration: none;background: #fff;margin-top: 6px;cursor: pointer;color: #222 !important;}
#cookieRechazar{display: inline-block;padding: 5px 10px;text-decoration: none;background: #fff;margin-top: 6px;cursor: pointer;color: #222 !important;} */

/* Cookies */
#cookieMessageWrapper{width: 100%;position: fixed;left:0;top: 0;z-index: 997;height:100%;background: rgba(38,38,38,0.6);}
#cookieMessage{margin: 0 auto;position: absolute;padding: 20px;width: 80%;left: 50%;top: 50%;max-width: 400px;transform: translateX(-50%) translateY(-50%);background-color: white;}
#cookieMessage p{margin-bottom: 0;color: #444;}
#cookieMessage .uk-link{margin-top: 20px;color: #56b47f;display: inline-block;padding: 20px;vertical-align: middle;}
#cookieMessage:after{content: "."; display: block; height: 0; clear: both; visibility: hidden;}
#cookieClose{display: inline-block;margin-top: 20px;cursor: pointer;margin-right: 5px;}
#cookieClose:hover{color: #fff;}
#cookieNone{margin-top: 20px;}

#modal-cookies .uk-link{color: #56b47f;display: inline-block;padding: 20px;vertical-align: middle;}
#modal-cookies .uk-checkbox{border-color: #56b47f !important;}
#modal-cookies .uk-checkbox:checked{background-color: #56b47f;}
#modal-cookies .uk-checkbox:disabled:checked{background-color: #f5e9c9;border-color: #f5e9c9 !important;}


/* Main */
.preloader{position: fixed;z-index: 999;width: 100vw;height:100vh;background-color: #b4d17a; top: 0; left: 0;}
.preloader img{position: absolute;top: calc(50vh - 150px);left: calc(50vw - 150px);width: 300px;height: 300px;-webkit-animation: breathing 1s ease-out infinite normal;
    animation: breathing 1s ease-out infinite normal;}
@-webkit-keyframes breathing { 0% { opacity:0.6; } 50% { opacity:1; } 100% { opacity:0.6; } }
@keyframes breathing { 0% { opacity:0.6; } 50% { opacity:1; } 100% { opacity:0.6; } }


.header{position: relative;background-repeat: no-repeat;background-position: center;background-size: cover;width: 100vw;background-color: rgba(29,25,26,0.4);background-blend-mode: multiply;min-height:60vh;margin-top: -70px;  }
.hotel .header, .habitaciones .header, .servicios .header, .zonas .header, .actividades .header, .galeria .header, .contacta .header {min-height: 50vh;}
.header h1{color: white; ;z-index: 2;font-family: 'nexa_boldregular'; font-size: 3rem; font-weight: 700; line-height: 1}
.header h1 span{font-family: 'nexa_lightregular', Arial, sans-serif; font-size: 60%; line-height: 1rem;}
.header-logo{width: 160px; height: 55px; margin: 20px 10px 0px 20px; position: relative; z-index: 5;background-image: url('../img/logo-header.svg');display: inline-block;background-repeat: no-repeat;background-size: contain;float: left;}
.header-info{width: 100%; background-color: red;}
.is-stuck .header-logo{display: none;}
.uk-navbar-container.uk-active .header-logo  {width: 150px; height: 55px; margin: 10px 10px 0px 20px; position: relative; z-index: 5;background-image: url('../img/logo-header-b.svg');display: inline-block;background-repeat: no-repeat;background-size: contain;float: left;}

.page-intro{position: relative;}
.page-intro h2{display: block;}
/*.page-intro h2:after{content: "";width: 90px;height: 5px;background-color: #bf3731;display: block;margin-top: 5px;}*/
.page-intro h6{font-family: 'Lato';display: inline-block;margin-top: 0;}


/* MENU */
.menu {display: inline-block;}
.uk-navbar-nav>li>a{color: white;}
.uk-navbar-nav>li>a{height: 70px;font-family:'Lato';font-weight: 400;text-transform: uppercase;}
.uk-navbar-nav>li>a:hover{color: #56b47f; }
.uk-navbar-dropdown-nav>li>a{color: white;font-family: 'Lato';font-weight: 400;text-transform: uppercase;}
.uk-navbar-dropdown-nav>li>a:hover, .uk-navbar-nav>li>a.uk-open{color: #b4d17a;}
.uk-navbar-right { margin-left: auto;}

    /* menu */

    .uk-navbar-container.uk-navbar{height: 70px; z-index:3; background-color: transparent;}
    .uk-navbar-container.uk-navbar .uk-navbar-left{opacity: 0;}
    #main-menu{margin-right: 10px; margin-top: 20px;}
    .uk-navbar-nav>li>a{color: white; font-size: 0.8rem; padding-top: 5px;}
    .uk-navbar-nav>li>a{min-height: 60px;font-family: 'Lato';font-weight: 400;text-transform: uppercase; padding-left: 5px; }
    .uk-navbar-nav>li>a:hover{color: #b4d17a;}
    .uk-navbar-dropdown-nav>li>a{color: #b4d17a;font-family: 'Lato';font-weight: 400;text-transform: uppercase;}
    .uk-navbar-dropdown-nav>li>a:hover, .uk-navbar-nav>li>a.uk-open{color: #56b47f;}
    .has-dropdown{position: relative;}
    .has-dropdown:after{content: "";display: inline-block;width: 6px;height: 4px;background-image: url('../img/glutify-sprite.svg');position: absolute; right: 5px; background-position: -37px 0px; margin-top: -35px; background-size: 1000px 500px;}
    .uk-active .has-dropdown:after{content: "";display: inline-block;width: 6px; height: 4px;background-image: url('../img/glutify-sprite.svg');position: absolute; right: 5px; background-position: -37px -6px; margin-top: -35px; background-size: 1000px 500px;}

    /*.bm-waves a{padding: 0 !important;font-size: 0 !important;}
    .bm-waves a:hover,.bm-waves a:focus, .bm-waves a:visited{font-size: 0;}
    .bm-waves span{width: 70px;height: 70px; background-color: #56b47f;background-image: url('../img/hojas-waves.svg');background-size: 50%;background-repeat: no-repeat;background-position: center;}*/

    #book-now-button{background-color: #2c2824;color: white;display: none;}
    #book-now-button a{color: white;font-size: 1.2rem;padding: 2rem 4rem;}

    .uk-navbar-container.uk-active{background-color: #f8f8f8;}
    .uk-navbar-container.uk-active .uk-navbar-nav>li>a{color: #56b47f; margin-top: 0px; }
    .uk-navbar-container.uk-active .uk-navbar-nav>li>a:hover{color: #b4d17a;}
    .uk-navbar-container.uk-active .uk-navbar-nav>li>a:active{color: #b4d17a;}
    .uk-navbar-container.uk-navbar.uk-active .uk-navbar-left{opacity: 1;}

        .uk-navbar-nav>li.uk-active>a {color: #56b47f; font-weight: 700;}
        .uk-navbar-nav#main-menu{ margin-top: 0px;}

        .menu-top{height: 70px;}
        .menu-top .uk-list li{display: inline-block; text-align: right;}



/* index */
.home h1{font-family: 'nexa_boldregular', Arial, sans-serif; font-weight: 700; text-transform: inherit;}
.home .header {background-image: url(../img/bg-home-1.jpg); height: 80vh;}
.logo-hoja {height: 60px; bottom: 22vh;}
.h-intro { background-color: #56b47f; position: relative; min-height: 50vh; }
.h-intro-sprite {padding-bottom: 110px; margin-top: -110px;}


.h-intro h3{font-size: 1rem; line-height: 2rem; color: white; position: relative; z-index: 2; letter-spacing: 0.1rem;  text-align: center;    margin-top: 120px; top: 110px;}
.h-intro h3 span {display:block; font-size: 2.5rem; font-weight: 700;}
.h-intro p {display: inline-block; max-width: 85%; margin-left: 20px;margin-top: 100px; float: right;}
.h-intro  {min-height: 40vh;}
.h-somos-text {background-color: white; float: left;}
.h-somos-text h3 {font-size: 2.5rem; font-weight: 700; color: #b4d17a;}
.h-somos-text h4 {font-size: 1rem; font-weight: 700; color: #5b5b5b; margin-top: 0px;}
.h-somos-text p {color: #777777; font-weight: 400;}
.h-somos-img {background-color: #b4d17a; /* min-height: 80vh; float: right; text-align: center;padding-top: 220px; */}
.h-gluten-img {width: 100%; min-height: 40vh; background-image: url(../img/bg-home-2.jpg);   background-size: cover; background-position: center; background-repeat: no-repeat; position: relative; margin:0;}
.h-gluten-img h3 {color: white; font-size: 2.5rem; font-weight: 700; text-align: center; margin-top: 30px; position: relative; z-index: 2;}
.h-gluten-img p {color: white; text-align: center; max-width: 900px; margin: 0 auto 50px; position: relative; z-index: 2}
.h-ofrecemos {min-height: 50vh;}
.h-ofrecemos-text {background-color: white; float: right;}
.h-ofrecemos-text h3 {font-size: 2.5rem; font-weight: 700; color: #b4d17a;}
.h-ofrecemos-text h4 {font-size: 1rem; font-weight: 700; color: #5b5b5b; margin-top: 0px;}
.h-ofrecemos-text p {color: #777777; font-weight: 400;}
.h-ofrecemos-img {background-color: #7ebd6a;/*  min-height: 80vh; float: left; text-align: center; padding-top: 210px; */}
.h-ofrecemos-img img {height: 200px; width: 200px;}
.h-destacat {width: 100%; min-height: 30vh; background-color: white}
.h-destacat h3 {color: #b4d17a; font-size: 2.5rem; font-weight: 700; text-align: left; line-height: 1;}
.h-destacat p {color: #5b5b5b; text-align: left;}
.h-destacat-img {width: 100%; min-height: 50vh; background-image: url(../img/bg-home-3.jpg);   background-size: cover; background-position: center; background-repeat: no-repeat; position: relative; margin:0;}
.h-destacat-img h3 {color: white; font-size: 2.5rem; font-weight: 700; text-align: center; margin-top: 20vh;  position: relative; z-index: 2;}
.h-destacat-img p {color: white; text-align: center; max-width: 900px; margin: 0 auto 50px;}
.h-noticias-1 {min-height: 50vh; background-size: cover; background-position: center; background-repeat: no-repeat; position: relative; margin:0; float: left; border: 1px solid white;}
.h-noticias-2 {min-height: 25vh; height: 25vh; background-image: url(../img/bg-home-4.jpg);   background-size: cover; background-position: center; background-repeat: no-repeat; position: relative; margin:0; border: 1px solid white;}
.h-noticias-3 {min-height: 25vh; height: 25vh; background-image: url(../img/bg-home-5.jpg);   background-size: cover; background-position: center; background-repeat: no-repeat; position: relative; margin:0; border: 1px solid white; }
.h-noticias {position: relative;}
.h-apartamento {background-color: #F9F9F9; min-height: 45vh; position: relative;}
.h-apartamento-img {background-image: url(../img/bg-home-2.jpg); min-height: 55vh;   background-size: cover; background-position: center;background-repeat: no-repeat;}
.h-apartamento h3 {font-weight: 700; margin-top: 60px; font-size: 2rem;}
.h-apa{width: 72px; height: 72px; background-color: #F28C01;  background-image: url("../img/glutify-sprite.svg"); background-position: 0px -65px;}
.h-servicios-img {width: 100%; min-height: 55vh; background-image: url(../img/bg-home-3.jpg);   background-size: cover; background-position: center; background-repeat: no-repeat; position: relative; margin:0;}
.h-servicios-img h3 {color: white; font-size: 2rem; font-weight: 700;}
.h-servicios-img p {color: white; max-width: 500px; font-weight: 400;}
.h-servicios-img .ventana-sprite:before {content: ""; width: 72px; height: 72px; background-color: #F28C01;  background-image: url("../img/glutify-sprite.svg"); background-position: -72px -65px;display: block;position: absolute;top: calc(10vh - 20px);left: -72px; background-size: 1000px 500px;}
.h-puerto { background-color: #F9F9F9;  position: relative;}
.h-puerto-img {background-image: url(../img/bg-home-4.jpg); min-height: 55vh; background-size: cover; background-position: center;background-repeat: no-repeat; position: relative;height: 100%;}
.h-puerto h3{font-weight: 700; text-align: right; font-size: 2rem; margin-top: 60px;}
.h-puerto h3 span {display:block; font-size: 2rem; font-weight: 700;}
.h-puerto p {display: inline-block; width: 100%; text-align: right;}
.h-pp:before {content: ""; width: 72px; height: 72px; background-color: #F28C01;  background-image: url("../img/glutify-sprite.svg"); background-position: -143.5px -66.5px; display: block; margin-bottom: -94px;  margin-left: -94px; background-size: 1000px 500px; }
.h-pue{width: 72px; height: 72px; background-color: #F28C01;  background-image: url("../img/glutify-sprite.svg"); background-position: -145px -68px; position: relative;}
.h-desayuno-img {background-image: url(../img/bg-home-5.jpg); min-height: 45vh;  background-size: cover; background-position: center;background-repeat: no-repeat; position: relative; z-index: -2;  width: 100vw;}
.h-desayuno h3{font-weight: 700; color: white; z-index: 5; font-size: 4rem; text-align: center; margin-top: 100px;}
.h-desayuno h3 span {display:block; font-size: 2rem; font-weight: 700; color: white; z-index: 5;}
.h-desayuno h4 {display: inline-block; width: 100%; color: white; z-index: 5;text-align: center;}

.banner-prensa {min-height: 40vh; margin-top: 5vh; }
.banner-prensa h3 {color: white; font-size: 2.5rem;}
.banner-prensa p {color: white;}
.banner-prensa .logo-ind img {max-width: 150px; text-align: center;}
/* nosotros */
.nosotros h1{font-family: 'nexa_boldregular', Arial, sans-serif; font-weight: 700; text-transform: inherit;}
.nosotros .header {background-image: url(../img/bg-nosotros-1.jpg); height: 60vh;}
.nos-intro { background-color: white; position: relative; }
.nos-intro h3{font-size: 1rem; line-height: 2rem; color: black; position: relative; z-index: 2; letter-spacing: 0.1rem; text-align: center   ; margin: 0px auto;}
.nos-intro h3 span {display:block; font-size: 2.5rem; font-weight: 700;}
.nos-intro p {display: inline-block; max-width: 85%; margin-left: 20px;margin-top: 100px; float: right;}
.nos-servicios { background-color: #b4d17a; position: relative; min-height: 40vh; }
.nos-bor {border-right: 1px solid white; }
.calidad, .espiritu, .compromiso, .negocio {color: white; padding: 20px; text-align: center;}
.calidad p, .espiritu p, .compromiso p, .negocio p {color: white; padding: 20px; text-align: center;}
.calidad:before {content: ""; width: 60px; height: 60px; background-image: url("../img/glutify-sprite.svg"); background-position: 0px -80px; display: block;  margin-bottom: 40px;display: inline-block; background-size: 1000px 500px;}
.espiritu:before {content: ""; width: 60px; height: 60px; background-image: url("../img/glutify-sprite.svg"); background-position: -60px -80px; display: block;  margin-bottom: 40px;display: inline-block; background-size: 1000px 500px;}
.compromiso:before {content: ""; width: 120px; height: 60px; background-image: url("../img/glutify-sprite.svg"); background-position: -120px -80px; display: block;  margin-bottom: 40px;display: inline-block; background-size: 1000px 500px;}
.negocio:before {content: ""; width: 60px; height: 60px; background-image: url("../img/glutify-sprite.svg"); background-position: -240px -80px; display: block; margin-bottom: 40px; display: inline-block; background-size: 1000px 500px;}
.nos-estefania {min-height: 50vh; position: relative;}
.nos-estefania-text {background-color: #56b47f;}
.nos-estefania-text h3 {font-size: 2.5rem; font-weight: 700; color: #B7D180; margin-bottom: 30px !important; width: 100%;}
.nos-estefania-text h4 {font-size: 1rem; font-weight: 700; color: white;}
.nos-estefania-text p {color: white; font-weight: 400; line-height: 1.6;}
.nos-estefania-img {background-image: url(../img/estefania.png); background-repeat: no-repeat; min-height: 400px; height: 100%; background-position: bottom; background-position-x: right; bottom: 0px;}
/*..nos-estefania-img {background-image: url(../img/estefania.png); background-repeat: no-repeat;height: 400px; background-position-y: top; background-position-x: right;}*/
.est-container {position: relative;}

.nosotros .team-ind {margin-bottom: 40px;}
.nosotros .team-ind .ti-img {min-height: 45vh; background-position: center; background-size: cover; background-repeat: no-repeat; height: 100%;}
.nosotros .team-ind h3 {margin-bottom: 0px;}

.nosotros .team-ind span { color: white; text-transform: initial;}
.nosotros .team-ind .icon-more { position: absolute; top: 25px; left: 25px; border: 1px solid white; width: 25px; height: 25px; border-radius: 15px; padding: 0px; text-align: center;}


/* gluten */
.gluten h1{font-family: 'nexa_boldregular', Arial, sans-serif; font-weight: 700; text-transform: inherit;}
.gluten .header {background-image: url(../img/bg-gluten-1.jpg); height: 60vh;}
.gluten-intro { background-color: white; position: relative; min-height: 40vh; }
.gluten-intro h3{font-size: 1rem; line-height: 2rem; color: black; position: relative; z-index: 2; letter-spacing: 0.1rem; top: 10vh; text-align: center   ; margin: 0px auto;}
.gluten-intro h3 span {display:block; font-size: 2.5rem; font-weight: 700;}
.gluten-intro p {display: inline-block; max-width: 85%; margin-left: 20px;margin-top: 100px; float: right;}
.gluten-servicios { background-color: #b4d17a; position: relative; min-height: 40vh; }
.gluten-es {min-height: 50vh;}
.gluten-es-text {background-color: #56b47f; float: left; min-height: 40vh;}
.gluten-es-text h3 {font-size: 2rem; font-weight: 700; color: #B7D180;}
.gluten-es-text h4 {font-size: 1rem; font-weight: 700; color: white;}
.gluten-es-text p {color: white; font-weight: 400; }
.gluten-es-img {background-color: #b4d17a; min-height: 40vh; float: right; height: 100%;}
.gluten-es-img h3 {font-size: 2rem; font-weight: 700; color: #56b47f; text-align: left;}
.gluten-es-img p {font-size: 1rem; font-weight: 400; color: white; text-align: left;}
.gluten-img {background-image: url(../img/bg-gluten-2.jpg); min-height: 45vh;  background-size: cover; background-position: center;background-repeat: no-repeat; position: relative; z-index: -2;  width: 100vw;}


.cp-ind {min-height: 50vh; background-position: center; background-size: cover; background-repeat: no-repeat;}
.cp-ind .overlay {-webkit-transition: ease-in-out, all .35s ease-in-out;transition: ease-in-out, all .35s ease-in-out;}
.cp-ind:hover .overlay {background-color: rgba(00,00,00,0.8);}
.cp-ind h3 {margin-top: -10px; margin-left: 40px; font-size: 2rem;}
.cp-text h2 {font-size: 4rem;}
.cp-text {position: relative; z-index: 2;}
.cp-ind .transparent-text {color: rgba(255,255,255,1);}
.cp-ind .cp-text-hover {opacity: 0;-webkit-transition: ease-in-out, all .35s ease-in-out;transition: ease-in-out, all .35s ease-in-out;position: relative; z-index: 2; text-align: center; padding-top: 20px;}
.cp-ind:hover .cp-text-hover {opacity: 1;}


/* servicios */
.servicios h1{font-family: 'nexa_boldregular', Arial, sans-serif; font-weight: 700; text-transform: inherit;}
.servicios .header {background-image: url(../img/bg-servicios-1.jpg); height: 60vh;}
.ser-intro { background-color: white; position: relative;}
.ser-intro h3{font-size: 1rem; line-height: 2rem; color: black; position: relative; z-index: 2; letter-spacing: 0.1rem;  text-align: center   ; margin: 0px auto;}
.ser-intro h3 span {display:block; font-size: 2.5rem; font-weight: 700;}
.ser-intro p {display: inline-block; max-width: 85%; margin-left: 20px;margin-top: 100px; float: right;}
.ser-certificados { background-color: black; position: relative; }
.ser-certificados h3{font-size: 2rem; line-height: 2rem; color: white; position: relative; z-index: 2; letter-spacing: 0.1rem; text-align: center; margin: 0px auto 30px;}
.ser-certificados h4{font-size: 1rem; color: white; position: relative; z-index: 2; text-align: center; margin-top: 120px; font-weight: 700;}
.ser-certificados p {color: white; font-weight: 400;}
.ser-pegatinas {min-height: 40vh;}
.ser-estandar {background-image: url(../img/estandar-01.svg); width: 300px; height: 300px; background-repeat: no-repeat; display: block; position: relative; margin-left: calc(50% - 150px); margin-top: 45px;    margin-bottom: 30px !important;     margin-left: calc(50% - 120px);
    margin-top: 85px;margin-bottom: 30px !important;background-size: 80%; }
.ser-premium {background-image: url(../img/premium-02.svg); width: 300px; height: 300px; background-repeat: no-repeat; display: block; position: relative; margin-left: calc(50% - 150px); margin-top: 45px;    margin-bottom: 30px !important;    margin-left: calc(50% - 120px);
    margin-top: 85px;margin-bottom: 30px !important;background-size: 80%; }
.ser-deluxe {background-image: url(../img/deluxe-03.svg); width: 300px; height: 300px; background-repeat: no-repeat; display: block; position: relative;     margin-left: calc(50% - 150px); margin-top: 45px;    margin-bottom: 30px !important;    margin-left: calc(50% - 120px);
    margin-top: 85px;margin-bottom: 30px !important;background-size: 80%; }
.ser-franquicias { background-image: url(../img/franquicia-04.svg); width: 300px; height: 300px;background-repeat: no-repeat; display: block; position: relative;   margin-left: calc(50% - 150px); margin-top: 45px;    margin-bottom: 30px !important;    margin-left: calc(50% - 120px);
    margin-top: 85px;margin-bottom: 30px !important;background-size: 80%; }
.ser-contenedor {position: relative;}
.ser-es {min-height: 50vh;}
.ser-es-text {background-color: #56b47f; float: left; height: 100%;}
.ser-es-text h3 {font-size: 2.5rem; font-weight: 700; color: #B7D180;}
.ser-es-text p {font-size: 1rem; font-weight: 700; color: white; margin-top: 100px;}
.ser-es-text p {color: white; font-weight: 400; }
.ser-es-img {background-color: #b4d17a; min-height: 75vh; float: right; text-align: center; padding-top: 120px; height: 100%;}
.ser-es-img h3 {font-size: 2rem; font-weight: 700; color: white; height: 100%;}
.ser-img {background-image: url(../img/bg-gluten-2.jpg); min-height: 45vh;  background-size: cover; background-position: center;background-repeat: no-repeat; position: relative; z-index: -2; width: 100vw;}
.standard {background-color: #b4d17a; }
.standard h3 {color: white; text-transform: uppercase; margin-top: -10px; display: block; font-size: 2rem; }
.standard h3:after {content: ""; width: 101px; height: 25px; background-image: url("../img/glutify-sprite.svg"); background-position: 0px -245px;  background-size: 1000px 500px; display: block; margin-top: 10px;}
.standard h4 {color: white; text-transform: uppercase; margin-bottom: 10px;}
.standard p {color: white;}

.premium {background-color: #7ebd6a; }
.premium h3 {color: white; text-transform: uppercase; margin-top: -10px; display: block; font-size: 2rem; }
.premium h3:after {content: ""; width: 138px; height: 25px; background-image: url("../img/glutify-sprite.svg"); background-position: 0px -275px;  background-size: 1000px 500px; display: block; margin-top: 10px;}
.premium h4 {color: white; text-transform: uppercase; margin-bottom: 10px;}
.premium p {color: white;}

.deluxe {background-color: #56b47f; }
.deluxe h3 {color: white; text-transform: uppercase; margin-top: -10px; display: block; font-size: 2rem; }
.deluxe h3:after {content: ""; width: 173px; height: 25px; background-image: url("../img/glutify-sprite.svg"); background-position: 0px -305px;  background-size: 1000px 500px; display: block; margin-top: 10px;}
.deluxe h4 {color: white; text-transform: uppercase; margin-bottom: 10px;}
.deluxe p {color: white;}

.diamond {background-color: #f9d04e; }
.diamond h3 {color: white; text-transform: uppercase; margin-top: -10px; display: block; font-size: 2rem; }
.diamond h3:after {content: ""; width: 210px; height: 25px; background-image: url("../img/glutify-sprite.svg"); background-position: 0px -335px;  background-size: 1000px 500px; display: block; margin-top: 10px;}
.suscripciones .diamond h3:after {display: none !important;}

.diamond h4 {color: white; text-transform: uppercase; margin-bottom: 10px;}

.diamond p {color: white; margin-top: 20px;}
.diamond p  {color: white; }
.diamond#d-2 p span {text-align: left;margin-top:0px; margin-bottom: 20px;}

.analitica {background-color: #ea931f;}
.analitica h3 {color: white; text-transform: uppercase; margin-top: -10px; display: block; font-size: 2rem; }

.analitica h4 {color: white; text-transform: uppercase; margin-bottom: 10px;}
.analitica p {color: white; margin-top: 20px;}
.analitica p  {color: white; }
.analitica#d-2 p span {text-align: left;margin-top:0px; margin-bottom: 20px;}

.ser-contacta-img {width: 100%; min-height: 40vh; background-image: url(../img/bg-servicios-2.jpg);   background-size: cover; background-position: center; background-repeat: no-repeat; position: relative; margin:0;}
.ser-contacta { min-height: 45vh; width: 100%; height: 100%;}
.ser-contacta-img h3 {font-size: 2.2rem; position: relative; z-index: 3; color: white !important; }
.ser-contacta-img p {position: relative; z-index: 3; color: white !important;}

.franquicias {background-color: #347F53;}

.ser-ind {position: relative;}
.ser-ind .si-img {min-height: 30vh; background-position: center; background-repeat: no-repeat; background-size: cover;}
.ser-ind .si-text {margin-bottom: 30px;}
.ser-ind .si-text h3 {margin-bottom: 0;}
.ser-ind .si-text p {color: black; margin-bottom: 5px;}



/* suscripciones */
.suscripciones .header {background-image: url(../img/bg-suscripciones-1.jpg); height: 60vh;}
.sus-standard {background-color: #b4d17a;}
.sus-premium {background-color: #7ebd6a;}
.sus-deluxe {background-color: #56b47f; }
.sus-diamond {background-color: #f9d04e;; }
.sus-intro h3 {font-size: 1rem;line-height: 2rem; color: black; position: relative; z-index: 2; letter-spacing: 0.1rem; text-align: center;
    margin: 0px auto;}
.sus-badges { position: relative; min-height: 50vh; }
.sus-bad-sta p, .sus-bad-pre p, .sus-bad-del p {color: white; text-transform: uppercase; text-align: center; top: 130px; position: relative; font-weight: 700;}
.sus-bad-container {position: relative;}
.sus-bad-container ul {margin-top: 20px;}
.sus-bad-container ul li {list-style-type: none; text-align: left; color: white; padding: 5px 0;}
.sus-bad-container ul li p {padding-left: 50px; text-align: left; margin-top: -35px;}
.sus-bad-container ul li:before {content: ""; width: 28px; height: 20px; background-image: url("../img/glutify-sprite.svg"); background-position: -80px 0px;  background-size: 1000px 500px; display: inline-block; }
/*.sus-bad-container ul li:first-child { border-top: 1px solid white;}*/
.sus-bad-container h4 {font-family: 'nexa_lightregular', Arial, sans-serif; color: white; text-align: center; text-transform: uppercase; margin-bottom: 0px;}
.sus-bad-container h3 {font-family:'nexa_boldregular'; color: white; text-align: center; text-transform: uppercase; font-size: 2rem; margin: 0px;    padding-bottom: 20px;}

.sus-bad-container h3 span {font-family: 'nexa_lightregular', Arial, sans-serif; color: white; font-size: 60%; border-top: 1px solid white; padding-top: 10px;}
.sus-bad-container p {font-family:'Lato'; color: white; text-align: center;margin-top: 20px;}
.fra-text {position: relative !important; z-index: 1 !important;}
.fra-img {background-image: url("../img/badget-franquicia.svg"); background-repeat: no-repeat; background-size: cover; height: 303px; width: 260px;}

.suscripciones .uk-switcher {-webkit-transition: ease-in-out, all .35s ease-in-out;transition: ease-in-out, all .35s ease-in-out;}
.sus-bad-sta {background-image: url(../img/bg-bad-1.jpg); height: 400px; background-repeat: no-repeat; background-size: cover; background-repeat: no-repeat;display: block;}
.sus-bad-sta:hover {opacity: 0.8;-webkit-transition: ease-in-out, all .35s ease-in-out;transition: ease-in-out, all .35s ease-in-out;}
.sus-bad-pre {background-image: url(../img/bg-bad-2.jpg); height: 400px; background-repeat: no-repeat; background-size: cover; background-repeat: no-repeat;display: block;}
.sus-bad-pre:hover {opacity: 0.8;-webkit-transition: ease-in-out, all .35s ease-in-out;transition: ease-in-out, all .35s ease-in-out;}
.sus-bad-del {background-image: url(../img/bg-bad-3.jpg); height: 400px; background-repeat: no-repeat; background-size: cover; background-repeat: no-repeat;display: block;}
.sus-bad-del:hover {opacity: 0.8;-webkit-transition: ease-in-out, all .35s ease-in-out;transition: ease-in-out, all .35s ease-in-out;}
.sus-bad-fra {background-image: url(../img/bg-bad-4.jpg); min-height: 60vh; background-repeat: no-repeat; background-size: cover; background-repeat: no-repeat;display: block;}


.sus-bad-left { float: left; position: relative; z-index: 1;}
.sus-bad-right { float: right; position: relative; z-index: 1;}
.standard-img {background-image: url(../img/badget-standard.svg); width: 190px; height: 221px; background-repeat: no-repeat; margin: 0px auto; display: block; position: relative; top: 80px; }
.standard-tri {content: ""; width: 75px; height: 40px; background-image: url("../img/glutify-sprite.svg"); background-position: 0px -193px;  background-size: 1000px 500px; margin: -20px auto; }
.diamond-tri {content: ""; width: 75px; height: 40px; background-image: url("../img/glutify-sprite.svg"); background-position: 0px -193px;  background-size: 1000px 500px; margin: -20px auto; opacity: 1; }
.premium-tri {content: ""; width: 75px; height: 40px; background-image: url("../img/glutify-sprite.svg"); background-position: -75px -193px;  background-size: 1000px 500px; margin: -20px auto; }
.deluxe-tri {content: ""; width: 75px; height: 40px; background-image: url("../img/glutify-sprite.svg"); background-position: -150px -193px;  background-size: 1000px 500px; margin: -20px auto; }
.premium-img {background-image: url("../img/badget-premium.svg"); width: 190px; height: 221px; background-repeat: no-repeat; margin: 0px auto; display: block; position: relative; top: 80px;}
.deluxe-img { background-image: url("../img/badget-deluxe.svg"); width: 190px; height: 221px; background-repeat: no-repeat; margin: 0px auto; display: block; position: relative; top: 80px;}
.diamond-img { background-image: url("../img/badget-diamond.svg"); width: 190px; height: 221px; background-repeat: no-repeat; margin: 0px auto; display: block; position: relative; top: 40px; z-index:2;}
.franquicia-img { background-image: url("../img/badget-franquicia.svg"); width: 260px; height: 311px; background-repeat: no-repeat; margin: 0px auto; display: block; position: relative; top: 20px; background-size: 95%;}
.sus-contacta-img {width: 100%; min-height: 40vh; background-image: url(../img/bg-bad-4.jpg);   background-size: cover; background-position: center; background-repeat: no-repeat; position: relative; margin:0;}
.sus-contacta { min-height: 45vh; width: 100%; height: 100%;}
.sus-contacta-img h3 {font-size: 2.8rem; position: relative; z-index: 3; color: white !important; text-transform: uppercase; margin: 0px; }
.sus-contacta-img h4 {font-size: 1.8rem; position: relative; z-index: 3; color: white !important; text-transform: uppercase; margin: 0px; }
.sus-contacta-img p {position: relative; z-index: 3; color: white !important;}
.sus-standard h3:after{display: none;}
.sus-premium h3:after{display: none;}
.sus-deluxe h3:after{display: none;}

.precios_text{display: none;}
.precios_text.obert{display: block;}
.peg-estandar {background-image: url(../img/peg-estandar-01.svg); width: 260px; height: 260px; background-repeat: no-repeat; margin: 0px auto;  position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); }
.peg-premium {background-image: url(../img/peg-premium-01.svg); width: 260px; height: 260px; background-repeat: no-repeat; margin: 0px auto;    position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); }
.peg-deluxe {background-image: url(../img/peg-deluxe.svg); width: 260px; height: 260px; background-repeat: no-repeat; margin: 0px auto; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); }
.peg-diamond {background-image: url(../img/peg-diamond.svg); width: 260px; height: 260px; background-repeat: no-repeat; margin: 0px auto; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); }
.sus-peg-container {height: 100%;}

.standard-img:hover, .premium-img:hover, .deluxe-img:hover {opacity: 1;}

.suscripciones .diamond .img {background-image: url(../img/bg-servicios-3.jpg); min-height: 40vh; height: 100%; background-repeat: no-repeat; background-size: cover; background-repeat: no-repeat; position: relative;}

.suscripciones .diamond .text {background-color:white; min-height: 40vh; height: 100%;}

/* #s-5, #s-6 {display: none;} */
#s-1, #s-2, #s-3 {cursor: pointer;}

#s-1 {order: 1;}
#s-2 {order: 2;}
#s-3 {order: 3;}
#s-4 {order: 4;}
#s-5 {order: 5;}
#s-6 {order: 6;}


.sus-bad-container p small {text-align: left !important; font-style: italic;}

/* noticias */
.noticias h1{font-family: 'nexa_boldregular', Arial, sans-serif; font-weight: 700; text-transform: inherit;}
.noticias .header {background-image: url(../img/bg-noticias-1.jpg); height: 60vh;}
.not-intro { background-color: white; position: relative; }
.not-intro .uk-container-small h3{font-size: 1rem; line-height: 2rem; color: black; position: relative; z-index: 2; letter-spacing: 0.1rem; text-align: center; margin: 0px auto;}
.not-intro h3 span {display:block; font-size: 2.5rem; font-weight: 700;}
.not-intro p {display: inline-block; text-align: left;}
.not-certificados { background-color: black; position: relative; min-height: 40vh; }
.not-certificados h3{font-size: 1.2rem; line-height: 2rem; color: white; position: relative; z-index: 2; letter-spacing: 0.1rem; top: 10vh; text-align: center   ; margin: 0px auto;}
.not-certificados h4{font-size: 1rem; color: white; position: relative; z-index: 2; text-align: center; margin-top: 120px; font-weight: 700;}
.not-certificados p {color: white; font-weight: 400;}
.noticias-big {min-height: 50vh; background-size: cover; background-position: center; background-repeat: no-repeat; position: relative; margin:0; float: left; border: 1px solid white;}
.noticias-small {min-height: 25vh; height: 25vh; background-size: cover; background-position: center; background-repeat: no-repeat; position: relative; margin:0; border: 1px solid white;}
.hp-hover{position: absolute;left:40px; width: calc(100% - 80px);bottom: 40px;}
.noticias h3 {z-index: 2; position: relative; color: white; font-size: 1.5rem; font-weight: 700; text-align: left; margin-bottom: 0;}
.noticias-big h3 {font-size: 2rem;}
.noticias-container p {z-index: 2; position: relative; color: white; text-align: left; margin-bottom: 0;}

.noticias-imgs {margin-bottom: 20px;}
.hci-child{position: relative;}
.hci-child h4{text-transform: uppercase;font-weight: 300;}
.hci-child h4 a{color: #b7954f;}
.hci-child p{text-align: justify !important;}
.hcic-link{display: block;overflow: hidden;position: relative; background-size: cover;}
    

/* alergias */
.alergias .header {background-image: url(../img/bg-alergenos-01.jpg); height: 60vh;}
.alergias-es-img {background-color: #b4d17a;}
.alergias-es-img h3 {font-size: 1.6rem; font-weight: 700; color: #f9d04e; text-align: center; line-height: 1; color: white;}
.alergias-es-img p {font-size: 1rem; font-weight: 400; color: white; text-align: left;}
.alergias-img {background-image: url(../img/bg-gluten-2.jpg); min-height: 45vh;  background-size: cover; background-position: center;background-repeat: no-repeat; position: relative; z-index: -2;  width: 100vw; position: relative sus-contacta-img
    ;}
.alergias-es {min-height: 50vh;}
.alergias-es-text {background-color: #56b47f; float: left; min-height: 40vh;}
.alergias-es-text h3 {font-size: 2rem; font-weight: 700; color: #B7D180;}
.alergias-es-text h4 {font-size: 1rem; font-weight: 700; color: white;}
.alergias-es-text p {color: white; font-weight: 400; }
.alergias h4{font-family: 'nexa_boldregular', Arial, sans-serif; color: #333;}
.sus-contacta-img-2 {width: 100%; min-height: 40vh; background-image: url(../img/bg-alergenos-02.jpg); background-size: cover; background-position: center; background-repeat: no-repeat; position: relative; margin:0;}
.alergias-text {position: relative; z-index: 3;}
.alergias-text h2 {text-transform: uppercase;}
.alergias-text h4 {text-transform: uppercase; font-weight: 400;}
.alergias-text h2, .alergias-text h4, .alergias-text p {color: white;}

/* GALERIA */
.gallery-item{border:5px solid white; background-position: center; background-size: cover;}
.galeria .header {background-image: url(../img/bg-galeria-1.jpg);}
.galeria .header h1 { text-align: left; margin-left: 5%; margin-top: 100px;}
.galeria-thumb-img {background-image: url(../img/bg-galeria-1.jpg); height: 30vh; margin: 20px;}

/* prensa */
.prensa .header {min-height: 60vh; height: 60vh;}

.pre-ind {position: relative;}
.pre-ind .pi-img {min-height: 30vh; background-position: center; background-repeat: no-repeat; background-size: cover;}
.pre-ind .pi-text {margin-bottom: 30px;}
.pre-ind .pi-text h3 {margin-bottom: 0;}
.pre-ind .pi-text p {color: black; margin-bottom: 5px;}


/* CATEGORIA */
.categoria.header{min-height: 50vh !important; height: 50vh !important;}
.categoria h1 span {display: block; margin-top: 20px;}

/* FEED */
.feed .ind-cat {position: relative;margin-bottom: 30px;}
.feed .ind-cat .ic-img {min-height: 30vh;}
.feed .ind-cat .ic-img .overlay {-webkit-transition: ease-in-out, all .35s ease-in-out;transition: ease-in-out, all .35s ease-in-out;background-color: rgba(255, 255, 255, 0)}
.feed .ind-cat .ic-img:hover .overlay {background-color: rgba(255, 255, 255, 0.2)}
.feed .ind-cat .ic-text {position: relative;}
.feed .ind-cat .ic-text h3 {margin-bottom: 0;}

/*POSTS */
.posts h1 span {display: block; margin-top: 20px;}
.posts .ind-cat {position: relative;}
.posts .ind-cat .ic-img {min-height: 35vh;}
.posts .ind-cat .ic-text {position: relative;}
.posts .ind-cat .ic-text h3 {margin-bottom: 0;}

/* POST */
.post .header-small {height: 50vh !important;}
.post h1 span {display: block; margin-top: 20px;}
.post .info table {width: 100%;color: #000000;}
.post .info p, .post div {color: #000000;}
.post .info .table.table-bordered td {padding: 10px; border: 1px solid rgba(86, 180, 127, 0.4);}
.post .info img {width: 100% !important;}

.post .info a {color: #56b47f; font-weight: 700;-webkit-transition: ease-in-out, all .35s ease-in-out;transition: ease-in-out, all .35s ease-in-out;}
.post .info a:hover {color: #000000;}

/* contacta */
.contacta h1{font-family: 'nexa_boldregular', Arial, sans-serif; font-weight: 700; text-transform: lowercase;}
.contacta .header {background-image: url(../img/bg-contacto-1.jpg); height: 60vh;}
.con-intro { background-color: white; position: relative; height: 100%; }
.con-intro h3{font-size: 1rem; line-height: 2rem; color: black; position: relative; z-index: 2; letter-spacing: 0.1rem; text-align: center; margin: 0px auto;}
.con-intro h3 span {display:block; font-size: 2.5rem; font-weight: 700;}
.con-intro p {display: inline-block; max-width: 85%; margin-left: 20px;margin-top: 100px; float: right;}
.con-form-container {background-color: #56b47f;}
.con-form {min-height: 40vh; margin: 0 auto; padding: 10vh;}
.con-form-container select.uk-select {font-size: 0.8rem;}


/* AVISO LEGAL */
.legal .header {background-image: url(../img/bg-nosotros-1.jpg); height: 60vh;}
.other .header h1 {text-align: left; margin-left: 5%; margin-bottom: 0px;}
.other .header h3 {text-align: left; margin-left: 5%; margin-top: 0px; color: white; font-size: 3rem;}


/* COOKIES */
.cookies .header {background-image: url(../img/bg-nosotros-1.jpg); height: 60vh;}
.other .header h1 {text-align: left; margin-left: 5%; margin-bottom: 0px;}
.other .header h3 {text-align: left; margin-left: 5%; margin-top: 0px; color: white; font-size: 3rem;}


/* FOOTER */
.uk-width-1-3 {width: 100%;}
#stay {width: 100%; background-color: #0080c2; padding-bottom: 20px; min-height: 30px; padding-right: 20px !important;}
.staycreative { background-color: #0080c2;}
.autor a {text-decoration: none;}


    /* mapa */
    #map-container{width: 100%; padding-bottom:10px;}
    #map-container iframe{width: 100%;border:0;margin-bottom: -6px;}

    /* video */
    #video-container{ max-width: 900px; width: 100%; margin: 5vh auto 15vh; min-height: 450px; height: 100%; }
    #video-container iframe{width: 100%;border:0;margin-bottom: -6px; min-height: 450px; height: 100%; }


    /* form_contacta */
    #send-form {margin-left: 10px;}
    #form_contacta input[type=text],#form_contacta input[type=email],#form_contacta input[type=number],#form_contacta select,#form_contacta textarea{margin: 5px; padding: 10px 20px;border: 1px solid #9bd2b3; opacity: 1; background-color: #9bd2b3; box-shadow: none;border-radius: 0;height: auto; margin-bottom: 0; color: white; margin: 10px;width: calc(100% - 20px);}
    #form_contacta select{padding-right: 30px;}
    #form_contacta textarea{margin-bottom: 20px;padding: 20px;}
    #form_contacta input::-webkit-input-placeholder {color: white;font-size: 0.8rem;}
    #form_contacta input:-moz-placeholder {color: #444;font-size: 0.8rem;}
    #form_contacta input::-moz-placeholder {color: #444;font-size: 0.8rem;}
    #form_contacta input:-ms-input-placeholder {color: #444;font-size: 0.8rem;}
    #form_contacta textarea::-webkit-input-placeholder {color: white;font-size: 0.8rem;}
    #form_contacta textarea:-moz-placeholder {color: #444;font-size: 0.8rem;}
    #form_contacta textarea::-moz-placeholder {color: #444;font-size: 0.8rem;}
    #form_contacta textarea:-ms-input-placeholder {color: #444;font-size: 0.8rem;}
    #form_contacta small{color: #172F4C;float: left;margin-bottom: 10px;}
    #form_contacta .g-recaptcha{float: left;}
    #form_contacta .button{border-radius: 0;margin: 10px;}
    #form_contacta .uk-button-primary { width: calc(100% - 20px); margin-left: 10px; opacity: 1;}
    #form_contacta .uk-button-primary:hover {background-color: #9bd2b3; opacity: 1; border-color: #9bd2b3; color: white;}

        


  /* footer */
  footer{background-color: #1d191a; padding-bottom: 2vh !important; width: calc(100% - 20vh); min-height: 30vh;}
  .footer-logo {display: inline-block;display: inline-block;width: 100%;}
  .footer-logo img{width: 100%;max-width: 140px;}
  .flora-logo{display: inline-block;width: 100%;max-width: 200px;}
  .flora-logo h6{color: white;text-align: center;margin-bottom: 20px;}
  .flora-logo img{width: 100%;}
  .advisor-logo img{margin-left: 30px;}

  .footer-social li{display: inline-block;}
  .footer-social li a:hover{opacity: 0.7;}
  footer h6{    color: white; font-size: 1.2rem; padding: 0 0 10px 0; font-family: 'Lato'; font-weight: 400; text-transform: uppercase; margin-bottom: 0; text-align: left;}
  .footer-menu{float: left;}
  .footer-menu li a, .footer-menu li{color: white;font-size: 0.8rem;padding: 0;font-family: 'Lato';font-weight: 300;line-height: 1.4;text-align: left;}
  .footer-menu li a:hover{opacity: 0.7;}
  .footer-menu a {color: white; text-decoration: none;}
  .footer-submenu{float: right; margin-top: 33px;}
  .footer-submenu li{display: inline-block;margin: 0 !important;}
  .footer-submenu li:after{content: "·";color: white;display: inline-block;margin: 0 5px 0 10px;}
  .footer-submenu li:last-child:after{display: none;}
  .footer-submenu li a{color: white;font-size: 0.8rem;padding: 0;}
  .copyright{float: left;font-size: 0.8rem;color: white; display: inline-block; margin-top: 40px;}
  .autor { color: white; font-size: 0.8rem; text-align: right;}
  .autor a{color: white; font-weight: 700; font-size: 0.8rem; display: inline-block;}
  .contacta {width: 20%; margin-left: 13%; }



.social {text-align: center; padding: 0 !important;}
.social li{display: inline-block;list-style-type: none;margin-right: 5px;}
.social li a{display: block;}
.social li a:hover{opacity: 0.7;}
#f-small {margin-top: 0;}
*+.uk-grid-margin, .uk-grid+.uk-grid, .uk-grid>.uk-grid-margin {margin-top: 0px;}
*+address, *+dl, *+fieldset, *+figure, *+ol, *+p, *+pre, *+ul {margin-top: 0px;}

/* Media queries */
@media only screen and (min-width: 1600px){

}

@media only screen and (min-width: 1200px){



}

@media only screen and (max-width: 1599px){ /* x-large */

}

@media only screen and (max-width: 1199px){ /* large */
    .section-20 {padding: 10vh;}
    .nos-bor {border-bottom: 1px solid white; border-right: 0px; width: calc(100% - 30px); height: 40px; margin-bottom: 10px;}


@media (max-width: 1024px){ /* ipad */

.h-somos-img {min-height: 40vh; height: auto; padding-top: 50px;}
.h-ofrecemos-img {min-height: 40vh;}
.gluten-es-img {height: auto;}


}

@media (max-width: 959px){ /* medium */
  .section {padding: 5vh;}
  .section-20 {padding: 5vh;}


  /* generic menu */
  .preloader{position: fixed;z-index: 999;width: 100vw;height:100vh;background-color: #b4d17a; top: 0; left: 0;}
  .preloader img{position: absolute;top: calc(50vh - 75px);left: calc(50vw - 75px);width: 150px;height: 150px;-webkit-animation: breathing 1s ease-out infinite normal;
    animation: breathing 1s ease-out infinite normal;}
  .header h1 {font-size: 2rem;}
  .header h3 {font-size: 1.5rem;}
  .uk-navbar-container{height: auto;background-color: #f8f8f8 !important;}
  .uk-navbar-right{width: 100%;display: block; height: auto;}
  .uk-navbar-left{display: inline-block; opacity: 1 !important;}
  .uk-navbar-nav#main-menu{display: none;width: 20%;float: right; background-color: #b4d17a; height: calc(100vh - 70px);width: 100%;position: absolute;top: 70px;left: 0px;margin-left: 0; color: white; padding-top: 20px;}
  .uk-navbar-nav.visible-flex{display: block !important;overflow-y: auto;}
  .uk-navbar-nav li{width: 100%;text-align: left; height: auto; color: white !important;}
  .uk-navbar-nav li a{display: block;height: auto;padding: 12px 15px; text-transform: uppercase; color: white !important; font-weight: 400; font-size: 0.9rem; min-height: 20px;}
  .uk-navbar-nav li a:hover{font-weight: 700; color: white;}
  .uk-nav-default .uk-nav-sub a {color: white !important;}
  .uk-nav-default>li>a:focus, .uk-nav-default>li>a:hover {color: white !important; font-weight: 700;}
  .uk-nav-default .uk-nav-sub a:focus, .uk-nav-default .uk-nav-sub a:hover {color: white; font-weight: 700;}
  .uk-navbar-toggle{width: 120px;height: 70px; float: right;}
  .uk-navbar-toggle-icon{margin-right: 10px;}
  .header-logo{display: none;}
  .header-search{margin-top: 0 !important;width: 100%;}
  .bm-waves span{display: block;}
  .uk-navbar-nav>li.uk-active>a {color: white; font-weight: 700;}
  .uk-navbar-container.uk-active .uk-navbar-nav>li>a {color: white;}
  .uk-navbar-container.uk-active .uk-navbar-nav>li>a:hover {color: white; font-weight: 700;}
  
  .uk-nav-parent-icon>.uk-parent>a::after{background-image:url(data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolyline%20fill%3D%22none%22%20stroke%3D%22%23FFFFFF%22%20stroke-width%3D%221.1%22%20points%3D%2210%201%204%207%2010%2013%22%3E%3C%2Fpolyline%3E%0A%3C%2Fsvg%3E);}
  .uk-nav-parent-icon>.uk-parent.uk-open>a::after{background-image: url(data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolyline%20fill%3D%22none%22%20stroke%3D%22%23FFFFFF%22%20stroke-width%3D%221.1%22%20points%3D%221%204%207%2010%2013%204%22%3E%3C%2Fpolyline%3E%0A%3C%2Fsvg%3E);}

.nos-estefania-img {height: 460px; background-position-y: top;}
.est-container { -webkit-order: -1; order:-1;}
.gluten-es-img {height: auto;}

 


  /* glutify */

    .h-noticias-1 {min-height: 35vh; width: 100%;}
    .h-noticias-2 {min-height: 35vh; width: 100%;}
    .h-noticias-3 {min-height: 35vh; width: 100%;}
    .h-noticias h3 {margin-top: 240px;}
    .h-noticias-big h3 {margin-top: 230px !important;}
    .social {margin: 50px 0px 30px; }
    .contacta {width: 100%; margin-left: 0px;}
    footer h6 {margin: 30px 0px; }
    footer .glutify-logo {max-width: 60%;}
    .footer-submenu {float: left; margin-top: 30px;}
    .autor {float: left; padding-bottom: 30px;}
    .nos-intro {min-height: auto;}
    .nos-intro h3, .ser-intro h3 {top:0;}
    .gluten-es-text {height: auto;}
    .gluten-es-img {height: auto;}
    /*.not-intro {min-height: 30vh;}*/
    .not-intro h3 {color: black; top: 0; margin: 0; text-align: center;}
    .bm-waves a{padding: 0 !important;font-size: 0 !important;}
    .bm-waves a:hover,.bm-waves a:focus, .bm-waves a:visited{font-size: 0;}
    .bm-waves span{width: 70px;height: 70px; background-color: #56b47f;background-image: url('../img/gluti_nav.svg');background-repeat: no-repeat;background-position: center;}
    .deluxe .container-small h3:before {display: block; margin-left: 0px; margin-bottom: 30px;}
    .uk-navbar-container.uk-active .header-logo  {display: none;}
    .social {text-align: left;}
    .logo-hoja {display: none;}
    .franquicia-img {top: 0px;}
    .h-intro h3 {top:70px;}
    .h-destacat h3 {margin-top: 0px;}
    .ser-bad-right {-webkit-order: -1; order: -1;}
    .ser-bad-left {-webkit-order: 1; order: 1;}
    .sus-peg-container {height: 500px;}
    .h-somos-img img {width: 40%; margin-top: 0px;}
    .h-ofrecemos-img img {margin-top: -90px;}

    .h-ofrecemos-img {min-height: 60vh;}
    .h-destacat {min-height: 30vh;}
    #p-2 {-webkit-order: -1; order: -1;}
    #d-3 {-webkit-order: -2; order: -2;}
    #d-2 {-webkit-order: -1; order: -1;}

    #s-1 {order: 1;}
    #s-2 {order: 3;}
    #s-3 {order: 5;}
    #s-4 {order: 2;}
    #s-5 {order: 4;}
    #s-6 {order: 6;}

    .standard p, .premium p, .deluxe p {margin-top: 20px;}

    
    #form_contacta input[type=text], #form_contacta input[type=email], #form_contacta input[type=number], #form_contacta select, #form_contacta textarea {margin-bottom: 10px;}


}

@media only screen and (max-width: 780px){ /* small */

}


@media only screen and (max-width: 639px){ /* small */
    /*.section {padding: 3vh !important;}*/
    .header h1 {margin-top: 30px;}
    .section-sus {padding: 3vh !important;}
    .h-intro h3 {top:80px; font-size: 1rem; margin: 50px auto; line-height: 1.5;}
    .h-intro {min-height: 50vh;}
    .sus-peg-container {height: 400px;}
    .h-intro-sprite {height: 29 0px;}
    .h-destacat-img h3 {margin-top: 10vh;}
    .noticias-big h3, .noticias-small h3 {font-size: 1.2rem;}
    .h-gluten-img h3 { font-size: 1.8rem; margin-top: 0px;}
    .calidad:before, .espiritu:before, .compromiso:before, .negocio:before {margin-bottom: 0px;}
    .h-destacat-img h3 {font-size: 1.5rem;}
    .calidad, .espiritu, .compromiso, .negocio {padding: 20px 0;}
    .sus-bad-container h4 {margin-top:20px;}
    .sus-contacta-img h3 {font-size: 1.8rem;}
    .sus-contacta-img h4 {font-size: 1.2rem;}
    .hp-hover{bottom: 20px; left: 20px;}
    #video-container {margin: 5vh auto 5vh; }
    
    .h-ofrecemos-img { padding-top: 40px; padding-bottom: 30px;}
    .h-ofrecemos-img img {max-height: 250px; margin-top: 0px !important;}
    .h-destacat-img {min-height: 35vh;}
    .cp-text h2 {font-size: 3rem;}

}

@media (max-width: 459px){ /* x-small */
    .section {padding: 5% !important;}
    .cp-text h2 {font-size: 2rem;}
}