@import "https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700;900&display=swap";* {
    margin: 0;
    padding: 0;
    outline: none
}

hr {
    background: #9a958f;
    margin: 60px auto 40px;
    max-width: 90%;
    opacity: .5
}

.content_courses hr {
    background: #000;
    margin: 60px auto 40px;
    max-width: 95%;
    opacity: .5
}

ol {
    font-family: roboto slab
}

@font-face {
    font-family: montserrat;
    src: url(../fonts/Montserrat-Black.ttf) format('ttf');
    font-weight: 900;
    font-style: normal;
    font-display: fallback
}

@import 'https://fonts.googleapis.com/css2?family=Montserrat:wght@900&display=swap';html {
    overflow-x: hidden;
    scroll-behavior: smooth
}

body {
    font-family: roboto slab;
    overflow: hidden
}

.container_home {
    background: #fff9f2
}

.dnnEditState .wrapper {
    padding-top: 110px
}

body:not(.dnnEditState) .DNNEmptyPane {
    width: 0;
    padding: 0!important
}

h1,h2,h3,h4,h5,h6 {
    color: #000;
    font-family: montserrat,sans-serif;
    font-weight: 900
}

p {
    color: #241f18;
    font-family: roboto slab;
    font-size: 16px
}

.home-text {
    max-width: 95%;
    margin: 15px auto 20px
}

@media(min-width: 768px) {
    .home-text {
        max-width:60%;
        margin: 20px auto 30px
    }
}

a {
    color: #ffb513
}

img {
    display: block;
    max-width: 100%
}

.main-title {
    color: #241f18;
    display: table;
    font-family: montserrat-black,sans-serif;
    font-weight: 900;
    font-size: 30px;
    line-height: 34px;
    margin: 30px auto;
    padding: 0 15px;
    position: relative;
    text-align: center;
    text-transform: uppercase;
}

.main-title.white {
    color: #fff
}

h2.titulo_stile_02 {
    font-family: roboto slab;
    font-weight: 500;
    text-align: center;
    margin-top: 50px
}

h2.titulo_stile_02 span {
    font-weight: 900
}

@media(min-width: 768px) {
    .main-title {
        font-size: 40px;
        line-height: 55px;
        max-width: 90%;
        text-transform: uppercase;
        line-height: 40px;
    }
}

@media(min-width: 1200px) {
    .main-title {
        max-width: 54%;
    }

    img.ico-beneficios-prod-natural-left {
        width: 30%!important;
        margin: 0!important
    }

    .cont-beneficios-productos-natural {
        text-align: left!important
    }

    .cont-beneficios-productos-natural-right {
        text-align: right!important
    }

    img.ico-beneficios-prod-natural-right {
        margin: 0!important;
        margin-left: auto!important
    }

    .transicion-sabores-texto2 {
        width: 45%;
        margin: auto!important
    }

    img.img-bene-natural-center {
        width: 605px!important;
        margin-left: -30%!important;
        max-width: 170%!important
    }
}

.underlined_text {
    color: #241f18;
    display: block;
    font-family: roboto slab;
    font-size: 16px;
    letter-spacing: 3px;
    margin: 0 0 20px;
    padding: 0 0 5px;
    position: relative
}

.underlined_text:before {
    background: #241f18;
    bottom: 0;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 1
}

.boton-comprar {
    background: 0 0;
    border: 1px solid #241f18;
    color: #241f18;
    display: table;
    font-family: roboto slab;
    font-size: 16px;
    letter-spacing: 3px;
    margin: 0 auto;
    min-width: 240px;
    padding: 5px 50px;
    text-align: center;
    text-decoration: none;
    transition: all .6s
}

.boton-comprar:hover {
    background: #241f18;
    color: #fff;
    text-decoration: none
}

.boton-comprar i {
    margin: 0 10px 0 0
}

.main-btn {
    background: #241f18;
    border: 1px solid #241f18;
    border-radius: 0;
    color: #fff;
    display: table;
    font-family: roboto slab;
    font-size: 16px;
    letter-spacing: 3px;
    margin: 0 auto;
    padding: 5px 50px;
    text-align: center;
    text-decoration: none;
    transition: .6s
}

.main-btn:hover {
    background: #fff;
    color: #241f18;
    text-decoration: none
}

.main-btn.white {
    background: #fff;
    border: 1px solid #241f18;
    color: #241f18
}

.main-btn.white:hover {
    background: #241f18;
    color: #fff;
    text-decoration: none
}

.btn-calculator {
    margin: 0 auto;
    padding: 5px 0;
    position: relative;
    width: 100%
}

.btn-calculator:before {
    background: #241f18;
    content: "";
    height: 100%;
    left: -15px;
    position: absolute;
    top: 0;
    width: calc(100% + 30px);
    z-index: -1
}

.btn-enviar-calculator:hover {
    background: #fff;
    color: #000;
    border: solid 2px #000
}

.btn-enviar-calculator:active {
    background: #fff;
    color: #000;
    border: solid 2px #000
}

@media(min-width: 768px) {
    .btn-calculator {
        width:60%
    }
}

.container_nutriss_al_natural {
    background: #fff9f2!important
}

