@charset "UTF-8";

/* Fonts */

@font-face {
    font-family: "Gotham-Black";
    src: url("../fonts/Gotham-Black.eot");
    src: url("../fonts/Gotham-Black.eot?#iefix") format("embedded-opentype"), url("../fonts/Gotham-Black.svg") format("svg"), url("../fonts/Gotham-Black.ttf") format("truetype"), url("../fonts/Gotham-Black.woff") format("woff"), url("../fonts/Gotham-Black.woff2") format("woff2");
}

@font-face {
    font-family: "Gotham-Bold";
    src: url("../fonts/Gotham-Bold.eot");
    src: url("../fonts/Gotham-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/Gotham-Bold.svg") format("svg"), url("../fonts/Gotham-Bold.ttf") format("truetype"), url("../fonts/Gotham-Bold.woff") format("woff"), url("../fonts/Gotham-Bold.woff2") format("woff2");
}

@font-face {
    font-family: "Gotham-Book";
    src: url("../fonts/Gotham-Book.eot");
    src: url("../fonts/Gotham-Book.eot?#iefix") format("embedded-opentype"), url("../fonts/Gotham-Book.svg") format("svg"), url("../fonts/Gotham-Book.ttf") format("truetype"), url("../fonts/Gotham-Book.woff") format("woff"), url("../fonts/Gotham-Book.woff2") format("woff2");
}

@font-face {
    font-family: "Gotham-Light";
    src: url("../fonts/Gotham-Light.eot");
    src: url("../fonts/Gotham-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/Gotham-Light.svg") format("svg"), url("../fonts/Gotham-Light.ttf") format("truetype"), url("../fonts/Gotham-Light.woff") format("woff"), url("../fonts/Gotham-Light.woff2") format("woff2");
}

@font-face {
    font-family: "Gotham-Medium";
    src: url("../fonts/Gotham-Medium.eot");
    src: url("../fonts/Gotham-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/Gotham-Medium.svg") format("svg"), url("../fonts/Gotham-Medium.ttf") format("truetype"), url("../fonts/Gotham-Medium.woff") format("woff"), url("../fonts/Gotham-Medium.woff2") format("woff2");
}

@font-face {
    font-family: "Cond";
    src: url("../fonts/DINNextLTPro-Cond.eot");
    src: url("../fonts/DINNextLTPro-Cond.eot?#iefix") format("embedded-opentype"), url("../fonts/DINNextLTPro-Cond.woff") format("woff"), url("../fonts/DINNextLTPro-Cond.woff2") format("woff2"), url("../fonts/DINNextLTPro-Cond.ttf") format("truetype"), url("../fonts/DINNextLTPro-Cond.svg#lightcond") format("svg");
}


/* Fonts */


/* Reset */

* {
    margin: 0;
    padding: 0;
    border: 0;
    outline: none;
    color: inherit;
    line-height: normal;
    text-decoration: none;
}

img {
    display: block;
}

input {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
}

table {
    border-collapse: collapse;
}

.content {
    border: 0 !important;
}

#page:after,
#page .clearfix:after {
    display: none;
}

#messages {
    display: none;
}


/* ERROR */


/* Reset */


/* Loader */

#loading {
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 999;
    top: 0;
    left: 0;
    background: #fff;
}


/* Loader */


/* Logged In */

#region-page-top,
#region-page-bottom {
    min-height: 0 !important;
}

#region-content div.tabs {
    display: none;
}

body.user-logged-in #block-agd-natura-theme-natura-theme-block-1 {
    top: 85px;
}

body.user-logged-in.toolbar-drawer #block-agd-natura-theme-natura-theme-block-1 {
    top: 120px;
}


/*body.user-logged-in #page,*/

body.user-logged-in #block-agd-natura-theme-natura-theme-block-2,
body.user-logged-in #block-agd-natura-theme-views-block-familia-block-1,
body.user-logged-in #video {
    padding-top: 85px;
}

body.user-logged-in.toolbar-drawer #page,
body.user-logged-in.toolbar-drawer #block-agd-natura-theme-natura-theme-block-2,
body.user-logged-in.toolbar-drawer #block-agd-natura-theme-views-block-familia-block-1,
body.user-logged-in.toolbar-drawer #video {
    padding-top: 120px;
}

html.overlay-open #block-agd-natura-theme-natura-theme-block-1,
html.overlay-open .not-front #block-agd-natura-theme-natura-theme-block-2 {
    visibility: hidden;
}


/* Logged In */


/* 00. GENERAL */

html,
body,
.dialog-off-canvas-main-canvas {
    width: 100%;
    height: 100%;
    overflow: hidden;
    padding: 0 !important;
    font-family: "Gotham-Light", sans-serif;
    -webkit-font-smoothing: antialiased;
}

#section-header {
    display: none;
}

#page,
#section-content,
#section-content,
#zone-content-wrapper,
#zone-content,
#region-content,
#region-content>.region-inner,
#block-agd-natura-theme-natura-theme-system-main,
#block-agd-natura-theme-natura-theme-system-main>.block-inner,
#block-agd-natura-theme-natura-theme-system-main>.block-inner>.content,
#block-agd-natura-theme-natura-theme-system-main>.block-inner>.content>.node,
#block-agd-natura-theme-natura-theme-system-main>.block-inner>.content>.node>.content {
    width: 100%;
    height: 100%;
}

#page {
    position: relative;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

#respMenu {
    display: none;
}


/* Header */

#block-agd-natura-theme-natura-theme-block-1 {
    position: fixed;
    z-index: 997;
    top: 0;
    right: 25%;
    margin-right: -105px;
}

#logo-familia {
    display: block;
}

#logo-familia {
    margin-bottom: 20px;
    margin-top: 18px;
}

#block-agd-natura-theme-natura-theme-block-1 .content ul {
    background: #ad9c7e;
    border-radius: 10px;
    color: #e6ddc1;
    width: 90px;
    height: 36px;
    margin-left: auto;
    margin-right: auto;
    /* background: url(../images/accesos-light.png) center no-repeat;
        list-style: none;
        filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=0,OffY=0,Color='#3F3F3F')";
        filter: url(filters.svg#drop-shadow);
        -webkit-filter: drop-shadow(0 0 7px rgba(0,0,0,0.25));
        filter: drop-shadow(0 0 7px rgba(0,0,0,0.25)); */
}

#block-agd-natura-theme-natura-theme-block-1 .content ul li:first-child {
    display: none;
}

.not-front #block-agd-natura-theme-natura-theme-block-1 .content ul {
    display: none;
}

#block-agd-natura-theme-natura-theme-block-1 .content ul.dark {
    background: url(../images/accesos-dark.png) center no-repeat;
}

#block-agd-natura-theme-natura-theme-block-1 .content li {
    width: 100%;
    height: 36px;
    overflow: hidden;
    display: block;
}

#block-agd-natura-theme-natura-theme-block-1 .content a {
    width: 100%;
    height: 100%;
    text-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
    display: block;
    cursor: pointer;
    font: 11px "Gotham-Black";
    color: #fff;
    text-align: center;
}

#block-agd-natura-theme-natura-theme-block-1 .content ul li:first-child a {
    line-height: 42px;
}

#block-agd-natura-theme-natura-theme-block-1 .content ul li:last-child a {
    line-height: 38px;
}


/* Header */


/* MENÚ FAMILIA */

.contextual-region.view-familia {
    height: 100vh;
}

#block-agd-natura-theme-views-block-familia-block-1 {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: fixed;
    z-index: 996;
    top: 0;
    left: 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    display: none;
    pointer-events: none;
    user-select: none;
    -o-user-select: none;
    -ms-user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
}

#block-agd-natura-theme-views-block-familia-block-1>.block-inner {
    width: 100%;
    height: 100%;
    position: relative;
    background: #e6ddc1;
    background: -o-radial-gradient( center, ellipse, #fff 0%, #e6ddc1 60%, #e6ddc1 100%);
    background: -moz-radial-gradient( center, ellipse, #fff 0%, #e6ddc1 60%, #e6ddc1 100%);
    background: -webkit-radial-gradient( center, ellipse, #fff 0%, #e6ddc1 60%, #e6ddc1 100%);
    pointer-events: all;
}

#block-agd-natura-theme-views-block-familia-block-1>.block-inner::after,
#block-agd-natura-theme-views-block-familia-block-1>.block-inner::before {
    content: "";
    width: 225px;
    height: 100%;
    position: absolute;
    z-index: 2;
    top: 0;
    display: block;
    visibility: visible;
    pointer-events: none;
}

#block-agd-natura-theme-views-block-familia-block-1>.block-inner::before {
    left: 0;
    background: linear-gradient(to right, #e6ddc1 25%, rgba(230, 221, 193, 0));
    background: -o-linear-gradient(to right, #e6ddc1 25%, rgba(230, 221, 193, 0));
    background: -moz-linear-gradient( to right, #e6ddc1 25%, rgba(230, 221, 193, 0));
    background: -webkit-linear-gradient( to right, #e6ddc1 25%, rgba(230, 221, 193, 0));
}

#block-agd-natura-theme-views-block-familia-block-1>.block-inner::after {
    right: 0;
    background: linear-gradient(to right, rgba(230, 221, 193, 0), #e6ddc1 75%);
    background: -o-linear-gradient(to right, rgba(230, 221, 193, 0), #e6ddc1 75%);
    background: -moz-linear-gradient( to right, rgba(230, 221, 193, 0), #e6ddc1 75%);
    background: -webkit-linear-gradient( to right, rgba(230, 221, 193, 0), #e6ddc1 75%);
}

#block-agd-natura-theme-views-block-familia-block-1>.block-inner>.content,
#block-agd-natura-theme-views-block-familia-block-1>.block-inner>.content>.view {
    width: 100%;
    height: 100%;
}

#block-agd-natura-theme-views-block-familia-block-1 .view-header {
    width: 100%;
    position: absolute;
    top: 25%;
    left: 0;
    margin-top: -87px;
    text-align: center;
    pointer-events: none;
}

#block-agd-natura-theme-views-block-familia-block-1 .view-header h2 {
    margin-bottom: 21px;
    font: 40px "Gotham-Book";
    color: #bab4a3;
    letter-spacing: 4px;
    mix-blend-mode: multiply;
}

#block-agd-natura-theme-views-block-familia-block-1 .view-header h3 {
    font: 20px "Gotham-Book";
    color: #bab4a3;
    letter-spacing: 2px;
    mix-blend-mode: multiply;
}

#block-agd-natura-theme-views-block-familia-block-1 .view-content {
    width: 100%;
    height: 365px;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -155px;
}

#block-agd-natura-theme-views-block-familia-block-1 .view-content::before {
    content: "";
    width: 100%;
    height: 105px;
    position: absolute;
    top: 221px;
    left: 0;
    background: linear-gradient(to bottom, rgba(238, 228, 205, 0), #eee4cd);
    background: -o-linear-gradient(to bottom, rgba(238, 228, 205, 0), #eee4cd);
    background: -moz-linear-gradient(to bottom, rgba(238, 228, 205, 0), #eee4cd);
    background: -webkit-linear-gradient( to bottom, rgba(238, 228, 205, 0), #eee4cd);
    display: block;
    pointer-events: none;
}

#block-agd-natura-theme-views-block-familia-block-1 .view-content::after {
    content: "";
    width: 100%;
    height: 85px;
    position: absolute;
    top: 326px;
    left: 0;
    background: linear-gradient(to bottom, #e6d4b6, rgba(230, 212, 182, 0));
    background: -o-linear-gradient(to bottom, #e6d4b6, rgba(230, 212, 182, 0));
    background: -moz-linear-gradient(to bottom, #e6d4b6, rgba(230, 212, 182, 0));
    background: -webkit-linear-gradient( to bottom, #e6d4b6, rgba(230, 212, 182, 0));
    display: block;
    pointer-events: none;
}

#block-agd-natura-theme-views-block-familia-block-1 .item-list {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
}

#block-agd-natura-theme-views-block-familia-block-1 .item-list::before {
    content: "";
    width: 100%;
    height: 3px;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -29px;
    background: url(../images/dot.png) center repeat-x;
}

#block-agd-natura-theme-views-block-familia-block-1 .item-list ul {
    width: 1508px;
    height: 100%;
    position: relative;
    z-index: 1;
    left: 0;
    margin: 0 auto;
    padding: 0 150px;
    list-style: none;
}

#block-agd-natura-theme-views-block-familia-block-1 .item-list li {
    height: 100%;
    position: relative;
    float: left;
    margin: 0 24px;
    display: block;
}

#block-agd-natura-theme-views-block-familia-block-1 .item-list ul li:first-child {
    margin-left: 0;
}

#block-agd-natura-theme-views-block-familia-block-1 .item-list ul li:last-child {
    margin-right: 0;
}

#block-agd-natura-theme-views-block-familia-block-1 .item-list li div {
    height: 100%;
}

#block-agd-natura-theme-views-block-familia-block-1 .item-list li figure {
    height: 100%;
    padding-bottom: 55px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    display: block;
}

#block-agd-natura-theme-views-block-familia-block-1 .item-list li a {
    height: 100%;
    position: relative;
    display: block;
}

#block-agd-natura-theme-views-block-familia-block-1 .item-list li img {
    width: auto !important;
    position: relative;
    display: block;
}


/* Escala */

#block-agd-natura-theme-views-block-familia-block-1 .item-list ul li:nth-child(1) img {
    height: 45%;
    top: 55%;
}

#block-agd-natura-theme-views-block-familia-block-1 .item-list ul li:nth-child(2) img {
    height: 45%;
    top: 55%;
}

#block-agd-natura-theme-views-block-familia-block-1 .item-list ul li:nth-child(3) img {
    height: 100%;
    top: 0;
}

#block-agd-natura-theme-views-block-familia-block-1 .item-list ul li:nth-child(4) img {
    height: 68%;
    top: 32%;
}

#block-agd-natura-theme-views-block-familia-block-1 .item-list ul li:nth-child(5) img {
    height: 68%;
    top: 32%;
}

#block-agd-natura-theme-views-block-familia-block-1 .item-list ul li:nth-child(6) img {
    height: 90%;
    top: 10%;
}

#block-agd-natura-theme-views-block-familia-block-1 .item-list ul li:nth-child(7) img {
    height: 90%;
    top: 10%;
}

#block-agd-natura-theme-views-block-familia-block-1 .item-list ul li:nth-child(8) img {
    height: 60%;
    top: 40%;
}

#block-agd-natura-theme-views-block-familia-block-1 .item-list ul li:nth-child(9) img {
    height: 60%;
    top: 40%;
}

#block-agd-natura-theme-views-block-familia-block-1 .item-list ul li:nth-child(10) img {
    height: 60%;
    top: 40%;
}

#block-agd-natura-theme-views-block-familia-block-1 .item-list ul li:nth-child(11) img {
    height: 60%;
    top: 40%;
}


/* Escala */

#block-agd-natura-theme-views-block-familia-block-1 .item-list li figcaption {
    width: 100%;
    height: 55px;
    position: absolute;
    bottom: 0;
    left: 0;
    padding-top: 30px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    display: block;
    font: 11px "Gotham-Book";
    color: #ad9c7c;
    text-transform: uppercase;
    text-align: center;
    transition: 250ms;
    -o-transition: 250ms;
    -ms-transition: 250ms;
    -moz-transition: 250ms;
    -webkit-transition: 250ms;
}

#block-agd-natura-theme-views-block-familia-block-1 .item-list li a:hover+figcaption {
    color: #736b4a;
}

#familiaPrev,
#familiaNext {
    width: 75px;
    height: 100%;
    border-radius: 0;
    position: absolute;
    z-index: 3;
    top: 0;
    margin: 0;
    padding: 0;
    border: 0;
    outline: none;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    display: block;
    cursor: default;
    pointer-events: all;
}

#familiaPrev {
    left: 0;
    background: transparent url(../images/btn-familia-prev.png) right center no-repeat;
}

#familiaNext {
    right: 0;
    background: transparent url(../images/btn-familia-next.png) left center no-repeat;
}

#familiaClose {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    position: absolute;
    z-index: 4;
    top: 20px;
    right: 20px;
    margin: 0;
    padding: 0;
    border: 0;
    outline: none;
    background: transparent url(../images/btn-familia-close.png) center no-repeat;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    display: block;
    cursor: pointer;
    pointer-events: all;
}


