@font-face {
    font-family: 'Mada-Regular';
    src: url('../fonts/Mada-Regular/Mada-Regular.eot');
    src: url('../fonts/Mada-Regular/Mada-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Mada-Regular/Mada-Regular.woff2') format('woff2'),
        url('../fonts/Mada-Regular/Mada-Regular.woff') format('woff'),
        url('../fonts/Mada-Regular/Mada-Regular.ttf') format('truetype'),
        url('../fonts/Mada-Regular/Mada-Regular.svg#Mada-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;}

@font-face {
    font-family: 'Mada-Bold';
    src: url('../fonts/Mada-Bold/Mada-Bold.eot');
    src: url('../fonts/Mada-Bold/Mada-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Mada-Bold/Mada-Bold.woff2') format('woff2'),
        url('../fonts/Mada-Bold/Mada-Bold.woff') format('woff'),
        url('../fonts/Mada-Bold/Mada-Bold.ttf') format('truetype'),
        url('../fonts/Mada-Bold/Mada-Bold.svg#Mada-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap; }

@font-face { font-family: 'Mada-Light';    src: url('../fonts/Mada-Light/Mada-Light.eot');    src: url('../fonts/Mada-Light/Mada-Light.eot?#iefix') format('embedded-opentype'),        url('../fonts/Mada-Light/Mada-Light.woff2') format('woff2'),        url('../fonts/Mada-Light/Mada-Light.woff') format('woff'),        url('../fonts/Mada-Light/Mada-Light.ttf') format('truetype'),        url('../fonts/Mada-Light/Mada-Light.svg#Mada-Light') format('svg');    font-weight: 300;    font-style: normal;    font-display: swap;}/* Site */ a.c-btn{ border-radius: 26px 0px 26px 0px;
    display: inline-block;
    padding: 6px 63px 6px 63px;
    border: 2px solid #fff;
    font-family: 'Mada-Regular';
    color: #fff;
    font-size: 22px;
    letter-spacing: 6.5px; }

img {
    vertical-align: middle;
    border-style: none;
}
img {
    display: inline-block;
    vertical-align: middle;
}

img {
    -ms-interpolation-mode: bicubic;
}
img {
    max-width: 100%;
    height: auto;
}


#masthead{ /*background-color: #f0f;*/
    margin-bottom: -42px; }

#masthead .row{ max-width: 1280px;
    margin: 0 auto !important; }

#masthead:before{ content: "";
    background: rgb(255,255,255);
    background: linear-gradient( 0deg, rgb(255 255 255 / 0%) 65%, rgb(0 0 0 / 65%) 100%);
    width: 100%;
    height: 260px;
    display: block;
    position: absolute;
    z-index: 9; }

#masthead .col-2,
#masthead .col-8{ width: 30%;
    display: inline-block;
    vertical-align: top;
    position: relative;
    z-index: 99; }

#masthead .col-2{ width: 17%; }

#masthead .col-8{ width: 69%; }

#masthead .col-2.search-lang{ width: 4%; }

#main-navigation .sub-menu .sub-menu{ left: 115% !important; }

/*#masthead #menu-menu-top-dektop ul{ opacity: 0;
    display: block;
    -webkit-transition: all 1.0s ease 0s;
    -moz-transition: all 1.0s ease 0s;
    -o-transition: all 1.0s ease 0s;  }

#masthead #menu-menu-top-dektop .menu-item-has-children:hover ul{ display: block !important;
    opacity: 1; }

#masthead #menu-menu-top-dektop .menu-item-has-children:hover ul ul{ display: none !important; }

#masthead #menu-menu-top-dektop .menu-item-has-children:hover ul .menu-item-has-children:hover ul{ display: block !important;
    opacity: 1; }*/

/**/

.sf-menu ul {
    padding: 0;
    list-style: none;
    text-align: left;
    margin: 0px 0% 0 0;
    }
.sf-menu li ul {
    top: -999em;
    position: absolute;
    z-index: 99999;
    }
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
    top: 40px;
    }
.sf-menu li:hover li ul,
.sf-menu li.sfHover li ul {
    top: -999em;
    }
.sf-menu li li:hover ul,
.sf-menu li li.sfHover ul {
    top: 0;
    left: 170px;
    }
.sf-menu li li:hover li ul,
.sf-menu li li.sfHover li ul {
    top: -999em;
    }