.degraded_nutriss {
    background: #fff9f2;
    background: linear-gradient(180deg,#ffffff,#ffb391 100%);
    padding: 0 0 50px
}

.bstrap30 .nav-tabs {
    border: none
}

.bstrap30 .tab-pane {
    background-color: transparent!important;
    border: none!important
}

.bstrap30 .nav-tabs>li.active>a,.bstrap30 .nav-tabs>li.active>a:focus,.bstrap30 .nav-tabs>li.active>a:hover {
    border: none!important;
    color: #fff!important
}

.bstrap30 .nav-tabs>li.active>a.tabLink,.bstrap30 .nav-tabs>li.active>a:hover,.bstrap30 .nav-tabs>li.active>a:focus {
    background: 0 0!important
}

.bstrap30 .nav-tabs>li>a {
    border-radius: 0;
    border: none
}

.bstrap30 .nav-tabs>li>a:hover {
    border: none
}

.tabsProRoot .bstrap30 .panel {
    border: none;
    box-shadow: none
}

.tabsProRoot .bstrap30 .panel-default>.panel-heading {
    background: 0 0;
    border: none;
    border-radius: 0;
    padding: 0
}

.tp-bs-accordion .tp.panel {
    background: 0 0;
    margin: 0 auto;
    max-width: 90%
}

.bstrap30 .tp-bs-accordion .panel-body {
    padding: 0
}

.tp-bs-accordion .tp.panel .panel-title .accordionLink {
    color: #fff;
    display: block;
    font-family: roboto slab;
    font-size: 16px;
    letter-spacing: 2px;
    text-decoration: none!important
}

.bstrap30 .nav.nav-tabs {
    border: none;
    justify-content: center;
    margin: 0 auto;
    max-width: 90%
}

.nav .tabButton {
    background: #868686;
    flex: 1 1 0;
    margin: 0 14px;
    position: relative;
    transition: all .6s;
    text-align: center
}

.nav .tabButton:hover,.nav .tabButton.active {
    background: #00722c
}

.nav .tabButton .tabLink {
    align-items: center;
    border: none;
    border-radius: 0;
    color: #fff;
    display: flex;
    font-family: roboto slab;
    font-size: 20px;
    height: 100%;
    justify-content: center;
    letter-spacing: 3px;
    line-height: 22px;
    margin: 0;
    padding: 20px 30px;
    position: relative;
    text-decoration: none;
    transition: all .6s
}

.nav .tabButton .tabLink:hover {
    text-decoration: none
}

.nav .tabButton:before,.nav .tabButton:after {
    background: #868686;
    content: "";
    height: 20px;
    left: 0;
    position: absolute;
    transform: scaleY(-1);
    transition: all .6s;
    width: 100%;
    z-index: 1
}

.nav .tabButton:before {
    clip-path: path("M811,0.031v16c-0.345-0.28-15.238,0.349-28.047-0.006c-14.131-0.392-11.258-1.669-25.384-1.269 c-6.613,0.188-12.961-2.873-19.461-3.399c-2.581-0.035-5.14,0.487-7.5,1.532c-10.095,3.75-20.253,2.242-30.399,2.189 c-2.454-0.013-4.91-0.07-7.364-0.252c-13.648-1.019-14.538-0.787-28.191-1.162c-6.237-0.121-12.475,0.267-18.648,1.16	c-5.301,0.721-6.235,1.051-11.54,1.459c-0.7,0.055-5.354-0.629-6.453-0.765c-13.723-1.694-27.9-2.067-35.932-0.177 c-6.294,1.482-14.75,2.938-21.009,0.447c-2.273-0.871-4.767-0.992-7.114-0.345c-5.386,1.392-10.699,0.907-16.066-0.349 c-1.97-0.461-4.046,0.945-6.076,1.515c-0.589,0.168-14.568,0.267-21-0.214c-8.485-0.632-16.983,1.037-25.473,0.82 c-3.645-0.092-7.29,0.043-10.937,0.16c-2.753,0.086-19.409-1.5-21.489-1.258c-8.745,1.027-13.25,1.584-22,2.451	c-5.755,0.57-18.069-2.511-26.263-2.68c-8.228-0.169-12.966,1.042-21.19,0.643c-0.069,0-0.118-0.168-0.155-0.449 c-1.104-0.008-2.209-0.026-3.315-0.055c-14.131-0.393-11.258-1.669-25.384-1.268c-6.613,0.188-12.961-2.873-19.461-3.4	c-2.581-0.035-5.14,0.488-7.5,1.532c-10.092,3.75-20.253,2.243-30.395,2.188c-2.454-0.012-4.912-0.068-7.364-0.252 c-13.648-1.018-14.538-0.785-28.194-1.16c-6.236-0.121-12.472,0.266-18.646,1.158c-5.3,0.723-6.238,1.051-11.543,1.461 c-0.7,0.053-5.353-0.629-6.451-0.766c-13.724-1.695-27.9-2.068-35.931-0.176c-6.294,1.482-14.752,2.938-21.01,0.447 c-2.272-0.873-4.766-0.994-7.112-0.346c-5.389,1.391-10.7,0.907-16.067-0.349c-1.97-0.462-4.049,0.944-6.075,1.515 c-0.589,0.168-14.567,0.266-21-0.214c-8.484-0.632-16.982,1.037-25.475,0.821c-3.641-0.092-7.29,0.042-10.934,0.158 c-2.754,0.087-19.409-1.5-21.49-1.258c-8.745,1.028-13.25,1.584-22,2.453c-5.754,0.569-18.07-2.512-26.264-2.681 c-8.227-0.169-21.714,1.146-21.714,1.146s0.031-13.438,0-17h8.291c0,0,25.268-0.052,47.492,0c49.106,0.116,126.811-0.1,213.549,0 C505.793,0.308,811,0.031,811,0.031z");
    top: -10px
}

.nav .tabButton:after {
    bottom: -5px;
    clip-path: path("M214.523,0.038c8.485,0.6,28.641,2.114,37.389,1.287c5.756-0.543,24.918,0.726,28.751,1.046 c6.225,0.518,12.452-0.64,18.683-0.414c12.333,0.449,24.665-0.9,37-0.695c4.784,0.111,9.57-0.074,14.332-0.555 c4.427-0.621,8.92,0.547,12.484,3.245c1.063,0.906,2.552,1.116,3.823,0.54c8.117-4.5,16.354-2.451,24.548-2.289 c0.832,0.016,1.661,0.05,2.493,0.073c0.2-0.541,0.444-0.859,0.738-0.854c4.441,0.051,8.867,0.533,13.216,1.439	c2.741,0.14,5.483,0.282,8.225,0.409c0.132,0.01,0.264,0.028,0.394,0.054c0.719-0.007,1.479-0.02,2.306-0.043 c6.613-0.18,5.587-0.238,8.041-0.063c13.648,0.972,23.566,1.144,29.789,0.333c5.3-0.69,10.605-1,15.91-1.395 c0.7-0.051,27.144-0.368,27.634,0.4c1.885,2.943,30.088,0.3,38.117-1.512c6.258-1.483,12.817-1.046,18.823,1.254	c2.282,0.833,4.765,0.948,7.113,0.33c5.389-1.33,10.7-0.868,16.069,0.332c1.97,0.441,20.645-3.382,27.072-2.925	c8.484,0.6,28.64,2.114,37.388,1.287c5.757-0.543,24.918,0.726,28.753,1.046c6.223,0.518,12.45-0.64,18.68-0.414 c12.334,0.449,24.668-0.9,37-0.695c4.785,0.111,9.571-0.074,14.332-0.555c4.429-0.62,8.922,0.549,12.486,3.249	c1.063,0.906,2.552,1.116,3.823,0.54c8.117-4.5,16.354-2.451,24.547-2.289c8.226,0.162,14.86,0.287,23.083,0.668 c1.151-0.056,2.299-0.179,3.436-0.371c0.03,3.7,0,11.366,0,11.366v4.64c0,0-47.011-0.067-118.479,0C467.005,18.37,0,18.507,0,18.507 V1.501c8.576,1.4,17.265,1.997,25.953,1.783c6.612-0.18,5.587-0.238,8.041-0.063C47.642,4.193,57.56,4.365,63.783,3.554 c5.3-0.69,10.604-1,15.909-1.395c0.7-0.051,27.144-0.368,27.635,0.4c1.882,2.943,30.088,0.3,38.116-1.512 c6.258-1.483,12.817-1.045,18.823,1.254c2.282,0.833,4.765,0.948,7.114,0.33c5.388-1.33,10.7-0.868,16.07,0.332 C189.421,3.403,208.094-0.424,214.523,0.038z")
}

.nav .tabButton:hover:before,.nav .tabButton:hover:after,.nav .tabButton.active:after,.nav .tabButton.active:before {
    background: #00722c
}

.tp-bs-accordion .tp.panel {
    background: 0 0;
    margin: 0 auto 30px;
    max-width: 90%;
    position: relative
}

.tp.panel .panel-heading .panel-title .accordionLink,.tp.panel .panel-heading .panel-title {
    position: relative;
    width: 100%
}

.tp-bs-accordion .panel .panel-title {
    background: #868686;
    margin: 0
}

.tp-bs-accordion .panel .panel-title.active {
    background: #00722c
}

.tp-bs-accordion .panel .panel-title:before,.tp-bs-accordion .panel .panel-title:after {
    background: #868686;
    content: "";
    height: 20px;
    left: 0;
    position: absolute;
    transform: scaleY(-1);
    transition: all .6s;
    width: 100%
}

.tp-bs-accordion .panel .panel-title .accordionLink {
    padding: 15px 0;
    text-align: center
}

.tp-bs-accordion .panel .panel-title:before {
    clip-path: path("M811,0.031v16c-0.345-0.28-15.238,0.349-28.047-0.006c-14.131-0.392-11.258-1.669-25.384-1.269 c-6.613,0.188-12.961-2.873-19.461-3.399c-2.581-0.035-5.14,0.487-7.5,1.532c-10.095,3.75-20.253,2.242-30.399,2.189 c-2.454-0.013-4.91-0.07-7.364-0.252c-13.648-1.019-14.538-0.787-28.191-1.162c-6.237-0.121-12.475,0.267-18.648,1.16	c-5.301,0.721-6.235,1.051-11.54,1.459c-0.7,0.055-5.354-0.629-6.453-0.765c-13.723-1.694-27.9-2.067-35.932-0.177 c-6.294,1.482-14.75,2.938-21.009,0.447c-2.273-0.871-4.767-0.992-7.114-0.345c-5.386,1.392-10.699,0.907-16.066-0.349 c-1.97-0.461-4.046,0.945-6.076,1.515c-0.589,0.168-14.568,0.267-21-0.214c-8.485-0.632-16.983,1.037-25.473,0.82 c-3.645-0.092-7.29,0.043-10.937,0.16c-2.753,0.086-19.409-1.5-21.489-1.258c-8.745,1.027-13.25,1.584-22,2.451	c-5.755,0.57-18.069-2.511-26.263-2.68c-8.228-0.169-12.966,1.042-21.19,0.643c-0.069,0-0.118-0.168-0.155-0.449 c-1.104-0.008-2.209-0.026-3.315-0.055c-14.131-0.393-11.258-1.669-25.384-1.268c-6.613,0.188-12.961-2.873-19.461-3.4	c-2.581-0.035-5.14,0.488-7.5,1.532c-10.092,3.75-20.253,2.243-30.395,2.188c-2.454-0.012-4.912-0.068-7.364-0.252 c-13.648-1.018-14.538-0.785-28.194-1.16c-6.236-0.121-12.472,0.266-18.646,1.158c-5.3,0.723-6.238,1.051-11.543,1.461 c-0.7,0.053-5.353-0.629-6.451-0.766c-13.724-1.695-27.9-2.068-35.931-0.176c-6.294,1.482-14.752,2.938-21.01,0.447 c-2.272-0.873-4.766-0.994-7.112-0.346c-5.389,1.391-10.7,0.907-16.067-0.349c-1.97-0.462-4.049,0.944-6.075,1.515 c-0.589,0.168-14.567,0.266-21-0.214c-8.484-0.632-16.982,1.037-25.475,0.821c-3.641-0.092-7.29,0.042-10.934,0.158 c-2.754,0.087-19.409-1.5-21.49-1.258c-8.745,1.028-13.25,1.584-22,2.453c-5.754,0.569-18.07-2.512-26.264-2.681 c-8.227-0.169-21.714,1.146-21.714,1.146s0.031-13.438,0-17h8.291c0,0,25.268-0.052,47.492,0c49.106,0.116,126.811-0.1,213.549,0 C505.793,0.308,811,0.031,811,0.031z");
    top: -10px
}

.tp-bs-accordion .panel .panel-title:after {
    bottom: -10px;
    clip-path: path("M214.523,0.038c8.485,0.6,28.641,2.114,37.389,1.287c5.756-0.543,24.918,0.726,28.751,1.046 c6.225,0.518,12.452-0.64,18.683-0.414c12.333,0.449,24.665-0.9,37-0.695c4.784,0.111,9.57-0.074,14.332-0.555 c4.427-0.621,8.92,0.547,12.484,3.245c1.063,0.906,2.552,1.116,3.823,0.54c8.117-4.5,16.354-2.451,24.548-2.289 c0.832,0.016,1.661,0.05,2.493,0.073c0.2-0.541,0.444-0.859,0.738-0.854c4.441,0.051,8.867,0.533,13.216,1.439	c2.741,0.14,5.483,0.282,8.225,0.409c0.132,0.01,0.264,0.028,0.394,0.054c0.719-0.007,1.479-0.02,2.306-0.043 c6.613-0.18,5.587-0.238,8.041-0.063c13.648,0.972,23.566,1.144,29.789,0.333c5.3-0.69,10.605-1,15.91-1.395 c0.7-0.051,27.144-0.368,27.634,0.4c1.885,2.943,30.088,0.3,38.117-1.512c6.258-1.483,12.817-1.046,18.823,1.254	c2.282,0.833,4.765,0.948,7.113,0.33c5.389-1.33,10.7-0.868,16.069,0.332c1.97,0.441,20.645-3.382,27.072-2.925	c8.484,0.6,28.64,2.114,37.388,1.287c5.757-0.543,24.918,0.726,28.753,1.046c6.223,0.518,12.45-0.64,18.68-0.414 c12.334,0.449,24.668-0.9,37-0.695c4.785,0.111,9.571-0.074,14.332-0.555c4.429-0.62,8.922,0.549,12.486,3.249	c1.063,0.906,2.552,1.116,3.823,0.54c8.117-4.5,16.354-2.451,24.547-2.289c8.226,0.162,14.86,0.287,23.083,0.668 c1.151-0.056,2.299-0.179,3.436-0.371c0.03,3.7,0,11.366,0,11.366v4.64c0,0-47.011-0.067-118.479,0C467.005,18.37,0,18.507,0,18.507 V1.501c8.576,1.4,17.265,1.997,25.953,1.783c6.612-0.18,5.587-0.238,8.041-0.063C47.642,4.193,57.56,4.365,63.783,3.554 c5.3-0.69,10.604-1,15.909-1.395c0.7-0.051,27.144-0.368,27.635,0.4c1.882,2.943,30.088,0.3,38.116-1.512 c6.258-1.483,12.817-1.045,18.823,1.254c2.282,0.833,4.765,0.948,7.114,0.33c5.388-1.33,10.7-0.868,16.07,0.332 C189.421,3.403,208.094-0.424,214.523,0.038z")
}

.tp-bs-accordion .panel .panel-title.active:after,.tp-bs-accordion .panel .panel-title.active:before {
    background: #00722c
}

.tabs_products {
    background: #fff9f2;
    position: relative;
    z-index: 0
}

.tabs_products:before,.tabs_products:after {
    content: "";
    height: 185px;
    position: absolute;
    width: 200px;
    z-index: -1
}

@media(min-width: 768px) {
    .tabs_products:before,.tabs_products:after {
        height:400px;
        width: 400px
    }

    .tabs_products:before {
        left: -240px
    }

    .tabs_products:after {
        bottom: unset;
        right: -200px;
        top: 30px
    }
}

.tabs-home .nav .tabButton:hover,.tabs-home .nav .tabButton.active {
    background: #f76661
}

.tabs-home .nav .tabButton:hover:before,.tabs-home .nav .tabButton:hover:after,.tabs-home .nav .tabButton.active:after,.tabs-home .nav .tabButton.active:before {
    background: #f76661
}

.container_home .tp-bs-accordion .panel .panel-title.active {
    background: #f76661
}

.container_home .tp-bs-accordion .panel .panel-title.active:after,.container_home .tp-bs-accordion .panel .panel-title.active:before {
    background: #f76661
}

.banner_separator p img {
    margin: 50px auto 20px;
    max-width: 90%
}

.tabs_nutriss_natural_skin {
    position: relative;
    z-index: 0
}

.tabs_nutriss_al_natural {
    position: relative
}

.tabs_nutriss_natural_skin:before {
    background: url(/portals/nutrisslovers/images/tabs-al-natural-left.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    content: "";
    bottom: -170px;
    filter: drop-shadow(10px 10px 8px rgba(0,0,0,0.4));
    height: 250px;
    left: -160px;
    position: absolute;
    width: 250px;
    z-index: -1
}

.tabs_nutriss_natural_skin:after {
    background: url(/portals/nutrisslovers/images/tabs-al-natural-right.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    content: "";
    bottom: -60px;
    filter: drop-shadow(10px 10px 8px rgba(0,0,0,0.4));
    height: 250px;
    right: -160px;
    position: absolute;
    width: 250px;
    z-index: -1
}

@media(min-width: 768px) {
    .tabs_nutriss_natural_skin:before {
        height:350px;
        left: -210px;
        width: 350px
    }

    .tabs_nutriss_natural_skin:after {
        bottom: unset;
        height: 250px;
        right: -230px;
        transform: translateY(-50%) rotate(45deg);
        top: 50%;
        width: 350px
    }
}

.bstrap30 .tabs_nutriss_al_natural .nav {
    border: none;
    justify-content: center;
    margin: 0 auto;
    max-width: 90%
}

.bstrap30 .tabs_nutriss_al_natural .nav-tabs>li.active>a,.bstrap30 .tabs_nutriss_al_natural .nav-tabs>li.active>a:focus,.bstrap30 .tabs_nutriss_al_natural .nav-tabs>li.active>a:hover {
    color: transparent!important
}

.tabs_nutriss_al_natural .nav .tabButton {
    background: #868686;
    flex: 1 1 0;
    margin: 0 14px;
    position: relative;
    transition: all .6s;
    text-align: center
}

.tabs_nutriss_al_natural .nav .tabButton:hover,.tabs_nutriss_al_natural .nav .tabButton.active {
    background: #00722c
}

.tabs_nutriss_al_natural .nav .tabButton .tabLink {
    border: none;
    border-radius: 0;
    color: transparent!important;
    display: block;
    font-family: roboto slab;
    font-size: 25px;
    height: 100%;
    margin: 0;
    padding: 25px 30px;
    position: relative;
    transition: all .6s
}

.tabs_nutriss_al_natural .nav .tabButton:before,.tabs_nutriss_al_natural .nav .tabButton:after {
    background: #868686;
    content: "";
    height: 20px;
    left: 0;
    position: absolute;
    transform: scaleY(-1);
    transition: all .6s;
    width: 100%
}

.tabs_nutriss_al_natural .nav .tabButton:before {
    clip-path: path("M811,0.031v16c-0.345-0.28-15.238,0.349-28.047-0.006c-14.131-0.392-11.258-1.669-25.384-1.269 c-6.613,0.188-12.961-2.873-19.461-3.399c-2.581-0.035-5.14,0.487-7.5,1.532c-10.095,3.75-20.253,2.242-30.399,2.189 c-2.454-0.013-4.91-0.07-7.364-0.252c-13.648-1.019-14.538-0.787-28.191-1.162c-6.237-0.121-12.475,0.267-18.648,1.16	c-5.301,0.721-6.235,1.051-11.54,1.459c-0.7,0.055-5.354-0.629-6.453-0.765c-13.723-1.694-27.9-2.067-35.932-0.177 c-6.294,1.482-14.75,2.938-21.009,0.447c-2.273-0.871-4.767-0.992-7.114-0.345c-5.386,1.392-10.699,0.907-16.066-0.349 c-1.97-0.461-4.046,0.945-6.076,1.515c-0.589,0.168-14.568,0.267-21-0.214c-8.485-0.632-16.983,1.037-25.473,0.82 c-3.645-0.092-7.29,0.043-10.937,0.16c-2.753,0.086-19.409-1.5-21.489-1.258c-8.745,1.027-13.25,1.584-22,2.451	c-5.755,0.57-18.069-2.511-26.263-2.68c-8.228-0.169-12.966,1.042-21.19,0.643c-0.069,0-0.118-0.168-0.155-0.449 c-1.104-0.008-2.209-0.026-3.315-0.055c-14.131-0.393-11.258-1.669-25.384-1.268c-6.613,0.188-12.961-2.873-19.461-3.4	c-2.581-0.035-5.14,0.488-7.5,1.532c-10.092,3.75-20.253,2.243-30.395,2.188c-2.454-0.012-4.912-0.068-7.364-0.252 c-13.648-1.018-14.538-0.785-28.194-1.16c-6.236-0.121-12.472,0.266-18.646,1.158c-5.3,0.723-6.238,1.051-11.543,1.461 c-0.7,0.053-5.353-0.629-6.451-0.766c-13.724-1.695-27.9-2.068-35.931-0.176c-6.294,1.482-14.752,2.938-21.01,0.447 c-2.272-0.873-4.766-0.994-7.112-0.346c-5.389,1.391-10.7,0.907-16.067-0.349c-1.97-0.462-4.049,0.944-6.075,1.515 c-0.589,0.168-14.567,0.266-21-0.214c-8.484-0.632-16.982,1.037-25.475,0.821c-3.641-0.092-7.29,0.042-10.934,0.158 c-2.754,0.087-19.409-1.5-21.49-1.258c-8.745,1.028-13.25,1.584-22,2.453c-5.754,0.569-18.07-2.512-26.264-2.681 c-8.227-0.169-21.714,1.146-21.714,1.146s0.031-13.438,0-17h8.291c0,0,25.268-0.052,47.492,0c49.106,0.116,126.811-0.1,213.549,0 C505.793,0.308,811,0.031,811,0.031z");
    top: -10px
}

.tabs_nutriss_al_natural .nav .tabButton:after {
    bottom: -10px;
    clip-path: path("M214.523,0.038c8.485,0.6,28.641,2.114,37.389,1.287c5.756-0.543,24.918,0.726,28.751,1.046 c6.225,0.518,12.452-0.64,18.683-0.414c12.333,0.449,24.665-0.9,37-0.695c4.784,0.111,9.57-0.074,14.332-0.555 c4.427-0.621,8.92,0.547,12.484,3.245c1.063,0.906,2.552,1.116,3.823,0.54c8.117-4.5,16.354-2.451,24.548-2.289 c0.832,0.016,1.661,0.05,2.493,0.073c0.2-0.541,0.444-0.859,0.738-0.854c4.441,0.051,8.867,0.533,13.216,1.439	c2.741,0.14,5.483,0.282,8.225,0.409c0.132,0.01,0.264,0.028,0.394,0.054c0.719-0.007,1.479-0.02,2.306-0.043 c6.613-0.18,5.587-0.238,8.041-0.063c13.648,0.972,23.566,1.144,29.789,0.333c5.3-0.69,10.605-1,15.91-1.395 c0.7-0.051,27.144-0.368,27.634,0.4c1.885,2.943,30.088,0.3,38.117-1.512c6.258-1.483,12.817-1.046,18.823,1.254	c2.282,0.833,4.765,0.948,7.113,0.33c5.389-1.33,10.7-0.868,16.069,0.332c1.97,0.441,20.645-3.382,27.072-2.925	c8.484,0.6,28.64,2.114,37.388,1.287c5.757-0.543,24.918,0.726,28.753,1.046c6.223,0.518,12.45-0.64,18.68-0.414 c12.334,0.449,24.668-0.9,37-0.695c4.785,0.111,9.571-0.074,14.332-0.555c4.429-0.62,8.922,0.549,12.486,3.249	c1.063,0.906,2.552,1.116,3.823,0.54c8.117-4.5,16.354-2.451,24.547-2.289c8.226,0.162,14.86,0.287,23.083,0.668 c1.151-0.056,2.299-0.179,3.436-0.371c0.03,3.7,0,11.366,0,11.366v4.64c0,0-47.011-0.067-118.479,0C467.005,18.37,0,18.507,0,18.507 V1.501c8.576,1.4,17.265,1.997,25.953,1.783c6.612-0.18,5.587-0.238,8.041-0.063C47.642,4.193,57.56,4.365,63.783,3.554 c5.3-0.69,10.604-1,15.909-1.395c0.7-0.051,27.144-0.368,27.635,0.4c1.882,2.943,30.088,0.3,38.116-1.512 c6.258-1.483,12.817-1.045,18.823,1.254c2.282,0.833,4.765,0.948,7.114,0.33c5.388-1.33,10.7-0.868,16.07,0.332 C189.421,3.403,208.094-0.424,214.523,0.038z")
}

.tabs_nutriss_al_natural .nav .tabButton:hover:before,.tabs_nutriss_al_natural .nav .tabButton:hover:after,.tabs_nutriss_al_natural .nav .tabButton.active:after,.tabs_nutriss_al_natural .nav .tabButton.active:before {
    background: #00722c
}

.tabs_nutriss_al_natural .nav .tabButton .tabLink:before {
    content: "";
    height: 100%;
    left: 50%;
    position: absolute;
    transition: all .6s;
    transform: translate(-50%,-50%);
    top: 50%;
    width: 100%;
    z-index: 2
}

.tabs_nutriss_al_natural .nav .tabButton:nth-child(1) .tabLink:before {
    background: url(/portals/nutrisslovers/images/titulo-perros-senior.svg) no-repeat;
    background-position: center;
    background-size: 100px
}

.tabs_nutriss_al_natural .nav .tabButton:nth-child(1):hover .tabLink:before,.tabs_nutriss_al_natural .nav .tabButton:nth-child(1).active .tabLink:before {
    background: url(/portals/nutrisslovers/images/titulo-perros-senior-hover.svg) no-repeat;
    background-position: center;
    background-size: 100px
}

.tabs_nutriss_al_natural .nav .tabButton:nth-child(2) .tabLink:before {
    background: url(/portals/nutrisslovers/images/titulo-perros-adultos.svg) no-repeat;
    background-position: center;
    background-size: 125px
}

.tabs_nutriss_al_natural .nav .tabButton:nth-child(2):hover .tabLink:before,.tabs_nutriss_al_natural .nav .tabButton:nth-child(2).active .tabLink:before {
    background: url(/portals/nutrisslovers/images/titulo-perros-adultos-hover.svg) no-repeat;
    background-position: center;
    background-size: 125px
}

.tabs_nutriss_al_natural .nav .tabButton:nth-child(3) .tabLink:before {
    background: url(/portals/nutrisslovers/images/titulo-perros-cachorros.svg) no-repeat;
    background-position: center;
    background-size: 150px
}

.tabs_nutriss_al_natural .nav .tabButton:nth-child(3):hover .tabLink:before,.tabs_nutriss_al_natural .nav .tabButton:nth-child(3).active .tabLink:before {
    background: url(/portals/nutrisslovers/images/titulo-perros-cachorros-hover.svg) no-repeat;
    background-position: center;
    background-size: 150px
}

.tabs_nutriss_natural_skin .tp-bs-accordion .tp.panel {
    background: 0 0;
    margin: 0 auto 30px;
    max-width: 90%
}

.tp-bs-accordion .tp.panel .panel-heading .panel-title .accordionLink,.tp-bs-accordion .tp.panel .panel-heading .panel-title {
    position: relative;
    width: 100%
}

.tabs_nutriss_natural_skin .tp-bs-accordion .panel .panel-title {
    background: #868686
}

.tabs_nutriss_natural_skin .tp-bs-accordion .panel .panel-title.active {
    background: #00722c
}

.tabs_nutriss_natural_skin .tp-bs-accordion .panel .panel-title:before,.tabs_nutriss_natural_skin .tp-bs-accordion .panel .panel-title:after {
    background: #868686;
    content: "";
    height: 20px;
    left: 0;
    position: absolute;
    transform: scaleY(-1);
    transition: all .6s;
    width: 100%
}

.tabs_nutriss_natural_skin .tp-bs-accordion .panel .panel-title:before {
    clip-path: path("M811,0.031v16c-0.345-0.28-15.238,0.349-28.047-0.006c-14.131-0.392-11.258-1.669-25.384-1.269 c-6.613,0.188-12.961-2.873-19.461-3.399c-2.581-0.035-5.14,0.487-7.5,1.532c-10.095,3.75-20.253,2.242-30.399,2.189 c-2.454-0.013-4.91-0.07-7.364-0.252c-13.648-1.019-14.538-0.787-28.191-1.162c-6.237-0.121-12.475,0.267-18.648,1.16	c-5.301,0.721-6.235,1.051-11.54,1.459c-0.7,0.055-5.354-0.629-6.453-0.765c-13.723-1.694-27.9-2.067-35.932-0.177 c-6.294,1.482-14.75,2.938-21.009,0.447c-2.273-0.871-4.767-0.992-7.114-0.345c-5.386,1.392-10.699,0.907-16.066-0.349 c-1.97-0.461-4.046,0.945-6.076,1.515c-0.589,0.168-14.568,0.267-21-0.214c-8.485-0.632-16.983,1.037-25.473,0.82 c-3.645-0.092-7.29,0.043-10.937,0.16c-2.753,0.086-19.409-1.5-21.489-1.258c-8.745,1.027-13.25,1.584-22,2.451	c-5.755,0.57-18.069-2.511-26.263-2.68c-8.228-0.169-12.966,1.042-21.19,0.643c-0.069,0-0.118-0.168-0.155-0.449 c-1.104-0.008-2.209-0.026-3.315-0.055c-14.131-0.393-11.258-1.669-25.384-1.268c-6.613,0.188-12.961-2.873-19.461-3.4	c-2.581-0.035-5.14,0.488-7.5,1.532c-10.092,3.75-20.253,2.243-30.395,2.188c-2.454-0.012-4.912-0.068-7.364-0.252 c-13.648-1.018-14.538-0.785-28.194-1.16c-6.236-0.121-12.472,0.266-18.646,1.158c-5.3,0.723-6.238,1.051-11.543,1.461 c-0.7,0.053-5.353-0.629-6.451-0.766c-13.724-1.695-27.9-2.068-35.931-0.176c-6.294,1.482-14.752,2.938-21.01,0.447 c-2.272-0.873-4.766-0.994-7.112-0.346c-5.389,1.391-10.7,0.907-16.067-0.349c-1.97-0.462-4.049,0.944-6.075,1.515 c-0.589,0.168-14.567,0.266-21-0.214c-8.484-0.632-16.982,1.037-25.475,0.821c-3.641-0.092-7.29,0.042-10.934,0.158 c-2.754,0.087-19.409-1.5-21.49-1.258c-8.745,1.028-13.25,1.584-22,2.453c-5.754,0.569-18.07-2.512-26.264-2.681 c-8.227-0.169-21.714,1.146-21.714,1.146s0.031-13.438,0-17h8.291c0,0,25.268-0.052,47.492,0c49.106,0.116,126.811-0.1,213.549,0 C505.793,0.308,811,0.031,811,0.031z");
    top: -10px
}

.tabs_nutriss_natural_skin .tp-bs-accordion .panel .panel-title:after {
    bottom: -10px;
    clip-path: path("M214.523,0.038c8.485,0.6,28.641,2.114,37.389,1.287c5.756-0.543,24.918,0.726,28.751,1.046 c6.225,0.518,12.452-0.64,18.683-0.414c12.333,0.449,24.665-0.9,37-0.695c4.784,0.111,9.57-0.074,14.332-0.555 c4.427-0.621,8.92,0.547,12.484,3.245c1.063,0.906,2.552,1.116,3.823,0.54c8.117-4.5,16.354-2.451,24.548-2.289 c0.832,0.016,1.661,0.05,2.493,0.073c0.2-0.541,0.444-0.859,0.738-0.854c4.441,0.051,8.867,0.533,13.216,1.439	c2.741,0.14,5.483,0.282,8.225,0.409c0.132,0.01,0.264,0.028,0.394,0.054c0.719-0.007,1.479-0.02,2.306-0.043 c6.613-0.18,5.587-0.238,8.041-0.063c13.648,0.972,23.566,1.144,29.789,0.333c5.3-0.69,10.605-1,15.91-1.395 c0.7-0.051,27.144-0.368,27.634,0.4c1.885,2.943,30.088,0.3,38.117-1.512c6.258-1.483,12.817-1.046,18.823,1.254	c2.282,0.833,4.765,0.948,7.113,0.33c5.389-1.33,10.7-0.868,16.069,0.332c1.97,0.441,20.645-3.382,27.072-2.925	c8.484,0.6,28.64,2.114,37.388,1.287c5.757-0.543,24.918,0.726,28.753,1.046c6.223,0.518,12.45-0.64,18.68-0.414 c12.334,0.449,24.668-0.9,37-0.695c4.785,0.111,9.571-0.074,14.332-0.555c4.429-0.62,8.922,0.549,12.486,3.249	c1.063,0.906,2.552,1.116,3.823,0.54c8.117-4.5,16.354-2.451,24.547-2.289c8.226,0.162,14.86,0.287,23.083,0.668 c1.151-0.056,2.299-0.179,3.436-0.371c0.03,3.7,0,11.366,0,11.366v4.64c0,0-47.011-0.067-118.479,0C467.005,18.37,0,18.507,0,18.507 V1.501c8.576,1.4,17.265,1.997,25.953,1.783c6.612-0.18,5.587-0.238,8.041-0.063C47.642,4.193,57.56,4.365,63.783,3.554 c5.3-0.69,10.604-1,15.909-1.395c0.7-0.051,27.144-0.368,27.635,0.4c1.882,2.943,30.088,0.3,38.116-1.512 c6.258-1.483,12.817-1.045,18.823,1.254c2.282,0.833,4.765,0.948,7.114,0.33c5.388-1.33,10.7-0.868,16.07,0.332 C189.421,3.403,208.094-0.424,214.523,0.038z")
}

.tabs_nutriss_natural_skin .tp-bs-accordion .panel .panel-title.active:after,.tabs_nutriss_natural_skin .tp-bs-accordion .panel .panel-title.active:before {
    background: #00722c
}

.tabs_nutriss_natural_skin .tp-bs-accordion .panel .panel-title .accordionLink {
    color: transparent;
    padding: 15px 0
}

.tabs_nutriss_natural_skin .tp-bs-accordion .panel .accordionLink:before {
    content: "";
    height: 100%;
    left: 50%;
    position: absolute;
    transition: all .6s;
    transform: translate(-50%,-50%);
    top: 50%;
    width: 100%;
    z-index: 2
}

.tabs_nutriss_natural_skin .tp-bs-accordion .panel:nth-child(1) .accordionLink:before {
    background: url(/portals/nutrisslovers/images/titulo-perros-senior.svg) no-repeat;
    background-position: center;
    background-size: 75px
}

.tabs_nutriss_natural_skin .tp-bs-accordion .panel:nth-child(1) .accordionLink.active:before {
    background: url(/portals/nutrisslovers/images/titulo-perros-senior-hover.svg) no-repeat;
    background-position: center;
    background-size: 75px
}

.tabs_nutriss_natural_skin .tp-bs-accordion .panel:nth-child(2) .accordionLink:before {
    background: url(/portals/nutrisslovers/images/titulo-perros-adultos.svg) no-repeat;
    background-position: center;
    background-size: 90px
}

.tabs_nutriss_natural_skin .tp-bs-accordion .panel:nth-child(2) .accordionLink.active:before {
    background: url(/portals/nutrisslovers/images/titulo-perros-adultos-hover.svg) no-repeat;
    background-position: center;
    background-size: 90px
}

.tabs_nutriss_natural_skin .tp-bs-accordion .panel:nth-child(3) .accordionLink:before {
    background: url(/portals/nutrisslovers/images/titulo-perros-cachorros.svg) no-repeat;
    background-position: center;
    background-size: 115px
}

.tabs_nutriss_natural_skin .tp-bs-accordion .panel:nth-child(3) .accordionLink.active:before {
    background: url(/portals/nutrisslovers/images/titulo-perros-cachorros-hover.svg) no-repeat;
    background-position: center;
    background-size: 115px
}

.main_producto_al_natural {
    background-color: #fffaf3;
    position: relative
}

.tabs_nutriss_flavors_skin {
    padding: 30px 0 40px;
    position: relative;
    z-index: 0;
    margin-top: 50px
}

@media(max-width: 420px) {
    .tabs_nutriss_flavors_skin {
        margin-top:30px
    }
}

.tabs_nutriss_flavors .nav .tabButton:hover,.tabs_nutriss_flavors .nav .tabButton.active {
    background: #e71531
}

.tabs_nutriss_flavors .nav .tabButton:hover:before,.tabs_nutriss_flavors .nav .tabButton:hover:after,.tabs_nutriss_flavors .nav .tabButton.active:after,.tabs_nutriss_flavors .nav .tabButton.active:before {
    background: #e71531
}

.tabs_nutriss_flavors_skin .tp-bs-accordion .panel .panel-title.active {
    background: #e71531
}

.tabs_nutriss_flavors_skin .tp-bs-accordion .panel .panel-title.active:after,.tabs_nutriss_flavors_skin .tp-bs-accordion .panel .panel-title.active:before {
    background: #e71531
}

.tabs_cursos_left .bstrap30 .tabs-left .tab-content {
    display: block
}

.tabs_cursos_left .nav .tabButton {
    background: #000;
    flex: unset;
    margin: 15px 0;
    position: relative;
    transition: all .6s;
    text-align: center
}

.tabs_cursos_left .nav .tabButton:before,.tabs_cursos_left .nav .tabButton:after {
    content: normal
}

.tabs_cursos_left .nav .tabButton .tabLink {
    border: none;
    border-radius: 0;
    color: #fff;
    font-family: montserrat,sans-serif;
    font-weight: 900;
    font-size: 16px;
    justify-content: start;
    letter-spacing: unset;
    line-height: 1;
    margin: 0;
    padding: 20px 30px 20px 50px;
    position: relative;
    text-align: left;
    text-decoration: none;
    transition: all .6s;
    font-weight: 700
}

.tabs_cursos_left .nav .tabButton .tabLink:before {
    content: "";
    height: 35px;
    left: 10px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
    width: 35px
}

.tabs_cursos_left .nav .tabButton:nth-child(1) .tabLink:before {
    background: url(https://www.nutrisslovers.com/portals/nutrisslovers/iconos/icono-fotografia-blanco.svg) no-repeat;
    background-position: center;
    background-size: 100%
}

.tabs_cursos_left .nav .tabButton:nth-child(2) .tabLink:before {
    background: url(https://www.nutrisslovers.com/portals/nutrisslovers/iconos/icono-nutricion-blanco.svg) no-repeat;
    background-position: center;
    background-size: 100%
}

.tabs_cursos_left .nav .tabButton:nth-child(3) .tabLink:before {
    background: url(https://www.nutrisslovers.com/portals/nutrisslovers/iconos/icono-salud-blanco.svg) no-repeat;
    background-position: center;
    background-size: 100%
}

.tabs_cursos_left .tp-bs-accordion .panel .panel-title:after {
    content: normal
}

.tabs_cursos_left .tp-bs-accordion .panel .panel-title {
    background: #000
}

.tabs_cursos_left .tp-bs-accordion .tp.panel .panel-title .accordionLink {
    color: #fff;
    display: block;
    font-family: montserrat,sans-serif;
    font-weight: 900;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: unset;
    text-decoration: none!important
}

.tabs_cursos_left .tp-bs-accordion .panel .panel-title .accordionLink {
    padding: 20px 30px 20px 70px;
    text-align: left
}

.tabs_cursos_left .tp-bs-accordion .panel .panel-title:before {
    clip-path: unset;
    content: "";
    height: 35px;
    left: 15px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
    width: 35px
}

.tabs_cursos_left .tp-bs-accordion .panel:nth-child(1) .panel-title:before {
    background: url(https://www.nutrisslovers.com/portals/nutrisslovers/iconos/icono-fotografia-blanco.svg) no-repeat;
    background-position: center;
    background-size: 100%
}

.tabs_cursos_left .tp-bs-accordion .panel:nth-child(2) .panel-title:before {
    background: url(https://www.nutrisslovers.com/portals/nutrisslovers/iconos/icono-nutricion-blanco.svg) no-repeat;
    background-position: center;
    background-size: 100%
}

.tabs_cursos_left .tp-bs-accordion .panel:nth-child(3) .panel-title:before {
    background: url(https://www.nutrisslovers.com/portals/nutrisslovers/iconos/icono-salud-blanco.svg) no-repeat;
    background-position: center;
    background-size: 100%
}

.container_blog {
    padding-top: 110px
}

.titulo_blog p {
    color: #241f18;
    font-family: roboto slab;
    font-size: 16px;
    letter-spacing: 4px;
    padding: 0 0 2px;
    text-align: center
}

.filter_title {
    color: #241f18;
    font-family: montserrat,sans-serif;
    font-weight: 900;
    font-size: 16px;
    font-weight: 700;
    margin: 0;
    padding: 10px 0;
    text-align: left;
    text-transform: uppercase
}

@media(min-width: 768px) {
    .titulo_blog p {
        font-size:18px
    }
}

.eds_news_Nutriss-home.eds_subCollection_news .article_pager a {
    background: #fff;
    border: 1px solid #2e2e2e;
    border-radius: 0;
    box-shadow: none;
    color: #2e2e2e;
    display: inline-block;
    font-family: roboto slab;
    font-size: 16px;
    line-height: unset;
    margin: 0 5px;
    padding: 9px 18px;
    text-decoration: none;
    transition: all .6s
}

.eds_news_Nutriss-home.eds_subCollection_news .article_pager a.active {
    box-shadow: none;
    background: #2e2e2e;
    color: #fff
}

.eds_news_Nutriss-home.eds_subCollection_news .article_pager a:hover {
    box-shadow: none;
    background: #2e2e2e;
    color: #fff
}

.space_top {
    padding-top: 110px
}

.history_form {
    background: #000;
    padding: 30px 0;
    position: relative;
    z-index: 0
}

.history_form:before {
    background: #000;
    background: linear-gradient(1800deg,rgba(0,0,0,1) 10%,rgba(0,0,0,0) 100%);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1
}

.history_form:after {
    background: url(/portals/nutrisslovers/Images/bg-cuentanos-tu-historia.png) no-repeat;
    background-position: center;
    background-size: cover;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -2
}

.history_title_form {
    color: #fff
}

.history_form .form-builder-canvas .tabbed-forms.rendered {
    height: auto!important
}

.history_form .form-builder-canvas .tabbed-form-content {
    position: inherit!important
}

.history_form .content-row {
    height: auto!important;
    position: inherit!important;
    width: 100%
}

.history_form .content-field {
    left: unset!important;
    position: inherit!important;
    padding: 10px 0 0;
    width: 100%!important
}

.history_form .dnnLabel.form-canvas-label {
    margin: 0;
    padding: 0
}

.history_form .content-field label {
    color: #fff;
    font-family: roboto slab;
    font-size: 16px;
    letter-spacing: 3px
}

.history_form .single-line-text-input::placeholder,.history_form .multiline-text::placeholder {
    color: #241f18;
    font-family: roboto slab;
    font-size: 16px;
    font-weight: 100;
    letter-spacing: 3px
}

.history_form .dnnFormItem input[type=text],.history_form .multiline-text {
    border: 1px solid #241f18;
    box-shadow: none;
    color: #241f18;
    font-family: roboto slab;
    font-size: 16px;
    letter-spacing: 3px;
    margin: 0;
    padding: 10px
}

.history_form .dnnPrimaryAction {
    background: #fff;
    border: 1px solid #fff;
    border-radius: 0;
    box-shadow: none;
    color: #fff;
    font-family: roboto slab;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 3px;
    padding: 10px 30px;
    text-align: center;
    text-decoration: none;
    text-shadow: none;
    transition: .6s
}

.history_form .dnnPrimaryAction:hover {
    background: #fff!important;
    border: 1px solid #fff;
    color: #241f18;
    text-decoration: none
}

.history_form .submit-message p {
    color: #fff;
    font-family: roboto slab;
    font-size: 16px;
    letter-spacing: 3px
}

.history_form .dnn-uicommon-assets .dnnPrimaryAction {
    width: 150px;
    float: left
}

@media(min-width: 1200px) {
    .degraded_nutriss {
        background:#fff9f2;
        background: linear-gradient(180deg,rgb(255 218 199) 70%,#ffb391 100%);
        padding: 0 0 50px
    }

    .history_form:before {
        background: #000;
        background: linear-gradient(90deg,rgba(0,0,0,1) 55%,rgba(0,0,0,0) 100%)
    }

    .texto-interna-productos {
        max-width: 35%!important
    }

    .history_form:after {
        background-position: right;
        background-size: 100%;
        left: unset;
        right: -10%;
        width: 70%
    }

    .history_form .content-row {
        display: flex
    }

    .history_form .content-field {
        padding: 10px 30px 0;
        width: 50%!important
    }
}

.row-dog-calculator {
    display: flex!important;
    justify-content: center!important;
    align-items: center!important
}

.dog_fields {
    margin: 0 0 40px;
    padding: 50px 0;
    position: relative;
    z-index: 0
}

.dog_fields:before {
    content: "";
    height: 100%;
    left: 0;
    opacity: .5;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1
}

.dog_calculator_al_natural {
    background-image: url(/portals/nutrisslovers/Home/Background-dog-calculator-2.jpg);
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center
}

.dog_calculator_flavors {
    background-image: url(/portals/nutrisslovers/images/dog-calulator-bg-1.png);
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center
}

.dog_calculator_flavors:before {
    background: #000;
    background-size: 100%
}

.dog_fields #pnlFormulario>div {
    position: relative
}

.dog_fields fieldset {
    margin: 10px 0
}

.dog_fields fieldset label {
    color: #141414;
    font-family: roboto slab;
    font-size: 16px;
    letter-spacing: 2px;
    margin: 0 0 5px;
    padding: 0;
    text-align: left
}

.dog_fields input[type=text],.dog_fields select {
    background: #fff;
    border: none;
    padding: 5px 10px;
    width: 100%
}

@media(min-width: 768px) {
    .dog_fields input[type=text],.dog_fields select {
        width:90%
    }
}

@media(min-width: 1200px) {
    .dog_calculator {
        background-attachment:fixed
    }

    .dog_fields #pnlFormulario>div {
        column-count: 2;
        column-gap: 30px
    }
}

.subscription {
    background-image: url(/portals/nutrisslovers/images/bg-suscribe.png);
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    padding: 50px 0;
    position: relative
}

.subscription:before {
    background: #241f18;
    background-size: 100%;
    content: "";
    height: 100%;
    left: 0;
    opacity: .7;
    position: absolute;
    top: 0;
    width: 100%
}

.subscription > .container {
    position: relative;
}

@media(min-width: 768px) {
    .subscription {
        background-attachment:fixed
    }
}

.logo-footer {
    margin: 50px 0 20px;
    text-align: center
}

.logo-footer img {
    display: block;
    margin: 0 auto
}

.copyright-text {
    text-align: center
}

.copyright-text span {
    color: #fff;
    font-family: roboto slab;
    font-size: 16px
}

li#tpHead92:hover {
    background-color: #19a6c0!important
}

li#tpHead92:hover:before {
    background-color: #19a6c0!important
}

li#tpHead92:hover:after {
    background-color: #19a6c0!important
}

li#tpHead94:hover {
    background-color: #f8b513!important
}

li#tpHead94:hover:before {
    background-color: #f8b513!important
}

li#tpHead94:hover:after {
    background-color: #f8b513!important
}

li#tpHead87:hover {
    background-color: #f8b513
}

li#tpHead87:hover::after {
    background-color: #f8b513
}