/* MENÚ FAMILIA */


/* Contacto */

#block-agd-natura-theme-webform {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: fixed;
    z-index: 999;
    top: 0;
    left: 0;
    background: rgba(230, 221, 193, 0.9);
    display: none;
}

#block-agd-natura-theme-webform>.block-inner {
    position: absolute;
    top: 50%;
    left: 50%;
    padding: 33px 80px 40px 200px;
    background: #d5bd93;
    transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}

#block-agd-natura-theme-webform h2 {
    margin: 0 0 31px 15px;
    font: 31px "Gotham-Light";
    color: #fff;
    line-height: 36px;
}

#block-agd-natura-theme-webform>.block-inner>.content {
    height: 350px;
    overflow-y: scroll;
    -ms-overflow-style: none;
    /* IE and Edge */
    scrollbar-width: none;
    /* Firefox */
}

#block-agd-natura-theme-webform>.block-inner>.content::-webkit-scrollbar {
    display: none;
}

#block-agd-natura-theme-webform form {
    width: 500px;
    display: block;
}

#block-agd-natura-theme-webform form>div {
    width: 100%;
    overflow: hidden;
}

#block-agd-natura-theme-webform form .form-item-nombre,
#block-agd-natura-theme-webform form .form-item-email {
    width: 50%;
    float: left;
}

#block-agd-natura-theme-webform form .form-item,
#block-agd-natura-theme-webform form .form-actions {
    margin: 0;
}

#block-agd-natura-theme-webform form input,
#block-agd-natura-theme-webform form select,
#block-agd-natura-theme-webform form textarea {
    resize: none;
    border-radius: 0;
    margin: 0;
    padding: 0;
    border: 0;
    outline: none;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    display: block;
}

#block-agd-natura-theme-webform form input[type="text"],
#block-agd-natura-theme-webform form input[type="email"],
#block-agd-natura-theme-webform form select {
    width: 100%;
    height: 20px;
    padding: 0 15px;
    background-color: #e6ddc1;
}

#block-agd-natura-theme-webform form input[type="email"] {
    background: linear-gradient(to right, #dfcdaa, #e6ddc1 10%);
    background: -o-linear-gradient(to right, #dfcdaa, #e6ddc1 10%);
    background: -moz-linear-gradient(to right, #dfcdaa, #e6ddc1 10%);
    background: -webkit-linear-gradient(to right, #dfcdaa, #e6ddc1 10%);
}

#block-agd-natura-theme-webform .form-item-tipo-de-negocio label,
#block-agd-natura-theme-webform .form-item-de-ser-distribuidor label,
#block-agd-natura-theme-webform .form-item-tipo-de-consulta label {
    display: inline-block;
    font-weight: 400;
}

#block-agd-natura-theme-webform .form-item input[type="checkbox"],
#block-agd-natura-theme-webform .form-item input[type="radio"] {
    appearance: revert;
    -moz-appearance: revert;
    -webkit-appearance: revert;
    display: inline-block;
    width: auto;
}

#block-agd-natura-theme-webform .webform-type-fieldset {
    padding: 0;
    margin: 0;
}

#block-agd-natura-theme-webform .webform-type-fieldset label {
    display: none;
}

#block-agd-natura-theme-webform .webform-type-fieldset .fieldset-wrapper {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    padding-bottom: 8px;
}

#block-agd-natura-theme-webform .webform-type-fieldset legend {
    padding: 8px 0 7px 15px;
    display: block;
    font: 12px "Gotham-Book";
    color: #000;
}

#block-agd-natura-theme-webform .webform-type-fieldset .fieldset-wrapper .form-type-textfield {
    margin-bottom: 7px;
    width: 50%;
}

#block-agd-natura-theme-webform .webform-type-fieldset .fieldset-wrapper .form-type-textfield:nth-child(2n) input {
    background: linear-gradient(to right, #dfcdaa, #e6ddc1 10%);
    background: -o-linear-gradient(to right, #dfcdaa, #e6ddc1 10%);
    background: -moz-linear-gradient(to right, #dfcdaa, #e6ddc1 10%);
    background: -webkit-linear-gradient(to right, #dfcdaa, #e6ddc1 10%);
}

#block-agd-natura-theme-webform form textarea {
    height: 125px;
    margin-bottom: 8px;
    padding: 10px 15px;
    background: #e6ddc1;
}

#block-agd-natura-theme-webform form label {
    margin: 8px 0 7px 15px;
    display: block;
    font: 12px "Gotham-Book";
    color: #000;
}

#block-agd-natura-theme-webform form label span {
    font: 12px "Gotham-Book";
    font-weight: normal;
    color: #000;
}

#block-agd-natura-theme-webform form .form-actions {
    overflow: hidden;
}

#block-agd-natura-theme-webform form .form-actions input {
    width: 185px;
    height: 50px;
    border-radius: 7px;
    float: right;
    margin-top: 8px;
    background: #a9926e;
    text-shadow: none;
    font: 11px "Gotham-Black";
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 1px;
}

#block-agd-natura-theme-webform form p {
    margin-left: 15px;
    display: block;
    font: 12px "Gotham-Book";
    color: #000;
    letter-spacing: -0.5px;
}

#webform-ajax-wrapper-8 {
    width: 500px;
}

#webform-ajax-wrapper-8 p,
#webform-ajax-wrapper-8 a {
    margin-left: 15px;
}

#webform-ajax-wrapper-8 .webform-confirmation p {
    margin-bottom: 4px;
}

#block-agd-natura-theme-webform .captcha {
    width: 100%;
    height: 58.5px;
    overflow: hidden;
    margin-top: 7px;
}

#block-agd-natura-theme-webform .g-recaptcha {
    float: right;
    transform: scale(0.75);
    -o-transform: scale(0.75);
    -ms-transform: scale(0.75);
    -moz-transform: scale(0.75);
    -webkit-transform: scale(0.75);
    transform-origin: right 0;
    -o-transform-origin: right 0;
    -ms-transform-origin: right 0;
    -moz-transform-origin: right 0;
    -webkit-transform-origin: right 0;
}

#block-agd-natura-theme-webform .captcha iframe {
    display: block;
}

#edit-captcha {
    display: none;
}

#closeContacto {
    width: 15px;
    height: 16px;
    border-radius: 0;
    position: absolute;
    top: 20px;
    right: 20px;
    background: transparent url(../images/btn-close-dark.png) center no-repeat;
    background-size: cover;
    margin: 0;
    padding: 0;
    border: 0;
    outline: none;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    display: block;
    cursor: pointer;
    opacity: 0.3;
    transition: 250ms;
    -o-transition: 250ms;
    -ms-transition: 250ms;
    -moz-transition: 250ms;
    -webkit-transition: 250ms;
}

#closeContacto:hover {
    opacity: 0.5;
}


/* Contacto */


/* 00. GENERAL */


/* 01. LOGIN */

.not-logged-in.page-user #logo-familia {
    margin: 0;
}

.not-logged-in.page-user #block-agd-natura-theme-natura-theme-block-1 .content ul,
.not-logged-in.page-user #block-agd-natura-theme-natura-theme-block-2 {
    display: none;
}

#user-login-form {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
    background: url(../images/bg-login.jpg) center no-repeat;
    background-size: cover;
    display: block;
}

#user-login-form>div {
    max-width: 430px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}

#user-login-form .form-item {
    margin: 0;
}

#user-login-form .form-item-name {
    margin-bottom: 29px;
}

#user-login-form label {
    margin: 0 0 7px 15px;
    display: block;
    font: 15px "Gotham-Medium";
    color: #000;
}

#user-login-form label span {
    color: #bf0811;
}

#user-login-form .form-item input {
    width: 100%;
    height: 30px;
    margin: 0;
    padding: 0 15px;
    border: 0;
    outline: none;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    background: rgba(255, 255, 255, 0.9);
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    display: block;
}

#user-login-form .form-item .description {
    margin: 6px 15px 0 15px;
    font: 12px "Gotham-Book";
    color: #87868a;
}

#user-login-form .form-actions {
    margin: 23px 0 0 0;
}

#user-login-form .form-actions input {
    width: 185px;
    height: 50px;
    border-radius: 7px;
    margin: 0 auto;
    padding: 0;
    border: 0;
    outline: none;
    background: rgba(127, 125, 117, 0.7);
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    text-shadow: none;
    display: block;
    font: 11px "Gotham-Black";
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 1px;
}

#user-login-form .captcha {
    width: 100%;
    margin-top: 22px;
}

#user-login-form .captcha {
    width: 100%;
    overflow: hidden;
}

#user-login-form .g-recaptcha>div {
    margin: 0 auto;
}


/* 01. LOGIN */


/* 02. INICIO */

body.front {
    background: #e6ddc1;
    background: -o-radial-gradient( center, ellipse, #fff 0%, #e6ddc1 60%, #e6ddc1 100%);
    background: -moz-radial-gradient( center, ellipse, #fff 0%, #e6ddc1 60%, #e6ddc1 100%);
    background: -webkit-radial-gradient( center, ellipse, #fff 0%, #e6ddc1 60%, #e6ddc1 100%);
}

#node-3,
#node-3>.content {
    width: 100%;
    height: 100%;
}

.front #region-content>.region-inner {
    position: relative;
}


/* Menú */

.front #block-agd-natura-theme-natura-theme-block-2 {
    width: 25%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    background: url(../images/bg-menu-inicio.jpg) center no-repeat;
    background-size: cover;
    transition: background 250ms;
    -o-transition: background 250ms;
    -ms-transition: background 250ms;
    -moz-transition: background 250ms;
    -webkit-transition: background 250ms;
}

#preload {
    width: 0;
    height: 0;
    overflow: hidden;
}

#preload img {
    width: 0;
    height: 0;
}

.front #block-agd-natura-theme-natura-theme-block-2>.content {
    width: 100%;
    height: 100%;
    position: relative;
}

.front #menu-content {
    float: right;
    display: block;
    user-select: none;
    -o-user-select: none;
    -ms-user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
}

.front #menu-content>li {
    height: 45px;
    position: relative;
    display: block;
    transition: 250ms;
    -o-transition: 250ms;
    -ms-transition: 250ms;
    -moz-transition: 250ms;
    -webkit-transition: 250ms;
}

.front #menu-content>li:first-child {
    display: none;
}

.front #menu-content>li:nth-child(2),
.front #menu-content>li:hover {
    background: rgba(0, 0, 0, 0.5);
}

.front #menu-content>li::after {
    content: "";
    width: 25px;
    height: 100%;
    position: absolute;
    top: 0;
    right: -25px;
    background: #fff;
    display: block;
    pointer-events: none;
}

.front #menu-content>li:nth-child(7)::after {
    pointer-events: all;
}

.front #menu-content .submenu>a {
    cursor: default;
}

.front #menu-content .submenu:hover::after {
    display: none;
}

.front #menu-content .submenu ul {
    width: 255px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 100%;
    margin-left: 25px;
    display: none;
    list-style: none;
}

.front #menu-content .submenu:hover ul {
    display: block;
}

.front #menu-content .submenu li {
    width: 100%;
    height: 100%;
    position: relative;
    background: rgba(0, 0, 0, 0.1);
    display: block;
}

.front #menu-content .submenu li:first-child::after {
    content: "";
    width: 25px;
    height: 100%;
    position: absolute;
    top: 0;
    left: -25px;
    background: rgba(0, 0, 0, 0.1);
    display: block;
}

.front #menu-content .submenu li:hover,
.front #menu-content .submenu li:first-child:hover::after {
    background: rgba(0, 0, 0, 0.2);
}

.front #menu-content li a {
    width: 100%;
    height: 100%;
    padding: 0 20px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    display: block;
    opacity: 0.8;
    cursor: pointer;
    font: 15px "Gotham-Bold";
    color: #fff;
    line-height: 45px;
}

.front #menu-content>li>a {
    text-align: right;
}

.front #menu-content .submenu li a,
.front #menu-content li:hover>a {
    opacity: 1;
}

.front #block-agd-natura-theme-natura-theme-block-2>.content span {
    width: 25px;
    height: 100%;
    position: absolute;
    top: 0;
    right: -25px;
    padding-top: 315px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    display: block;
    pointer-events: none;
}

.front #block-agd-natura-theme-natura-theme-block-2>.content span::before {
    content: "";
    width: 100%;
    height: 100%;
    background: #fff;
    display: block;
}


/* Menú */

.front #block-agd-natura-theme-natura-theme-system-main {
    width: 75%;
    float: right;
}


/* Scrollbar - Modificado jquery.mCustomScrollbar.css */

#mCSB_1_container,
#mCSB_2_container {
    margin: 0;
}

.front #mCSB_1_container {
    height: 300%;
}

#mCSB_1_scrollbar_vertical,
#mCSB_2_scrollbar_vertical {
    width: 0;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}


/* Scrollbar */


/* Inicio */

#Inicio {
    width: 66.67%;
    height: 33.34%;
    position: relative;
    padding-left: 25px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    pointer-events: none;
}

#Inicio h1 {
    width: 100%;
    position: absolute;
    z-index: 1;
    bottom: 50%;
    left: 0;
    margin-bottom: -11px;
    padding-left: 25px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    display: block;
    opacity: 0;
    font: 50px "Gotham-Book";
    color: #bab4a3;
    letter-spacing: 3px;
    text-align: center;
    mix-blend-mode: multiply;
}

.imagen-central-wrapper,
.imagen-central-wrapper .wrapper {
    width: 100%;
    height: 100%;
    position: relative;
}

.imagen-central-wrapper .wrapper div {
    width: 100%;
    height: 90%;
    position: absolute;
    top: 5%;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    opacity: 0;
    transform: translateY(10px);
    -o-transform: translateY(10px);
    -ms-transform: translateY(10px);
    -moz-transform: translateY(10px);
    -webkit-transform: translateY(10px);
    transition: 250ms;
    -o-transition: 250ms;
    -ms-transition: 250ms;
    -moz-transition: 250ms;
    -webkit-transition: 250ms;
}

.imagen-central-wrapper .wrapper div.show {
    opacity: 1;
    transform: none;
    -o-transform: none;
    -ms-transform: none;
    -moz-transform: none;
    -webkit-transform: none;
}

.imagen-central-wrapper>img {
    height: 54%;
    position: absolute;
    top: 25%;
    left: 50%;
    transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    opacity: 0;
}

#i-scroll {
    position: absolute;
    bottom: 20px;
    left: 45px;
    opacity: 0;
}


/* Inicio */


/* Familia */

#Familia {
    width: 66.67%;
    height: 33.33%;
    position: relative;
    padding-left: 25px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

#Familia h2 {
    width: 100%;
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 0;
    margin-top: -29px;
    padding-left: 25px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    display: block;
    font: 50px "Gotham-Book";
    color: #bab4a3;
    letter-spacing: 3px;
    text-align: center;
    mix-blend-mode: multiply;
    pointer-events: none;
}

#familia-top,
#familia-bottom {
    width: 100%;
    height: 50%;
    position: relative;
}

#familia-top::before,
#familia-bottom::before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    opacity: 0.25;
    pointer-events: none;
}

#familia-top::before {
    background: url(../images/bg-home-familia1.png) no-repeat;
    background-size: 85% auto;
    background-position: center bottom 22px;
}

#familia-bottom::before {
    background: url(../images/bg-home-familia2.png) no-repeat;
    background-size: 90% auto;
    background-position: right 10px top 23px;
}

#Familia img {
    position: absolute;
    z-index: 2;
    cursor: pointer;
}

#familia-top :nth-child(1) {
    bottom: 81px;
    right: 50%;
    margin-right: -5px;
}

#familia-top :nth-child(3) {
    bottom: 61px;
    left: 50%;
    margin-left: -5px;
}

#familia-bottom :nth-child(1) {
    top: 85px;
    right: 28%;
    margin-right: -5px;
}

#familia-bottom :nth-child(3) {
    top: 114px;
    left: 50%;
    margin-left: -5px;
}

#Familia span {
    position: absolute;
    z-index: 2;
    display: block;
    cursor: pointer;
    font: 14px "Gotham-Book";
    color: #b7ae99;
    letter-spacing: 1px;
    text-align: center;
}

#familia-top :nth-child(2) {
    bottom: 286px;
    right: 50%;
    margin-right: 80px;
}

#familia-top :nth-child(4) {
    bottom: 218px;
    left: 50%;
    margin-left: 43px;
}

