body, html { font-family: 'Tahoma'; color: var(--grey) ;overflow-x: hidden; margin: 0; padding: 0; width: 100%; max-width: 100%;}
main {position: relative;}

/*  NAV  */
header {position: fixed;z-index: 10;display: block;width: 100%;height: 78px;/* padding: 25px 0px; */transition: all .4s;background-color: white;}
header::after {position: absolute;content: "";background-image: url(../img/Path.png);background-repeat: no-repeat;background-size: 100%;background-position: center;top: 100%;width: 100%;height: 32px;}
    #logo {position: relative;width: 136px;display: inline-block;}
    header .wrapper {width: 100%;padding: 20px 8%;background: #fff;}
    
    .toggle-nav {display: block;width: 50px;cursor: pointer;right: 8%;top: 50%;transform: translateY(-50%);height: 50px;/* background: #fff; */text-align: center;border-radius: 50px;position: absolute;transition: .4s;}
    .toggle-nav span {position: absolute;width: 44px;height: 4px;display: block;left: 50%;top: 11px;background: #f5ad44;transform: translateX(-50%);transition: .4s;border-radius: 5px;}
    .toggle-nav span:nth-of-type(2) { top: 23px; }
    .toggle-nav span:nth-of-type(3) {top: 35px;}
    .scrolled { transform: translateY(-110px); }
    .no-scroll { overflow: hidden; }

    #nav.active .toggle-nav span:nth-child(1) {top: 23px;-webkit-transform: rotate(135deg) !important;-moz-transform: rotate(135deg) !important;-o-transform: rotate(135deg) !important;transform: translateX(-50%) rotate(135deg) !important;background: #77766a;}
    #nav.active .toggle-nav span:nth-child(2) { opacity: 0; left: 60px; }
    #nav.active .toggle-nav span:nth-child(3) {top: 23px;-webkit-transform: rotate(-135deg) !important;-moz-transform: rotate(-135deg) !important;-o-transform: rotate(-135deg) !important;transform: translateX(-50%) rotate(-135deg) !important;background: #77766a;}
    #nav.active .toggle-nav{background: transparent;}
    #nav.active nav#botones {transform: none;opacity: 1;}
    nav#botones {background: #f5ad44;height: 110vh;width: 100%;top: 90px;left: unset;bottom: unset;padding-top: 50px;padding-left: 28px;padding-right: 50px;transform: translatey(-120%);/* transition: .8s; */position: fixed;transition: all 1s cubic-bezier(0.58, 0.59, 0, 1); overflow: scroll;}
    nav#botones::after {position: absolute;content: "";width: 100%;height: 31px;background-image: url(../img/Path2.png);background-size: 100%;background-position: center;background-repeat: no-repeat;top: 100%;right: 0;left: 0;margin: 0 auto;}
    nav#botones > a {font-size: 26px;font-weight: bold;margin-bottom: 28px;display: block;transition: .5s;position: relative;color: var(--grey);text-transform: uppercase; }

    .idiomas { position: relative; }
    .flags {position: relative;width: 100%;display: flex;flex-wrap: wrap; margin-left: -10px;}
    .flags::before {position: absolute;content: "";width: 100%;height: 1px;background-color: var(--grey);right: 0;left: 10px;margin: 0 auto;top: 100%;margin-top: 29px;}
    .flag {position: relative;width: 60px;height: 40px;display: block;background-repeat: no-repeat;background-color: white;background-position: 50% 50%;border-radius: 7%;margin: 12px 0px 0 9px;}
    .flag:hover {box-shadow: 4px 4px 4px 2px rgba(0, 0, 0, 0.42);}

/*  FOOTER  */
footer {position: relative;background: linear-gradient(180deg, #FFFFFF, #C0B7B3);margin-top: 48px;}
    footer::before {position: absolute;content: "";width: 92%;height: 1px;background-color: var(--grey2);right: 0;left: 0;margin: 0 auto;}
    .footer-info {position: relative;padding-top: 48px;padding-bottom: 100px;}
    /* .footer-info a:hover { color: var(--orange); } */

/*  HOME  */
#hero {padding-top: 150px;position: relative;}
    .tittle { position: relative; color: var(--grey); line-height: 34px; width: 85%; margin-bottom: 59px; margin-bottom: 30px;}
        .tittle p { font-size: 18px; line-height: 28px; margin-top: 32px; }
        .tittle h2 { font-weight: bold; font-size: 36px; line-height: 40px; }
    .bg-img { position: relative;background-repeat: no-repeat; background-size: cover; width: 100%;    background-position: center;}
    .img-egg {
        background-image: url(../img/egg.png);
        height: 298px;
        /* height: 171px; */
        background-position: -20% 0%;
        background-image: url(../img/ovobrand-img-bghome.jpg);
        /* background-position: center; */
        /* background-size: contain; */
    }

    .slide-tittle { margin: 32px 0px 38px; }
    #slide {  position: relative;margin-bottom: 90px;margin-left: -10px;width: calc(100% + 20px); }
    .item-slide {position: relative;background-color: var(--grey2);padding: 35px 25px;border-radius: 10px;margin: 0 10px 0;}
        .item-slide-tittle { position: relative; min-height: 40px; }
        .item-img {height: 199px;margin: 22px 0px 22px;}
        .item-img-2 {height: 199px;margin: -18px 0px 22px;}

.cards {position: relative;overflow: hidden;}
    .card { position: relative;margin-bottom: 40px; }
    .card-tittle {position: relative;display: flex;justify-content: space-between;width: 100%;align-items: center;}
    .card-tittle-2 {position: relative;display: flex;justify-content: space-between;width: 100%;align-items: flex-end; margin-bottom: 22px;}
        .icono { height: 48px; width: 48px; }
        .icono-2 { height: 48px; width: 86px; }
    .card-img {height: 212px;margin: 17px 0px 22px;}
    .card-img-pie { position: relative; height: 47px; margin-top: -22px; margin-bottom: 22px; background-color: var(--grey3); font-size: 12px; font-weight: bold; padding-left: 18px; }
    .card-img-pie p { transform: translateY(50%); }
    .button {position: relative;margin-top: 24px;width: 155px;height: 47px;text-align: center;border-radius: 5%;box-shadow: 0px 0px 10px 10px rgba(0, 0, 0, 0.08);color: var(--orange); text-transform: uppercase;}
        .button a {position: relative;display: block;top: 50%;transform: translateY(-50%);}
        .button i {font-size: 30px;position: absolute;top: 50%;transform: translateY(-50%);left: 10%;}
    .item-slide .button { margin-top: unset; }
    .card.card-por h3 {
        margin-bottom: 20px;
    }
    
    .card.card-por p {
        margin-bottom: 13px;
    }
    
    .card.card-por p span {
        display: block;
        padding-left: 20px;
        position: relative;
    }
    
    .card.card-por p span:after {
        position: absolute;
        content: '';
        width: 5px;
        height: 5px;
        background: var(--orange);
        top: 8px;
        left: 6px;
    }

    img.card-img-por {
        margin-bottom: 20px;
    }

/*  VIEWS  */
section#languages {
    margin-top: 60px!important;
}
#idiomas {  min-height: 100vh;display: flex;flex-direction: column;justify-content: space-between; }
.ovobrand .cards { padding-top: 131px; }
.productos .amp { margin-bottom: 19px; }
.productos #slide { margin-bottom: 40px; }
.productos-slide { margin-bottom: 77px !important; }
.button-back a h4 { font-weight: normal; }
.button-back i {color: var(--orange);transform: rotate(180deg) scale(2.5) translateY(1px);margin-right: 10px;}
.button-back { margin-bottom: 28px; }
.button-back a h4 {display: flex;width: 80px;/* justify-content: space-between; */}
.como-llegar-pie { margin-top: 43px; }

#lang-header { position: relative; }
    .img-header {background-image: url(../img/Path.png);height: 60px;background-size: contain;background-position: 0 6px;}
    .img-logo {background-image: url(../img/logo-ovobrand.png);height: 90px;background-size: 70%;background-position: 50% 0px;}
	.img-premio {background-image: url(../img/premio-exclencia-exportadora.png);height: 90px;background-size: 70%;background-position: 50% 0px;}



.button-2 {position: relative;width: 49%;text-align: center;border-radius: 5%;color: var(--grey1);text-transform: uppercase;margin-top: 10px;}
    .button-2 a {position: relative;display: flex;width: 100%;background: #FBFBFB;box-shadow: 4px 4px 12px rgba(0, 0, 0, 0.1003);border-radius: 6px;justify-content: space-between;align-items: center;padding: 0px 14px;}
    .button-2 a h4 {
    position: relative;
    font-weight: bold;
    font-size: 10px;
    line-height: 12px;
    min-width: 62px;
    text-align: left;
}
    .button-2 i {font-size: 30px;/* position: absolute; *//* top: 50%; *//* transform: translateY(-50%); *//* right: 5%; */color: var(--orange);}
    .flag-2 {position: relative;width: 60px;height: 40px;height: 12px;width: 21px;/* display: block; */background-repeat: no-repeat;background-position: center;border-radius: 7%;background-size: cover;}

.button-index-container {
    position: relative;
    display: flex;
    flex-flow: wrap;
    justify-content: space-between;
}

.slick-dots {margin:0 auto;display: block;margin-top: 20px;text-align: center;transition: all 1s 2s;}
.slick-dots li {position: relative;display: inline-block;width: 15px;height: 15px;border-radius: 50%;pointer-events: auto;margin: 0 7px;padding: 0;cursor: pointer;background-color: #F8F7F7;box-shadow: 0 0 0 1px #fff inset;z-index: 100;transition: all .3s;box-shadow: 0 0 0 1px var(--orange) inset;}
.slick-dots li button {font-size: 0;line-height: 0;display: block;width: 50px;height: 6px;cursor: pointer;color: transparent;border: 0;outline: none;background: transparent;}
.slick-dots li button:before {font-family: 'slick';font-size: 6px;line-height: 10px;position: absolute;transition: all 1s;top: 0;left: 0;width: 0;height: 6px;content: '';text-align: center;color: #fff;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;background-color: #DAD9D6; animation: hover-out 1s cubic-bezier(0.86, 0, 0.07, 1); -webkit-animation: hover-out 1s cubic-bezier(0.86, 0, 0.07, 1); -moz-animation: hover-out 1s cubic-bezier(0.86, 0, 0.07, 1); }
.slick-dots li.slick-active {background-color: var(--orange)}
.loaded .slick-dots {opacity: 1;bottom: 80px;transform: translateX(0);z-index: 5;pointer-events: none;}
.slick-dots li:hover {background-color: rgba(255,255,255,0.8);}



    /*  TEXTOS  */
p {font-size: 14px; line-height: 22px;}
small { font-size: 10px; line-height: 16px; }
h1 {font-size: 32px;}
h2 {font-size: 22px;font-weight: bold;}
h3 {font-size: 20px;font-weight: bold;}
h4 {font-size: 13px;font-weight: bold;}

.underlined { text-decoration: underline; }
.link { text-decoration: underline; color: var(--orange); }

/*  COLORES   */
:root{
    --white: #FFFFFF;
    --grey: #77766b;
    --grey2: #DBDBDB;
    --grey3: #c0b7b321;
    --orange: #FDAE37;
}

.bg-white { background-color: var(--white); }

/*  POSICIONAMIENTO   */
.wrapper {position: relative;display: block;margin: 0 auto;max-width: 1280px;width: 100%;z-index: 2;padding: 0 8%;}
.wrapper-big {position: relative;display: block;margin: 0 auto;max-width: 1366px;width: 92%;z-index: 1;}

.img-container {
    position: relative;
    display: block;
    width: 100%;
    height: 60px;
}

.img-container .bg-img {
    background-position: center;
    background-size: contain;
    width: 100%;
    height: 100%;
}

.img-container:last-of-type {
    height: 130px;
}

.cert-container {
    position: relative;
    display: flex;
}

.cert-container .bg-img {
    width: 40px;
    height: 40px;
}

.cert-container .bg-img:last-of-type {
    margin-left: 10px;
}