li#tpHead87:hover::before {
    background-color: #f8b513
}

#tpHead87:active {
    background: #f8b513!important
}

#tpHead87:active::after {
    background: #f8b513!important
}

#tpHead87:active::before {
    background: #f8b513!important
}

#dnn_tabs_productos1_SyncPanel.active,#dnn_tabs_productos2_SyncPanel.active,#dnn_tabs_productos3_SyncPanel.active {
    position: relative;
    opacity: 1;
    z-index: 1
}

#dnn_tabs_categoria1_SyncPanel,#dnn_tabs_categoria2_SyncPanel,#dnn_tabs_categoria3_SyncPanel {
    position: absolute;
    opacity: 0;
    z-index: -1
}

#dnn_tabs_categoria1_SyncPanel:active {
    position: absolute;
    opacity: 1;
    z-index: 1
}

#dnn_tabs_productos1 {
    position: absolute;
    opacity: 0;
    z-index: -1
}

#dnn_tabs_productos2 {
    position: absolute;
    opacity: 0;
    z-index: -1
}

#dnn_tabs_productos3 {
    position: absolute;
    opacity: 0;
    z-index: -1
}

#tabs_categoria1 {
    position: absolute;
    opacity: 0;
    z-index: -1
}

#tabs_categoria2 {
    position: absolute;
    opacity: 0;
    z-index: -1
}

