@import url('https://fonts.googleapis.com/css?family=Lobster:400|Roboto:400,700');

body {
    font-family: 'Roboto', sans-serif;
}
h1, h2, h3, h4, h5, h6 {
    font-family: 'Lobster', cursive;
}
section h2 {
    color: #4e4e4e;
}
p {
    font-size: 17px;
}
a {
    color: inherit;
}
a:hover,
a:active {
    color: #92b921;
    text-decoration: none;
}
.counter.purple {
    background-color: unset !important;
}
/* #carouselExampleCaptions {
    height: 100vh;
} */
.navbar .container {
    align-items: flex-end;
}
#navbarNavAltMarkup,
.navbar-toggler {
    margin-bottom: 20px;
}
.nav-link {
    margin-right: 5px;
    padding: unset;
}
.nav-link.active {
    border-bottom: 2px solid #92b921;
    font-weight: bold;
}
.nav-item .dropdown-menu div.text-center {
    display: inline-block;
    width: 50px;
}
.dropdown {
    bottom: 1px;
}
.carousel-indicators {
    bottom: 50px;
}
.dropdown-item.active, 
.dropdown-item:active {
    background-color: #92b921;
}
/* .nav-link:hover {
    border-bottom: 2px solid rgba(146, 185, 33, 0.5);
} */
nav {
    border-bottom: 4px solid #92b921;
}

.carousel-caption {
    right: unset;
    left: 12%;
    text-align: left;
    bottom: 33%;
    max-width: 460px;
}
.carousel-caption h1 {
    background-color: rgba(255, 255, 255, 0.2);
    padding: 0.25em;
    border-top: 5px solid #92b921;
    border-bottom: 5px solid #92b921;
    outline-offset: 15px;
}
.carousel-caption .leaves {
    position: absolute;
    right: -39px;
    top: -52px;
}

section:first-of-type {
    padding-top: 0;
}
section {
    padding-top: 30px;
    margin: 0 auto;
}
section.narow .container {
    max-width: 720px;
}
section .heading {
    border-bottom: 1px solid #92b921;
    padding-bottom: 30px;
    width: max-content;
    margin: 0 auto;
}
section .leaves {
    width: 70px;
    position: relative;
    top: -23px;
    margin-bottom: 20px;
}
.uneaven-edge {
    content: "";
    background-image: url('../images/uneven-edge.png');
    background-repeat: repeat-x;
    position: relative;
    height: 101px; 
    z-index: 99;
}
.top-edge {
    top: -55px;
}
.bottom-edge {
    bottom: -42px;
}

section.green {
    color: white;
    background-color: #92b921 !important;
}
.white-leaves {
    background-color: #92b921;
    width: 70px;
    position: relative;
    top: -23px;
    margin: 0 auto;
    margin-bottom: 20px;
}

section.green .heading {
    border-bottom: 1px solid white;
    color: white;
}
section.green .row h3 {
    margin-top: 30px;
    margin-bottom: 100px;
}
section#organskiProizvodi {
    padding: 0;
}
#organskiProizvodi h3 {
    margin-bottom: 100px;
}
#organskiProizvodi .sljiva {
    max-width: 185px;
    margin-bottom: 40px;
}
#organskiProizvodi .zova {
    margin-bottom: 40px;
}
#organskiProizvodi .sipurak {
    margin-bottom: 22px;
}
#organskiProizvodi .visnja {
    margin-bottom: 30px;
}
#organskiProizvodi .borovnica {
    margin-bottom: 35px;
}
#organskiProizvodi .sumska-kupina {
    margin-bottom: 35px;
}

.organski-proizvodi h3 {
    color: #4e4e4e;
}
.organski-proizvodi h3:hover {
    color: unset;
}
.grass {
    content: "";
    background-image: url('../images/grass.png');
    background-repeat: repeat-x;
    position: relative;
    height: 221px;
    bottom: -3px;
}

.footer {
    position: relative;
    left: 0;
    bottom: 0;
    width: 100%;
    background-color: #4d4d4d;
    color: white;
    text-align: center;
    padding: 30px;
 }
 .footer ul {
    text-align: start;
    list-style: none;
 }
.footer-heading {
    font-weight: bold;
    margin-bottom: 10px;
}
.no-wrap {
    white-space: nowrap;
}
.footer-copyright {
    margin-top: 30px;
}
.footer-copyright p {
    font-size: 13px;
    font-family: 'Raleway', sans-serif;
}
.footer .social-icons a {
    font-size: 35px;
    margin-right: 5px;
}
.footer .social-icons a:last-child {
    margin-right: unset;
}

section.fruit-bg {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    color: white;
    /* border-bottom-left-radius: 10%;
    border-bottom-right-radius: 10%; */
    /* padding-bottom: 100px; */
    /* margin-bottom: 75px; */
}
section.bottom-radius {
    border-bottom-left-radius: unset;
    border-bottom-right-radius: unset;
}