#familia-bottom :nth-child(2) {
    top: 56px;
    right: 36%;
    margin-right: 51px;
}

#familia-bottom :nth-child(4) {
    top: 87px;
    left: 50%;
    margin-left: 43px;
}


/* Familia */


/* Novedades */

#Novedades {
    width: 100%;
    height: 33.33%;
    position: relative;
    z-index: 1;
    padding-left: 25px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

#Novedades::before {
    content: "";
    width: 100%;
    height: 43px;
    position: absolute;
    top: -43px;
    left: 25px;
    background: linear-gradient(to bottom, rgba(230, 221, 193, 0), #e6ddc1);
    background: -o-linear-gradient(to bottom, rgba(230, 221, 193, 0), #e6ddc1);
    background: -moz-linear-gradient(to bottom, rgba(230, 221, 193, 0), #e6ddc1);
    background: -webkit-linear-gradient( to bottom, rgba(230, 221, 193, 0), #e6ddc1);
    display: block;
    pointer-events: none;
}

#Novedades .view {
    width: 100%;
    height: 100%;
}

#Novedades .view-content,
#Novedades .item-list {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

#Novedades ul {
    height: 100%;
    position: relative;
    left: 0;
}

#Novedades ul li {
/*    height: 100%;*/
    height: 100vh;
    float: left;
    margin: 0;
    display: table;
    table-layout: fixed;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

#Novedades li img {
    display: none;
}

#Novedades .view-novedades .view-content .views-row .cuerpo-nota {
    width: 100%;
    height: 100%;
    padding: 0 107px 0 100px;
    display: table-cell;
    vertical-align: middle;
}

#Novedades .view-novedades .view-content .views-row h2 {
    margin-bottom: 29px;
    opacity: 0.3;
    font: 31px "Gotham-Light";
    font-weight: normal;
    color: #000;
    line-height: 33px;
    letter-spacing: -0.5px;
}

#Novedades .view-novedades .view-content .views-row .cuerpo p {
    font: 13px "Gotham-Book";
    color: #000;
    line-height: 20px;
}

#Novedades .view-novedades .view-footer,
#Novedades .view-novedades .view-footer p {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none;
}

#prev-nota {
    width: 25px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: #fff;
    cursor: pointer;
}

#prev-nota::after {
    content: " ";
    width: 80px;
    height: 300px;
    position: absolute;
    top: 50%;
    right: -56px;
    margin-top: -150px;
    background: transparent url(../images/tab-novedades-prev.png) center no-repeat;
}

#nex-nota {
    width: 50px;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    background: rgba(112, 124, 63, 0.34);
    pointer-events: all;
    cursor: pointer;
}

#nex-nota::before {
    content: " ";
    width: 80px;
    height: 300px;
    position: absolute;
    top: 50%;
    left: -57px;
    margin-top: -150px;
    background: transparent url(../images/tab-novedades-next.png) center no-repeat;
}


/* Novedades */


/* Footer */

.front #section-footer {
    display: none;
}

#block-agd-natura-theme-natura-theme-block-4 {
    width: 50%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 25%;
    padding-left: 25px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    pointer-events: none;
}

#block-agd-natura-theme-natura-theme-block-4 .content {
    width: 100%;
    height: 100%;
    position: relative;
}

#logo-agd {
    position: absolute;
    bottom: 34px;
    right: -77px;
    display: block;
    pointer-events: all;
}

#logo-agd img {
    height: 23px;
}

.front #redes {
    width: 30px;
    height: 130px;
    position: absolute;
    bottom: 70px;
    right: -68px;
    pointer-events: all;
}

.front #redes a {
    margin-bottom: 5px;
    display: block;
}

.front #redes a:last-child {
    margin: 0;
}


/* Footer */


/* 02. INICIO */


/* 03. PAGES */


/* Menú */

.not-front #block-agd-natura-theme-natura-theme-block-2 {
    height: 45px;
    overflow: hidden;
    position: fixed;
    z-index: 995;
    top: 0;
    right: 75%;
    margin-right: -255px;
    padding-right: 255px;
    pointer-events: none;
}

.not-front #menu-content {
    display: block;
    padding-right: 25px;
    pointer-events: all;
    user-select: none;
    -o-user-select: none;
    -ms-user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
}

.not-front #menu-content>li {
    height: 45px;
    position: relative;
    background: rgba(0, 0, 0, 0.4);
    display: block;
    transition: 250ms;
    -o-transition: 250ms;
    -ms-transition: 250ms;
    -moz-transition: 250ms;
    -webkit-transition: 250ms;
}

.not-front #menu-content>li:first-child,
.not-front #menu-content>li:hover {
    background: rgba(0, 0, 0, 0.5);
}

.not-front #menu-content>li::after {
    content: "";
    width: 25px;
    height: 100%;
    position: absolute;
    top: 0;
    right: -25px;
    background: #fff;
    display: block;
    pointer-events: none;
}

.not-front #menu-content>li:first-child::after {
    background: url(../images/btn-menu.png) center no-repeat;
    cursor: pointer;
    pointer-events: all;
}

.not-front #menu-content .submenu:hover::after {
    display: none;
}

.not-front #menu-content .submenu>a {
    cursor: default;
}

.not-front #menu-content .submenu ul {
    width: 255px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 100%;
    margin-left: 25px;
    display: none;
    list-style: none;
}

.not-front #menu-content .submenu:hover ul {
    display: block;
}

.not-front #menu-content .submenu li {
    width: 100%;
    height: 100%;
    position: relative;
    background: rgba(0, 0, 0, 0.4);
    display: block;
}

.not-front #menu-content .submenu li:first-child::after {
    content: "";
    width: 25px;
    height: 100%;
    position: absolute;
    top: 0;
    left: -25px;
    background: rgba(0, 0, 0, 0.4);
    display: block;
}

.not-front #menu-content .submenu li:hover,
.not-front #menu-content .submenu li:first-child:hover::after {
    background: rgba(0, 0, 0, 0.5);
}

.not-front #menu-content li a {
    width: 100%;
    height: 100%;
    padding: 0 20px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    display: block;
    cursor: pointer;
    font: 15px "Gotham-Bold";
    color: #fff;
    line-height: 45px;
}

.not-front #menu-content>li>a {
    text-align: right;
}


/* Menú */


/* Content */

#scrollDown {
    width: 66px;
    height: 66px;
    border-radius: 50%;
    position: absolute;
    z-index: 1;
    bottom: -34px;
    left: 50%;
    margin-left: -33px;
    padding: 0;
    border: 0;
    outline: none;
    background: transparent;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    display: block;
    cursor: pointer;
}

#zone-postscript-wrapper {
    width: 100%;
    position: relative;
    padding: 78px 40px 78px 40px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    background: #fff;
    display: none;
}

#zone-postscript-wrapper::before {
    content: "";
    width: 300px;
    height: 90px;
    position: absolute;
    top: -56px;
    left: 50%;
    margin-left: -150px;
    background: url(../images/tab-content.png) center no-repeat;
}

#zone-postscript {
    max-width: 1600px;
    margin: 0 auto;
}

#region-pos-content,
#region-pos-content>.region-inner,
#region-pos-content>.region-inner>.block,
#region-pos-content>.region-inner>.block>.block-inner,
#region-pos-content>.region-inner>.block>.block-inner>.content,
#region-pos-content>.region-inner>.block>.block-inner>.content>.field,
#region-pos-content>.region-inner>.block>.block-inner>.content>.field>.field__item,
#region-pos-content>.region-inner>.block>.block-inner>.content>.field>.field__item>.field-item {
    width: 100%;
}


/* Content */


/* Footer */

.not-front #section-footer {
    width: 100%;
    height: 80px;
    overflow: hidden;
    background: #c7c2b4;
    box-sizing: border-box;
    padding: 0 8px;
}

.not-front #zone-footer-wrapper {
    max-width: 1600px;
    height: 100%;
    margin: 0 auto;
}

.not-front #zone-footer,
.not-front #region-footer-first,
.not-front #region-footer-first>.region-inner,
.not-front #block-agd-natura-theme-natura-theme-block-3,
.not-front #block-agd-natura-theme-natura-theme-block-3 .content {
    width: 100%;
    height: 100%;
}

.not-front #block-agd-natura-theme-natura-theme-block-3 .content {
    overflow: hidden;
    position: relative;
}

.not-front #section-footer .content ul {
    margin-top: 20px;
    display: block;
    list-style: none;
    font-size: 0;
    text-align: left;
}

.not-front #section-footer .content li {
    height: 40px;
    padding: 0 15px;
    border-right: 1px solid #fff;
    display: inline-block;
    vertical-align: top;
    font: 12px "Gotham-Book";
    color: #000;
    line-height: 40px;
}

.not-front #section-footer .content ul li:first-child {
    padding-left: 0;
}

.not-front #section-footer .content ul li:last-child {
    padding-right: 0;
    border: 0;
}

.not-front #section-footer .content ul li:nth-child(3) a {
    float: right;
    margin: 4px 0 0 30px;
    display: block;
}

.not-front #section-footer .content ul li:nth-child(3) img {
    height: 32px;
}

.not-front #section-footer .content ul li:last-child a {
    float: right;
    margin: 6px 0 0 6px;
    display: block;
}

.not-front #redes {
    width: 135px;
    height: 30px;
    position: absolute;
    top: 25px;
    right: 0;
}

.not-front #redes a {
    float: left;
    margin-right: 5px;
    display: block;
}

.not-front #redes a:last-child {
    margin: 0;
}


/* Footer */


/* 03. PAGES */


/* 04. PRODUCTO */

body.node-type-producto #zone-content-wrapper {
    height: 95vh;
}

body.node-type-producto #block-agd-natura-theme-natura-theme-system-main {
    position: relative;
}


/* Gama ---

    Aceites: #d7c998 / #ebe3c6 => #FFF
    Aceites de Oliva: #c1c683 / #d6d8a2 => #FFF
    Mayonesa: #edde8c / #f5edbc => #FFF
    Mostaza: #afa14f / #ccbf6f => #FFF
    Ketchup: #e2a382 / #efccb5 => #FFF
    Salsa Golf: #d8a86b / #e7c591 => #FFF

    --- Gama */

#node-2,
#node-43,
#node-44,
#node-45 {
    background: #d6d8a2;
    background: -o-radial-gradient( center, ellipse, #fff 0%, #d6d8a2 60%, #d6d8a2 100%);
    background: -moz-radial-gradient( center, ellipse, #fff 0%, #d6d8a2 60%, #d6d8a2 100%);
    background: -webkit-radial-gradient( center, ellipse, #fff 0%, #d6d8a2 60%, #d6d8a2 100%);
}

#node-46,
#node-47,
#node-48 {
    background: #ebe3c6;
    background: -o-radial-gradient( center, ellipse, #fff 0%, #ebe3c6 60%, #ebe3c6 100%);
    background: -moz-radial-gradient( center, ellipse, #fff 0%, #ebe3c6 60%, #ebe3c6 100%);
    background: -webkit-radial-gradient( center, ellipse, #fff 0%, #ebe3c6 60%, #ebe3c6 100%);
}

#node-49 {
    background: #f5edbc;
    background: -o-radial-gradient( center, ellipse, #fff 0%, #f5edbc 60%, #f5edbc 100%);
    background: -moz-radial-gradient( center, ellipse, #fff 0%, #f5edbc 60%, #f5edbc 100%);
    background: -webkit-radial-gradient( center, ellipse, #fff 0%, #f5edbc 60%, #f5edbc 100%);
}

#node-50 {
    background: #efccb5;
    background: -o-radial-gradient( center, ellipse, #fff 0%, #efccb5 60%, #efccb5 100%);
    background: -moz-radial-gradient( center, ellipse, #fff 0%, #efccb5 60%, #efccb5 100%);
    background: -webkit-radial-gradient( center, ellipse, #fff 0%, #efccb5 60%, #efccb5 100%);
}

#node-51 {
    background: #ccbf6f;
    background: -o-radial-gradient( center, ellipse, #fff 0%, #ccbf6f 60%, #ccbf6f 100%);
    background: -moz-radial-gradient( center, ellipse, #fff 0%, #ccbf6f 60%, #ccbf6f 100%);
    background: -webkit-radial-gradient( center, ellipse, #fff 0%, #ccbf6f 60%, #ccbf6f 100%);
}

#node-52 {
    background: #e7c591;
    background: -o-radial-gradient( center, ellipse, #fff 0%, #e7c591 60%, #e7c591 100%);
    background: -moz-radial-gradient( center, ellipse, #fff 0%, #e7c591 60%, #e7c591 100%);
    background: -webkit-radial-gradient( center, ellipse, #fff 0%, #e7c591 60%, #e7c591 100%);
}


/* Animación */

#prod-animacion {
    width: 37.5%;
    height: 100%;
    float: left;
}

#prod-animacion>div {
    width: 100%;
    height: 100%;
    position: relative;
}

#prod-animacion .img1,
#prod-animacion .img2,
#prod-animacion .img3 {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    transition: 250ms ease-out;
    -o-transition: 250ms ease-out;
    -ms-transition: 250ms ease-out;
    -moz-transition: 250ms ease-out;
    -webkit-transition: 250ms ease-out;
}

#producto-2 .img1 {
    background-image: url(../images/productos/oliva-clasico/img1.png);
}

#producto-2 .img2 {
    background-image: url(../images/productos/oliva-clasico/img2.png);
}

#producto-2 .img3 {
    background-image: url(../images/productos/oliva-clasico/img3.png);
}

#producto-43 .img1 {
    background-image: url(../images/productos/oliva-intenso/img1.png);
}

#producto-43 .img2 {
    background-image: url(../images/productos/oliva-intenso/img2.png);
}

#producto-43 .img3 {
    background-image: url(../images/productos/oliva-intenso/img3.png);
}

#producto-44 .img1 {
    background-image: url(../images/productos/oliva-seleccion/img1.png);
}

#producto-44 .img2 {
    background-image: url(../images/productos/oliva-seleccion/img2.png);
}

#producto-44 .img3 {
    background-image: url(../images/productos/oliva-seleccion/img3.png);
}

#producto-45 .img1 {
    background-image: url(../images/productos/rocio-oliva/img1.png);
}

#producto-45 .img2 {
    background-image: url(../images/productos/rocio-oliva/img2.png);
}

#producto-45 .img3 {
    background-image: url(../images/productos/rocio-oliva/img3.png);
}

#producto-46 .img1 {
    background-image: url(../images/productos/rocio-vegetal/img1.png);
}

#producto-46 .img2 {
    background-image: url(../images/productos/rocio-vegetal/img2.png);
}

#producto-46 .img3 {
    background-image: url(../images/productos/rocio-vegetal/img3.png);
}

#producto-47 .img1 {
    background-image: url(../images/productos/aceite-blend/img1.png);
}

#producto-47 .img2 {
    background-image: url(../images/productos/aceite-blend/img2.png);
}

#producto-47 .img3 {
    background-image: url(../images/productos/aceite-blend/img3.png);
}

#producto-48 .img1 {
    background-image: url(../images/productos/aceite-girasol/img1.png);
}

#producto-48 .img2 {
    background-image: url(../images/productos/aceite-girasol/img2.png);
}

#producto-48 .img3 {
    background-image: url(../images/productos/aceite-girasol/img3.png);
}

#producto-49 .img1 {
    background-image: url(../images/productos/mayonesa/img1.png);
}

#producto-49 .img2 {
    background-image: url(../images/productos/mayonesa/img2.png);
    z-index: 0;
}

#producto-49 .img3 {
    background-image: url(../images/productos/mayonesa/img3.png);
}

#producto-50 .img1 {
    background-image: url(../images/productos/ketchup/img1.png);
}

#producto-50 .img2 {
    background-image: url(../images/productos/ketchup/img2.png);
}

#producto-50 .img3 {
    background-image: url(../images/productos/ketchup/img3.png);
}

#producto-51 .img1 {
    background-image: url(../images/productos/mostaza/img1.png);
}

#producto-51 .img2 {
    background-image: url(../images/productos/mostaza/img2.png);
}

#producto-51 .img3 {
    background-image: url(../images/productos/mostaza/img3.png);
}

#producto-52 .img1 {
    background-image: url(../images/productos/salsa-golf/img1.png);
}