#dnn_tabs_categoria1.active {
    position: relative;
    opacity: 1;
    z-index: 1
}

#dnn_tabs_categoria2.active {
    position: relative;
    opacity: 1;
    z-index: 1
}

#dnn_tabs_categoria3.active {
    position: relative;
    opacity: 1;
    z-index: 1
}

#tabs_categoria1.active {
    position: relative;
    opacity: 1;
    z-index: 1
}

#tabs_categoria2.active {
    position: relative;
    opacity: 1;
    z-index: 1
}

.navbar-nav .nav-link {
    color: #2e2e2e!important;
    text-align: center
}

#dnn_dnnLOGO_hypLogo {
    left: 0;
    right: 0;
    text-align: center;
    width: 120px
}

#dnn_dnnLOGO_imgLogo {
    border: 0;
    margin-right: 0;
    width: 120px
}

.navbar-toggler {
    position: absolute;
    color: rgba(0,0,0,.5);
    border-color: transparent;
    right: 40px;
    top: 20px;
    background-color: #000
}

.navbar-nav .selected {
    color: #ffb513
}

.navbar-nav .selected::after {
    width: 77%;
    margin: auto;
    margin-top: 7px;
    content: "";
    height: 3px;
    background-color: #ffb513;
    transition: .3s ease;
    display: block
}

