.title2 {
    color: #f9f9f9;
    text-align: center;
    padding-bottom: 10px;
}

.btn-shop {
    user-select: none;
    -moz-user-select: none;
    background: #0D9B4D none repeat scroll 0 0;
    border: medium none;
    border-radius: 20px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 5px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 1;
    margin-bottom: 0;
    margin-top: 28px;
    padding: 10px 15px !important;
    text-align: center;
    touch-action: manipulation;
    transition: all 0.3s ease 0s;
    vertical-align: middle;
    white-space: nowrap;
    position: relative;
    overflow: hidden;
    z-index: 1;
}

.btn-shop::before {
    content: "";
    position: absolute;
    -webkit-transition-duration: 800ms;
    transition-duration: 800ms;
    width: 200%;
    height: 200%;
    top: 110%;
    left: 50%;
    background: #FAA432;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    border-radius: 50%;
    z-index: -1;
}

.btn-shop:hover {
    color: #fff;
}

.btn-shop-two {
    background: #FAA432 none repeat scroll 0 0;
    padding: 10px;
}

.btn-shop-two::before {
    background: #0D9B4D;
}

.btn-shop:hover:before {
    top: -40%;
}

.features-title {
    padding: 0 90px;
    padding-bottom: 0px;
}

.h2-naslov {
padding-bottom: 20px;
}

.h2-title {
    font-size: 45px;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 20px;
    margin-top: 0;
    color: #ffffff;
    text-align: center;
}
.p-title {

    font-weight: 400;
    line-height: 1.5;
    margin-bottom: 30px;
    margin-top: 30px;
    color: #ffffff;
    text-align: left;
}

.p-title2 {

    font-weight: 400;
    line-height: 1.5;
    margin-top: 20px;
    color: #181717;
    text-align: left;
}

.p-title3 {
    text-align: center;
    color: #f9f9f9;
    margin-top: -20px;
    font-size: 1.2rem;
}

.p-title4 {
    font-size: 1.2rem;
    text-align: center;
    font-weight: 400;
    line-height: 1.5;
    margin-bottom: 30px;
    margin-top: 30px;
    color: #ffffff;
    
}

.bpharm-features {
    margin-bottom: 30px;
    
}

.bpharm-features2 {
    margin-bottom: 30px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;

}

.btn-back{
    display: flex;
    justify-content: center;

    width: 200px;
    align-items: center !important;
    text-align: center !important;
}

.sirupi-container {
    padding-top: 120px;


}

.sirupi {
    width: 100% !important;
    height: auto;
}

.willy {

    width: 100% !important;
    height: auto;
    transform: scale(1.5);
}

.newsletter-area {
    padding: 300px 0;
    background: #f9f9f9;
}

.newsletter-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align:center;

}
.newsletter-content p {
    margin: 30px 100px;
}


.email-input {
    width: 100%;
        padding: 10px;
        border: 1px solid #ccc;
        border-radius: 12px;
        font-size: 16px;
        text-align: center;
        margin-bottom: 20px;
}



..email-submit {
    user-select: none;
    -moz-user-select: none;
    background: #0D9B4D none repeat scroll 0 0;
    border: medium none;
    border-radius: 20px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 5px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 1;
    margin-bottom: 0;
    margin-top: 28px;
    padding: 10px 15px !important;
    text-align: center;
    touch-action: manipulation;
    transition: all 0.3s ease 0s;
    vertical-align: middle;
    white-space: nowrap;
    position: relative;
    overflow: hidden;
    z-index: 1;
}

.email-submit::before {
    content: "";
    position: absolute;
    -webkit-transition-duration: 800ms;
    transition-duration: 800ms;
    width: 200%;
    height: 200%;
    top: 110%;
    left: 50%;
    background: #FAA432;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    border-radius: 50%;
    z-index: -1;
}

.email-submit:hover {
    color: #fff;
}

.email-submit-two {
    background: #FAA432 none repeat scroll 0 0;
}

.email-submit-two::before {
    background: #0D9B4D;
}

.email-submit:hover:before {
    top: -40%;
}

.indigo {
    width: 30px;
    margin-left: 10px;
}

.copyright-text {

    display: flex;
    flex-direction: row;




}




/* NEWSLETTER CONTAINER */

.brevo-form {
    display: flex;
    justify-content: right;
    padding-right: 80px;
}
.sib-container{
    display: flex !important;
    flex-direction: row;
    align-items: center;
}

.sib-container--vertical {
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.3);

}

.newsletter-image{
     
    width: 100%;
    margin-bottom: 0px;
    padding-bottom: 12px;
}

.newsletter-bg-img{

    width: 600px;

}

.fix3, .fix4 {
margin-bottom: 20px !important;

}

