html {
    scroll-behavior: smooth;
	direction:rtl;
}
body {
    font-family: "arslanb";
    font-size: 1.4em;
}
/* body:not(.keyboard-user) p:focus,
body:not(.keyboard-user) h1:focus,
body:not(.keyboard-user) h3:focus {
  outline: none;
} */

:focus:not(:focus-visible) {
    outline: none;
  }

  button:focus-visible {
    outline: 1px solid blue;
  }
.alert {
}

.navbar {
    padding: 0;
    max-width: 100px;
}
.fixed-top {
    top: 0;
}
@media screen and (max-width: 576px) {
    .eggicon {
        margin-top:0px;
    }
}
.eggicon {
    margin-top:11px;
}
.alert-dismissible .close {
    right:auto !important;
    left:0;
}
@media screen and (min-width: 576px) {
    .fixed-top {
        top: 30px;
    }
    .navbar {
        padding: 0.5rem 1rem;
    }
}
nav {
    /* max-width: 250px; */
    text-align: center;
    font-family: "arslanb";
    font-size: 2em;
    line-height: 1.15;
}

nav a {
    color: #101711;
}
nav a:hover {
    color: #101711;
    background-color: #ecc87a;
}
.navbar-collapse {
    margin-top: -50px;
    background-color: white;
    -webkit-box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, 0.3);
    box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, 0.3);
    padding: 45px 0 20px 0;
    z-index: -1000;
    min-width: 250px;
}
.alert {
    text-align: center;
    margin-bottom: 0px;
    border-radius: 0px;
    padding-left: 0px;
}

@media screen and (max-width: 576px) {
    .alert-warning {
        font-size:1.1rem;
    }
}

@media screen and (max-width: 576px) {
    .alert  {
        padding-left: 46px;
    }
}
.alert-warning {
    background-color: #258027;
    color: white;
    border: none;
}

.alert a {
    text-decoration: underline;
    color: white;
}

.header-container {
    max-width: 1200px;
    padding: 0;
    margin: auto;
}
.container {
    max-width: 1000px;
    padding: 0;
    margin:auto;
}
.row {
    padding: 0 15px;
    margin: 0;
}
h1 {
    font-family: "arslana";
    font-size: 2.25em;
    font-weight: 700;
    padding-bottom: 20px;
}
h3 {
    font-family: "arslanb";
    font-size: 1.5em;
}

p,
#planet ul li,
#ancient ul li {
    font-family: "arslanb";
    font-size: 1.2em;
}
#ancient ul li:last-child {
    padding-bottom: 50px;
}
@media screen and (min-width: 576px) {
    .navbar-collapse {
        background-color: rgba(255, 255, 255, 0.75);
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }

    h3 {
        font-family: "arslanb";
        font-size: 1.5em;
    }
    p,
    #planet ul li,
    #ancient ul li {
        font-family: "arslana";
        font-size: 1.3em;
    }
    #ancient ul li:last-child {
        padding-bottom: 0;
    }
}

@media screen and (min-width: 768px) {
    h1 {
        font-size: 3em;
    }
}
.gray {
    color: #3f3f3f;
}
.black {
    color: #000;
}
.green {
    color: #258027;
}
.green-style {
    color: #258027;
    font-family: "arslanb";
    font-size: 2.5em;
}
.white {
    color: white;
}
.left {
    text-align: left;
}
#eggmenu {
    max-width: 75px;
}
@media screen and (min-width: 576px) {
    #eggmenu {
        max-width: 90px;
    }
}
a:hover {
    text-decoration: none;
}
.learn-more {
    margin-top: 30px;
}
.button {
    background-color: #101711;
    font-family: "arslanb";
    color: #ecc87a;
    font-size: 1.5em;
    padding: 7px 20px;
    border-radius: 10px;
}
@media screen and (min-width: 1100px) {
    .button {
        background-color: #101711;
        font-family: "arslanb";
        color: #ecc87a;
        font-size: 2em;
        padding: 7px 50px;
        border-radius: 10px;
        font-size: 1.75em;
    }
}
.button:hover {
    color: #101711;
    background-color: #ecc87a;
    transition: 0.3s;
}

.btn-white {
    background-color: white;
    border: 1px solid #e8e8e8;
}

#flags .dropdown-menu.show {
    transform: translate3d(-88px, 37px, 0px) !important;
}

.dropdown-menu {
margin-left:82px;
text-align:right;
}