a.nav-link.subitem:hover {
    color: #fff!important
}

.navbar-nav .nav-link:hover {
    color: #ffb513
}

li.nav-item.ax_nav_list-item:hover ul {
    display: block;
    top: auto
}

li.nav-item.ax_nav_list-item {
    position: relative;
    transition: all .5s ease-out
}

ul.dropdown-menu {
    top: 100px;
    background: #fff;
    border: solid 2px #000;
    transition: all .5s ease-out
}

ul.dropdown-menu li.nav-item.ax_nav_list-item:hover {
    background: #020202;
    color: #fcfcfc
}

.botonCompra a,.ax_nav_list-item a {
    font-size: 16px;
    font-weight: 700
}

.navbar {
    padding: 9px 0;
    background: rgb(255 255 255/70%);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    box-shadow: 0 3px 13px #00000024
}

#Form[action*="/perros"] .navbar-nav,
#Form[action*="/gatos"] .navbar-nav {
    margin: 0;
}

#Form[action*="/perros"] li.nav-item.ax_nav_list-item:last-child,
#Form[action*="/gatos"] li.nav-item.ax_nav_list-item:last-child {
    margin: 0;
    text-align: center;
}

#Form[action*="/perros"] li.nav-item.ax_nav_list-item:last-child a,
#Form[action*="/gatos"] li.nav-item.ax_nav_list-item:last-child a {
    display: inline-flex;
    margin: auto;
    padding: .5rem 1rem;
    border-radius: 4px;
}


#Form[action*="/perros"] li.nav-item.ax_nav_list-item:last-child a {
    background: #FF503E;
}

#Form[action*="/perros"] li.nav-item.ax_nav_list-item a:hover {
    opacity: .8;
}

#Form[action*="/gatos"] li.nav-item.ax_nav_list-item:last-child a {
    background: #FEB100;
}

#Form[action*="/gatos"] li.nav-item.ax_nav_list-item a:hover {
    opacity: .8;
}
.ax_nav_children_wrapper li.nav-item.ax_nav_list-item:last-child a{
    background: none !important;
}

@media(min-width: 992px) {
    #ax_nav_list {
        display:flex;
        justify-content: space-evenly;
        margin: 0;
        width: 100%;
        align-items: center;
        padding: 10px 0
    }
}

.ax_nav_list-item:nth-child(4) {
    grid-column: 5/6;
    margin-left: 4px
}

.navbar-toggler.collapsed .navbar-toggler-icon {
    background: url(/Portals/nutrisslovers/iconos/Icon-menu.png) no-repeat;
    background-position: center;
    background-size: contain
}

.navbar-toggler .navbar-toggler-icon {
    background: url(/Portals/nutrisslovers/iconos/Icon-close-menu.png) no-repeat;
    background-size: 100%
}

button.navbar-toggler:focus {
    outline: none
}

@media(max-width: 480px) {
    #dnn_dnnLOGO_hypLogo {
        position:relative;
        margin: 0
    }

    #dnn_dnnLOGO_imgLogo {
        margin-left: 15px;
        width: 86px
    }

    .navbar {
        padding: 15px 0
    }
}