#producto-52 .img2 {
    background-image: url(../images/productos/salsa-golf/img2.png);
}

#producto-52 .img3 {
    background-image: url(../images/productos/salsa-golf/img3.png);
}


/* Animación */


/* Introducción */

#prod-introduccion {
    width: 62.5%;
    height: 100%;
    overflow: hidden;
    position: relative;
    float: right;
}

#prod-introduccion .outer {
    width: 60%;
    height: 100%;
    display: table;
}

#prod-introduccion .inner {
    width: 100%;
    height: 100%;
    padding: 0 10px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    display: table-cell;
    vertical-align: middle;
}

#prod-introduccion h2 {
    margin-bottom: 37px;
    opacity: 0.5;
    font: 39px "Gotham-Book";
    color: #7f7d74;
    text-transform: uppercase;
    letter-spacing: 1px;
    line-height: 57px;
}

#prod-introduccion .producto-body p {
    font: 12px "Gotham-Book";
    color: #000;
    line-height: 22px;
}

#prod-introduccion .producto-nav {
    margin-top: 32px;
    overflow: hidden;
}

#prod-introduccion .producto-nav>a {
    width: 156px;
    height: 50px;
    border-radius: 7px;
    float: left;
    margin-bottom: 15px;
    margin-right: 15px;
    background: rgba(127, 125, 117, 0.5);
    display: block;
    cursor: pointer;
    font: 11px "Gotham-Black";
    color: #fff;
    letter-spacing: 1px;
    line-height: 50px;
    text-align: center;
    transition: 250ms;
    -o-transition: 250ms;
    -ms-transition: 250ms;
    -moz-transition: 250ms;
    -webkit-transition: 250ms;
}

#prod-introduccion .producto-nav>a:last-child {
    margin-right: 0;
}

#prod-introduccion .producto-nav>a:hover {
    background: rgba(127, 125, 117, 0.7);
}

#node-49 #openInfo-recomendaciones,
#node-50 #openInfo-recomendaciones,
#node-51 #openInfo-recomendaciones,
#node-52 #openInfo-recomendaciones {
    display: none;
}

#info-recomendaciones,
#info-nutricional {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: fixed;
    z-index: 998;
    top: 0;
    left: 0;
    display: none;
}

#node-2 #info-recomendaciones,
#node-43 #info-recomendaciones,
#node-44 #info-recomendaciones,
#node-45 #info-recomendaciones {
    background: rgba(215, 217, 161, 0.9);
}

#node-2 #info-nutricional,
#node-43 #info-nutricional,
#node-44 #info-nutricional,
#node-45 #info-nutricional {
    background: rgba(215, 217, 161, 0.9);
}

#node-46 #info-recomendaciones,
#node-47 #info-recomendaciones,
#node-48 #info-recomendaciones {
    background: rgba(233, 228, 187, 0.9);
}

#node-46 #info-nutricional,
#node-47 #info-nutricional,
#node-48 #info-nutricional {
    background: rgba(233, 228, 187, 0.9);
}

#node-49 #info-nutricional {
    background: rgba(245, 239, 187, 0.9);
}

#node-50 #info-nutricional {
    background: rgba(230, 203, 179, 0.9);
}

#node-51 #info-nutricional {
    background: rgba(200, 192, 125, 0.9);
}

#node-52 #info-nutricional {
    background: rgba(223, 197, 143, 0.9);
}

#info-recomendaciones>.wrapper,
#info-nutricional>.wrapper {
    width: 800px;
    overflow: hidden;
    position: absolute;
    top: 50%;
    left: 50%;
    padding: 33px 80px 40px 80px;
    transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}

#node-2 #info-recomendaciones>.wrapper,
#node-43 #info-recomendaciones>.wrapper,
#node-44 #info-recomendaciones>.wrapper,
#node-45 #info-recomendaciones>.wrapper {
    background: #777c2a;
}

#node-2 #info-nutricional>.wrapper,
#node-43 #info-nutricional>.wrapper,
#node-44 #info-nutricional>.wrapper,
#node-45 #info-nutricional>.wrapper {
    background: #777c2a;
}

#node-46 #info-recomendaciones>.wrapper,
#node-47 #info-recomendaciones>.wrapper,
#node-48 #info-recomendaciones>.wrapper {
    background: #d1c588;
}

#node-46 #info-nutricional>.wrapper,
#node-47 #info-nutricional>.wrapper,
#node-48 #info-nutricional>.wrapper {
    background: #d1c588;
}

#node-49 #info-recomendaciones>.wrapper {
    background: #dac551;
}

#node-49 #info-nutricional>.wrapper {
    background: #dac551;
}

#node-50 #info-recomendaciones>.wrapper {
    background: #cf966e;
}

#node-50 #info-nutricional>.wrapper {
    background: #cf966e;
}

#node-51 #info-recomendaciones>.wrapper {
    background: #918a28;
}

#node-51 #info-nutricional>.wrapper {
    background: #918a28;
}

#node-52 #info-recomendaciones>.wrapper {
    background: #bf8c16;
}

#node-52 #info-nutricional>.wrapper {
    background: #bf8c16;
}

#info-recomendaciones .col.left,
#info-recomendaciones .col.right,
#info-nutricional .col.left,
#info-nutricional .col.right {
    width: 50%;
    float: left;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

#info-recomendaciones .col.left,
#info-nutricional .col.left {
    padding-right: 20px;
}

#info-recomendaciones .col.right,
#info-nutricional .col.right {
    padding-left: 20px;
}

#info-recomendaciones h3,
#info-nutricional h3 {
    margin-bottom: 30px;
    font: 31px "Gotham-Light";
    color: #fff;
    line-height: 36px;
}

#info-recomendaciones p,
#info-nutricional p {
    font: 12px "Gotham-Book";
    color: #000;
    line-height: 16px;
}

#info-nutricional .field-name-field-informacion-nutricional,
#info-nutricional .field-items,
#info-nutricional .field-item,
#tablefield-wrapper-0 {
    width: 100%;
}

#info-nutricional .porcion,
#info-nutricional .valores {
    padding: 0 15px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    font: 12px "Gotham-Book";
    color: #000;
    line-height: 16px;
}

#info-nutricional .porcion {
    margin-bottom: 6px;
}

#info-nutricional .valores {
    margin-top: 22px;
}

#info-nutricional table.sticky-header {
    display: none;
}

#info-nutricional table {
    width: 100%;
}

#info-nutricional table,
#info-nutricional thead,
#info-nutricional tbody,
#info-nutricional tr,
#info-nutricional th,
#info-nutricional td {
    padding: 0;
    border: 0;
}

#info-nutricional table tr th:first-child,
#info-nutricional table tr td:first-child {
    width: 50%;
    padding: 0 15px;
}

#info-nutricional table tr th:nth-child(2),
#info-nutricional table tr td:nth-child(2),
#info-nutricional table tr th:last-child,
#info-nutricional table tr td:last-child {
    width: 25%;
    text-align: center;
}

#info-nutricional table tr th:nth-child(2),
#info-nutricional table tr td:nth-child(2) {
    background: linear-gradient(to right, rgba(0, 0, 0, 0.1), transparent);
    background: -o-linear-gradient(to right, rgba(0, 0, 0, 0.1), transparent);
    background: -moz-linear-gradient(to right, rgba(0, 0, 0, 0.1), transparent);
    background: -webkit-linear-gradient( to right, rgba(0, 0, 0, 0.1), transparent);
}

#info-nutricional tr {
    height: 20px;
    background: transparent;
}

#info-nutricional table thead tr,
#info-nutricional table tbody tr:nth-child(even) {
    background: rgba(255, 255, 255, 0.55);
}

#info-nutricional th {
    font: 11px "Gotham-Black";
    color: #000;
}

#info-nutricional td {
    font: 11px "Gotham-Book";
    color: #000;
}

#closeInfo-recomendaciones,
#closeInfo-nutricional {
    width: 15px;
    height: 16px;
    border-radius: 0;
    position: absolute;
    top: 20px;
    right: 20px;
    background: transparent url(../images/btn-close-dark.png) center no-repeat;
    background-size: cover;
    margin: 0;
    padding: 0;
    border: 0;
    outline: none;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    display: block;
    cursor: pointer;
    opacity: 0.3;
    transition: 250ms;
    -o-transition: 250ms;
    -ms-transition: 250ms;
    -moz-transition: 250ms;
    -webkit-transition: 250ms;
}

#closeInfo-nutricional:hover {
    opacity: 0.4;
}

#prod-presentaciones {
    width: 40%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    padding-left: 115px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
#prod-presentaciones .wrapper .views-element-container,
#prod-presentaciones .wrapper {
    width: 100%;
    height: 100%;
    position: relative;
    padding: 90px 0 30px 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

#node-2 #prod-presentaciones .wrapper,
#node-43 #prod-presentaciones .wrapper,
#node-44 #prod-presentaciones .wrapper,
#node-45 #prod-presentaciones .wrapper {
    background: #c0c780;
}

#node-46 #prod-presentaciones .wrapper,
#node-47 #prod-presentaciones .wrapper,
#node-48 #prod-presentaciones .wrapper {
    background: #ddca97;
}

#node-49 #prod-presentaciones .wrapper {
    background: #f3df88;
}

#node-50 #prod-presentaciones .wrapper {
    background: #f6a481;
}

#node-51 #prod-presentaciones .wrapper {
    background: #b6a247;
}

#node-52 #prod-presentaciones .wrapper {
    background: #e9aa68;
}

#prod-presentaciones button {
    width: 57px;
    height: 300px;
    border-radius: 0;
    position: absolute;
    top: 50%;
    left: -57px;
    margin-top: -150px;
    padding: 0;
    border: 0;
    outline: none;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    display: block;
    cursor: pointer;
    transition: 250ms;
    -o-transition: 250ms;
    -ms-transition: 250ms;
    -moz-transition: 250ms;
    -webkit-transition: 250ms;
}

#node-2 #prod-presentaciones button,
#node-43 #prod-presentaciones button,
#node-44 #prod-presentaciones button,
#node-45 #prod-presentaciones button {
    background: transparent url(../images/tab-olivas.png) center no-repeat;
}

#node-46 #prod-presentaciones button,
#node-47 #prod-presentaciones button,
#node-48 #prod-presentaciones button {
    background: transparent url(../images/tab-aceites.png) center no-repeat;
}

#node-49 #prod-presentaciones button {
    background: transparent url(../images/tab-mayonesa.png) center no-repeat;
}

#node-50 #prod-presentaciones button {
    background: transparent url(../images/tab-ketchup.png) center no-repeat;
}

#node-51 #prod-presentaciones button {
    background: transparent url(../images/tab-mostaza.png) center no-repeat;
}

#node-52 #prod-presentaciones button {
    background: transparent url(../images/tab-salsa-golf.png) center no-repeat;
}

#prod-presentaciones button:hover {
    opacity: 0.8;
    transform: rotateY(-22deg) translateX(3px);
    -o-transform: rotateY(-22deg) translateX(3px);
    -ms-transform: rotateY(-22deg) translateX(3px);
    -moz-transform: rotateY(-22deg) translateX(3px);
    -webkit-transform: rotateY(-22deg) translateX(3px);
}

#prod-presentaciones h4 {
    width: 100%;
    position: absolute;
    top: 58px;
    display: block;
    opacity: 0.35;
    text-align: center;
    font: 12px "Gotham-Black";
    letter-spacing: 2px;
}

#prod-presentaciones .view-presentaciones {
    width: 50%;
    max-width: 185px;
    height: 100%;
    overflow: hidden;
    position: relative;
    margin: 0 auto;
}

#prod-presentaciones .view-presentaciones::before,
#prod-presentaciones .view-presentaciones::after {
    content: "";
    width: 100%;
    height: 40px;
    position: absolute;
    z-index: 1;
    display: block;
    pointer-events: none;
}

#prod-presentaciones .view-presentaciones::before {
    top: 0;
}

#prod-presentaciones .view-presentaciones::after {
    bottom: 0;
}