#flags {
    position: absolute;
    margin-top: 5px;
    left: 15px;
    z-index: 1000;;
    /* top: 20px; */
}

#flags img {
    margin-top: -2px;
    margin-right: 5px;
    max-width: 25px;
    /* box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3); */
}

#flags img:hover {
    /* box-shadow: 2px 2px 2px rgba(0, 0, 0, 0);
    transition-duration: 0.2s; */
}

@media screen and (max-width: 356px) {
    #flags {
        right: 5px;
    }
    
    #flags img {
        /* margin-top: 10px; */
    }

    h1 {
        font-size: 2em;
    }
}

#egglessHeader {
    text-align: center;
    background-image: url(../images/us-header.jpg);
    background-position: center center;
    background-size: auto 100%;
    background-repeat: no-repeat;
    padding: 20px;
    overflow: hidden;
    height: 800px;
}

@media screen and (max-width: 505px) {
    #egglessHeader {
        padding-top: 47px;
    }
    }

#egglessHeader h3 {
    line-height: .75;
}

#header-bottom h3 {
    margin-bottom: 0px;
    font-size: 1.2em;
}

@media screen and (min-width: 1099px) {
    #egglessHeader h3 {
        line-height: 1.2;
    }
    
}

#logo {
    text-align: right;
    margin-right: 120px;
}

#ar-faq #logo, #ar-contact #logo {
    margin-right: 0px;
    padding-top: 20px;
    /* padding-bottom: 15px; */
}

#standardHeader #logo {
    text-align: center;
    margin-left: 0px;
}


#ar #egglessHeader {
    background-image: url(../images/ar/TopImage_Arabic.png);
}

#canada #egglessHeader {
    background-image: url(../images/can-header.jpg);
}

#france #egglessHeader {
    background-image: url(../images/fr/TopImage_French.jpg);
}

#spain #egglessHeader {
    background-image: url(../images/es/TopImage_Spanish.jpg);
}

#netherlands #egglessHeader {
    background-image: url(../images/nl/TopImage_Dutch.jpg);
}

#italy #egglessHeader {
    background-image: url(../images/it/TopImage_Italian.jpg);
}

#germany #egglessHeader {
    background-image: url(../images/de/TopImage_German.jpg);
}

#canada #egglessHeader #cruelty-free {
    margin-bottom: 20px;
}

#fry{
    display: none;
}


@media screen and (max-width: 1100px) {
    
    #ar #egglessHeader {
        background-image: url(../images/ar/TopArabic-mobile.jpg);
    }

    #logo {
        text-align: center;
        margin: auto;
    }

    }

#standardHeader {
    background-image: url(../images/wood-bg.jpg);
    text-align: center;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 30px 20px 20px 20px;
    overflow: hidden;
    height: 230px;
}

#standardHeader #logo img {
    margin-right: 0px;
}

#find-us {
    padding-top: 20px;
    padding-bottom: 15px;
}

#unitedstates div #locator-link {
        margin-top:0px;}

div #locator-link a {
    color: #258027;   
    font-weight: 900;
    text-decoration: underline;
    font-size: .85rem;
}

div #locator-link a:hover {
    color: black;   
    text-decoration: none;
    transition-duration: .5s;
}

#facility {
    background-color: #ecc87a;
    /* padding-top: 22px; */
}

#facility p {
    font-size: 1.15rem;
}

@media screen and (min-width: 1099px) {
    div #locator-link a {
        font-size: 1.35rem;
    }

    div #locator-link {
    margin-top:10px;}
}

.pipe {
    color: #2a7f2d;
}

@media screen and (min-width: 1099px) {
    #free{
        background-color: rgba(255, 255, 255, 0);
        padding: 40px;
    }
}
#unitedstates #egglessHeader #header-bottom h3:last-child {
    font-size: 1.7em;
}

#header-bottom h3:first-child {
    /* margin-top: 185px; */
}

@media screen and (min-width: 768px) {
    #header-bottom h3 {
        line-height: 1;
        margin-bottom: 0;
    }

    #unitedstates #egglessHeader #header-bottom h3:last-child {
        /* margin-top: 125px; */
        font-size: 2.5em;
        font-weight: 700;
    }
}
@media only screen and (max-width: 1005px) and (min-width: 768px) {
    #unitedstates #egglessHeader #header-bottom h3:last-child {
        font-size: 1.7em;
    }
}
@media only screen and (max-width: 670px) and (min-width: 576px) {
    #unitedstates #egglessHeader #header-bottom h3:last-child {
        font-size: 1.7em;

    }
}
#logo img {
    width: 150px;

}