.cabezotePerfil {
    display: flex;
    justify-content: space-between;
    margin-top: 120px
}

.flex-imagen img {
    width: 150px;
    height: 150px;
    border-radius: 100%;
    margin-right: 20px
}

.flex-imagen {
    display: flex;
    max-width: 440px
}

.introduccion p {
    font-size: 14px
}

h3.nombreP {
    font-size: 18px;
    text-transform: uppercase
}

.articleRedes {
    max-width: 300px
}

.articleRedes a {
    display: inline-block;
    margin-right: 7px
}

.articleRedes a:hover img {
    filter: invert(1);
    transition: all .3s
}

h1.tituloHistoria {
    color: #2e2e2e;
    text-align: center;
    font-size: 56px;
    text-transform: uppercase;
    padding: 0 4%
}

h2.subtitulo-Historia {
    font-family: roboto slab;
    text-align: center;
    font-size: 23px;
    margin: 25px 4% 30px
}

.content img {
    width: 100%
}

.content {
    margin-bottom: 80px
}

@media(max-width: 768px) {
    .cabezotePerfil {
        display:block
    }

    .flex-imagen img {
        width: 100px;
        height: 100px;
        margin-right: 10px
    }

    .articleRedes {
        max-width: 100%;
        margin-top: 20px;
        text-align: center
    }

    h1.tituloHistoria {
        font-size: 22px;
        padding: 0
    }

    h2.subtitulo-Historia {
        font-size: 15px;
        margin: 10px 0 20px
    }
}

.form-canvas-label label {
    font-family: roboto slab;
    font-weight: 700;
    font-size: 16px;
    letter-spacing: 0,5px
}

.form-canvas-label input {
    border: solid #000 1px
}

.content-row input[type=checkbox]+label[for]+span {
    max-width: 100%!important
}

.dnnPrimaryAction {
    background-color: #000!important;
    padding: 8px 80px;
    border-color: #fff;
    box-shadow: none!important;
    -webkit-box-shadow: none;
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#000000),color-stop(100%,#000000))!important
}

.required label:after {
    display: none!important
}

.form-canvas-label {
    width: 100%!important
}

button.dnnPrimaryAction {
    margin-top: 40px!important
}
/* ¿a qué corresponde esto? */
/*
@media(max-width: 768px) {
    .content-row {
        min-height:230px!important
    }

    .content-field {
        display: block!important;
        width: 100%!important;
        left: 0!important;
        position: relative!important
    }

    .tabbed-forms.rendered {
        min-height: 1000px!important
    }
} */
 /*---------------------------*/
@media(max-width: 428px) {
    .tabbed-forms.rendered {
        min-height:1030px!important
    }

    .content-row input[type=checkbox]+label[for]+span {
        float: none!important
    }
}

.msjAlert {
    color: #fff
}

#pnlFormulario {
    width: 100%;
    justify-content: center
}

#pnlFormulario fieldset {
    margin-top: 30px
}

.DogForm {
    padding-right: 25px;
    background-color: #004029;
    padding-bottom: 10px
}

.DogImg {
    background-image: url(https://www.nutrisslovers.com/Portals/nutrisslovers/Calculadora%20Nutriss/img-calculadora.jpeg?ver=2022-12-19-095812-230);
    background-size: cover;
    width: 100%;
    height: 200px;
    background-position: center
}

.ax-campo {
    padding-left: 20px
}

.ax-campo input,select {
    border: solid 2px #000;
    height: 40px;
    width: 100%;
    margin: auto;
    padding-left: 10px
}

fieldset label {
    padding-left: 20px;
    width: 100%;
    margin-bottom: 10px;
    position: relative;
    color: #fff
}

fieldset label:after {
    display: none
}

fieldset .obligatorio {
    display: none
}

.btn-enviar {
    background: #000;
    border: 1px solid #fff;
    border-radius: 0;
    color: #fff;
    display: table;
    font-family: roboto slab;
    font-size: 16px;
    letter-spacing: 3px;
    margin: 0 auto;
    padding: 5px 70px;
    text-align: center;
    text-decoration: none;
    transition: .6s
}

.btn-cancelar {
    background: #fff;
    border: 1px solid #000;
    border-radius: 0;
    color: #000;
    display: table;
    font-family: roboto slab;
    font-size: 16px;
    letter-spacing: 3px;
    margin: 0 auto;
    padding: 5px 70px;
    text-align: center;
    text-decoration: none;
    transition: .6s
}

@media(min-width: 768px) {
    #pnlFormulario {
        display:flex
    }

    .DogImg {
        width: 40%;
        height: auto
    }

    #pnlFormulario fieldset {
        justify-content: space-between
    }

    .DogForm {
        display: flex;
        flex-wrap: wrap;
        align-items: flex-end;
        width: 60%
    }

    .DogForm fieldset {
        width: 50%
    }

    fieldset label {
        width: 100%
    }

    .ax-campo {
        width: 100%;
        text-align: right
    }

    .botonesEnvio {
        margin: auto
    }

    .btn-enviar-calculator {
        width: 100%
    }
}

@media(min-width: 1200px) {
    .pnlFormulario {
        display:flex
    }

    .DogForm {
        width: 60%
    }
}

.ResponseMessageError {
    margin-top: 50%;
    margin-left: 5%;
    position: absolute
}

.ResponseMessageError p {
    font-size: 22px;
    color: #fff;
    font-family: montserrat #000;
    width: 95%;
    text-transform: uppercase
}

.ResponseMessageError__span {
    font-size: 16px;
    color: #fff;
    font-family: roboto slab;
    width: 95%
}

@media(min-width: 1200px) {
    .ResponseMessageError {
        margin-top:25%;
        margin-left: 5%;
        position: absolute
    }
}

.ResponseMessage {
    position: fixed;
    width: 85%;
    background-color: #000000a6;
    display: flex;
    flex-wrap: wrap;
    height: auto;
    top: 100px;
    left: 8%
}

.Dog-nombre.ng-binding {
    text-transform: uppercase;
    font-family: montserrat #000;
    color: #fff;
    letter-spacing: 2px;
    font-size: 35px
}

.contenedor-cantidad-alimento {
    background-image: url(https://nutrisslovers.com/Portals/nutrisslovers/Calculadora%20Nutriss/forma.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    padding: 6px;
    color: #000
}

.ResponseMessage.ng-scope {
    z-index: 100
}

img.flecha-svg {
    width: 20%;
    text-align: center;
    margin: auto
}

.success-messag_date {
    color: #000;
    font-size: 20px;
    font-family: montserrat
}

.ResponseMessage__info2 {
    padding: 8px 50px
}

.texto-mail {
    padding: 8px 50px
}

.ResponseMessage__texto {
    width: 80%;
    position: absolute;
    left: 20px
}

.ResponseMessage__texto p {
    color: #fff
}

.ResponseMessage__img {
    width: 100%;
}

.ng-binding2 {
    text-transform: uppercase;
    font-family: montserrat #000;
    color: #000;
    font-size: 30px;
    line-height: normal
}

.ResponseMessage__img img {
    max-width: 100%;
    width: 100%
}

.ng-color {
    font-weight: 700;
    color: #ffeed6
}

.success-message {
    font-family: roboto slab;
    font-weight: 300;
    font-size: 17px;
    color: #fff
}

.success-messag_date {
    font-family: montserrat,sans-serif;
    font-weight: 900;
    font-weight: 700;
    line-height: normal
}

.boton-close {
    width: 30px;
    height: 30px;
    background-color: #fff;
    border: solid 2px #000;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    position: absolute;
    right: 30px;
    top: 30px
}

.boton-close img {
    width: 80%;
    max-width: 100%
}

@media(max-width: 576px) {
    button.boton-close {
        right:15px;
        top: 15px;
        width: 25px;
        height: 25px
    }

    .ResponseMessage__texto {
        margin-top: 15%
    }

    .ResponseMessage__info2 {
        padding: 8px 13px!important
    }

    .ResponseMessage__texto {
        width: 90%!important
    }

    .texto-mail {
        padding: 8px 10px;
        margin-top: 30%
    }

    .ResponseMessage.ng-scope {
        z-index: 100
    }
}

@media(min-width: 1200px) {
    .ResponseMessage {
        width:60%;
        left: 25%
    }

    .ResponseMessage__texto {
        width: 50%;
        position: relative;
        left: 0;
        display: flex;
        align-items: center;
        align-content: center;
        flex-wrap: wrap;
        padding-left: 20px;
        margin-top: 10%;
    }

    .ResponseMessage__img {
        width: 100%;
        margin-top: 0;
        position: absolute;
        z-index: -1
    }
}

.LoginPanel {
    float: none;
    margin: 0 auto;
    padding: 0;
    width: 90%
}

.LoginPanel .dnnLabel {
    float: none;
    text-align: left;
    width: auto
}

.LoginPanel .dnnPrimaryAction {
    border: 1px solid #241f18;
    border-radius: 0;
    box-shadow: none;
    color: #fff;
    display: block;
    flex: 1 1 0px;
    font-family: roboto slab;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 3px;
    margin: 10px auto;
    max-width: 80%;
    padding: 5px 20px;
    text-align: center;
    text-decoration: none!important;
    text-shadow: none;
    transition: all .6s
}

@media(min-width: 1200px) {
    .overlay_body {
        width:20%;
        margin: auto;
        margin-bottom: 100px
    }
}

@media(max-width: 420px) {
    .overlay_body {
        width:90%;
        margin: auto;
        margin-bottom: 200px;
        margin-top: 50px
    }

    .tabs_nutriss_natural_skin:before {
        display: none!important
    }

    .tabs_nutriss_natural_skin:after {
        display: none!important
    }
}

.LoginPanel .dnnPrimaryAction:hover {
    background: #fff!important;
    border-color: #241f18;
    color: #241f18
}

.LoginPanel .dnnSecondaryAction {
    background: #fff;
    border: 1px solid #241f18;
    border-radius: 0;
    box-shadow: none;
    color: #241f18;
    display: table;
    font-family: roboto slab;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 3px;
    margin: 0 auto;
    max-width: 70%;
    padding: 5px 50px;
    text-align: center;
    text-decoration: none;
    text-shadow: none;
    transition: .6s
}

.LoginPanel .dnnSecondaryAction:hover {
    background: #241f18;
    color: #fff;
    text-decoration: none;
    text-shadow: none
}

.LoginPanel .dnnFormItem input[type=text],.LoginPanel .dnnFormItem input[type=password] {
    background: #fff;
    border: 1px solid #707070;
    border-radius: 0;
    color: #241f18;
    font-family: roboto slab;
    font-size: 16px;
    letter-spacing: 3px;
    max-width: unset;
    outline: 0;
    padding: 10px 20px;
    width: 100%
}

.LoginPanel .dnnCheckbox .mark {
    background: 0 0
}

.LoginPanel span.dnnLoginRememberMe {
    position: absolute;
    left: 50%;
    text-align: center;
    transform: translateX(-50%);
    top: 20px;
    width: 100%;
    z-index: 10
}

.LoginPanel .dnnForm .dnnFormItem .dnnLoginActions {
    margin: 50px 0 0;
    width: 100%
}

.LoginPanel .dnnForm .dnnFormItem .dnnLoginActions .dnnActions {
    align-items: center;
    float: none;
    justify-content: center
}

.LoginPanel .dnnForm .dnnFormItem .dnnLoginActions .dnnActions li {
    float: none;
    margin: 0 auto 15px;
    width: 90%
}

.LoginPanel .dnnForm .dnnFormItem .dnnLoginActions .dnnActions .dnnSecondaryAction {
    max-width: unset;
    padding: 5px 20px
}

@media(min-width: 768px) {
    .LoginPanel {
        width:75%
    }

    .LoginPanel .dnnPrimaryAction {
        max-width: 50%
    }

    .LoginPanel .dnnSecondaryAction {
        max-width: 40%
    }

    .LoginPanel .dnnForm .dnnFormItem .dnnLoginActions {
        margin: 100px 0 0
    }

    .LoginPanel .dnnForm .dnnFormItem .dnnLoginActions .dnnActions {
        display: flex
    }

    .LoginPanel .dnnForm .dnnFormItem .dnnLoginActions .dnnActions li {
        margin: 0 10px;
        width: auto
    }

    .LoginPanel .dnnForm .dnnFormItem .dnnLoginActions .dnnActions .dnnSecondaryAction {
        padding: 5px 50px
    }
}

@media(min-width: 992px) {
    .LoginPanel {
        width:60%
    }
}

@media(min-width: 1024px) {
    .LoginPanel {
        width:55%
    }

    .LoginPanel .dnnPrimaryAction {
        padding: 5px 55px
    }
}

@media(min-width: 1200px) {
    .LoginPanel {
        width:48%
    }
}

@media(min-width: 1300px) {
    .LoginPanel {
        width:45%
    }
}

.search_container {
    display: none;
    margin: 10px auto 0;
    position: relative;
    width: 80%
}

.search_container:after {
    background: #241f18;
    content: "";
    height: 100%;
    position: absolute;
    right: 30px;
    top: 0;
    width: 1px;
    z-index: 2
}

.search_link {
    font-size: 0;
    position: absolute;
    right: 6px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10
}

.search_link:hover {
    text-decoration: none
}

.search_link:before {
    color: #241f18;
    font-size: 17px
}

.searchInputContainer input {
    border: 1px solid #707070;
    color: #241f18;
    font-family: roboto slab;
    font-size: 15px;
    padding: 4px 35px 4px 10px;
    width: 100%
}

.search_container span {
    display: block;
    width: 100%
}

.search_button .fa-search:before {
    color: #241f18
}

@media(min-width: 768px) {
    .search_container {
        width:50%
    }
}

@media(min-width: 992px) {
    .search_container {
        margin:0;
        width: auto
    }
}

@media(min-width: 992px) {
}

.titulo {
    font-family: montserrat;
    font-size: 18px
}

.descripcion {
    font-family: roboto slab;
    font-size: 17px;
    margin-bottom: 5%
}

.cont-img-perro {
    border: 1px solid #000;
    padding: 5px;
    margin: 10px 0
}

.perro {
    width: 140px
}

.img-cuerpo-perro {
    margin: auto
}

.instrucciones-modal {
    background-image: url(https://nutrisslovers.com/Portals/nutrisslovers/Calculadora%20Nutriss/forma-negro.png);
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
    /* padding: 1px 0; */
}

.instrucciones-modal .main-title {
    color: #fff
}

.fondo-madera_nutriss {
    background-image: url(https://www.nutrisslovers.com/Portals/nutrisslovers/Landing%20-%20Caminata%20Petlover/Concurso%20Dogstar/fondo-madera.jpeg?ver=2022-11-17-143907-147);
    background-size: cover
}

div#\ WebForm {
    max-width: 100%;
    margin-top: 30px
}

div#\ WebForm fieldset label::after {
    display: none
}

div#\ WebForm fieldset label {
    width: 100%;
    font-weight: 800;
    position: relative;
    padding: 0;
    margin: 0
}