#node-2 .view-presentaciones::before,
#node-43 .view-presentaciones::before,
#node-44 .view-presentaciones::before,
#node-45 .view-presentaciones::before {
    background: linear-gradient(to bottom, #c0c780 40%, rgba(192, 199, 128, 0));
    background: -o-linear-gradient( to bottom, #c0c780 40%, rgba(192, 199, 128, 0));
    background: -moz-linear-gradient( to bottom, #c0c780 40%, rgba(192, 199, 128, 0));
    background: -webkit-linear-gradient( to bottom, #c0c780 40%, rgba(192, 199, 128, 0));
}

#node-2 .view-presentaciones::after,
#node-43 .view-presentaciones::after,
#node-44 .view-presentaciones::after,
#node-45 .view-presentaciones::after {
    background: linear-gradient(to bottom, rgba(192, 199, 128, 0), #c0c780 60%);
    background: -o-linear-gradient( to bottom, rgba(192, 199, 128, 0), #c0c780 60%);
    background: -moz-linear-gradient( to bottom, rgba(192, 199, 128, 0), #c0c780 60%);
    background: -webkit-linear-gradient( to bottom, rgba(192, 199, 128, 0), #c0c780 60%);
}

#node-46 .view-presentaciones::before,
#node-47 .view-presentaciones::before,
#node-48 .view-presentaciones::before {
    background: linear-gradient(to bottom, #ddca97 40%, rgba(221, 202, 151, 0));
    background: -o-linear-gradient( to bottom, #ddca97 40%, rgba(221, 202, 151, 0));
    background: -moz-linear-gradient( to bottom, #ddca97 40%, rgba(221, 202, 151, 0));
    background: -webkit-linear-gradient( to bottom, #ddca97 40%, rgba(221, 202, 151, 0));
}

#node-46 .view-presentaciones::after,
#node-47 .view-presentaciones::after,
#node-48 .view-presentaciones::after {
    background: linear-gradient(to bottom, rgba(221, 202, 151, 0), #ddca97 60%);
    background: -o-linear-gradient( to bottom, rgba(221, 202, 151, 0), #ddca97 60%);
    background: -moz-linear-gradient( to bottom, rgba(221, 202, 151, 0), #ddca97 60%);
    background: -webkit-linear-gradient( to bottom, rgba(221, 202, 151, 0), #ddca97 60%);
}

#node-49 .view-presentaciones::before {
    background: linear-gradient(to bottom, #f3df88 40%, rgba(243, 223, 136, 0));
    background: -o-linear-gradient( to bottom, #f3df88 40%, rgba(243, 223, 136, 0));
    background: -moz-linear-gradient( to bottom, #f3df88 40%, rgba(243, 223, 136, 0));
    background: -webkit-linear-gradient( to bottom, #f3df88 40%, rgba(243, 223, 136, 0));
}

#node-49 .view-presentaciones::after {
    background: linear-gradient(to bottom, rgba(243, 223, 136, 0), #f3df88 60%);
    background: -o-linear-gradient( to bottom, rgba(243, 223, 136, 0), #f3df88 60%);
    background: -moz-linear-gradient( to bottom, rgba(243, 223, 136, 0), #f3df88 60%);
    background: -webkit-linear-gradient( to bottom, rgba(243, 223, 136, 0), #f3df88 60%);
}

#node-50 .view-presentaciones::before {
    background: linear-gradient(to bottom, #f6a481 40%, rgba(246, 164, 129, 0));
    background: -o-linear-gradient( to bottom, #f6a481 40%, rgba(246, 164, 129, 0));
    background: -moz-linear-gradient( to bottom, #f6a481 40%, rgba(246, 164, 129, 0));
    background: -webkit-linear-gradient( to bottom, #f6a481 40%, rgba(246, 164, 129, 0));
}

#node-50 .view-presentaciones::after {
    background: linear-gradient(to bottom, rgba(246, 164, 129, 0), #f6a481 60%);
    background: -o-linear-gradient( to bottom, rgba(246, 164, 129, 0), #f6a481 60%);
    background: -moz-linear-gradient( to bottom, rgba(246, 164, 129, 0), #f6a481 60%);
    background: -webkit-linear-gradient( to bottom, rgba(246, 164, 129, 0), #f6a481 60%);
}

#node-51 .view-presentaciones::before {
    background: linear-gradient(to bottom, #b6a247 40%, rgba(182, 162, 71, 0));
    background: -o-linear-gradient(to bottom, #b6a247 40%, rgba(182, 162, 71, 0));
    background: -moz-linear-gradient( to bottom, #b6a247 40%, rgba(182, 162, 71, 0));
    background: -webkit-linear-gradient( to bottom, #b6a247 40%, rgba(182, 162, 71, 0));
}

#node-51 .view-presentaciones::after {
    background: linear-gradient(to bottom, rgba(182, 162, 71, 0), #b6a247 60%);
    background: -o-linear-gradient(to bottom, rgba(182, 162, 71, 0), #b6a247 60%);
    background: -moz-linear-gradient( to bottom, rgba(182, 162, 71, 0), #b6a247 60%);
    background: -webkit-linear-gradient( to bottom, rgba(182, 162, 71, 0), #b6a247 60%);
}

#node-52 .view-presentaciones::before {
    background: linear-gradient(to bottom, #e9aa68 40%, rgba(233, 170, 104, 0));
    background: -o-linear-gradient( to bottom, #e9aa68 40%, rgba(233, 170, 104, 0));
    background: -moz-linear-gradient( to bottom, #e9aa68 40%, rgba(233, 170, 104, 0));
    background: -webkit-linear-gradient( to bottom, #e9aa68 40%, rgba(233, 170, 104, 0));
}

#node-52 .view-presentaciones::after {
    background: linear-gradient(to bottom, rgba(233, 170, 104, 0), #e9aa68 60%);
    background: -o-linear-gradient( to bottom, rgba(233, 170, 104, 0), #e9aa68 60%);
    background: -moz-linear-gradient( to bottom, rgba(233, 170, 104, 0), #e9aa68 60%);
    background: -webkit-linear-gradient( to bottom, rgba(233, 170, 104, 0), #e9aa68 60%);
}

#prod-presentaciones .view-presentaciones .view-content,
#prod-presentaciones .view-presentaciones .view-content>div,
#prod-presentaciones .view-presentaciones .views-field {
    width: 100%;
    height: 100%;
}

#prod-presentaciones .view-presentaciones .field-content {
    width: 100%;
    padding: 40px 0;
}

#prod-presentaciones .view-presentaciones figure {
    width: 100%;
    margin-bottom: 46px;
}

#prod-presentaciones .view-presentaciones .field-content figure:last-child {
    margin: 0;
}

#prod-presentaciones .view-presentaciones img {
    max-width: 100%;
    height: auto !important;
    margin: 0 auto 11px auto;
}

#prod-presentaciones .view-presentaciones figcaption {
    width: 100%;
    display: block;
    font: 19px "Gotham-Book";
    color: #fff;
    text-align: center;
}


/* Introducción */


/* Características */

body.node-type-producto #zone-postscript-wrapper {
    display: block;
}
#Caracteristicas .field--name-field-caracteristicas.field__item,
#Caracteristicas>.field>.field__item>.field-item {
    columns: auto 4;
    -moz-columns: auto 4;
    -webkit-columns: auto 4;
    column-gap: 25px;
    -moz-column-gap: 25px;
    -webkit-column-gap: 25px;
    font-family: "Gotham-Book";
    color: #000;
}

#Caracteristicas p,
#Caracteristicas li {
    font-size: 12px;
    line-height: 23px;
}

#Caracteristicas h1,
#Caracteristicas h2,
#Caracteristicas h3,
#Caracteristicas h4,
#Caracteristicas h5 {
    margin-top: 11px;
    font: 14px "Gotham-Black";
    font-weight: normal;
    line-height: 24px;
}


/* Características */


/* 04. PRODUCTO */


/* 05. EMPRESA */

body.context-empresa #zone-content-wrapper {
    height: 95vh;
}

body.context-empresa #block-agd-natura-theme-natura-theme-system-main {
    position: relative;
}

body.context-empresa #block-agd-natura-theme-natura-theme-system-main>.block-inner>.content>.node {
    padding: 0 25%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    display: table;
}

body.context-empresa #block-agd-natura-theme-natura-theme-system-main>.block-inner>.content>.node>.content {
    padding: 0 10px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    display: table-cell;
    vertical-align: middle;
}

body.context-empresa #zone-postscript-wrapper {
    display: block;
}

body.context-empresa #zone-postscript-wrapper p {
    font: 12px "Gotham-Book";
    color: #000;
    line-height: 23px;
}

body.context-empresa #zone-postscript-wrapper h2,
body.context-empresa #zone-postscript-wrapper h3,
body.context-empresa #zone-postscript-wrapper h4,
body.context-empresa #zone-postscript-wrapper h5,
body.context-empresa #zone-postscript-wrapper h6 {
    margin-bottom: 25px;
    font: 13px "Gotham-Black";
    color: #908b72;
    line-height: 25px;
    letter-spacing: 1px;
}


/* Calidad Natura */

#node-1 {
    background: url(../images/bg-calidad-natura.jpg) center no-repeat;
    background-size: cover;
}

#node-1 h2 {
    margin-bottom: 19px;
    opacity: 0.5;
    font: 39px "Gotham-Book";
    color: #7f7d74;
    text-transform: uppercase;
    letter-spacing: 1px;
    line-height: 57px;
    text-align: center;
}

#node-1>.content .field,
#node-1>.content .field-items,
#node-1>.content .field-item {
    width: 100%;
}

#node-1>.content .field-item {
    width: 100%;
    columns: auto 2;
    -moz-columns: auto 2;
    -webkit-columns: auto 2;
    column-gap: 30px;
    -moz-column-gap: 30px;
    -webkit-column-gap: 30px;
    font-family: "Gotham-Book";
    color: #000;
}

#node-1 p {
    font-size: 12px;
    line-height: 22px;
}

#node-1 h3 {
    margin-top: 11px;
    font: 14px "Gotham-Black";
    font-weight: normal;
    line-height: 24px;
}

#node-1 .calidad-nav {
    margin-top: 33px;
    text-align: center;
    font-size: 0;
}

#node-1 .calidad-nav>a {
    width: 185px;
    height: 50px;
    border-radius: 7px;
    margin: 0 7.5px;
    padding-top: 9px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    background: rgba(127, 125, 117, 0.5);
    display: inline-block;
    cursor: pointer;
    font: 11px "Gotham-Black";
    color: #fff;
    letter-spacing: 1px;
    line-height: 16px;
    text-align: center;
    transition: background 250ms;
    -o-transition: background 250ms;
    -ms-transition: background 250ms;
    -moz-transition: background 250ms;
    -webkit-transition: background 250ms;
}

#node-1 .calidad-nav>a:hover {
    background: rgba(127, 125, 117, 0.7);
}

#Elaboracion {
    width: 100%;
    overflow: hidden;
    margin-bottom: 52px;
}

#Elaboracion .col {
    float: left;
    margin-bottom: 23px;
    padding: 0 15px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

#Elaboracion .col.a {
    padding-left: 0;
}

#Elaboracion .col.a,
#Elaboracion .col.b {
    width: 25%;
}

#Elaboracion .col.c {
    width: 50%;
    padding-right: 0;
}

#Elaboracion table,
#Elaboracion tbody {
    width: 100%;
}

#Elaboracion table caption {
    width: 100%;
    height: 50px;
    border-top: 3px solid #f5efbb;
    font: 11px "Gotham-Book";
    color: #000;
    line-height: 50px;
    text-align: left;
}

#Elaboracion table,
#Elaboracion tbody,
#Elaboracion tr,
#Elaboracion td {
    border: 0;
}

#Elaboracion tr {
    height: 25px;
}

#Elaboracion tbody tr:nth-child(odd) {
    background: #f5efbb;
}

#Elaboracion td {
    padding: 0 15px;
    font: 11px "Gotham-Book";
    color: #000;
}

#Elaboracion tr td:first-child {
    width: 20%;
}

#Elaboracion tr td:nth-child(2) {
    background: linear-gradient( to right, rgba(128, 121, 88, 0.1), transparent 25%);
    background: -o-linear-gradient( to right, rgba(128, 121, 88, 0.1), transparent 25%);
    background: -moz-linear-gradient( to right, rgba(128, 121, 88, 0.1), transparent 25%);
    background: -webkit-linear-gradient( to right, rgba(128, 121, 88, 0.1), transparent 25%);
}

#Elaboracion>p,
#Elaboracion>p img {
    max-width: 100%;
}

#Certificaciones h3 {
    text-align: center;
}

#Certificaciones .col:first-child {
    position: relative;
}

#Certificaciones .col:first-child::before {
    content: "";
    width: 25%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: url(../images/img-calidad.jpg) right top no-repeat;
    background-size: contain;
}

#Certificaciones .col:first-child .col-content {
    width: 50%;
    margin: 0 auto;
    columns: auto 2;
    -moz-columns: auto 2;
    -webkit-columns: auto 2;
    column-gap: 30px;
    -moz-column-gap: 30px;
    -webkit-column-gap: 30px;
}

#Certificaciones .col:last-child {
    width: 80%;
    margin: 71px auto 0 auto;
}

#Certificaciones table,
#Certificaciones thead,
#Certificaciones tbody {
    width: 100%;
    border: 0;
}

#Certificaciones tbody tr {
    height: 65px;
    border-bottom: 15px solid #fff;
    background: #f5efbb;
}

#Certificaciones tbody tr:last-child {
    border: 0;
}

#Certificaciones tr td:first-child,
#Certificaciones tr td:last-child {
    width: 16.66%;
}

#Certificaciones tbody tr td:nth-child(2),
#Certificaciones tbody tr td:last-child {
    background: linear-gradient( to right, rgba(128, 121, 88, 0.1), transparent 50%);
    background: -o-linear-gradient( to right, rgba(128, 121, 88, 0.1), transparent 50%);
    background: -moz-linear-gradient( to right, rgba(128, 121, 88, 0.1), transparent 50%);
    background: -webkit-linear-gradient( to right, rgba(128, 121, 88, 0.1), transparent 50%);
}

#Certificaciones thead th {
    padding: 0 15px 17px 15px;
    font: 12px "Gotham-Bold";
    color: #000;
    text-transform: uppercase;
    letter-spacing: 1px;
}

#Certificaciones tbody td {
    padding: 0 15px;
    font: 11px "Gotham-Book";
    color: #000;
}


/* Calidad Natura */


/* Natura y el Medio Ambiente */

#node-5 {
    background: url(../images/bg-medio-ambiente.jpg) center no-repeat;
    background-size: cover;
}

#node-5::after {
    display: none;
}

#node-5>.content {
    text-align: center;
}

#node-5 header {
    width: 100%;
    margin-bottom: 51px;
}

#node-5 h1 {
    opacity: 0.5;
    font: 45px "Gotham-Book";
    color: #7f7d74;
    text-transform: uppercase;
    letter-spacing: 6px;
    line-height: 66px;
    text-align: center;
}

#node-5 h3 {
    margin-bottom: 12px;
    font: 14px "Gotham-Bold";
    font-weight: normal;
    text-transform: uppercase;
    letter-spacing: 2px;
    line-height: 24px;
}

#node-5 p {
    font-size: 12px;
    line-height: 22px;
}

#playVideo,
#stopVideo {
    width: 185px;
    height: 50px;
    border-radius: 7px;
    padding: 0;
    border: 0;
    outline: none;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    text-shadow: none;
    cursor: pointer;
    font: 11px "Gotham-Black";
    color: #fff;
    letter-spacing: 1px;
    line-height: 50px;
}

#playVideo {
    margin: 43px auto 0 auto;
    background: rgba(127, 125, 117, 0.5);
    display: block;
    transition: 250ms;
    -o-transition: 250ms;
    -ms-transition: 250ms;
    -moz-transition: 250ms;
    -webkit-transition: 250ms;
}

#playVideo:hover {
    background: rgba(127, 125, 117, 0.7);
}

#video {
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;
    background: #000;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    display: none;
}

#video iframe {
    width: 100%;
    height: 100%;
    /*pointer-events: none !important;*/
}

#stopVideo {
    position: absolute;
    z-index: 998;
    bottom: 25%;
    left: 50%;
    margin: 0 0 -25px -92.5px;
    background: rgba(127, 125, 117, 0.9);
    display: none;
}

#infoCalidad {
    overflow: hidden;
}

#infoCalidad>div {
    width: 25%;
    float: left;
    padding: 0 15px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

#infoCalidad>div:first-child {
    margin-left: 0;
}

#infoCalidad>div:last-child {
    margin-right: 0;
}


/* Natura y el Medio Ambiente */


/* 05. EMPRESA */


/* 06. DIVERTIDO MUNDO NATURA */

.context-aprende-con-natura #section-content,
.context-sali-al-recreo #section-content {
    min-height: 100vh;
}

.context-natura-kids #section-content {
    min-height: 100vh;
}

ul.pager {
    width: 100%;
    display: block;
    list-style: none;
}

ul.pager li {
    width: 185px;
    margin: 0 auto;
    display: block;
}

ul.pager a {
    width: 100%;
    height: 50px;
    border-radius: 7px;
    margin-bottom: 30px;
    background: rgba(127, 125, 117, 0.5);
    display: block;
    cursor: pointer;
    font: 11px "Gotham-Black";
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 1px;
    line-height: 50px;
    text-align: center;
    transition: 250ms;
    -o-transition: 250ms;
    -ms-transition: 250ms;
    -moz-transition: 250ms;
    -webkit-transition: 250ms;
}

ul.pager a:hover {
    background: rgba(127, 125, 117, 0.7);
}

ul.pager a+div {
    display: none;
}


/* Aprendé con Natura */

body.context-aprende-con-natura {
    background: #eadec1;
}

.context-aprende-con-natura .view-id-taxonomy_term,
.context-aprende-con-natura .view-divertido-mundo-natura {
    max-width: 1280px;
    margin: 0 auto;
    padding-top: 135px;
}

.context-aprende-con-natura .view-id-taxonomy_term .view-header,
.context-aprende-con-natura .view-divertido-mundo-natura .view-header {
    width: 100%;
    margin-bottom: 83px;
}

.context-aprende-con-natura .view-id-taxonomy_term .view-header img,
.context-aprende-con-natura .view-divertido-mundo-natura .view-header img {
    margin: 0 auto 3px auto;
}

.context-aprende-con-natura .view-id-taxonomy_term .view-header h2,
.context-aprende-con-natura .view-divertido-mundo-natura .view-header h2 {
    position: relative;
    display: block;
    font: 45px "Gotham-Book";
    color: #b9a88b;
    text-transform: uppercase;
    letter-spacing: 5px;
    line-height: 66px;
    text-align: center;
}

.context-aprende-con-natura .view-id-taxonomy_term .view-header h2::before,
.context-aprende-con-natura .view-divertido-mundo-natura .view-header h2::before {
    content: "";
    width: 90px;
    height: 3px;
    border-radius: 50%;
    position: absolute;
    bottom: -35px;
    left: 50%;
    margin-left: -45px;
    background: #fff;
    display: block;
}

.context-aprende-con-natura .view-id-taxonomy_term .view-content,
.context-aprende-con-natura .view-divertido-mundo-natura .view-content {
    width: 100%;
}

.context-aprende-con-natura .view-id-taxonomy_term .view-content ul,
.context-aprende-con-natura .view-divertido-mundo-natura .view-content ul {
    width: 100%;
    overflow: hidden;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
}

.context-aprende-con-natura .view-id-taxonomy_term .view-content li,
.context-aprende-con-natura .view-divertido-mundo-natura .view-content li {
    width: 30.9895%;
    overflow: hidden;
    position: relative;
    margin: 0 1.1718% 30px 1.1718%;
    padding-bottom: 25px;
    background: #fff;
    display: block;
}