.sf-menu li li li:hover ul,
.sf-menu li li li.sfHover ul {
    top: 0;
    left: 170px;
    }
.sf-menu li {
    position: relative;
    visibility: inherit;
    display: inline-block;
    vertical-align: top;
    }
.sf-menu li a {
    float: left;
    display: block;
    }
.sf-menu li:hover li a,
.sf-menu li.sfHover li a {
    width: 130px;
    }

#main-navigation {
    clear: both;
    padding: 0px 0 0;
    margin: 0 -30px 0 -30px;
    }
#main-navigation .sf-menu {
    /* background: #ccc; */
    }
#main-navigation .sf-menu > ul > li:after {
    /*width: 1px;
    float: left;
    margin: 15px 0 0;
    content: "|";
    display: block;
    color: #666;
    font-size: 1em;
    font-family: Arial, Helvetica, sans-serif;*/
    }
#main-navigation .sf-menu > ul > li:last-child:after {
    display: none;
    }
#main-navigation .sf-menu > ul > li:hover:after,
#main-navigation .sf-menu > ul > li.sfHover:after,
#main-navigation .sf-menu > ul > li.current_page_item:after,
#main-navigation .sf-menu > ul > li.current-menu-item:after {
    color: #428bca;
    }
#main-navigation li a{
    margin: 0 0px 0 0px;
    padding: 0 0px 0 0px;
    color: #121e37;
    font-size: 12.1px;
    font-weight: 400;
    font-family: "GothamHTF-Medium", Arial, Helvetica, sans-serif;
    text-decoration: none;
    text-transform: uppercase;
    line-height: 50px;
    letter-spacing: 2.3px;
    }
#main-navigation li:last-child a{ margin: 0 0px 0 0px; }
#main-navigation li:hover ul,
#main-navigation li.sfHover ul {
    top: 50px;
    background: #428bca;
    background: rgb(253 253 253 / 75%);
    }
#main-navigation li li:hover ul,
#main-navigation li li.sfHover ul {
    top: 0;
    border-left: 1px solid #2074b1;
    }
#main-navigation li li {
    border-bottom: 0px solid #2074b1;
    height: 43px;
    }
#main-navigation li li a {
    /*color: #9fe0ff;*/
    }
#main-navigation li a:hover,
#main-navigation li.sfHover > a,
#main-navigation li.current_page_item > a,
#main-navigation li.current-menu-item > a,
#main-navigation li.current-menu-parent > a,
#main-navigation li.current-page-parent > a,
#main-navigation li.current-page-ancestor > a,
#main-navigation li.current_page_ancestor > a {
    color: #FFDF00;
    background-color: #00552c;
    }
#main-navigation li:hover li a,
#main-navigation li.sfHover li a {
    margin: 0;
    padding: 10px 20px;
    font-size: 1.1em;
    text-transform: none;
    line-height: normal;
    color: #215732;
    font-family: 'Mada-Regular';
    font-size: 15px;
    font-weight: 400;
    line-height: 21px;

    }
#main-navigation li:hover li a:hover,
#main-navigation li.sfHover li a:hover {
    background: transparent;
    color: #FFDF00;
    }

/* Small Navigation */
.nav-open,
.nav-close {
    display: none;
    color: #333;
    font-size: 1.2em;
    font-weight: 400;
    font-family: "GothamHTF-Bold", Arial, Helvetica, sans-serif;
    text-decoration: none;
    text-transform: uppercase;
    line-height: 50px;
    letter-spacing: 1px;
    background: #ccc;
    }

/**/