section.fruit-bg.jagoda-bg,
section.fruit-bg.malina-bg {
    background-image: url('../images/furit-background-jagoda.png');
}
section.fruit-bg.sljiva-bg {
    background-image: url('../images/furit-background-sljiva.png');
}
section.fruit-bg.kupina-bg {
    background-image: url('../images/furit-background-kupina.png');
}
section.fruit-bg.borovnica-bg {
    background-image: url('../images/furit-background-borovnica.png');
}
section.fruit-bg.visnja-bg {
    background-image: url('../images/furit-background-visnja.png');
}
section.fruit-bg.zova-bg {
    background-image: url('../images/furit-background-zova.png');
}
section.fruit-bg .container {
    padding-top: 50px;
}

section.malina-color {
    color: white;
    background-color: #e23d45;
}
section.kupina-color {
    color: white;
    background-color: #0f0e13;
}
section.jagoda-color {
    color: white;
    background-color: #e23d45;
}
section.sljiva-color {
    color: white;
    background-color: #2a283a;
}
section.borovnica-color {
    color: white;
    background-color: #546c8e;
}
section.zova-color {
    color: white;
    background-color: #3b6a24;
}
section.sipurak-color {
    color: white;
    background-color: #e23d45;
}

.hidden-products {
    display: none;
}
.fruit-heading {
    text-align: center;
    margin-bottom: 35px;
    border-radius: 10px;
    padding: 20px;
}
.fruit-heading.malina-heading {
    background-color: #e23d45;
}
.fruit-heading.kupina-heading {
    background-color: #0f0e13;
}
.fruit-heading.jagoda-heading {
    background-color: #e23d45;
}
.fruit-heading.visnja-heading {
    background-color: #950413;
}
.fruit-heading.sljiva-heading {
    background-color: #2a283a;
}
.fruit-heading.borovnica-heading {
    background-color: #546c8e;
}
.fruit-heading.sumska-kupina-heading {
    background-color: #0f0e13;
}
.fruit-heading.zova-heading {
    background-color: #3b6a24;
}
.fruit-heading.sipurak-heading {
    background-color: #e23d45;
}

.fruit-img {
    display: block;
    margin: 0 auto;
}
.fruit-img.sljiva {
    max-width: 210px;
    /* margin-bottom: 25px; */
}
/* .fruit-img.kupina {
    margin-bottom: 20px;
}
.fruit-img.malina {
    margin-bottom: 20px;
}
.fruit-img.visnja {
    margin-bottom: 15px;
}
.fruit-img.sipurak {
    margin-bottom: 15px;
} */
/* .fruit-img.zova {
    max-width: 400px; 
    margin-bottom: 13px;
} */

.section.fruit-bg p {
    margin: 0;
}
.btn.download {
    /* font-family: 'Lobster Two', cursive; */
    font-family: 'Lobster', cursive;
    text-transform: none;
    font-size: 26px;
    color: #4e4e4e;
}
.btn.download.spec,
.btn.download.spec .fa-cloud-download-alt {
    font-size: 20px;
}
.cursive-text {
    /* font-family: 'Lobster Two', cursive; */
    font-family: 'Lobster', cursive;
}
section.last p {
    font-size: 20px;
}

.navbarDropdown .dropdown-item {
    padding: 0.5rem 1.5rem;
}

.to-top-button {
    z-index: 9999999999;
}
#return-to-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    /* background: rgb(0, 0, 0); */
    background: rgba(140, 198, 63, 0.75);
    width: 50px;
    height: 50px;
    display: block;
    text-decoration: none;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    border-radius: 35px;
    display: none;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

#return-to-top i {
    color: #fff;
    margin: 0;
    position: relative;
    left: 16px;
    top: 13px;
    font-size: 19px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
#return-to-top:hover {
    background:  rgba(140, 198, 63, 1);
}
#return-to-top:hover i {
    color: #fff;
    top: 5px;
}