.context-aprende-con-natura .view-id-taxonomy_term .view-content li .temas,
.context-aprende-con-natura .view-divertido-mundo-natura .view-content li .temas {
    position: absolute;
    top: 12px;
    right: 11px;
    pointer-events: none;
    font: 12px "Gotham-Black";
    color: #e6ddc1;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.context-aprende-con-natura .view-id-taxonomy_term .view-content li .temas+a,
.context-aprende-con-natura .view-divertido-mundo-natura .view-content li .temas+a {
    width: 100%;
    display: block;
}

.context-aprende-con-natura .view-id-taxonomy_term .view-content li img,
.context-aprende-con-natura .view-divertido-mundo-natura .view-content li img {
    width: 100%;
    height: auto;
}

.context-aprende-con-natura .view-id-taxonomy_term .view-content li h3,
.context-aprende-con-natura .view-divertido-mundo-natura .view-content li h3 {
    margin: 24px 40px 9px 40px;
    display: block;
    font: 22px "Gotham-Black";
    color: #000;
    line-height: 25px;
}

.context-aprende-con-natura .view-id-taxonomy_term .view-content li p,
.context-aprende-con-natura .view-divertido-mundo-natura .view-content li p {
    margin: 0 40px;
    display: block;
    font: 13px "Gotham-Book";
    color: #000;
    line-height: 20px;
}

.context-aprende-con-natura .view-id-taxonomy_term .view-content li>a:last-child,
.context-aprende-con-natura .view-divertido-mundo-natura .view-content li>a:last-child {
    width: 47px;
    height: 47px;
    position: absolute;
    background: url(../images/btn-expand1.png) center no-repeat;
    display: block;
    bottom: 0;
    right: 0;
    text-indent: -9999em;
}


/* Aprendé con Natura */


/* Salí al Recreo */

body.context-sali-al-recreo {
    background: #d6d99f;
}

.context-sali-al-recreo .view-divertido-mundo-natura {
    max-width: 1280px;
    margin: 0 auto;
    padding-top: 135px;
}

.context-sali-al-recreo .view-divertido-mundo-natura .view-header {
    width: 100%;
    margin-bottom: 83px;
}

.context-sali-al-recreo .view-divertido-mundo-natura .view-header img {
    margin: 0 auto 3px auto;
}

.context-sali-al-recreo .view-divertido-mundo-natura .view-header h2 {
    position: relative;
    display: block;
    font: 45px "Gotham-Book";
    color: #a8a778;
    text-transform: uppercase;
    letter-spacing: 5px;
    line-height: 66px;
    text-align: center;
}

.context-sali-al-recreo .view-divertido-mundo-natura .view-header h2::before {
    content: "";
    width: 90px;
    height: 3px;
    border-radius: 50%;
    position: absolute;
    bottom: -35px;
    left: 50%;
    margin-left: -45px;
    background: #fff;
    display: block;
}

.context-sali-al-recreo .view-divertido-mundo-natura .view-content {
    width: 100%;
}

.context-sali-al-recreo .view-divertido-mundo-natura .view-content ul {
    width: 100%;
    overflow: hidden;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
}

.context-sali-al-recreo .view-divertido-mundo-natura .view-content li {
    width: 30.9895%;
    overflow: hidden;
    position: relative;
    margin: 0 1.1718% 30px 1.1718%;
    padding-bottom: 25px;
    background: #fff;
    display: block;
}

.context-sali-al-recreo .view-divertido-mundo-natura .view-content li>a {
    width: 100%;
    display: block;
}

.context-sali-al-recreo .view-divertido-mundo-natura .view-content li img {
    width: 100%;
    height: auto;
}

.context-sali-al-recreo .view-divertido-mundo-natura .view-content li h3 {
    margin: 24px 40px 9px 40px;
    display: block;
    font: 22px "Gotham-Black";
    color: #000;
    line-height: 25px;
}

.context-sali-al-recreo .view-divertido-mundo-natura .view-content li p {
    margin: 0 40px;
    display: block;
    font: 13px "Gotham-Book";
    color: #000;
    line-height: 20px;
}

.context-sali-al-recreo .view-divertido-mundo-natura .view-content li>a:last-child {
    width: 47px;
    height: 47px;
    position: absolute;
    background: url(../images/btn-expand2.png) center no-repeat;
    display: block;
    bottom: 0;
    right: 0;
    text-indent: -9999em;
}


/* Salí al Recreo */


/* Natura Kids */

body.context-natura-kids {
    background: #d6d99f;
}

.context-natura-kids .view-divertido-mundo-natura {
    max-width: 1280px;
    margin: 0 auto;
    padding-top: 135px;
}

.context-natura-kids .view-divertido-mundo-natura .view-header {
    width: 100%;
    margin-bottom: 83px;
}

.context-natura-kids .view-divertido-mundo-natura .view-header img {
    margin: 0 auto 3px auto;
}

.context-natura-kids .view-divertido-mundo-natura .view-header h2 {
    position: relative;
    display: block;
    font: 45px "Gotham-Book";
    color: #a8a778;
    text-transform: uppercase;
    letter-spacing: 5px;
    line-height: 66px;
    text-align: center;
}

.context-natura-kids .view-divertido-mundo-natura .view-header h2::before {
    content: "";
    width: 90px;
    height: 3px;
    border-radius: 50%;
    position: absolute;
    bottom: -35px;
    left: 50%;
    margin-left: -45px;
    background: #fff;
    display: block;
}

.context-natura-kids .view-divertido-mundo-natura .view-content {
    width: 100%;
}

.context-natura-kids .view-divertido-mundo-natura .view-content ul {
    width: 100%;
    overflow: hidden;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
}

.context-natura-kids .view-divertido-mundo-natura .view-content li {
    width: 30.9895%;
    overflow: hidden;
    position: relative;
    margin: 0 1.1718% 30px 1.1718%;
    padding-bottom: 25px;
    background: #fff;
    display: block;
}

.context-natura-kids .view-divertido-mundo-natura .view-content li>a {
    width: 100%;
    display: block;
}

.context-natura-kids .view-divertido-mundo-natura .view-content li img {
    width: 100%;
    height: auto;
}

.context-natura-kids .view-divertido-mundo-natura .view-content li h3 {
    margin: 24px 40px 9px 40px;
    display: block;
    font: 22px "Gotham-Black";
    color: #000;
    line-height: 25px;
}

.context-natura-kids .view-divertido-mundo-natura .view-content li p {
    margin: 0 40px;
    display: block;
    font: 13px "Gotham-Book";
    color: #000;
    line-height: 20px;
}

.context-natura-kids .view-divertido-mundo-natura .view-content li>a:last-child {
    width: 47px;
    height: 47px;
    position: absolute;
    background: url(../images/btn-expand2.png) center no-repeat;
    display: block;
    bottom: 0;
    right: 0;
    text-indent: -9999em;
}


/* Natura Kids */


/* Novedades listado */

body.context-novedades {
    background: #eadec1;
}

.context-novedades .view-novedades {
    max-width: 1280px;
    margin: 0 auto;
    padding-top: 135px;
}

.context-novedades .view-novedades .view-header {
    width: 100%;
    margin-bottom: 83px;
}

.context-novedades .view-novedades .view-header img {
    margin: 0 auto 3px auto;
}

.context-novedades .view-novedades .view-header h2 {
    position: relative;
    display: block;
    font: 45px "Gotham-Book";
    color: #b9a88b;
    text-transform: uppercase;
    letter-spacing: 5px;
    line-height: 66px;
    text-align: center;
}

.context-novedades .view-novedades .view-header h2::before {
    content: "";
    width: 90px;
    height: 3px;
    border-radius: 50%;
    position: absolute;
    bottom: -35px;
    left: 50%;
    margin-left: -45px;
    background: #fff;
    display: block;
}

.context-novedades .view-novedades .view-content {
    width: 100%;
}

.context-novedades .view-novedades .view-content ul {
    width: 100%;
    overflow: hidden;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
}

.context-novedades .view-novedades .view-content li {
    width: 30.9895%;
    overflow: hidden;
    position: relative;
    margin: 0 1.1718% 30px 1.1718%;
    padding-bottom: 25px;
    background: #fff;
    display: block;
}

.context-novedades .view-novedades .view-content li .temas {
    position: absolute;
    top: 12px;
    right: 11px;
    pointer-events: none;
    font: 12px "Gotham-Black";
    color: #e6ddc1;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.context-novedades .view-novedades .view-content li .temas+a {
    width: 100%;
    display: block;
}

.context-novedades .view-novedades .view-content li img {
    width: 100%;
    height: auto;
}

.context-novedades .view-novedades .view-content li h3 {
    margin: 24px 40px 9px 40px;
    display: block;
    font: 22px "Gotham-Black";
    color: #000;
    line-height: 25px;
}

.context-novedades .view-novedades .view-content li p {
    margin: 0 40px;
    display: block;
    font: 13px "Gotham-Book";
    color: #000;
    line-height: 20px;
}

.context-novedades .view-novedades .view-content li>a:last-child {
    width: 47px;
    height: 47px;
    position: absolute;
    background: url(../images/btn-expand1.png) center no-repeat;
    display: block;
    bottom: 0;
    right: 0;
    text-indent: -9999em;
}


/* Novedades listado */


/* Notas */

.context-novedades #block-agd-natura-theme-natura-theme-system-main>.block-inner>.content,
.context-aprende-con-natura #block-agd-natura-theme-natura-theme-system-main>.block-inner>.content,
.context-sali-al-recreo #block-agd-natura-theme-natura-theme-system-main>.block-inner>.content,
.context-natura-kids #block-agd-natura-theme-natura-theme-system-main>.block-inner>.content {
    overflow: hidden;
    padding: 0 70px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.node-novedades,
.node-divertido-mundo-natura {
    max-width: 1280px;
    position: relative;
    margin: 202px auto 135px auto;
}

.context-novedades .node-novedades,
.context-aprende-con-natura .node-divertido-mundo-natura {
    background: #ccb782;
}

.context-sali-al-recreo .node-divertido-mundo-natura,
.context-natura-kids .node-divertido-mundo-natura {
    background: #aeb249;
}

.node-novedades .share,
.node-divertido-mundo-natura .share {
    width: 65px;
    height: 340px;
    position: absolute;
    z-index: 1;
    top: 25px;
    right: 0;
}

.context-novedades .node-novedades .share,
.context-aprende-con-natura .node-divertido-mundo-natura .share {
    background: url(../images/tab-social.png) center no-repeat;
}

.context-sali-al-recreo .node-divertido-mundo-natura .share,
.context-natura-kids .node-divertido-mundo-natura .share {
    background: url(../images/tab-social2.png) center no-repeat;
}

.node-novedades .share .service-menu,
.node-divertido-mundo-natura .share .service-menu {
    width: 47px;
    height: 47px;
    border-radius: 50%;
    position: absolute;
    z-index: 1;
    top: 50%;
    right: 0;
    margin-top: -23px;
    display: block;
    cursor: pointer;
}

.node-novedades .share .service-links,
.node-divertido-mundo-natura .share .service-links {
    width: 47px;
    height: 47px;
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -23px;
}

.node-novedades .share .service-links ul,
.node-divertido-mundo-natura .share .service-links ul {
    width: 100%;
    height: 100%;
    list-style: none;
}

.node-novedades .share .service-links li,
.node-divertido-mundo-natura .share .service-links li {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    opacity: 0;
    pointer-events: none;
    transition: 250ms;
    -o-transition: 250ms;
    -ms-transition: 250ms;
    -moz-transition: 250ms;
    -webkit-transition: 250ms;
}

.service-links-facebook a {
    background: url(../images/s-facebook.png) center no-repeat;
}

.service-links-twitter a {
    background: url(../images/s-x.png) center no-repeat;
}

.service-links-google-plus a {
    background: url(../images/s-google.png) center no-repeat;
}

.node-novedades .share .service-links li.shown,
.node-divertido-mundo-natura .share .service-links li.shown {
    opacity: 1;
    pointer-events: all;
}

.service-links-facebook.shown {
    transform: translate(100%, -75%);
    -o-transform: translate(100%, -75%);
    -ms-transform: translate(100%, -75%);
    -moz-transform: translate(100%, -75%);
    -webkit-transform: translate(100%, -75%);
}

.service-links-twitter.shown {
    /*
    transform: translate(125%, 0%);
    -o-transform: translate(125%, 0%);
    -ms-transform: translate(125%, 0%);
    -moz-transform: translate(125%, 0%);
    -webkit-transform: translate(125%, 0%);
    */
    transform: translate(100%, 75%);
    -o-transform: translate(100%, 75%);
    -ms-transform: translate(100%, 75%);
    -moz-transform: translate(100%, 75%);
    -webkit-transform: translate(100%, 75%);
}

.service-links-google-plus.shown {
    transform: translate(100%, 125%);
    -o-transform: translate(100%, 125%);
    -ms-transform: translate(100%, 125%);
    -moz-transform: translate(100%, 125%);
    -webkit-transform: translate(100%, 125%);
}

.node-novedades .share .service-links li a,
.node-divertido-mundo-natura .share .service-links li a {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    display: block;
    cursor: pointer;
    background-size: cover;
}

.node-novedades .share .service-links li img,
.node-divertido-mundo-natura .share .service-links li img {
    display: none;
}

.node-novedades>.content,
.node-divertido-mundo-natura>.content {
    width: 100%;
}

.node-novedades .Encabezado,
.node-divertido-mundo-natura .Encabezado {
    width: 100%;
    position: relative;
}

.node-novedades .field-name-field-temas,
.node-divertido-mundo-natura .field-name-field-temas {
    position: absolute;
    z-index: 1;
    top: 22px;
    left: 24px;
    pointer-events: none;
    font: 12px "Gotham-Black";
    color: #e6ddc1;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.node-novedades .field-name-field-encabezado-novedad,
.node-divertido-mundo-natura .field-name-field-imagen-mundo-natura,
.node-novedades .field-name-field-encabezado-novedad div,
.node-divertido-mundo-natura .field-name-field-imagen-mundo-natura div {
    width: 100%;
}

.node-novedades .field-name-field-encabezado-novedad .field-item,
.node-divertido-mundo-natura .field-name-field-imagen-mundo-natura .field-item {
    position: relative;
}

.node-novedades .field-name-field-encabezado-novedad .field-item::after,
.node-divertido-mundo-natura .field-name-field-imagen-mundo-natura .field-item::after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    background: rgba(0, 0, 0, 0.25);
    display: block;
}

.node-novedades .field-name-field-encabezado-novedad img,
.node-divertido-mundo-natura .field-name-field-imagen-mundo-natura img {
    width: 100%;
    height: auto;
}

.node-novedades h2,
.node-divertido-mundo-natura h2 {
    position: relative;
    margin: 47px 205px 65px 205px;
    font: 44px "Gotham-Light";
    color: #fff;
    letter-spacing: -2px;
    line-height: 45px;
}

.node-novedades h2::after,
.node-divertido-mundo-natura h2::after {
    content: "";
    width: 70px;
    height: 3px;
    border-radius: 50%;
    position: absolute;
    bottom: -35px;
    left: 0;
    background: #fff;
    display: block;
}

.node-novedades p,
.node-divertido-mundo-natura p {
    margin: 0 205px;
    font: 16px "Gotham-Book";
    color: #000;
    line-height: 29px;
}

.node-novedades p:last-child,
.node-divertido-mundo-natura p:last-child {
    margin-bottom: 81px;
}

.node-novedades a,
.node-divertido-mundo-natura a {
    color: #000;
}

.node-novedades a:hover,
.node-divertido-mundo-natura a:hover {
    text-decoration: underline;
}

#closeNota {
    width: 15px;
    height: 16px;
    border-radius: 0;
    position: absolute;
    z-index: 2;
    top: 20px;
    right: 20px;
    background: transparent url(../images/btn-close-light.png) center no-repeat;
    background-size: cover;
    margin: 0;
    padding: 0;
    border: 0;
    outline: none;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    display: block;
    cursor: pointer;
}


/* Notas */


/* 06. DIVERTIDO MUNDO NATURA */


/* 07. ERROR PAGE */

body.context-error-404,
body.context-error-403 {
    background: #e6ddc1;
    background: -o-radial-gradient( center, ellipse, #fff 0%, #e6ddc1 60%, #e6ddc1 100%);
    background: -moz-radial-gradient( center, ellipse, #fff 0%, #e6ddc1 60%, #e6ddc1 100%);
    background: -webkit-radial-gradient( center, ellipse, #fff 0%, #e6ddc1 60%, #e6ddc1 100%);
}

.context-error-404 #logo-familia,
.context-error-403 #logo-familia {
    margin: 0;
}

.context-error-403 #block-agd-natura-theme-natura-theme-block-1 .content ul,
.context-error-404 #block-agd-natura-theme-natura-theme-block-1 .content ul,
.context-error-403 #block-agd-natura-theme-natura-theme-block-2,
.context-error-404 #block-agd-natura-theme-natura-theme-block-2 {
    display: none;
}

#node-53,
#node-54 {
    width: 100%;
    height: 100%;
    display: table;
}

#node-53 #content,
#node-54 #content {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