div#\ WebForm fieldset input {
    width: 80%;
    height: 35px
}

div#\ WebForm fieldset {
    width: 100%;
    margin-bottom: 20px;
    text-align: center
}

div#\ WebForm fieldset select {
    width: 80%
}

div#\ WebForm fieldset .form-description textarea {
    width: 80%;
    height: 120px
}

.terminos-dogstar {
    display: flex
}

.terminos-dogstar input {
    width: 10%!important;
    height: 20px!important
}

.terminos-dogstar label {
    margin-left: 10px
}

.btn-dogstar {
    height: 35px;
    text-align: center;
    background-color: #000;
    color: #fff
}

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

.video-dogstar {
    width: 90%;
    margin: auto
}

a.link-terminos {
    color: #000
}

a.link-terminos:hover {
    color: #000
}

a.link-terminos:visited {
    color: #000
}

@media(min-width: 1200px) {
    .video-dogstar {
        width:50%;
        margin: auto
    }
}

.gallery_image_footer_option {
    display: none
}

.eds_GravityGallery_Piston .edg__gravityPortfolio_itemList.edg__gravityPortfolio_visibleItemList>li:first-child.edg__gravityPortfolio_active>span::after {
    background-color: #fc505b!important
}

.eds_GravityGallery_Piston .edg__gravityPortfolio_itemList.edg__gravityPortfolio_visibleItemList>li>span::after {
    background-color: #fc505b!important
}

div#main_eds_Gallery_Wrapper17617 {
    margin: auto;
    text-align: center
}

.edGP_mediaWrapper {
    max-height: 270px
}

#dnn_ctr18080_DynamicForms_lnkSave,#dnn_ctr33061_DynamicForms_lnkSave {
    display: none
}

#dnn_ctr18080_DynamicForms_divQuestion030d9edf-2f88-4eb1-8f82-2034ed0fb64e,#dnn_ctr33061_DynamicForms_divQuestion20b438f1-97fa-471f-a760-1dbc8ad25cb6 {
    display: none
}

.form-hr {
    background: #fdf8f2
}

.form-hr .ModFormC .static-text {
    text-align: center
}

.form-hr .content-field {
    padding: 6px 20px
}

.form-hr .ModFormC .static-text h2 {
    font-size: 25px;
    text-transform: uppercase
}

.form-hr .ModFormC .static-text,.bg-historias .static-text {
    text-align: center
}

.form-hr .content-field {
    padding: 6px 20px
}

.form-hr .ModFormC .static-text h2,.bg-historias .static-text h2 {
    font-size: 25px;
    text-transform: uppercase
}

.bg-historias .static-text h2+p {
    margin: 0
}

.form-hr .ModFormC .content-field .static-text {
    margin: 3rem 0
}

.ContentForms-historias .form-hr .ModFormC .content-field .static-text {
    display: none
}

.form-hr .ModFormC .static-text h2+p {
    margin: 1rem 0 0
}

.form-hr .ModFormC {
    max-width: 76%;
    margin: 0 auto
}

.ContentForms-historias .form-hr .ModFormC {
    max-width: 90%;
    margin: 0 0 0 auto
}

.form-hr .ModFormC .dnnFormItem input[type=text],.form-hr .ModFormC .dnnFormItem input[type=password],.form-hr .ModFormC .dnnFormItem input[type=email],.form-hr .ModFormC .dnnFormItem input[type=tel],.form-hr .ModFormC .dnnFormItem select,.form-hr .ModFormC .dnnFormItem textarea,.form-hr .dnn-uicommon-tags-field {
    border: 1px solid #F9C000!IMPORTANT;
    border-radius: 10px!IMPORTANT;
    padding: 10px;
    box-shadow: none!IMPORTANT;
    font-size: 16px;
    width: 100%!IMPORTANT;
    margin: 0
}

.form-hr .ModFormC .dnnFormItem textarea {
    resize: none
}

.form-hr .ModFormC .dnnFormItem>.dnnLabel,.form-group.assets-upload label {
    display: none
}

.content-row {
}

.form-hr .ModFormC .dnnFormItem ::-ms-input-placeholder {
    color: #282828
}

.form-hr .ModFormC .dnnFormItem ::placeholder {
    color: #282828;
    font-size: 16px;
    font-family: roboto slab
}

.form-hr .form-builder-canvas.Simple .dnn-uicommon-tags-field {
    border-radius: 10px!IMPORTANT;
    padding: 10px
}

.simple-uploader .placeholder-text {
    color: #333;
    font-size: 16px!IMPORTANT;
    padding: 0
}

.form-hr .content-field .dnnPrimaryAction {
    background: #f5bd00!IMPORTANT;
    text-align: center!IMPORTANT;
    color: transparent!IMPORTANT;
    text-shadow: none;
    width: 100%!IMPORTANT;
    margin: 0;
    border-radius: 10px!IMPORTANT;
    z-index: 22
}

.form-hr .content-field .dnnPrimaryAction:before {
    content: "Subir foto";
    display: block;
    width: 100%;
    color: #000;
    font-size: 18px;
    font-family: roboto slab;
    position: absolute;
    left: 0%;
    top: 6px;
    z-index: -1
}

.form-hr .canvas-terms-and-conditions label+span a {
    color: #282828
}

.form-hr .content-row input[type=checkbox]+label[for] {
    margin: 0!important;
    top: 3px
}

.form-hr .canvas-terms-and-conditions label+span {
    padding: 0 8px!IMPORTANT
}

.form-hr .content-field .dnnPrimaryAction {
}

.form-hr .form-builder-canvas .form-submit.align-right {
    text-align: center;
    padding: 10px 30px 38px
}

.form-hr .form-builder-canvas .form-submit.align-right button.dnnPrimaryAction {
    width: 12%;
    background: #f6b313!important;
    color: #000;
    font-size: 20px;
    border-radius: 10px!IMPORTANT;
    padding: 13px 40px
}

.bg-historias {
    background: #fdf8f2
}

.bg-historias .static-text {
    padding: 2rem
}

.ContentForms-historias {
    width: 56%;
    margin: 0 auto
}

.ContentComercial {
    width: 44%;
    padding: 1rem 7rem 1rem 0;
    background: #fdf8f2
}

.form-hr-flex {
    display: flex;
    align-items: ju;
    padding: 0
}

.static-text {
}

.ContentComercial iframe {
    margin: 6% 0 0;
    width: 100%;
    margin: 0 auto
}

.ContentComercial iframe {
    height: 397px
}

.ContentComercial iframe {
    height: 327px
}

p.text-comercial a {
    color: #241f18
}

.ContentComercial iframe {
    height: 327px
}

p.text-comercial a {
    color: #241f18
}

p.text-comercial {
    background: #f5e5d7;
    padding: 1rem .3rem;
    margin: 1rem 0 0;
    border-radius: 13px;
    font-size: 14px;
    text-align: center
}

p.text-comercial strong {
    font-weight: 900
}

.form-hr .error-message {
    color: red
}

.form-hr .canvas-terms-and-conditions {
    display: flex;
    gap: 0
}

.form-hr .canvas-terms-and-conditions inpun+label+span {
    padding: 0 2rem
}

.form-hr .form-builder-canvas .tabbed-form-content .content-row:nth-child(5) .content-field:nth-child(1) .form-group {
    margin: 0
}

@media(max-width: 769px) {
    .form-hr .content-row {
        min-height:auto!IMPORTANT;
        height: auto!IMPORTANT
    }

    .form-hr .form-builder-canvas .form-submit.align-right {
        padding: 10px 30px 0 38px
    }

    .form-hr .ModFormC {
        max-width: 100%
    }

    .form-hr .ModFormC .dnnFormItem textarea {
        margin: 1rem 0 0
    }

    .form-hr .form-builder-canvas .form-submit.align-right button.dnnPrimaryAction {
        margin: 0!IMPORTANT
    }

    .form-hr .canvas-terms-and-conditions label+span {
        padding: 0 9px!IMPORTANT
    }

    .form-hr .content-field {
        padding: 0
    }

    .ContentForms-historias .form-hr .form-builder-canvas .tabbed-forms.rendered {
        height: auto!IMPORTANT;
        min-height: 182vw!IMPORTANT
    }

    .form-hr .form-builder-canvas .tabbed-forms.rendered {
        height: auto!IMPORTANT;
        min-height: 231vw!IMPORTANT
    }

    .form-hr .ModFormC {
        max-width: 90%
    }

    .form-hr .ModFormC .dnnFormItem textarea {
    }

    .form-hr .ModFormC .static-text h2,.bg-historias .static-text h2 {
        font-size: 21px
    }

    .form-hr-flex {
        flex-direction: column
    }

    .ContentForms-historias {
        width: 100%
    }

    .ContentForms-historias .form-hr .ModFormC {
        margin: 0 auto
    }

    .ContentComercial {
        width: 100%;
        padding: 1rem
    }

    .ContentForms-historias .form-hr .form-builder-canvas .form-submit.align-right {
        padding: 10px 0 0 10px
    }
}