@media (max-width: 576px) {
    .carousel-caption {
        bottom: 0;
        right: 20px;
        left: 20px;
    }
    
    
    .lang {
    float: left;
    position: relative;
    padding-top: 5px;
    margin-left: 35px;
        
}
    
    
@media (min-width: 576px) and (max-width: 767.98px) { 
    .carousel-caption {
        bottom: 50px;
        right: 20px;
        left: 20px;
    }
    
    
    
    
    
}
/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) { 
    .carousel-caption h1 {
        font-size: 25px;
    }
    

    .carousel-edge {
        display: none;
    }
    section.first-index {
        margin-top: 50px;
    }
    section.fruit-bg {
        border-bottom-left-radius: unset;
        border-bottom-right-radius: unset;
        padding-bottom: 50px;
    }
    section.bottom-radius {
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
    }
    
    .menex-logo {
        max-width: 130px;
    }
    #navbarNavAltMarkup, 
    .navbar-toggler {
        margin-bottom: 6px;
    }

    .sertifikati img {
        max-width: 200px;
    }

    #organskiProizvodi .organski-proizvodi img {
        max-width: 300px;
    }
    #organskiProizvodi .sljiva {
        width: 150px;
    }
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991.98px) { 
    /* section.fruit-bg {
        border-bottom-left-radius: 25%;
        border-bottom-right-radius: 25%;
    } */
    #organskiProizvodi .sljiva {
        width: 150px;
    }
}
@media (max-width: 991.98px) {
    section.fruit-bg.jagoda-bg,
    section.fruit-bg.malina-bg {
        background-size: contain;
        background-position: top;
        background-color: #e23d45;
    }
    section.fruit-bg.sljiva-bg {
        background-size: contain;
        background-position: top;
        background-color: #2a283a;
    }
    section.fruit-bg.kupina-bg {
        background-size: contain;
        background-position: top;
        background-color: #0f0e13;
    }
    section.fruit-bg.borovnica-bg {
        background-size: contain;
        background-position: top;
        background-color: #546c8e;
    }
    section.fruit-bg.visnja-bg {
        background-size: contain;
        background-position: top;
        background-color: #950413;
    }
    section.fruit-bg.zova-bg {
        background-size: contain;
        background-position: top;
        background-color: #3b6a24;
    }

    .navbar-light .navbar-nav .nav-link {
        margin-top: 11px;
    }
    
    
    
}
@media (min-width: 768px) {
    /* .navbar {
        position: absolute;
        z-index: 9999999999;
        width: 100%;
        background: white;
    } */

}
/* HOVERS */

/* Underline From Left */
.hvr-underline-from-left {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
    overflow: hidden;
  }
  .hvr-underline-from-left:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 0;
    right: 100%;
    bottom: 0;
    background: #92b921;
    height: 2px;
    -webkit-transition-property: right;
    transition-property: right;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
  }
  .hvr-underline-from-left:hover:before, .hvr-underline-from-left:focus:before, .hvr-underline-from-left:active:before {
    right: 0;
  }
  /* Float Shadow */
.hvr-float-shadow {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
  }
  .hvr-float-shadow:before {
    pointer-events: none;
    position: absolute;
    z-index: -1;
    content: '';
    top: 100%;
    left: 5%;
    height: 10px;
    width: 90%;
    opacity: 0;
    background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
    background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
    /* W3C */
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform, opacity;
    transition-property: transform, opacity;
  }
  .hvr-float-shadow:hover, .hvr-float-shadow:focus, .hvr-float-shadow:active {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
    /* move the element up by 5px */
  }
  .hvr-float-shadow:hover:before, .hvr-float-shadow:focus:before, .hvr-float-shadow:active:before {
    opacity: 1;
    -webkit-transform: translateY(5px);
    transform: translateY(5px);
    /* move the element down by 5px (it will stay in place because it's attached to the element that also moves up 5px) */
  }

  /* Bob */
@-webkit-keyframes hvr-bob {
    0% {
      -webkit-transform: translateY(-8px);
      transform: translateY(-8px);
    }
    50% {
      -webkit-transform: translateY(-4px);
      transform: translateY(-4px);
    }
    100% {
      -webkit-transform: translateY(-8px);
      transform: translateY(-8px);
    }
  }
  @keyframes hvr-bob {
    0% {
      -webkit-transform: translateY(-8px);
      transform: translateY(-8px);
    }
    50% {
      -webkit-transform: translateY(-4px);
      transform: translateY(-4px);
    }
    100% {
      -webkit-transform: translateY(-8px);
      transform: translateY(-8px);
    }
  }
  @-webkit-keyframes hvr-bob-float {
    100% {
      -webkit-transform: translateY(-8px);
      transform: translateY(-8px);
    }
  }
  @keyframes hvr-bob-float {
    100% {
      -webkit-transform: translateY(-8px);
      transform: translateY(-8px);
    }
  }
  .hvr-bob {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  }
  .hvr-bob:hover, .hvr-bob:focus, .hvr-bob:active {
    -webkit-animation-name: hvr-bob-float, hvr-bob;
    animation-name: hvr-bob-float, hvr-bob;
    -webkit-animation-duration: .3s, 1.5s;
    animation-duration: .3s, 1.5s;
    -webkit-animation-delay: 0s, .3s;
    animation-delay: 0s, .3s;
    -webkit-animation-timing-function: ease-out, ease-in-out;
    animation-timing-function: ease-out, ease-in-out;
    -webkit-animation-iteration-count: 1, infinite;
    animation-iteration-count: 1, infinite;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-direction: normal, alternate;
    animation-direction: normal, alternate;
  }





.lang {
    float: left;
    position: relative;
    /*  top: 53%;
    transform: translateY(-50%);*/
    margin-left: 0px;   
    padding-top: 30px;
}
.lang img {
    display: block;
    
}
.lang a {
    display: inline-block;
    font-size: 5px;    
}
.lang a:hover {
    
}
.lang p {
    margin: 0;
    line-height: 12px;
}