#node-53 #content h1,
#node-54 #content h1 {
    margin-bottom: 15px;
    font: 50px "Gotham-Book";
    color: #bab4a3;
    text-transform: uppercase;
    letter-spacing: 3px;
}

#node-53 #content .field-name-body p:first-child,
#node-54 #content .field-name-body p:first-child {
    margin-bottom: 41px;
    font: 16px "Gotham-Book";
    color: #000;
}

#node-53 #content a,
#node-54 #content a {
    width: 185px;
    height: 50px;
    border-radius: 7px;
    margin: 0 auto;
    background: #a9926e;
    display: block;
    font: 11px "Gotham-Black";
    color: #fff;
    letter-spacing: 1px;
    line-height: 50px;
}


/* 07. ERROR PAGE */


/* 08. LEGALES */

.context-legales #section-content {
    min-height: 100vh;
}

body.context-legales {
    background: #eadec1;
}

.context-legales .view-id-taxonomy_term,
.context-legales .view-legales {
    max-width: 1280px;
    margin: 0 auto;
    padding-top: 135px;
}

.context-legales .view-id-taxonomy_term .view-header,
.context-legales .view-legales .view-header {
    width: 100%;
    margin-bottom: 83px;
}

.context-legales .view-id-taxonomy_term .view-header img,
.context-legales .view-legales .view-header img {
    margin: 0 auto 3px auto;
}

.context-legales .view-id-taxonomy_term .view-header h2,
.context-legales .view-legales .view-header h2 {
    position: relative;
    display: block;
    font: 45px "Gotham-Book";
    color: #b9a88b;
    text-transform: uppercase;
    letter-spacing: 5px;
    line-height: 66px;
    text-align: center;
}

.context-legales .view-id-taxonomy_term .view-header h2::before,
.context-legales .view-legales .view-header h2::before {
    content: "";
    width: 90px;
    height: 3px;
    border-radius: 50%;
    position: absolute;
    bottom: -35px;
    left: 50%;
    margin-left: -45px;
    background: #fff;
    display: block;
}

.context-legales .view-id-taxonomy_term .view-content,
.context-legales .view-legales .view-content {
    width: 100%;
}

.context-legales .view-id-taxonomy_term .view-content ul,
.context-legales .view-legales .view-content ul {
    width: 100%;
    overflow: hidden;
    margin: 0;
}

.context-legales .view-id-taxonomy_term .view-content li,
.context-legales .view-legales .view-content li {
    max-width: 800px;
    overflow: hidden;
    position: relative;
    margin: 0 auto 30px auto;
    padding-bottom: 25px;
    background: #fff;
    display: block;
}

.context-legales .view-id-taxonomy_term .view-content li .temas,
.context-legales .view-legales .view-content li .temas {
    position: absolute;
    top: 12px;
    right: 11px;
    pointer-events: none;
    font: 12px "Gotham-Black";
    color: #e6ddc1;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.context-legales .view-id-taxonomy_term .view-content li .temas+a,
.context-legales .view-legales .view-content li .temas+a {
    width: 100%;
    display: block;
}

.context-legales .view-id-taxonomy_term .view-content li img,
.context-legales .view-legales .view-content li img {
    width: 100%;
    height: auto;
}

.context-legales .view-id-taxonomy_term .view-content li h3,
.context-legales .view-legales .view-content li h3 {
    margin: 24px 40px 9px 40px;
    display: block;
    font: 22px "Gotham-Black";
    color: #000;
    line-height: 25px;
    text-align: center;
}

.context-legales .view-id-taxonomy_term .view-content li p,
.context-legales .view-legales .view-content li p {
    margin: 0 40px;
    display: block;
    font: 13px "Gotham-Book";
    color: #000;
    line-height: 20px;
}

.context-legales .view-legales .view-content li>a {
    width: 300px;
    height: 50px;
    border-radius: 7px;
    margin: 30px auto 0;
    background: rgba(127, 125, 117, 0.5);
    display: block;
    cursor: pointer;
    font: 11px "Gotham-Black";
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 1px;
    line-height: 50px;
    text-align: center;
    transition: 250ms;
    -o-transition: 250ms;
    -ms-transition: 250ms;
    -moz-transition: 250ms;
    -webkit-transition: 250ms;
}

.context-legales .view-legales .view-content li>a:hover {
    background: rgba(127, 125, 117, 0.7);
}


/* Legales listado */


/* 08. LEGALES */


/* 09. RESPONSIVE */


/* Desktop Fix */

@media only screen and (max-width: 1024px) {
    .not-front #section-footer .content li {
        font-size: 10px;
    }
}


/* Desktop Fix */


/* iPhone 6 Plus (Landscape) */

@media only screen and (max-width: 736px) {
    /* General */
    html,
    body,
    .dialog-off-canvas-main-canvas {
        overflow: auto;
    }
    #block-agd-natura-theme-natura-theme-block-1 {
        right: 20px;
        margin: 0;
    }
    #logo-familia {
        margin: 0;
    }
    #logo-familia img {
        width: auto;
        height: 90px;
        margin: 0 auto;
        margin-top: 32px;
        margin-bottom: 13px;
    }
    #block-agd-natura-theme-natura-theme-block-1 .content ul {
        margin-top: 10px;
        width: 76px;
        height: 32px;
    }
    #block-agd-natura-theme-natura-theme-block-1 .content a {
        font: 10px "Gotham-Black";
    }
    #block-agd-natura-theme-natura-theme-block-1 .content ul li:last-child a {
        line-height: 33px;
    }
    .front #block-agd-natura-theme-natura-theme-block-2,
    .not-front #block-agd-natura-theme-natura-theme-block-2 {
        width: 50%;
        height: 30px;
        overflow: hidden;
        position: fixed;
        z-index: 998;
        top: 0;
        left: 0;
        right: auto;
        margin: 0;
        padding: 0 20px 0 0;
        box-sizing: content-box;
        -moz-box-sizing: content-box;
        -webkit-box-sizing: content-box;
        background: transparent;
    }
    #preload,
    #menu-content,
    #block-agd-natura-theme-natura-theme-block-2>.content span {
        display: none !important;
    }
    #respMenu {
        width: 100%;
        display: block;
        pointer-events: all;
    }
    #respMenu li {
        width: 100%;
        height: 30px;
        position: relative;
        background: rgba(0, 0, 0, 0.4);
        display: block;
    }
    #respMenu>li:first-child {
        background: rgba(0, 0, 0, 0.5);
    }
    #respMenu li::after {
        content: "";
        width: 20px;
        height: 100%;
        position: absolute;
        top: 0;
        right: -20px;
        background: #fff;
        display: block;
        pointer-events: none;
    }
    #respMenu>li:first-child::after {
        background: #fff url(../images/btn-menu.png) center no-repeat;
        background-size: contain;
        pointer-events: all;
    }
    #respMenu li.submenu ul,
    #respMenu li.submenu2 ul {
        position: absolute;
        top: 0;
        right: -90%;
        width: 80%;
    }
    #respMenu li.submenu ul li a,
    #respMenu li.submenu2 ul li a {
        text-align: left;
    }
    #respMenu li.submenu ul li::after,
    #respMenu li.submenu2 ul li::after {
        display: none;
    }
    #respMenu li a {
        width: 100%;
        height: 100%;
        padding: 0 10px;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        display: block;
        font: 9px "Gotham-Bold";
        color: #fff;
        line-height: 30px;
        text-align: right;
    }
    #block-agd-natura-theme-views-block-familia-block-1 {
        z-index: 999;
        display: none;
    }
    #block-agd-natura-theme-views-block-familia-block-1>.block-inner::after,
    #block-agd-natura-theme-views-block-familia-block-1>.block-inner::before {
        width: 75px;
    }
    #block-agd-natura-theme-views-block-familia-block-1 .view-header {
        display: none;
    }
    #block-agd-natura-theme-views-block-familia-block-1 .view-content {
        height: 285px;
        margin-top: -115px;
    }
    #block-agd-natura-theme-views-block-familia-block-1 .view-content::before {
        top: 141px;
    }
    #block-agd-natura-theme-views-block-familia-block-1 .view-content::after {
        top: 246px;
    }
    #block-agd-natura-theme-views-block-familia-block-1 .item-list ul {
        width: 11000%;
        padding: 0;
    }
    #block-agd-natura-theme-views-block-familia-block-1 .item-list li {
        width: 100vw;
        margin: 0;
    }
    #block-agd-natura-theme-views-block-familia-block-1 .item-list li figure {
        width: 100%;
        padding-left: 75px;
        padding-right: 75px;
    }
    #block-agd-natura-theme-views-block-familia-block-1 .item-list li a {
        width: 100%;
    }
    #block-agd-natura-theme-views-block-familia-block-1 .item-list li img {
        margin: 0 auto;
    }
    #familiaPrev,
    #familiaNext {
        background-size: 25% auto;
        background-position: center;
    }
    #familiaClose {
        width: 30px;
        height: 30px;
        background-size: cover;
    }
    #block-agd-natura-theme-webform {
        padding: 20px;
        box-sizing: border-box;
        -o-box-sizing: border-box;
        -moz-box-sizing: border-box;
    }
    #block-agd-natura-theme-webform>.block-inner {
        width: 100%;
        overflow: hidden;
        position: relative;
        left: auto;
        padding: 20px;
        box-sizing: border-box;
        -o-box-sizing: border-box;
        -moz-box-sizing: border-box;
        transform: translateY(-50%);
        -o-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
    }
    #block-agd-natura-theme-webform h2 br {
        display: none;
    }
    #block-agd-natura-theme-webform h2,
    #block-agd-natura-theme-webform form label {
        margin-left: 0;
    }
    #block-agd-natura-theme-webform form,
    #webform-ajax-wrapper-8 {
        width: 100%;
    }
    #block-agd-natura-theme-webform form input[type="text"],
    #block-agd-natura-theme-webform form input[type="email"] {
        padding: 0 10px;
    }
    #block-agd-natura-theme-webform form textarea {
        height: 40px;
        padding: 5px 10px;
    }
    #block-agd-natura-theme-webform form p {
        margin: 0;
    }
    #closeContacto {
        top: 15px;
        right: 15px;
    }
    #webform-ajax-wrapper-8 p,
    #webform-ajax-wrapper-8 a {
        margin-left: 0;
    }
    /* General */
    /* Login */
    .not-logged-in.page-user #section-footer {
        display: none;
    }
    #user-login-form>div {
        position: relative;
        top: 50%;
        left: auto;
        margin: 0 auto;
        padding: 0 20px;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        transform: translate(0, -50%);
        -o-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        -moz-transform: translate(0, -50%);
        -webkit-transform: translate(0, -50%);
    }
    /* Login */
    /* Inicio */
    .front #block-agd-natura-theme-natura-theme-system-main {
        width: 100%;
        float: none;
    }
    #Inicio,
    #Familia,
    #Novedades {
        width: 100%;
        height: 100%;
        padding: 0;
    }
    #Inicio h1 {
        margin-bottom: -8px;
        padding: 0;
        font-size: 37px;
        letter-spacing: 2px;
    }
    .imagen-central-wrapper .wrapper div {
        top: 5%;
        margin: 0;
    }
    #i-scroll {
        display: none;
    }
    #Familia h2 {
        margin-top: -22px;
        padding: 0;
        font-size: 37px;
        letter-spacing: 2px;
    }
    #familia-top {
        transform: scale(0.5) translateY(60%);
        -o-transform: scale(0.5) translateY(60%);
        -ms-transform: scale(0.5) translateY(60%);
        -moz-transform: scale(0.5) translateY(60%);
        -webkit-transform: scale(0.5) translateY(60%);
    }
    #familia-bottom {
        transform: scale(0.5) translateY(-60%);
        -o-transform: scale(0.5) translateY(-60%);
        -ms-transform: scale(0.5) translateY(-60%);
        -moz-transform: scale(0.5) translateY(-60%);
        -webkit-transform: scale(0.5) translateY(-60%);
    }
    #familia-top::before,
    #familia-bottom::before {
        display: none;
    }
    #Novedades {
        overflow: hidden;
    }
    #Novedades::before {
        display: none;
    }
    #Novedades .view-novedades .view-content .views-row .cuerpo-nota {
        padding: 0 82px 0 82px;
    }
    #Novedades .view-novedades .view-content .views-row h2 {
        margin: 0;
        font-size: 23px;
        line-height: 25px;
        letter-spacing: 0;
        text-align: center;
    }
    #Novedades .view-novedades .view-content .views-row .cuerpo p {
        display: none;
    }
    #prev-nota {
        width: 20px;
        left: 0;
    }
    #nex-nota {
        width: 20px;
    }
    #block-agd-natura-theme-natura-theme-block-4 {
        width: 100%;
        position: fixed;
        left: 0;
        padding: 0;
    }
    #logo-agd {
        right: 20px;
    }
    #logo-agd img {
        height: 17px;
    }
    /* Inicio */
    /* Pages */
    #scrollDown {
        display: none;
    }
    #zone-postscript-wrapper {
        padding: 63px 40px 143px 40px;
    }
    #zone-postscript-wrapper .content ul {
        list-style-position: inside;
    }
    #section-footer {
        position: absolute;
        bottom: 0;
        left: 0;
        padding: 0 20px;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }
    .not-front #section-footer .content ul li:first-child,
    .not-front #section-footer .content ul li:nth-child(2),
    .not-front #section-footer .content ul li:last-child {
        display: none;
    }
    .not-front #section-footer .content ul li:nth-child(3) {
        padding: 0;
        border: 0;
    }
    /* Pages */
    /* Producto */
    body.node-type-producto #zone-content-wrapper {
        height: 150%;
    }
    #prod-animacion {
        width: 100%;
        height: 45%;
        float: none;
        padding-top: 30px;
        box-sizing: border-box;
        -o-box-sizing: border-box;
        -moz-box-sizing: border-box;
    }
    #prod-introduccion {
        width: 100%;
        height: 45%;
        float: none;
    }
    #prod-introduccion .producto-body,
    #prod-presentaciones {
        display: none;
    }
    #prod-introduccion .outer {
        width: 100%;
    }
    #prod-introduccion .inner {
        padding: 0 20px;
        vertical-align: top;
    }
    #prod-introduccion h2 {
        margin: 0;
        font-size: 29px;
        line-height: 43px;
        text-align: center;
    }
    #prod-introduccion .producto-nav>a {
        float: none;
        margin: 0 auto 15px;
    }
    #prod-introduccion .producto-nav>a#goCaracteristicas {
        display: none;
    }
    #Caracteristicas>.field>.field__item>.field-item {
        columns: auto 2;
        -moz-columns: auto 2;
        -webkit-columns: auto 2;
        column-gap: 15px;
        -moz-column-gap: 15px;
        -webkit-column-gap: 15px;
    }
    #info-nutricional>.wrapper,
    #info-recomendaciones>.wrapper {
        box-sizing: border-box;
        position: absolute;
        top: 5%;
        left: 5%;
        padding: 10px;
        transform: translate(0, 0);
        -o-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -webkit-transform: translate(0, 0);
        overflow-y: scroll;
        height: 90%;
        width: 90%;
    }
    #info-recomendaciones .col.left,
    #info-nutricional .col.left,
    #info-recomendaciones .col.right,
    #info-nutricional .col.right {
        box-sizing: border-box;
        padding: 20px 0;
        float: none;
        width: 100%;
    }
    #info-recomendaciones h3,
    #info-nutricional h3 {
        font: 26px "Gotham-Light";
    }
    /* Producto */
    /* Empresa */
    body.context-empresa #zone-content-wrapper {
        height: 100%;
    }
    body.context-empresa #block-agd-natura-theme-natura-theme-system-main>.block-inner>.content>.node {
        padding: 0;
    }
    body.context-empresa #block-agd-natura-theme-natura-theme-system-main>.block-inner>.content>.node>.content {
        padding: 0 20px;
    }
    /* Empresa */
    /* Calidad Natura */
    #node-1 h2 {
        margin: 0;
        font-size: 29px;
        line-height: 43px;
    }
    #node-1>.content .field {
        display: none;
    }
    #Elaboracion .col {
        width: 100% !important;
        float: none;
        margin-bottom: 30px;
        padding: 0;
    }
    #Certificaciones .col:first-child::before {
        display: none;
    }
    #Certificaciones .col:first-child .col-content {
        width: 100%;
        columns: auto 2;
        -moz-columns: auto 2;
        -webkit-columns: auto 2;
    }
    #Certificaciones .col:last-child {
        width: 100%;
    }
    /* Calidad Natura */
    /* Natura y el Medio Ambiente */
    #node-5 header {
        margin-bottom: 22px;
    }
    #node-5 h1 {
        font-size: 29px;
        letter-spacing: 3px;
        line-height: 43px;
    }
    #node-5 h3 {
        margin-bottom: 7px;
        letter-spacing: 1px;
        line-height: 24px;
    }
    #playVideo {
        display: none;
    }
    #infoCalidad>div {
        width: 100%;
        float: none;
        margin-bottom: 30px;
        padding: 0;
    }
    #infoCalidad>div:last-child {
        margin: 0;
    }
    /* Natura y el Medio Ambiente */
    /* Divertido Mundo Natura / Legales */
    .context-aprende-con-natura #section-content,
    .context-sali-al-recreo #section-content,
    .context-natura-kids #section-content,
    .context-legales #section-content {
        min-height: auto;
    }
    .context-sali-al-recreo #section-footer,
    .context-natura-kids #section-footer,
    .context-aprende-con-natura #section-footer,
    .context-legales #section-footer {
        display: none;
    }
    .context-aprende-con-natura #block-agd-natura-theme-natura-theme-system-main>.block-inner>.content,
    .context-sali-al-recreo #block-agd-natura-theme-natura-theme-system-main>.block-inner>.content,
    .context-natura-kids #block-agd-natura-theme-natura-theme-system-main>.block-inner>.content,
    .context-legales #block-agd-natura-theme-natura-theme-system-main>.block-inner>.content {
        overflow: auto;
        padding: 0 20px;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }
    ul.pager a {
        margin-bottom: 40px;
    }
    .context-sali-al-recreo .view-divertido-mundo-natura,
    .context-natura-kids .view-divertido-mundo-natura,
    .context-aprende-con-natura .view-divertido-mundo-natura,
    .context-legales .view-legales {
        padding-top: 135px;
    }
    .context-sali-al-recreo .view-divertido-mundo-natura .view-header,
    .context-natura-kids .view-divertido-mundo-natura .view-header,
    .context-aprende-con-natura .view-divertido-mundo-natura .view-header,
    .context-legales .view-legales .view-header {
        margin-bottom: 68px;
    }
    .context-sali-al-recreo .view-divertido-mundo-natura .view-header img,
    .context-natura-kids .view-divertido-mundo-natura .view-header img,
    .context-aprende-con-natura .view-divertido-mundo-natura .view-header img,
    .context-legales .view-legales .view-header img {
        max-width: 50%;
        margin: 0 auto 2px auto;
    }
    .context-sali-al-recreo .view-divertido-mundo-natura .view-header h2,
    .context-natura-kids .view-divertido-mundo-natura .view-header h2,
    .context-aprende-con-natura .view-divertido-mundo-natura .view-header h2,
    .context-legales .view-legales .view-header h2 {
        font-size: 34px;
        letter-spacing: 3px;
        line-height: 49px;
    }
    .context-sali-al-recreo .view-divertido-mundo-natura .view-header h2::before,
    .context-natura-kids .view-divertido-mundo-natura .view-header h2::before,
    .context-aprende-con-natura .view-divertido-mundo-natura .view-header h2::before,
    .context-legales .view-legales .view-header h2::before {
        bottom: -29px;
    }
    .context-sali-al-recreo .view-divertido-mundo-natura .view-content ul,
    .context-natura-kids .view-divertido-mundo-natura .view-content ul,
    .context-aprende-con-natura .view-divertido-mundo-natura .view-content ul,
    .context-legales .view-legales .view-content ul {
        max-width: 320px;
        margin: 0 auto;
        display: block;
    }
    .context-sali-al-recreo .view-divertido-mundo-natura .view-content li,
    .context-natura-kids .view-divertido-mundo-natura .view-content li,
    .context-aprende-con-natura .view-divertido-mundo-natura .view-content li,
    .context-legales .view-legales .view-content li {
        width: 100%;
        margin: 0 0 20px 0;
    }
    .context-sali-al-recreo .view-divertido-mundo-natura .view-content ul li:last-child,
    .context-natura-kids .view-divertido-mundo-natura .view-content ul li:last-child,
    .context-aprende-con-natura .view-divertido-mundo-natura .view-content ul li:last-child,
    .context-legales .view-legales .view-content ul li:last-child {
        margin-bottom: 30px;
    }
    .context-aprende-con-natura #block-agd-natura-theme-natura-theme-system-main>.block-inner>.content,
    .context-sali-al-recreo #block-agd-natura-theme-natura-theme-system-main>.block-inner>.content,
    .context-natura-kids #block-agd-natura-theme-natura-theme-system-main>.block-inner>.content,
    .context-legales #block-agd-natura-theme-natura-theme-system-main>.block-inner>.content {
        overflow: auto;
    }
    .node-divertido-mundo-natura {
        height: auto !important;
        margin: 202px auto 40px auto;
    }
    .node-divertido-mundo-natura .share {
        display: none;
    }
    .node-divertido-mundo-natura .field-name-field-temas {
        top: 12px;
        left: 14px;
    }
    .node-divertido-mundo-natura h2 {
        margin: 45px 40px 49px 40px;
        font-size: 33px;
        letter-spacing: -1px;
        line-height: 34px;
    }
    .node-divertido-mundo-natura h2::after {
        bottom: -28px;
    }
    .node-divertido-mundo-natura p {
        margin: 0 40px;
    }
    .node-divertido-mundo-natura p:last-child {
        margin-bottom: 41px;
    }
    #closeNota {
        top: 15px;
        right: 15px;
    }
    /* Divertido Mundo Natura */
    /* Novedades Natura */
    .context-novedades #section-content {
        min-height: auto;
    }
    .context-novedades #section-footer {
        display: none;
    }
    .context-novedades #block-agd-natura-theme-natura-theme-system-main>.block-inner>.content {
        overflow: auto;
        padding: 0 20px;
    }
    .context-novedades .view-novedades {
        padding-top: 135px;
    }
    .context-novedades .view-novedades .view-header {
        margin-bottom: 68px;
    }
    .context-novedades .view-novedades .view-header img {
        max-width: 50%;
        margin: 0 auto 2px auto;
    }
    .context-novedades .view-novedades .view-header h2 {
        font-size: 34px;
        letter-spacing: 3px;
        line-height: 49px;
    }
    .context-novedades .view-novedades .view-header h2::before {
        bottom: -29px;
    }
    .context-novedades .view-novedades .view-content ul {
        max-width: 320px;
        margin: 0 auto;
        display: block;
    }
    .context-novedades .view-novedades .view-content li {
        width: 100%;
        margin: 0 0 20px 0;
    }
    .context-novedades .view-novedades .view-content ul li:last-child {
        margin-bottom: 30px;
    }
    .context-novedades #block-agd-natura-theme-natura-theme-system-main>.block-inner>.content {
        overflow: auto;
    }
    .node-novedades {
        height: auto !important;
        margin: 202px auto 40px auto;
    }
    .node-novedades .share {
        display: none;
    }
    .node-novedades .field-name-field-temas {
        top: 12px;
        left: 14px;
    }
    .node-novedades h2 {
        margin: 45px 40px 49px 40px;
        font-size: 33px;
        letter-spacing: -1px;
        line-height: 34px;
    }
    .node-novedades h2::after {
        bottom: -28px;
    }
    .node-novedades p {
        margin: 0 40px;
    }
    .node-novedades p:last-child {
        margin-bottom: 41px;
    }
    /* Novedades Natura */
    /* Error Page */
    .context-error-403 #section-footer,
    .context-error-404 #section-footer {
        display: none;
    }
    #node-53 #content,
    #node-54 #content {
        padding: 0 20px;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }
    #node-53 #content h1,
    #node-54 #content h1 {
        margin-bottom: 18px;
        font-size: 37px;
        letter-spacing: 2px;
    }
    #node-53 #content .field-name-body p:first-child,
    #node-54 #content .field-name-body p:first-child {
        margin-bottom: 41px;
    }
    /* Error Page */
}