#header-bottom {
    margin-top: 371px;
    padding: 20px;
}

@media screen and (min-width: 1099px) {
    #header-bottom {
        margin-top: 273px;
    }

    #canada #egglessHeader #header-bottom {
        margin-top: 286px;
    }

    #fry{
        margin-top: 10px;
        display: block;
        font-size: 1.7em;
    }
}

@media screen and (max-width: 500px) {
    #header-bottom {
        margin-top: 333px;
    }
}

.button {
    margin-top: 20px;
}
#bottle-sm {
    width: 200px;
    max-width: 100%;
    transform: rotate(-10deg);
}
#bottle-m {
    width: 200px;
    max-width: 100%;
    padding-bottom: 20px;
}
.line-sm {
    max-width: 80px;
    /* padding-bottom: 10px; */
}

@media screen and (min-width: 1099px) {
    .line-sm {
        /* max-width: 120px; */
        /* padding-bottom: 10px; */
    }
}

#fluffy {
    max-width: 200px;
    position: absolute;
    top: 110px;
}
#pan {
    width: 500px;
}
#pan-m {
    max-width: 100%;
    margin-bottom: -20px;
    margin-top: -40px;
}
#fsb {
    max-width: 300px;
    width: 100%;
    margin-top: 90px;
}
#eggless {
    text-align: center;
    padding: 40px 0 0 0;
}
.banner-text {
    width: 100%;
    max-width: 275px;
    padding: 0 0 50px 0;
    z-index: 1000;
    margin:auto;
}
@media screen and (min-width: 1099px) {
    .banner-text {
        max-width: 350px;
    }
}

#eggless .banner-text {
    padding: 30px 0 50px 0;
}
#eggless p {
    max-width: 900px;
    margin: 20px auto;
}
#eggless-bottom {
    background-image: url(../images/egg-silo.png);
    background-size: auto 150%;
    background-position: center top;
    background-repeat: no-repeat;
    padding-bottom: 60px;
}
.arrow-down {
    width: 0;
    height: 0;
    border-left: 40px solid transparent;
    border-right: 40px solid transparent;
    border-top: 40px solid white;
    margin: auto;
    padding-bottom: 20px;
    display: none;
}
@media screen and (min-width: 768px) {
    #eggless-bottom {
        background-size: 120% auto;
    }
}
.video {
    width: 100%;
    vertical-align: middle;
    padding: 0;
}

#patty {
    text-align: center;
    background-color: #258027;
}

#patty-text {
    position: absolute;
    width: 100%;
    padding-top: 10px;
}

#patty .banner-text {
    padding-bottom: 0px;
    margin-top: -10px;
}

@media screen and (min-width: 768px) {
    #patty .banner-text {
        margin-top: 0px;
    }
}

@media screen and (min-width: 645px) {
    #patty-text {
        padding-top: 40px;
    }
}

@media screen and (min-width: 1099px) {
    #patty-text {
        padding-top: 40px;
    }
}

#patty p {
    color: white;
    padding: 40px 0px 20px 0px;
}

#patty-img{
    width: 100%;
    height: auto;
}