#logo-top{ margin: 13px 0 0 4px;
    display: inline-block; }

    #main-navigation li a{ font-family: 'Mada-Bold';
    font-size: 17px;
    letter-spacing: 0.55px;
    color: #fff;
    padding: 26px 28px 22px 28px; }

    .search-lang a.search{ color: #FFDF00;
    border: 2px solid #FFDF00;
    padding: 10px;
    border-radius: 50px;
    margin: 30px 0 0 7px;
    display: inline-block;
    height: 40px;
    line-height: 0px; }

    .search-lang a.search:hover{ color: #8abd24;
    border-color: #8abd24; }

    .lang{ display: inline-block;
    vertical-align: top;
    margin: 34px 0 0 61px; }

    .lang a{ display: inline-block;
    vertical-align: top;
    font-family: 'Mada-Bold';
    color: #215732;
    border: 2px solid #FFDF00;
    background-color: #FFDF00;
    margin: 0 -3px;
    border-radius: 13px 0px 0px 0px;
    padding: 5px 7px 0px 7px;
    line-height: 28px; }

    .lang a:hover{ text-decoration: none; }

    .lang a:nth-child(2){ border-radius: 0px 0px 13px 0px;
    color: #FFDF00;
    border: 2px solid #FFDF00;
    background-color: transparent; }

    .lang:hover a{ color: #FFDF00;
    background-color: transparent; }

    .lang:hover a:hover{ color: #215732;
    background-color: #FFDF00; }

    .hamburger__icon, .hamburger__icon:after, .hamburger__icon:before {
    background-color: #fff;
    box-shadow: 2px 2px 0px #00552c;} .fat-nav { -moz-transform: scale(1.0);
    -ms-transform: scale(1.0);
    -webkit-transform: scale(1.0);
    transform: scale(1.0); }

    #inner-menu{ background-color: #215732;
    width: 90%;
    float: right;
    border-radius: 0px 0px 0px 13px;
    padding: 0 12% 40px 12%;
    right: -90%;
    position: relative;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s; }

    .fat-nav.active #inner-menu{ right: 0%; }

    #inner-menu #logo-menu{ display: block;
    margin: 11px auto 23px auto;
    width: 90px; }

    #inner-menu li{ text-align: left;
    margin-bottom: 0px;
    position: relative;
    font-size: 16px;
    min-height: 81px; }

    #inner-menu li:before{ content: "";
    width: 97%;
    height: 1px;
    background-color: #fff;
    display: block;
    top: 48px;
    position: absolute;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s; }

    #inner-menu li:last-child:before{ display: none; }

    #inner-menu li.act:before{ width: 0; }

    #inner-menu li a{ font-size: 22px;
    text-align: left;
    font-family: 'Mada-Bold'; }

    #inner-menu form{ border: 2px solid #ffdf00;
    width: 100%;
    margin: 0 auto 30px auto;
    border-radius: 35px; }

    #inner-menu form input[type=text]{ background-color: transparent;
    border-color: transparent;
    display: inline-block;
    vertical-align: middle;
    padding: 0 5px 0 10px;
    color: #FFDF00;
    height: 28px;
    width: 85%; }

    #inner-menu form button{ background-color: transparent;
    border-width: 0px;
    padding: 0;
    font-size: 15px;
    float: right;
    margin: 0 13px 0 0; }

    #inner-menu form button i{ color: #FFDF00;
        top: 10px;
        position: relative; }

    #inner-menu li.menu-item-has-children:after{ content: "";
    display: inline-block;
    position: absolute;
    width: 20px;
    height: 20px;
    
    background-image:url("http://www.nutrioli.com/wp-content/themes/Nutrioli/img/row-b.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    transform: rotate(-90deg);
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    right: 0;
    top: 9px;
    z-index: 999;
    cursor: pointer; }

    #inner-menu li.act:after{ transform: rotate(90deg); }

    #inner-menu li.act{ /*margin-bottom: 7px;*/ }

    #inner-menu li.menu-item-has-children ul{ width: 80%;
    display: block;
    padding: 35px auto 0 auto;
    overflow: hidden;
    height: 0;
    /*transform: scaleY(0);  */
    opacity: 0;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s; }

    #inner-menu .menu-mbl li.menu-item-has-children ul{ padding: 35px 0 0 0px !important;
    width: 110% !important; }

    #inner-menu .menu-mbl li ul li{ padding: 0px !important; }

    #inner-menu li.menu-item-has-children ul ul{ padding: 0; }

    #inner-menu li.act ul{ height: auto; 
    opacity: 1;
    /*transform: scaleY(1); */ }

    #inner-menu li.menu-item-has-children ul li{ margin-bottom: 0px;
        width: 93.1%;
        /*font-size: 16px;*/ }

    #inner-menu .menu{ margin: 0 auto;
    display: block;
    width: 100%; }/*  */.fat-nav__wrapper{ transform: translateY( 0%) !important; }

    .sub-menu{top: 98px !important;
    width: 300px !important;
    border-radius: 0px 25px 0px 25px;
    padding: 27px 30px 15px 9px !important; }

    #main-navigation .sub-menu a{ font-size: 17px;
    letter-spacing: 0.55px;
    padding: 0px 18px 0px 19px !important;
    line-height: 27px;
    font-family: 'Mada-Bold';
    margin: 0;
    padding: 10px 20px;
    font-size: 1.1em;
    text-transform: none;
    line-height: normal;
    color: #215732;
    font-family: 'Mada-Regular';
    font-size: 16px;
    font-weight: 400;
    line-height: 21px;  }

    #main-navigation .sub-menu li{ position: relative; }

    #main-navigation .sub-menu li:before{ background-color: #215732;
    width: 94%;
    height: 1px;
    content: "";
    display: block;
    position: absolute;
    bottom: 13px;
    left: 0;
    right: 0;
    margin: 0 auto; }

    #main-navigation .sub-menu li:last-child:before{ display: none;
    color: #FFDF00; }

    #main-navigation .sub-menu .sub-menu{ top: -25px !important;
    border-width: 0; }

    #main-navigation .sub-menu  li a:hover, #main-navigation .sub-menu  li.sfHover > a, #main-navigation .sub-menu  li.current_page_item > a, #main-navigation .sub-menu  li.current-menu-item > a, #main-navigation .sub-menu  li.current-menu-parent > a, #main-navigation .sub-menu  li.current-page-parent > a, #main-navigation .sub-menu  li.current-page-ancestor > a,#main-navigation .sub-menu  li.current_page_ancestor > a {
    color: #FFDF00;
    background-color: transparent;}

    #main-navigation .sub-menu li{ position: relative; }

    #main-navigation .sub-menu .menu-item-has-children:after{ position: relative;
    width: 15px;
    height: 15px;
    content: "";
    position: absolute;
    right: 0;
    top: 6px;
    background-image:url("http://www.nutrioli.com/wp-content/themes/Nutrioli/img/row.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    transform: rotate(-90deg);
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;}

    #main-navigation .sub-menu .menu-item-has-children:hover:after{ transform: rotate(-180deg); }/*  */#block-1{ position: relative;
    overflow: hidden; }

    /**/