/* iPhone 6 Plus (Portrait) */

@media only screen and (max-width: 414px) {
    /* Fixes */
    #block-agd-natura-theme-webform h2 br {
        display: block;
    }
    #Familia h2 {
        margin-top: -44px;
    }
    #familia-top {
        transform: scale(0.65) translateY(20%);
        -o-transform: scale(0.65) translateY(20%);
        -ms-transform: scale(0.65) translateY(20%);
        -moz-transform: scale(0.65) translateY(20%);
        -webkit-transform: scale(0.65) translateY(20%);
    }
    #familia-bottom {
        transform: scale(0.65) translateY(-20%);
        -o-transform: scale(0.65) translateY(-20%);
        -ms-transform: scale(0.65) translateY(-20%);
        -moz-transform: scale(0.65) translateY(-20%);
        -webkit-transform: scale(0.65) translateY(-20%);
        margin-left: 10%;
    }
    #block-agd-natura-theme-views-block-familia-block-1 .view-header {
        margin-top: -87px;
        padding: 0 75px;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        display: block;
    }
    #block-agd-natura-theme-views-block-familia-block-1 .view-header h2 {
        margin-bottom: 5px;
        font-size: 30px;
        letter-spacing: 3px;
    }
    #block-agd-natura-theme-views-block-familia-block-1 .view-header h3 {
        font-size: 15px;
        letter-spacing: 1px;
    }
    .front #redes {
        right: 22px;
    }
    #zone-postscript-wrapper {
        padding: 63px 20px 143px 20px;
    }
    .not-front #section-footer .content ul li:nth-child(3) a {
        display: none;
    }
    #Caracteristicas>.field>.field__item>.field-item {
        columns: auto 1;
        -moz-columns: auto 1;
        -webkit-columns: auto 1;
    }
    #node-1 {
        background-position: 70% center;
    }
    #node-1 .calidad-nav>a {
        margin: 0;
    }
    #node-1 .calidad-nav>a:first-child {
        margin-bottom: 15px;
    }
    #Elaboracion table caption {
        padding-top: 11px;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        line-height: normal;
    }
    #Certificaciones .col:first-child .col-content {
        columns: auto 1;
        -moz-columns: auto 1;
        -webkit-columns: auto 1;
    }
    #Certificaciones .col:last-child {
        display: none;
    }
    .node-divertido-mundo-natura h2 {
        margin: 45px 20px 49px 20px;
    }
    .node-divertido-mundo-natura p {
        margin-left: 20px;
        margin-right: 20px;
    }
    /* Fixes */
    /* Legales */
    .context-legales .view-legales .view-content li>a {
        width: 240px;
    }
    /* Legales */
}


/* 09. RESPONSIVE */


/* 10. RESET PASSWORD */
.page-users,
.page-user,
.page-user-edit,
.page-user-reset,
.page-user-password {
    background-color: #fff100;
}

.page-users #block-agd-natura-theme-natura-theme-block-2,
.page-user #block-agd-natura-theme-natura-theme-block-2,
.page-user-edit #block-agd-natura-theme-natura-theme-block-2 {
    display: none;
}

.page-users #block-agd-natura-theme-natura-theme-block-1,
.page-user #block-agd-natura-theme-natura-theme-block-1,
.page-user-edit #block-agd-natura-theme-natura-theme-block-1,
.page-user-reset #block-agd-natura-theme-natura-theme-block-1,
.page-user-password #block-agd-natura-theme-natura-theme-block-1 {
    position: inherit;
    margin-right: 0;
}

.page-users #block-agd-natura-theme-natura-theme-block-1 img,
.page-user #block-agd-natura-theme-natura-theme-block-1 img,
.page-user-edit #block-agd-natura-theme-natura-theme-block-1 img,
.page-user-reset #block-agd-natura-theme-natura-theme-block-1 img,
.page-user-password #block-agd-natura-theme-natura-theme-block-1 img {
    margin: 0 auto;
}

.page-user #user-profile-form,
.page-user-edit #user-profile-form,
.page-user-reset #user-pass-reset,
.page-user-password #user-pass {
    width: 90%;
    margin-left: 5%;
    border-radius: 8px;
    background-color: #ffffff;
    box-shadow: 0 2px 4px 0 rgba(169, 169, 169, 0.5);
    box-sizing: border-box;
    padding-bottom: 1em;
    margin-bottom: 1em;
    margin-top: 1em;
    padding: 1em;
    overflow: hidden;
}

.page-user #user-profile-form .form-item input,
.page-user-edit #user-profile-form .form-item input,
.page-user-reset #user-pass-reset .form-item input,
.page-user-password #user-pass .form-item input {
    border: none;
    font-size: 1.1rem;
    border-bottom: 1px solid #d0d0d0 !important;
    font-family: Cond;
    width: 100%;
}

.page-user #user-profile-form .form-item label,
.page-user-edit #user-profile-form .form-item label,
.page-user-reset #user-pass-reset .form-item label,
.page-user-password #user-pass .form-item label {
    font-family: Cond;
    font-weight: 100;
}

.page-user-password .g-recaptcha iframe {
    transform: scale(0.8);
    margin: 0 -8%;
}

.page-user #user-profile-form .form-actions,
.page-user-edit #user-profile-form .form-actions,
.page-user-reset #user-pass-reset .form-actions,
.page-user-password #user-pass .form-actions {
    text-align: center;
    position: absolute;
    right: 0;
    left: 0;
    width: 100%;
}

.page-user #user-profile-form .form-item,
.page-user-edit #user-profile-form .form-item,
.page-user-reset #user-pass-reset .form-item,
.page-user-password #user-pass .form-item {
    width: 100%;
}

.page-user #user-profile-form .form-actions input,
.page-user-edit #user-profile-form .form-actions input,
.page-user-reset #user-pass-reset .form-actions input,
.page-user-password #user-pass .form-actions input {
    background: #3a8244;
    border: none;
    border-radius: 26px;
    box-sizing: border-box;
    box-shadow: none;
    color: white;
    font-weight: 400;
    text-align: center;
    text-shadow: none;
    text-transform: uppercase;
    margin-top: 20px;
    min-width: 150px;
    max-width: 100%;
    word-break: break-word;
    font-family: Cond;
    font-size: 1em;
    padding: 0 10px;
    height: 50px;
}

.page-user #user-profile-form .form-item .password-strength,
.page-user-edit #user-profile-form .form-item .password-strength {
    width: 100%;
    float: none;
    margin-top: 0;
    font-family: Cond;
}

.page-user #user-profile-form .form-item div.password-confirm,
.page-user-edit #user-profile-form .form-item div.password-confirm {
    float: none;
    margin-top: 1.5em;
    width: 100%;
}

.page-user-edit #user-profile-form #edit-locale,
.page-user-edit #user-profile-form #edit-picture,
.page-user-edit #user-profile-form #edit-timezone,
.page-user-edit #user-profile-form #edit-field-favoritas,
.page-user-edit #user-profile-form #edit-field-categorias,
.page-user-edit #user-profile-form #edit-overlay-control {
    display: none;
}

.page-user div.password-suggestions,
.page-user-edit div.password-suggestions,
.page-user-reset div.password-suggestions {
    width: 100% !important;
    box-sizing: border-box;
}

.page-user div.password-suggestions ul,
.page-user-edit div.password-suggestions ul,
.page-user-reset div.password-suggestions ul {
    margin-left: 20px;
}

.page-users #messages,
.page-user #messages,
.page-user-edit #messages,
.page-user-reset #messages {
    display: block;
}

.page-users #messages .messages,
.page-user #messages .messages,
.page-user-edit #messages .messages,
.page-user-reset #messages .messages {
    color: #fff;
    border: none;
    width: 100%;
    margin: 0;
    box-sizing: border-box;
    padding: 10px;
    text-align: center;
    font-family: Cond;
}

.page-users #messages .messages.status,
.page-user #messages .messages.status,
.page-user-edit #messages .messages.status,
.page-user-reset #messages .messages.status {
    background: #3a8244;
}

.page-users #messages .messages.error,
.page-user #messages .messages.error,
.page-user-edit #messages .messages.error,
.page-user-reset #messages .messages.error {
    background: #df4646;
}

.page-users #section-footer,
.page-user #section-footer,
.page-user-edit #section-footer,
.page-user-reset #section-footer {
    display: none;
}


/* 10. RESET PASSWORD */