.slick-slider {
    padding: 0 !important;
}

/* FORMULARIO GATOS */

.CatForm {
    padding-right: 25px;
    background-color: #0B0A56;
    padding-bottom: 10px;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    width: 60%
}
.CatImg {
    background-image: url(https://www.nutrisslovers.com//Portals/nutrisslovers/calculadora-gatos/img-calculadora-gatos.jpg);
    background-size: cover;
    background-position: center;
    width: 40%;
    height: auto;
}
  .CatForm fieldset {
        width: 50%
    }
.CatForm fieldset.ax-100{
    margin: 0 auto;
}

.CatForm .btn-enviar-calculator {
    background: #FF503E;
    border: navajowhite;
    margin: 0 auto;
    display: block;
}
.CatForm + .CatImg +.modal .modal-title{
    text-align: center;
    color: #000;
}

.CatForm + .CatImg +.modal .modal-footer {
    width: 100%;
    justify-content: center;
}

.CatForm + .CatImg +.modal  .custom-radio-checkbox__text1  a{
    color: #0B0A56;
    font-weight:bold;
}
.CatForm + .CatImg +.modal  .modal-footer  .btn-enviar{
    background: #FF503E;
    order: 1;
}
.CatForm + .CatImg +.modal  .modal-footer .btn-enviar:hover{
    background: #0B0A56;
    color:#fff;
    border:none;
}
.CatForm + .CatImg +.modal .close{
    background: #0B0A56;
    color: #fff;
    padding: 2px 9px;
    border: navajowhite;
    border-radius: 4px;
}

.CatForm + .CatImg +.modal  .modal-header {
    align-items: flex-start;
}
.CatForm + .CatImg +.modal .modal-footer > p {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}


.CatForm + .CatImg +.modal .modal-footer > p .btn-cancelar {
    order: 2;
}

.DnnModule-NutrissCalculatorCat .modal {
    padding: 0 !IMPORTANT;
}
.Cat-nombre.ng-binding {
    font-weight: bold;
    text-transform: uppercase;
}
.DnnModule-NutrissCalculatorCat  .ResponseMessage.ng-scope {
    width: 100%;
    left: 0;
    top: 0;
    height: 100%;
}

.DnnModule-NutrissCalculatorCat  .ResponseMessage-container {
    display: flex;
    width: 58%;
    position: relative;
    margin: 0 auto;
    align-items: center;
    padding: 8% 0 0 0;
}

.DnnModule-NutrissCalculatorCat  .boton-close {
    transform: translate(-50%, 0px);
    top: 25%;
}
.DnnModule-NutrissCalculatorCat .ResponseMessage__texto{
    width: 47%;
    margin-top: -7%;
}
.cat-modal .close {
    background: #0B0A56;
    color: #fff;
    padding: 2px 9px;
    border: navajowhite;
    border-radius: 4px;
}


.cat-modal .modal-header {
    justify-content: flex-end;
}
.cat-modal .instrucciones-modal .main-title {
    font-size: 21px !IMPORTANT;
    padding: 10px 0;
    margin: 0 auto 2rem auto;
}


@media(max-width: 768px) {
.DnnModule-NutrissCalculatorCat  .ResponseMessage__texto {
    margin-top: 0%;
    width: 81%;
    transform: translate(-50%, -50%);
    top: 44%;
    left: 50%;
}
#NutrisCalculatorCatModule{
    width: 90%;
}
.CatForm{
    flex-direction: column;
    width: 100%;
}
.CatForm fieldset{
    width: 100%;
}

.CatImg {
    width: 100%;
    height: 50vh;
    background-position: top;
}   
  .DnnModule-NutrissCalculatorCat .ResponseMessage-container {
    align-items: flex-start;
    width: 58%;
    overflow: scroll;
    height: 100%;
    padding: 13% 0 0 0;
}

.DnnModule-NutrissCalculatorCat .boton-close {
    top: 16%;
    right: -8px;
}

.DnnModule-NutrissCalculatorCat  .ResponseMessage__info2  p {
    margin: 0;
}   
.DnnModule-NutrissCalculatorCat  .texto-mail {
    margin: 0;
}

}
@media(max-width: 688px) {

.DnnModule-NutrissCalculatorCat .ResponseMessage-container {
    width: 66%;
}

.DnnModule-NutrissCalculatorCat .ResponseMessage__texto {
    top: 44%;
}
    }
@media(max-width: 577px) {
  .DnnModule-NutrissCalculatorCat .ResponseMessage-container {
    width: 76%;
}
  
    .DnnModule-NutrissCalculatorCat .ResponseMessage-container {
    width: 77%;
    padding: 14% 0 0 0;
    transform: translate(-50%, -50%);
    left: 38%;
    top: 51%;
}

.DnnModule-NutrissCalculatorCat .ResponseMessage__texto {
    top: 40%;
}

.DnnModule-NutrissCalculatorCat .boton-close {
    top: 13%;
}



}
@media(max-width: 518px) {

.CatForm + .CatImg +.modal .modal-title{
  line-height: 28px;
}
  .DnnModule-NutrissCalculatorCat .ResponseMessage-container {
    width: 94%;
    left: 47%;
}

    }

@media(max-width: 440px) {

.DnnModule-NutrissCalculatorCat .ResponseMessage__texto {
    top: 35%;
    width: 80% !IMPORTANT;
}

.DnnModule-NutrissCalculatorCat .boton-close {
    top: 12%;
}
}
@media(max-width: 420px) {

 .DnnModule-NutrissCalculatorCat .ResponseMessage-container {
    top: 55%;
 }
     .DnnModule-NutrissCalculatorCat .boton-close {
        top: 9%;
        right: -13px;
    }
   
.DnnModule-NutrissCalculatorCat .ResponseMessage__texto {
    top: 33%;
} 
}
@media(max-width: 400px) {
    .DnnModule-NutrissCalculatorCat .ResponseMessage__texto {
    top: 31%;
}

.DnnModule-NutrissCalculatorCat .ResponseMessage-container {
    top: 57%;
    width: 96%;
    left: 48%;
}
}
@media(max-width: 390px) {
    .DnnModule-NutrissCalculatorCat .ResponseMessage-container {
    top: 57%;
}

}


/* LANDING CDFL ( CASA DE LOS FAMOSOS ) */

/* Formulario - DNN Estilos */

.form-fdc {
    background-color: #E4E4E4;
    border-radius: 30px;
    padding: 10px;
}

.form-fdc .content-row .dnn-file-upload .overlay#dropzoneId {
    background: #efefef;
    border: dashed 2px #3a3a3a;
}
.form-fdc .content-row .dnn-file-upload {
    box-shadow: none !important;
}

.dnnFormItem input[type="text"], .dnnFormItem select, .dnnFormItem textarea, .dnnFormItem input[type="email"], .dnnFormItem input[type="search"], .dnnFormItem input[type="password"] {
    box-shadow: none!important;
}

.form-fdc.tabbed-forms,
.form-fdc .tabbed-form-content{
    position: relative !important;
    display: flex;
    height: auto !important;
    float: none !important;
    flex-direction: column;
    align-items: center;
}

.form-fdc.static-text h2 {
    color: #5A5A6D;
    text-transform: uppercase;
    font-size: 42px;
    text-align: center;
    margin: 0 0 35px 0;
    font-family: Museo-900;
}

.form-fdc .static-text h3 {
    color: #5A5A6D;
    padding: 2rem 4rem 0rem 4rem;
    border-radius: 40px;
    font-size: 33px;
    text-align: center;
    text-transform: uppercase;
   /*  margin: 3rem  auto 1.5rem; */
}

.form-fdc .content-row {
    display: flex;
    width: 100%;
    height: auto !important;
}

.form-fdc .form-group .static-text {
    width: 90%;
    margin: 0 auto;
    padding: 0;
}

.form-fdc .content-row .content-field {
    position: relative;
    height: auto;
    margin: 0 0 2rem 0;
    padding: 0 15px;
    left: auto !important;
}

.form-fdc .content-row .dnnFormItem {
    margin: 0;
}

.form-fdc .content-row .dnnLabel {
    display: none;
}

.form-fdc .content-row input[type='text'],
.form-fdc.content-row input[type='email'],
.form-fdc .content-row textarea {
   background-color: #fff;
   font-size: 16px;
   color: #9c9c9b;
   border: none;
   height: 40px;
   padding: 6px 15px;
   margin: 0;
   width: 100%;
   font-weight: 500;
}

.form-fdc .content-row input[type='text']::placeholder,
.form-fdc .content-row input[type='email']::placeholder,
.form-fdc .content-row textarea::placeholder {
    color: #9c9c9b;
}

.form-fdc .content-row textarea {
   height: 182px;
   resize: none;
}

.form-fdc .content-row .error-message {
    color: #c70202;
    line-height: 30px;
}

 .form-fdc.content-row .canvas-terms-and-conditions {
    text-align: center;
}
/*

.form-fdc .content-row input[type=checkbox] {
    width: 20px;
    height: 20px;
    accent-color: #ff9203;
    cursor: pointer;
    margin-right: 8px !important;
    padding: 0;
    opacity: 1;

} */

.form-fdc .content-row input[type=checkbox] + label {
    display: block;
    width: 20px;
    height: 20px;
    accent-color: #ff9203 !important;
    cursor: pointer;
    padding: 0;
    opacity: 1;

}

 .form-fdc .content-row input[type=checkbox] + label + span {
    padding: 0;
    bottom: 3px;
    font-size: 0 !important;
    float: none;
} 

/*

.form-fdc .content-row input[type=checkbox] + label + span::before,
.form-fdc .content-row input[type=checkbox] + label + span::after {
    content: none !important;
} */

.form-fdc .content-row input[type=checkbox] + label + span a {
    color: #797990;
    font-size: 16px !important;
    line-height: 25px;
} 

.form-fdc .content-row input[type=checkbox] + label + span a:hover {
    color: #811f45;
    text-decoration: underline;
}

.form-fdc .form-builder-canvas .form-submit button {
    width: max-content;
    background: #F6B313 !important;
    font-size: 15px;
    color: #FFF;
    padding: 0.8rem 5rem;
    font-weight: bold;
    text-transform: uppercase;
    border-radius: 9px !important;
    border: 2px solid transparent;
    cursor: pointer;
    transition: all 0.8s;
}

.form-fdc .form-builder-canvas .form-submit button:hover {
    background: #241F18 !important;
    color: #F6B313;
}

.form-fdc .tabbed-forms + .error-message {
display: none;
} 

.form-fdc .content-row input[type=checkbox]+label[for]+span {
    padding-top:0 !important;
}

@media(min-width: 1200px) {
    .form-fdc {
        padding: 40px;
        border-radius: 50px;
    }

    .form-fdc .form-group .static-text {
        width: 55%;
        margin: 0 auto;
        padding: 0;
    }

}



/* LANDING RAZAS */

/* Formulario - DNN Estilos */

.form-concurso-razas {
    margin: 60px auto;
}

.form-concurso-razas input.single-line-text-input.dnnFormInput {
    background: #FFEDDE;
}

.form-concurso-razas input {
    margin-bottom: 0px !important;
}

.form-concurso-razas .dnn-file-upload {
    background-color: #FFEDDE !important;
    border-color: #FFEDDE !important;
}

.form-concurso-razas textarea.multiline-text.dnnFormTextArea {
    background-color: #FFEDDE !important;
}

.form-concurso-razas .dnnPrimaryAction {
    background: #68D000!important;
    padding: 8px 80px;
    border: solid transparent;
    border-radius: 30px !important;
    box-shadow: none!important;
    -webkit-box-shadow: none;
    color: #241F18;
    text-shadow: none;
}