@media screen and (min-width: 1700px) {
    #eggless h1 {
        padding-bottom: 40px;
    }
    #eggless-bottom {
        background-image: url(../images/egg-texture.png);
        background-size: cover;
    }
    .video {
        max-width: 1280px;
        margin: auto;
        padding: 20px;
    }
    .arrow-down {
        display: block;
    }
}
#planet {
    text-align: center;
    background-color: #f7f4d7;
    padding: 30px 10px;
}
#egg-bg {
    background-image: url(../images/egg-leaves.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    padding: 100px 0;
}
#egg-bg p {
    font-family: "arslanb";
    font-size: 1.3em;
    text-align: center;
    display: block;
    margin-bottom: 0;
}
@media screen and (min-width: 768px) {
    #egg-bg {
        padding: 110px 0 140px 0;
    }
}
@media screen and (min-width: 968px) {
    #egg-bg {
        padding: 95px 0;
    }
}
#better {
    text-align: center;
    background-color: #ecc87a;
    padding: 30px 10px;
}
#better p {
    text-align: right;
}
#better .green-style {
    margin-top: 30px;
}
@media screen and (max-width: 549px) {
    #better .green-style {
        font-size: 2em;
    }
}
@media screen and (max-width: 318px) {
    #pb-egg {
        display: none;
    }
}
#pb-egg {
    max-width: 100px;
    float: right;
    margin-right: 20px;
}
#chart {
    width: 80%;
}
.col-centered {
    float: none;
    margin: 0 auto;
}
#environment {
    background-image: url(../images/wood-bg-2.jpg);
    text-align: center;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 40px 10px 0 10px;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    #environment {
        background-image: url(../images/wood-bg-bean.jpg);
        background-size: cover;
        background-position: center;
    }
    #environment #bg {
        display: none !important;
    }
}
#environment #bg {
    position: absolute;
    max-width: 350px;
    width: 100%;
    padding-top: 25px;
    overflow: hidden;
}
.oval {
    background-color: rgba(255, 255, 255, 0.8);
    margin: 5px auto;
    vertical-align: middle;
    border-radius: 3px;
    padding: 20px;
    color: #3f3f3f;
}
.oval p {
    line-height: 1;
    margin-bottom: 0;
}
.oval p:first-child {
    font-size: 3em;
    margin-bottom: 0;
    font-weight: 900;
}
@media screen and (min-width: 576px) {
    .oval {
        background-color: rgba(255, 255, 255, 0.8);
        width: 250px;
        margin: 40px auto;
        border: 5px solid #3f3f3f;
        border-radius: 50%;
    }
    .oval p {
        padding-bottom: 0;
        min-height: 45px;
    }
}
.row#egg-world {
    margin-right: -10px;
    margin-left: -10px;
}
#egg-world {
    background-color: #ecc87a;
    margin-top: 150px;
}
#environment .banner-text {
    position: absolute;
    margin: auto;
    top: 90px;
    left: 0;
    right: 0;
}
#egg-world img {
    position: relative;
    margin: -100px auto;
    left: 0;
    right: 0;
    width: auto;
    max-width: 100%;
    max-height: 450px;
    z-index: 0;
}
#egg-world p:first-child {
    margin-top: -195px;
}
@media (max-width: 335px) {
    #egg-world p:first-child {
        margin-top: -120px;
    }
    #egg-world p {
        line-height: 1;
    }
}
#egg-world p:last-child {
    margin-bottom: -20px;
}
#ancient {
    background-image: url(../images/wood-bg-beans-mobile.jpg);
    text-align: center;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding: 0 10px;
    text-align: right;
}
@media (min-width: 576px) {
    #ancient {
        background-image: url(../images/ar/wood-bg-beans-rtl.jpg);
    }
}
#ancient h3 {
    padding-top: 110px;
}
@media (min-width: 576px) {
    #ancient h3 {
        padding-top: 90px;
    }
}
#ancient ul {
    padding-bottom: 90px;
}
#beans {
    position: absolute;
    height: 100%;
    float: right;
    right: 0;
}
#gut-friendly {
    background-color: #f7f4d7;
    text-align: center;
}
#gut-friendly h1 {
    padding-top: 30px;
}
#gut-friendly-img {
    padding: 0;
    margin: 0;
}
#gut-friendly img {
    width: 100%;
    max-width: 500px;
    height: auto;
    margin: auto;
}
@media (min-width: 992px) {
    #gut-friendly img {
        width: 100%;
        max-width: none;
        height: auto;
        margin-left: -15px;
        float: left;
    }
    #gut-friendly h1 {
        padding-top: 0;
    }
}
#compare {
    text-align: center;
    padding: 50px 20px;
}
#compare p {
    text-align: right;
    margin: 0;
}
#compare img {
    width: 100%;
    padding-bottom: 20px;
}
#break {
    display: none;
}
@media (min-width: 800px) {
    #break {
        display: block;
    }
}
@media (min-width: 768px) {
    #table {
        /*background-image: url(..//images/cupcake.jpg);
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
*/
        margin-top: -150px;
    }
}
.check p {
    font-family: "arslanb";
    line-height: 1;
}
#compare .check img {
    max-width: 25px;
    margin: auto;
    padding: 15px 0;
}
.row.check div:nth-child(3) {
    background-color: #f7f4d7;
}
.underline {
    border-bottom: 6px solid #258027;
}
#healthy {
    text-align: center;
    background-color: #ecc87a;
    padding: 50px 0;
}
#healthy img {
    width: 100%;
    max-width: 63px;
    padding-bottom: 10px;
    padding-top: 12px;
}
@media (min-width: 768px) {
    #non-gmo {
        padding-top: 0px !important;
    }
}
#healthy p {
    line-height: 1;
    margin-bottom: 0;
    font-size: 1.3em;
    text-transform: uppercase;
}
#bottles {
    text-align: center;
}
#bottles img {
    width: 100%;
    max-width: 400px;
}
#send {
    text-align: center;
    padding: 75px 0 40px 0;
    background-color: #eef0e4;
    margin-top: -100px;
}
#send h1 {
    padding-top: 10px;
    font-family: "arslanb";
}
#send p {
    padding-bottom: 20px;
}
@media (min-width: 576px) {
    #send h1 {
        font-size: 4em;
        padding-top: 0;
    }
    #send p {
        font-size: 2em;
        padding-bottom: 30px;
    }
}