#colophon.site-footer{ background-color: #215732;
    position: relative;
    clear: both; }

    #colophon .footer-social{ text-align: center;
    padding: 20px 0 20px 0;
    width: 100%;
    max-width: 1260px;
    margin: 0px auto 0px auto; }

    #colophon .footer-social a{ display: inline-block;
    vertical-align: top;
    color: #fff;
    font-size: 40px;
    margin: 0 22px; }

    #colophon .footer-social a:hover{ color: #ffdf00; }

    #colophon #form{ width: 100%;
    max-width: 1070px;
    margin: 52px auto 0 auto; }

    #colophon #form input,#colophon #form textarea{ width: 100%;
    background-color: transparent;
    border-radius: 0px;
    border: 2px solid #fff;
    height: 48px;
    color: #fff;
    margin: 0 0 32px 0;
    color: #ffffff;
    font-family: 'Mada-Regular';
    font-size: 22px;
    font-weight: 400;
    line-height: 34px;
    letter-spacing: -0.13469388px;
    padding: 0 20px 0 20px;  }

    #colophon #form input::-webkit-input-placeholder { color: #fff; }

    #colophon #form input:-ms-input-placeholder { color: #fff; }

    #colophon #form input::placeholder { color: #fff; }

    #colophon #form textarea{ min-height: 129px;
    color: #fff;
    padding: 6px 25px 6px 25px; }

    #colophon #form textarea::-webkit-input-placeholder { color: #fff; }

    #colophon #form textarea:-ms-input-placeholder { color: #fff; }

    #colophon #form textarea::placeholder { color: #fff; }

    #colophon #form .c-btn{  font-family: 'Mada-Bold';
    background-color: #8ABD24;
    border-color: #8ABD24;
    color: #ffffff;
    margin: -9px 0 0;
    font-size: 22px;
    text-transform: uppercase;
    letter-spacing: 5.1px;
    padding: 6px 43px 6px 43px;
    line-height: 43px;
    float: right; }

    #colophon #form .c-btn:hover{ color: #fff;
    background-color: #174827;
    border-color: #174827; }

    #colophon #form .c-btn{ line-height: 19px;
        display: inline-block;
        width: auto;
        border-radius: 26px 0px 26px 0px;
        padding: 16px 43px;
        height: 59px; }

    #colophon #form .wpcf7-not-valid-tip { line-height: 43px;
        margin: -25px 0 0 0; }

    #colophon #form .wpcf7 form.invalid .wpcf7-response-output{ color: #fff;
    line-height: 35px; }

    #colophon #footer-logo{ width: 100%;
    max-width: 550px;
    margin: 0 auto;
    text-align: center; }

    #colophon #footer-logo p{ color: #ffffff;
    font-family: 'Mada-Regular';
    font-size: 34px;
    font-weight: 700;
    line-height: 42px;
    letter-spacing: 1px;
    margin: 74px 0 0 0; }

    #colophon #logo-footer{ margin: 32px 0 0 -53px; }

    #colophon #logo-footer p b{ color: #f7dd2f; }

    #colophon .footer-links{ background-color: #fff;
    line-height: normal;
    height: 37px;
    text-align: center;
    padding: 31px 0 63px 0; }

    #colophon .footer-links a{   color: #215732;
  font-family: 'Mada-Regular';
  font-size: 22px;
  font-weight: 400;
  line-height: 34px;
  text-align: center;
  letter-spacing: -0.13469388px; }

    #colophon .footer-links a:hover{ color: #ffdf00;
        text-decoration: none; }

    #colophon .footer-links a:nth-child(2){ /*font-family: 'Mada-Bold';*/
    margin: 0 55px;
    position: relative; }

    #colophon .footer-links a:nth-child(2):before,#colophon .footer-links a:nth-child(2):after{     content: '';
    width: 2px;
    height: 52px;
    position: absolute;
    top: -11px;
    background-color: #ffdf00; }

    #colophon .footer-links a:nth-child(2):before{ left: -22px; }

    #colophon .footer-links a:nth-child(2):after{ right: -22px; }

    /*#colophon:before{ width: 197px;
    height: 256px;
    position: absolute;
    content: "";
    background-image: url(../img/hoja-2.svg);
    display: inline-block;
    background-repeat: no-repeat;
    background-size: contain;
    right: 0;
    top: 6%; }*/

   .hamburger{ display: none !important;
        top: 15px !important;
        right: 15px !important; }

   .hamburger__icon, .hamburger__icon:after, .hamburger__icon:before {
    background-color: #fff;
    box-shadow: 2px 2px 0px #00552c;} .fat-nav { -moz-transform: scale(1.0);
    -ms-transform: scale(1.0);
    -webkit-transform: scale(1.0);
    transform: scale(1.0); }

    .hamburger__icon, .hamburger__icon:after, .hamburger__icon:before{ background-color: #fff !important; }

    .hamburger.active .hamburger__icon{ background-color: transparent !important; }

    .hamburger__icon, .hamburger__icon:after, .hamburger__icon:before { background-color: #dee2e6 !importnt; }

    .hamburger.active{ background-color: #71717100;
        font-size: 0; }

    .hamburger.active:after{}

    .row { margin-right: 0px !important;
        margin-left: 0px !important; }

    .footer-social .svg{ filter: invert(100%) sepia(0%) saturate(7500%) hue-rotate(257deg) brightness(105%) contrast(101%);  height: 35px;   width: 35px; }

    .footer-social .svg:hover{ filter: invert(85%) sepia(43%) saturate(3396%) hue-rotate(3deg) brightness(111%) contrast(101%); }

#all{ background-image: url("../img/bg-green.jpg");
    background-size: cover;
    margin: -128px 0 0 0 ;
    padding: 128px 0 0 0;  }

.bk1{ position: relative;
    text-align: center; }

.bk1 .pt1{ width: 100%; }

.bk1 .pt2{ position: absolute;
    top: 0.5%;
    right: 38.2%;
    display: block;
    width: 18.5%; }

.bk1 .pt3{ position: absolute;
    top: 8%;
    left: 24.8%;
    width: 56%; }

.bk1 .pt2{ /*position: absolute;
    width: 32%;
    right: 13%;
    top: 19%;*/ }

.bk2{ position: relative; }

.bk2 .embed-responsive{ width: 40.85%;
    position: absolute;
    right: 11.3%;
    top: 17%; }

.bk2 .pt4{ width: 52%;
    margin: 2% 0% 0% 4.5%; }

.bk3{ text-align: center; }

.bk3.x2{ padding: 5.6% 0 0% 0; }

.bk3 h3{ font-size: 2.8vw;
    letter-spacing: 0.9px;
    font-family: 'Foco';
    color: #fff;
    font-weight: 600;
    margin: 0 0 5.1% 0; }

.bk3 .bx{ display: inline-block;
    position: relative; }

.bk3 .bx{ background-image: url("../img/bg-01.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    width: 25%;
    margin: 0 2.18%;
    border-radius: 15% 0%;
    padding: 3.4% 0 0% 0; }

.bk3 .bx:nth-child(2){ background-image: url("../img/bg-01.jpg"); }
.bk3 .bx:nth-child(3){ background-image: url("../img/bg-02.jpg"); }
.bk3 .bx:nth-child(4){ background-image: url("../img/bg-03.jpg"); }

.bk3.x2 .bx:nth-child(2){ background-image: url("../img/bg-04.jpg"); }
.bk3.x2 .bx:nth-child(3){ background-image: url("../img/bg-05.jpg"); }

.bk3 .bx .producto{ position: relative;
    z-index: 2;
    margin: -32% -36% -17.9% -36%;
    width: 128%; }

.bk3 .bx .ins{ /*position: absolute;
    left: 6%;
    top: 29%;
    z-index: 0;
    width: 40%;*/
    position: absolute;
    left: 3%;
    top: 25%;
    z-index: 2;
    width: 36%; }

.bk3 .bx h3{ color: #fff;
    font-family: 'Foco';
    /*font-size: 99px;*/
    font-weight: 600;
    font-size: 3.7vw; }

.bk3 h3 span{ background-image: url(../img/cry-01.png);
    padding: 1.5% 5.1%;
    background-size: 100% 100%;
    color: #2a3f26;
    background-repeat: no-repeat; }

.bk3.x2 h3 span{ background-image: url(../img/cry-02.png);
    padding: 0.5% 1.1%;
    background-size: 100% 100%;
    color: #fff;
    background-repeat: no-repeat;
    padding: 1.5% 5.1%; }

.bk4{ text-align: center;
    padding: 4.5% 0 0 0;
    position: relative; }

.bk4 .bx{ background-color: #8abd24;
    width: 82%;
    margin: 0 auto;
    border-radius: 73px 73px 73px 73px;
    overflow: hidden; }

.bk4 .bx .hd{ background-color: #edd50b;
    padding: 3.9% 0 3.5% 0px; }

.bk4 h3{ color: #215732;
    font-family: 'Foco';
    /* font-weight: 600; */
    font-size: 2.9vw; }

.bk4 .box { background-color: #215732;
    width: 402px;
    margin: 0 10px 32px 10px;
    display: inline-block;
    vertical-align: top;
    text-align: center;
    padding: 0 0 36px 0;
    border-radius: 0px 43px 0px 42px;
    overflow: hidden }

.bk4 .box .svg { margin: 0 12px;
    width: 24px;
    height: 24px }

.bk4 .box .thumb { width: 100% }

.bk4 .box h4 {
    color: #fff;
    font-family: "Mada-Bold";
    font-size: 26px;
    font-weight: 700;
    line-height: 36px;
    text-align: center;
    min-height: 108px;
    margin: 25px 0 0px 0px;
    padding: 0 10px
}

.bk4 .box .rate { margin: 25px 0 0 0 }

.bk4 .box .rate span { background-image: url("https://cdn-geocp.nitrocdn.com/fDFrSSYWfGItWOEZGsrBIHnCqgylYQCG/assets/images/optimized/rev-7981e1d/www.nutrioli.com/wp-content/themes/Nutrioli/img/star.svg");
    position: relative;
    text-align: center;
    background-repeat: no-repeat;
    background-size: cover;
    display: inline-block;
    width: 21px;
    height: 20px;
    margin: 0 4px }

.bk4 .box .rate span.nitro-lazy { background-image: none !important }

.bk4 .box .rate .rmp-results-widget__avg-rating,#block-13 .box .rate .rmp-results-widget__vote-count { display: none }

.bk4 .box .rate .rmp-icon--full-highlight { color: #8abd24 !important }

.bk4 .box .rate .rmp-results-widget__visual-rating { margin-right: 0px }

.bk4 .box .rate .rmp-icon--ratings { color: #fff;
    font-size: 22px;
    margin: 6.5px }

.bk4 .rmp-icon--half-highlight { background: linear-gradient(to right,#8abd24 50%,#fff 50%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent }

.bk4 .box .rate .rmp-icon--full-highlight { color: #3c7c30 !important }

.bk4 .box b { color: #fff;
    font-family: "Mada-Regular";
    font-size: 18px;
    font-weight: 400;
    line-height: 32px }

.bk4 .str{ margin: 0 3px; }

.bk4 .carousel { position: relative;
    margin: 3% 0 5.6% 0; }

.bk4 .carousel-control-next, 
.bk4 .carousel-control-prev{ opacity: 1; }

.bk4 .carousel-control-next{ transform: rotate(180deg); }

.bk4 #btn{ font-weight: 600;
    color: #215732;
    position: absolute;
    bottom: -4.8%;
    font-family: 'Foco';
    background-color: #f9de0a;
    font-size: 2.5vw;
    padding: 0.5% 1%;
    border-radius: 56px 0px 56px 0px;
    left: 0;
    right: 0;
    width: 21%;
    margin: 0 auto; }

.bk4 #btn:hover{ text-decoration: none; }

.bk5{ padding: 6.6% 0 5% 0; }

.bk5 .cont{ width: 80%;
    margin: 0 auto; }

.bk5 h4{ margin: 7% 0 0 2%;
    color: #fff;
    font-family: 'Foco';
    font-size: 3vw; }

.bk5 h4 b{ color: #f9de0a; }

.bk5 .col1,
.bk5 .col2{ width: 49%;
    display: inline-block;
    vertical-align: top; }

.bk5 .col-7 .t{ width: 31%;
    margin: 0% 5% 4.2% 0%; }

.bk5 .col-7 a:nth-child(3){ margin: 0% -10% 4.2% 0%; }

.bk5 .col-7 a:nth-child(6){ margin: 0% -10% 4.2% 0%; }

.dsk{ display: block; }

.mbl{ display: none; }

/**/

@media screen and (max-width: 1900px) {

.bk4 #btn { font-size: 2.5vw;
    padding: 1.5% 1%;
    border-radius: 56px 0px 56px 0px;
    width: 21%;
    margin: 0 auto;
    bottom: -2.8%; }

}

@media screen and (max-width: 1400px) {

    .bk4 .box{ width: 235px; }

    .bk4 .box .svg{ margin: 0 3px; }

    .bk4 .box .svg { width: 15px;
        height: 15px; }

    .bk4 .box b{ font-size: 14px; }

    .bk4 .box h4{ font-size: 23px; }

}

@media screen and (max-width: 992px) {

    .dsk{ display: none; }

    .mbl{ display: block; }

    #ns2 #box-text-03 img{  width: 9% !important;
        margin: 0% 2% 1% 14% !important; }

    #ns2 #box-text-03 { font-size: 3vw;
        text-align: left;
        padding: 2% 0 2% 0; }

    #box-text-03 .sep{ display: inline-block;
        width: 48%;
        margin: 0 0 0.5% 0; }

    #box-text-03{ border-radius: 20px !important; }

    #masthead .row{ display: none; }

    .hamburger{ display: block !important; }

    #ns1 .pt3-1, #ns2 .pt3-1{ font-size: 3.5vw; }

    /*#box-text{ display: none; }*/

    #ns2 #box-text { position: absolute;
        top: 54.9%;
        left: 0%;
        width: 100%; }

    #ns2 #box-text { top: 55.5%;
        width: 77%;
        left: 0;
        right: 0;
        margin: 0 auto; }

    #box-text-03{ top: 45.5% !important; }

    #ns2{ overflow: hidden; }

    #ns2 #box-text-02{ width: 80%;
        top: 75%;
        font-size: 3.4vw;
        padding: 13px 0 1px 0;
        border-radius: 40px; }

    #ns2 #div-truck img { width: 66%; 
        top: 83.1%; }

    #ns2 #div-truck img{ animation: example2 12s infinite; }

    @keyframes example2 {

      0%  { right: -22%; opacity: 1; }
      10% { right: 20%; opacity: 1; }
      90% { right: 20%; opacity: 1; }
      100% { right: 35%; opacity: 0; }
 
    }

    .bk1 .pt2 { top: 2.5%;
        right: 20.2%;
        display: block;
        width: 51.5%; }

    .bk1 .pt3 { top: 18%;
        left: 7.8%;
        width: 85%; }

    .bk2 .pt4 { width: 89%;
        margin: 5% 0% 0% 4.5%; }

    .bk2 .embed-responsive { width: 79.85%;
        position: relative;
        right: -10%;
        top: 0%;
        margin: -16.8% 0 0 0; }

    .bk3{ padding: 13% 0 0 0; }

    .bk3 h3{ font-size: 5.8vw; }

    .bk3 h3 span{ padding: 2.5% 10.1%; }

    .bk3 .bx{ width: 38%; }

    .bk3 h3{ margin: 0 0 12.1% 0; }

    .bk3 .bx h3{ font-size: 5.5vw;
        line-height: 90%;
        letter-spacing: 0px;
        padding: 0 20px; }

    .bk3 .bx .producto { margin: -56% -47% -23.9% -47%;
        width: 196%; }

    .bk3 .bx{ margin: 0 2.18% 5% 2.18%; }

    .bk3.x2 h3 span{ padding: 2.5% 8.1%; }

    .bk3 .bx{ border-radius: 55px 0%; }

    .bk4 .bx{ border-radius: 48px 48px 48px 48px; }

    .bk4 h3{ padding: 20px 21px 0px 21px;
        font-size: 4.5vw; }

    .bk4 .carousel{ margin: 6.5% 0 5.6% 0; }

    .bk4 .box{ width: 240px; }

    .bk4 .box h4{ font-size: 18px;
        min-height: 50px; }

    .bk4 svg{ width: 10px;
    height: 29px; }

    .bk4 .box .svg{ margin: 0 4px; }

    .bk4 .box b{ font-size: 11px; }

    .bk5 .col-5,
    .bk5 .col-7  { -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }

    .bk5 h4 { margin: 7% 0 19% 0%;
        font-size: 6.5vw;
        text-align: center; }

    .bk5 .col-7 .t { width: 45%;
        margin: 0% 2% 5.2% 2%; }

    .bk5 .col-7 a:nth-child(3),
    .bk5 .col-7 a:nth-child(6){ margin: 0% 0% 5.2% 0%; }

    .bk4 .box:nth-child(3),
    .bk4 .box:nth-child(4),
    .bk4 .box:nth-child(7),
    .bk4 .box:nth-child(8){ display: none; }

    .bk4 #demo img{ max-width:100%;
        height: auto; }


    .bk4 #btn { background-color: #f9de0a;
        font-size: 3.5vw;
        padding: 2.5% 1%;
        border-radius: 56px 0px 56px 0px;
        width: 36%;  }

}