.faq-wrapper2 {
    margin-top: 90px;
}

.newsletter-text {
padding-left: 30px;
}

.fix5 {
    width: 70%;
}


.sub-title2{
    text-transform:uppercase;
    color: #FAA432;

}


.features-img3 {
    width: 100%;
}

.features-img4 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}

.features-img4 img {
    width:50%;
    margin-bottom: 10px;
}

.nasi-proizvodi-banner {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    align-content: center;
    height: 80vh;
    width: 100%;
    object-fit: cover;;

}

.nasi-proizvodi-banner img {
    width: 100%;
    
}

.nasi-proizvodi-p {
    margin-top: -100px;
    margin-bottom: 100px;
}

.nasi-proizvodi-izdvajamo {
    margin-top: -100px;
}

.podnaslov{
    text-align: center;
}


.nase-poslovnice{
    margin: 100px 0px;

}

.nase-poslovnice-uvod{
    margin-bottom: 50px;
}

.nase-poslovnice-uvod h1, h2 {
    text-align: center;
    margin-bottom: 10px;
}

.nase-poslovnice-uvod h2 {
    color: #FAA432;
    margin-bottom: 20px;
}

.nase-poslovnice-uvod h3 {
    margin:50px 0px;
}

.nase-poslovnice-uvod p {
    text-align:justify;
 }

.branches-container{
    display: flex;
    justify-content: space-evenly;
    align-items:start;
    text-align: left;
    margin-top: 5px;
    margin-bottom: 50px;
}

.branch {
    display: flex;
    flex-direction: column;
    width: 400px;
    height: 150px;
    padding: 20px;
    margin: 15px;
    background-color: rgba(171, 171, 171, 0.133);
    border-radius: 12px;
    box-shadow: 0px 5px 15px rgba(34, 34, 34, 0.17);
}

.branch h3 {
    margin-bottom: 10px;
}

.branch p {
  margin-bottom: 5px;  
}

.kanton {
    margin-bottom: 30px;
    text-align: center;
}
.kanton h3 {
    color: #FAA432;
    margin-bottom: 20px;
}
.kanton

.branch-info {
    margin-top: 50px;
    margin-bottom: 50px;
}

.blog-post-thumb {
    overflow: hidden;
    align-items: center;
}

.blog-post-thumb img {
    align-self: center;
    max-width: 100%;
    height: auto;
    display: block;
    margin: 0 auto;

}


.fa-star {
    color: #FAA432;
    margin-right: 10px;
}

.oglas-container {
    display: flex;
    justify-content: space-evenly;
    align-items: start;
    text-align: left;
    margin-top: 5px;
    margin-bottom: 50px;

}

.oglas {
    display: flex;
    flex-direction: column;
    width: auto;
    height: auto;
    padding: 20px 50px;
    margin: 15px;
    background-color: rgba(171, 171, 171, 0.133);
    border-radius: 12px;
    box-shadow: 0px 5px 15px rgba(34, 34, 34, 0.17);
}

.oglas h3 {
    margin-bottom: 10px;
}

.oglas p {
    margin-bottom: 5px;
}


/* CSS for Karijera-Gallery */

.karijera-row {
    display: flex;
    flex-wrap: wrap;
    padding: 0 4px;
    margin: 80px 0px;
}

/* Create four equal columns that sits next to each other */
.karijera-column {
    flex: 25%;
    max-width: 25%;
    padding: 0 4px;
}

.karijera-column img {
    margin-top: 8px;
    vertical-align: middle;
    width: 100%;
}

/* Responsive layout - makes a two column-layout instead of four columns */
@media screen and (max-width: 800px) {
    .karijera-column {
        flex: 50%;
        max-width: 50%;
    }
}

/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
    .karijera-column {
        flex: 100%;
        max-width: 100%;
    }
}


.karijera-container h1 {
    margin-bottom: 50px;
}

/* Karijera - banner */

.karijera-bg {
    background-image: url(../img/others/karijera-b-pharm.jpg);
    background-position: center;
    background-size: cover;
    position: relative;
    padding: 230px 0 150px;
    z-index: 1;
}

.karijera-bg::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background: #090909;
    opacity: .55;
    z-index: -1;
}

.karijera-bg::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -10px;
    background-image: url("../img/bg/testimonial_bottom_shape.png");
    width: 100%;
    height: 36px;
    background-repeat: repeat;
    background-position: center;
    z-index: 1;
}


/* Poslovnice - banner */

.poslovnice-bg {
    background-image: url(../img/others/b-pharm-banner-poslovnice.jpg);
    background-position: center;
    background-size: cover;
    position: relative;
    padding: 230px 0 150px;
    z-index: 1;
}

.poslovnice-bg::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background: #090909;
    opacity: .45;
    z-index: -1;
}