#locator {
    background-image: url(../images/wood-bg-2.jpg);
    text-align: center;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 60px 0px 75px 0px;
}

.contact, .faq {
    text-align: center;
    padding-bottom: 40px;
}
.contact h1, .faq h1 {
    padding-top: 30px;
}
.wufooForm {
    width: 80%;
    max-width: 1000px;
    margin: auto;
}
footer {
    background-color: #258027;
    text-align: center;
}
footer a img {
    padding: 30px;
    width: 100%;
    max-width: 200px;
}
footer p {
    margin: 0;
    color: white;
    padding: 0 20px 0 20px;
}
#footer-info {
    padding: 20px 20px;
}
#cr {
    color: #132d1f;
    font-weight: 700;
}
i {
    padding: 20px 10px;
    color: white;
}
i:hover {
    color: rgba(255, 255, 255, 0.5);
    transition: 0.3s;
}
@media (min-width: 761px) {
    footer {
        height: 250px;
        background-color: #258027;
        text-align: right;
    }
    footer img {
        float: left;
        /* height: 100%; */
        padding: 20px;
    }
    #footer-info {
        padding: 33px 19px 0 20px;
    }
    footer p {
        margin: 0;
        color: white;
        padding: 0 20px 0 20px;
    }
    i {
        padding-right: 20px;
    }
}
footer p a {
    color: white;
}
footer p a:hover {
    color: rgba(255, 255, 255, 0.5);
    transition: 0.3s;
}

/*

CC 2.0 License Iatek LLC 2018
Attribution required

*/

#carouselRecipes {
    padding: 50px 0px;
    direction:ltr;
}

@media (min-width: 768px) and (max-width: 991px) {
    /* Show 3rd slide on md  if col-md-4*/
    .carousel-inner .active.col-md-4.carousel-item + .carousel-item + .carousel-item + .carousel-item {
        position: absolute;
        top: 0;
        right: -33.3333%; /*change this with javascript in the future*/
        z-index: -1;
        display: block;
        visibility: visible;
    }
}

@media (min-width: 576px) and (max-width: 768px) {
    /* Show 2 slide on md  if col-md-4*/
    .carousel-inner .active.col-sm-6.carousel-item + .carousel-item + .carousel-item {
        position: absolute;
        top: 0;
        right: -50%; /*change this with javascript in the future*/
        z-index: -1;
        display: block;
        visibility: visible;
    }
}
@media (min-width: 576px) {
    .carousel-item {
        margin-right: 0;
    }

    /* show 2 items */
    .carousel-inner .active + .carousel-item {
        display: block;
    }

    .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left),
    .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item {
        transition: none;
    }

    .carousel-inner .carousel-item-next {
        position: relative;
        transform: translate3d(0, 0, 0);
    }

    /* left or forward direction */
    .active.carousel-item-left + .carousel-item-next.carousel-item-left,
    .carousel-item-next.carousel-item-left + .carousel-item,
    .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item {
        position: relative;
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }

    /* farthest right hidden item must be abso position for animations */
    .carousel-inner .carousel-item-prev.carousel-item-right {
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        display: block;
        visibility: visible;
    }

    /* right or prev direction */
    .active.carousel-item-right + .carousel-item-prev.carousel-item-right,
    .carousel-item-prev.carousel-item-right + .carousel-item,
    .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item {
        position: relative;
        transform: translate3d(100%, 0, 0);
        visibility: visible;
        display: block;
        visibility: visible;
    }
}