@media screen and (max-width: 758px) {

    .bk4 .box{ width: 43%; margin: 0 1% 32px 1%; }

    .bk4 .box b{ font-size: 8px; }

    .bk4 .box h4 { font-size: 3vw;
        min-height: 50px;
        line-height: 149%; }

    .bk4 img.str{ width: 13px !important;
        margin: 0 1px;  }

    .bk4 .box .rate{ margin: 0px 0 0 0; }

    .bk4 .bx{ width: 93%; }

    .bk4 .box .svg { margin: 0 1px; }

    .bk4 .box .svg { margin: 0 1px; }

    #colophon .footer-social{ margin: 30px auto 25px auto; }

    #colophon .footer-links a{ font-size: 18px; }

    #block-7 h2 br{ display: none; }

    #colophon #footer-logo .col-6,
    #colophon #form .col-6 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    #colophon #logo-footer {
        margin: 0px 0 0 0px;
        width: 100%;
        max-width: 187px; }

    #colophon #footer-logo p{ margin: 25px 0 0 0; }

    #colophon .footer-links a{ display: block;
        margin: 9px; }

    #colophon .footer-links a:nth-child(2):before, #colophon .footer-links a:nth-child(2):after {
        display: none; }

    #colophon .footer-links a:nth-child(2) { border-top: 1px solid #FFDF00;
    border-bottom: 1px solid #FFDF00; }


    #colophon .footer-links a:nth-child(2){ padding: 4px 0; }

    #colophon .footer-links{ padding: 7px 0 175px 0; }

    #colophon .footer-social a { font-size: 35px;
        margin: 0 11px; }

    #colophon #form input, #colophon #form textarea{ text-align: center; }

    #colophon .carousel-control-prev { left: -20px !important; }

    #colophon .carousel-control-next { right: -20px  !important; }

    #ns2 .box-1,
    #ns2 .box-2{ border-radius: 0px 44px 0px 44px !important; }

}

@media screen and (max-width: 662px) {

    #ns2 .pt3 { font-size: 4vw;
        letter-spacing: 0.5px !important; }

}