.poslovnice-bg::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -10px;
    background-image: url("../img/bg/testimonial_bottom_shape.png");
    width: 100%;
    height: 36px;
    background-repeat: repeat;
    background-position: center;
    z-index: 1;
}

.poslovnice-title, .karijera-title, .proizvodi-title{
    text-shadow: 0px 0px 20px #000000;
}

/* NAŠI PROIZVODI */
.proizvodi-bg {
    background-image: url(../img/products/B-pharm-proizvodi-Hero-Section-2.jpg);
    background-position: center;
    background-size: cover;
    position: relative;
    padding: 230px 0 150px;
    z-index: 1;
}

.proizvodi-bg::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background: #090909;
    opacity: .25;
    z-index: -1;
}

.proizvodi-bg::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -10px;
    background-image: url("../img/bg/testimonial_bottom_shape.png");
    width: 100%;
    height: 36px;
    background-repeat: repeat;
    background-position: center;
    z-index: 1;
}



/* POSLOVNICE-GALERIJA */
.poslovnice-row {
    display: flex;
    flex-wrap: wrap;
    padding: 0 80px;
    margin: 80px 0px;
}


/* Novosti - banner */

.vijesti-bg {
    background-image: url(../img/others/b-pharm-vijesti-banner.jpg);
    background-position: center;
    background-size: cover;
    position: relative;
    padding: 230px 0 150px;
    z-index: 1;
}

.vijesti-bg::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background: #090909;
    opacity: .55;
    z-index: -1;
}

.vijesti-bg::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -10px;
    background-image: url("../img/bg/testimonial_bottom_shape.png");
    width: 100%;
    height: 36px;
    background-repeat: repeat;
    background-position: center;
    z-index: 1;
}


.polica-title{
    color: #ffffff;
}


.title-popusti,  .h6-popusti, .p-popusti {
    color: #f9f9f9;
}


/* MEDIA QUERIES FOR MOBILE */

@media (max-width: 767px) {
    .features-title {
        text-align: center;
        padding: 0 25px;
    }

    .features-title h2 {
        font-size: 2rem;
    }

    .row>.col-6 {
        width: 100%;
    }

    .p-title {
        font-size: 16px;
    }

    

       
}

@media (max-width: 991.98px) {
    .col-lg-6 {
        width: 100%;
    }
}

@media (max-width: 767.98px) {

    .copyright-text {
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .col-md-8 {
        width: 100%;

    }

    .features-products-thumb {
        margin: 0px 20px 45px 25px !important;
        display: flex;
        justify-content: center;
    }

    .formula-img {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 100%;
    }

    .formula-img img {
        max-width: 100%;
        height: auto;
    }

   

  

    .blog-post-item {
        max-width: 100%;
        margin: 0 auto;
    }

    .newsletter-bg-img {
        display: block;
        width: 100%;
        height: auto;
    }

    .newsletter-text {
        padding-left: 0px;
    }

    .mb-50 {
        margin-bottom: 0px;
    }

    .faq-wrapper2 {
        margin-top: 0px;
    }

    .blog-posts-wrapper {
        margin: 0 0 20px !important;
    }

   .section-title {
       text-align: center;
   }

   .section-title a {
       display: inline-block;
       margin: 0 auto;
   }
        .section-title {
            margin: 0 auto;
            width: 100%;
        }


  .faq-wrapper {
      margin-top: 30px !important;
  }

    
}


/* O-NAMA SEKCIJA */
@media (max-width: 767.98px) {

    .features-img4 img {
        width: 80%;
        margin-bottom: 20px;

    }

    .title2 {
        padding-bottom: 0px;
    }


}

/* NAŠI PROIZVODI SEKCIJA */
@media (max-width: 767.98px) {
    .nasi-proizvodi-p {
        text-align: center;
    }


}

/* MREŽA POSLOVNICA SEKCIJA */
@media (max-width: 767.98px) {
    .poslovnice-row {
        padding: 0 10px;
    }

    .branches-container {
        display: flex;
        flex-direction: column;
        justify-content: space-evenly;
        align-items: start;
        text-align: left;
        margin-top: 5px;
        margin-bottom: 50px;

    }

    .branch {
        display: flex;
        flex-direction: column;
        width: 100%;
        justify-content: center;
        height: auto;
        padding: 20px 0px;
        margin: 15px 0px;
        background-color: rgba(171, 171, 171, 0.133);
        border-radius: 12px;
        box-shadow: 0px 5px 15px rgba(34, 34, 34, 0.17);
    }


}


/* KARIJERA SEKCIJA */
@media (max-width: 767.98px) {
.oglas-container {
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    align-items: start;
    text-align: left;
    margin-top: 5px;
    margin-bottom: 50px;
}

}