/*MD*/
@media (min-width: 768px) {
    /* show 3rd of 3 item slide */
    .carousel-inner .active + .carousel-item + .carousel-item {
        display: block;
    }

    .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item {
        transition: none;
    }

    .carousel-inner .carousel-item-next {
        position: relative;
        transform: translate3d(0, 0, 0);
    }

    /* left or forward direction */
    .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item {
        position: relative;
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }

    /* right or prev direction */
    .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item + .carousel-item {
        position: relative;
        transform: translate3d(100%, 0, 0);
        visibility: visible;
        display: block;
        visibility: visible;
    }
}

/*LG 6th*/
@media (min-width: 991px) {
    /* show 4th item */
    .carousel-inner .active + .carousel-item + .carousel-item + .carousel-item {
        display: block;
    }

    .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item + .carousel-item {
        transition: none;
    }

    /* right or prev direction //t - previous slide direction last item animation fix */
    .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item + .carousel-item + .carousel-item {
        position: relative;
        transform: translate3d(100%, 0, 0);
        visibility: visible;
        display: block;
        visibility: visible;
    }
}

/*LG 6th*/
@media (min-width: 991px) {
    /* show 5th and 6th item */
    .carousel-inner .active + .carousel-item + .carousel-item + .carousel-item + .carousel-item,
    .carousel-inner .active + .carousel-item + .carousel-item + .carousel-item + .carousel-item + .carousel-item {
        /*        display: block;*/
    }

    .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item + .carousel-item + .carousel-item,
    .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item + .carousel-item + .carousel-item + .carousel-item {
        transition: none;
    }

    /*show 7th slide for animation when its a 6 slides carousel */
    .carousel-inner .active.carousel-item + .carousel-item + .carousel-item + .carousel-item + .carousel-item + .carousel-item + .carousel-item {
        /*
        position: absolute;
        top: 0;
        right: -16.666666666%;
        z-index: -1;
        display: block;
        visibility: visible;
*/
    }

    /* forward direction > */
    .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item + .carousel-item,
    .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item + .carousel-item + .carousel-item {
        position: relative;
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }

    /* prev direction < last item animation fix */
    .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item + .carousel-item + .carousel-item + .carousel-item,
    .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item + .carousel-item + .carousel-item + .carousel-item + .carousel-item {
        position: relative;
        transform: translate3d(100%, 0, 0);
        visibility: visible;
        /*        display: block;*/
        /*        visibility: visible;*/
    }
}

#carouselRecipes i {
    width: 50px;
    height: 50px;
    color: black;
    background-color: rgba(255, 255, 255, 0.85);
    border-radius: 50%;
    border: 1px solid black;
}

#carouselRecipes i:hover {
    opacity: 0.8;
}

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

#carouselRecipes i.fa-chevron-right {
    padding: 1px 0px 0px 3px;
}

#carouselRecipes i.fa-chevron-left {
    padding: 1px 3px 0px 0px;
}

/* COUNTRIES */

#italy #environment .oval p {
    font-size: 1em;
}

#spain #environment .oval p, #france #environment .oval p, #netherlands #environment .oval p, #germany #environment .oval p {
    font-size: 1.2em;
}

#italy #environment .oval p.percentage, #spain #environment .oval p.percentage, #france #environment .oval p.percentage, #netherlands #environment .oval p.percentage, #germany #environment .oval p.percentage  {
    font-size: 2em;
}

#italy #egg-world div p, #spain #egg-world div p, #france #egg-world div p  {
    width: 100%;
    max-width: 350px;
    margin-left: auto;
    margin-right: auto;
    line-height: 2.5;
}

#germany #egg-world div p  {
    width: 100%;
    max-width: 325px;
    margin-left: auto;
    margin-right: auto;
    line-height: 2.5;
    margin-top: -220px;
}

#netherlands #egg-world div p {
    width: 100%;
    max-width: 340px;
    margin-left: auto;
    margin-right: auto;
    line-height: 2.5;
    margin-top: -220px;
}

#italy #ancient h3, #france #ancient h3, #ar #ancient h3, #netherlands #ancient h3, #germany #ancient h3 {
    padding-top: 110px;
}

#france #egg-world p:first-child {
 margin-top: -220px;
}

@media screen and (min-width: 992px) {
#netherlands #healthy p, #germany #healthy p {
    font-size: .75em;
}
}