body {
    overflow: hidden;

}

.home {
    background-color: #000;
    margin-top: -70px;
    height: 100%;
}

/* ==========================================================================
   Header
   ========================================================================== */
.siteHeader {

    height: 30px;
}

.innerHeader,
.mainNav ul {
    width: 1280px;
    margin-left: auto;
    margin-right: auto;
}

.logo img {
    height: 20px;
}

/*.menuButton {
    visibility: hidden;
    position: absolute;
}

.menuButton img {
    height: 30px;
}

.mainNavContainer {
    height: 100%;
}

.mainNav {
    top:0px;
    height: 100%;
    position: relative;
    width:auto;
    display: block;
}

.mainNav ul {
    float: right;
}

.mainNav ul li {
    float: left;
     padding: 5px 20px;
     border: none;
}

.mainNav ul li a {
    font-size: 0.8rem;
   
}

.mainNav .social {
    margin: 0px;
    margin-left: 50px;
    visibility: visible;
    position: relative;
}*/

/*.social a img{
    height: 30px;
    padding-top: 2px;
}*/

.subMenu ul {
    padding-left: 0px;
    padding-right: 0px;
    margin-left: auto;
    margin-right: auto;
    width: 1280px;
}

/*.language_hr .mainNav ul li {
    margin-left: 35px;
}

.language_hr .mainNav .social {
    margin-left: 55px;
}

.mainNav ul li.myAccLink a { padding: 5px 10px; }*/

/* ==========================================================================
   Home
   ========================================================================== */

.homePageTitle {
    padding-right: 800px;
    padding-top: 10%;
    height: 50%;
    margin-left: -640px;
    left: 50%;

}

.homePageTitle p {
    position: relative;
    font-size: 1rem;
    height: auto;
    visibility: visible;
}

.homePageTitle h1 {
    width: 100%;
    font-size: 3.3rem;
}

.homePageTitle .seeMore {
    font-size: 1.3rem;
}

.homeImageMain {
    overflow: hidden;
    /*margin-top:5%;
    margin-left: 15%;*/
    height: 70%;
    position: relative;
}

.homeImageMain img {
    height: 100%;
    width: 100%;
}

.homeNewsOuter {
    position: absolute;
    top: 70px;
    height: 95%;
    width: 100%;
    left: -100%;
}

.homeNewsContainer {
    width: 95%;
    height: 100%;
    display: table;
    position: relative;
    z-index: 2;
}

.homeNews {
    vertical-align: middle;
    position: absolute;
    width: 1378px;
    padding: 0%;
    margin-left: 54.1%;
    top: 43%;
    margin-top: -337px;
    left: -689px;
    padding-bottom: 35px;
    float: none;
}

.homeNewsBox {
    float: right;
    height: 180%;
    width: 298px;
    margin-right: 3.2%;

    margin-bottom: 0px;
}

.homeBannersBox {
    width: 430px;
    margin-right: 2.0%;
    right: -160px;
}

.homeBannersBox .touchImgV {
    display: none;
}

.homeNewsImg {
    width: 100%;
    height: auto;
}

.homeNewsImg img {
    width: 100%;
    height: auto;
    float: none;
}

.homeNewsText {
    padding: 12% 10% 15% 10%;
    height: 50%;
    float: none;
}

.homeNewsInner {
    padding: 0px;
    width: 100%;
}

.homeNewsText p {
    width: 100%;
    font-size: 1rem;
    height: auto;
    visibility: visible;
    position: relative;
    display: block;
}

.homeNewsText h3 {
    font-size: 2rem;
    width: 100%;
    display: block;
}

.homeNewsText .seeMore {
    font-size: 1.1rem;
    visibility: visible;
    position: absolute;
    display: block;
    height: auto;
    width: auto;
    bottom: -20px;
}

.openCloseNews {
    visibility: visible;
    display: block;
    z-index: 1;
    left: 94.8%;
}

.openCloseButton {
    height: 150px;
}

.loyaltyBanner {
    right: 50%;
    margin-right: -680px;
}

.loyaltyBanner .bigLink {
    width: 195px;
    height: 195px;
}

.loyaltyBanner h3 {
    font-size: 18px;
    margin: 27px 0 0 65px;
}

.loyaltyBanner .loyalty-arrow {
    right: 89px;
    top: 93px;
}

/* ==========================================================================
   News
   ========================================================================== */


.homeNewsBox .overlay {
    position: absolute;

    display: none;
    z-index: 15;
}

.newsBox .overlay {
    position: absolute;

    cursor: pointer;
    background: url('../img/brown-over.png');
    display: none;
    z-index: 15;
}

.news {
    width: 1385.6px;
    padding: 120px 0% 32px 0%;
    margin-left: auto;
    margin-right: auto;
}

.newsText {
    height: 50%;
}

/* ==========================================================================
   Products
   ========================================================================== */

.productsTitle {
    width: 1280px;
    margin-left: auto;
    margin-right: auto;
}

.productsDetImageMain {}


.productSliderList {
    width: 1332px;
    margin-left: auto;
    margin-right: auto;
}




.productsLeft {
    margin-left: -13%;
}

.productsRight {
    margin-left: 103%;
}

.products {
    width: 1377px;
    margin: 0px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 40px;
    padding: 0px;
}

.productsBox {
    width: 300px;
}


.productsSliderContainer {
    height: 425px;
}

.productsText {
    padding: 12% 10% 15% 10%
}


.productsDetImageMain img {
    width: 100%;
    margin-left: 0%;
}

/*filter na stranici detaljnih proizvoda*/
.productsFiltContain {
    /*isključeno*/
    /*position: absolute;*/
    width: 100%;

    width: 1334px;
    margin-left: auto;
    margin-right: auto;
}

.productsOuter {
    padding-top: 55px;
    background-color: #f9efd7;
}

.productsContainer {
    margin-top: 0px;
}

.productSlideText {
    width: 80%;
}


.productSlideCell {
    height: auto;


}

.productSlideText h2 {
    color: #f9efd7;
    font-size: 2.5rem;
    margin-top: 0px;
    width: 25%;
}

.loyaltyPage .productSlideText h2 {
    width: 370px;
}

.productsTitle p {
    font-size: 1.7rem;
    margin-top: 50px;
    margin-bottom: 50px;
}

.productsFilt {
    /*width: 1334px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    padding: 0px;*/
    padding: 0;
}

.productsDetTitle {
    padding-left: 0px;
    width: 1280px;
    left: 50%;
    margin-left: -640px;
}

.productsDetTitle p {
    width: 40%;
    font-size: 1.8rem
}

.productsDetTitle h1 {
    width: 40%;
    font-size: 5rem;
    line-height: 90px;
    margin-top: 110px;
}

.productsText .seeMore {
    bottom: 10px;
}

.filt {
    padding-left: 30px;
}

/* ==========================================================================
   Offices
   ========================================================================== */
.officesSliderContainer {
    height: 750px;
    margin-top: -690px;
}

.productsSliderContainerz {
    height: 600px;

}

.offices {
    width: 1385.6px;
    margin-left: auto;
    margin-right: auto;
}

.officesFilt {
    width: 1335.6px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    padding: 0px;
}

.officesLeft {
    margin-top: 365px;
}

.productsSliderContainerz .officeSlide {
    width: 100%;
    background-size: auto 70%;
    background-position: right;

}

.productsSliderContainerz .officesLeft {
    margin-top: 260px
}

.officesRight {
    margin-top: 365px
}

.productsSliderContainerz .officesRight {
    margin-top: 260px
}

.officesFilt ul {
    position: absolute;
}

.officesFilt ul li {
    padding-left: 32px !important;
}

/* ==========================================================================
   Contact
   ========================================================================== */

.contactTitle {
    width: 1280px;
    margin-left: auto;
    margin-right: auto;
}


.contactOuter {
    width: 1340px;
    padding-left: 0px;
    padding-right: 0px;
    margin-left: auto;
    margin-right: auto;
    overflow: auto;
}




.sendMessage {
    display: none;

}




.contactForm input {
    width: 60%;
}

.contactForm textarea {
    width: 95%;
    height: 200px;
}

/* ==========================================================================
   About
   ========================================================================== */
.aboutBg {
    padding-left: 50%;
}

.aboutBg h1 {
    margin-left: -640px;
}

.aboutBg h3 {
    margin-left: -640px;
    font-size: 4rem;
}

.aboutSubtitle {
    margin-left: -630px;
}

.aboutTextContain {
    width: 100%;
    padding-left: 0px;
    padding-right: 0px;
}

.aboutTextContain p {
    width: 1280px;
    margin-left: auto;
    margin-right: auto;
}

.aboutThreeInner {
    width: 1280px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.aboutThreeInner .aboutTextContain {
    width: 425px;
}

#aboutCon3 {
    width: 415px;
}

#aboutCon4 {
    width: 415px;
    margin-left: 15px;
}

#aboutCon5 {
    width: 415px;
    margin-left: 15px;
}

.aboutThreeInner .aboutTextContain p {
    width: auto;
}

.aboutTextYear {
    padding-top: 5%;
}

.circleCont p {
    width: auto;
}

.circleInText {
    width: 1280px;
}

.circleInText .circleNum {
    width: 257px;
    height: 257px;
    margin-right: 84px;
}


#circleLast {
    margin-right: 0px;
}

.aboutProcessSlider {
    margin-top: -35%;
    height: 25%;
}

#aboutCon2 {
    margin-top: 10%;
}

.aboutTextYearDuo {
    height: 35%;
}

.aboutTextYearCont {
    width: 240%;
}

.aboutNumbers {}

.aboutSliderContOutter {
    height: 500px;
}

.aboutSliderText {
    height: 500px;
    margin-right: 1500px;
}

.aboutSliderText .number {
    height: 300px;
    width: 300px;
    margin-left: -360px;
}

.aboutSliderText .number .numContain {
    height: 300px;
    width: 300px;
}

.aboutTextContain h1,
.aboutTextYear h1 {

    color: #461e00;
    font-size: 5.5rem;
    margin-bottom: 0px;
}

.aboutTextContain h2,
.aboutTextYear h2 {
    font-family: 'PFAgoraSlabProBoldItalic';
    color: #461e00;
    margin-top: 5px;
    font-size: 2rem;
}

.aboutThreeText .aboutTextContain p {
    font-size: 1.1rem;
    line-height: 25px;
    width: 90%;
    padding-right: 10%;
}

#aboutSliderText1 h3 {
    font-size: 4.2rem;
    line-height: 90px;
    margin-top: 0px;

}

.circleNum h2 {
    margin-top: 0px;
    font-size: 4rem;

    margin-bottom: 0px;
    line-height: 3.5rem;
}

.circleNum p {
    font-size: 1.2rem;
    font-family: 'PFAgoraSlabProBoldItalic';
    margin-top: 0px;
    margin-bottom: 0px;
}


.aboutSliderText .numContain p {
    font-size: 7rem;
    color: #461e00;
}

.number p {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    font-size: 1.1rem;
    padding-left: 2px;

}

.aboutSliderText p {
    color: #dbd3bd;
    font-size: 1.2rem;
    margin-bottom: 0px;
}
.aboutSliderText .aboutSliderInnerText p {
    font-size: 1rem;
}

.aboutProcessSlider #aboutSliderText1 {
    width: 500px;
    margin-right: 400px;
}

.aboutProcessSlider #aboutSliderText2 {
    width: 530px;
}


.aboutBg h1 {
    font-size: 9rem;
    margin-bottom: 0px;
    padding-top: 5%;
}

.aboutBg h2 {
    margin-top: 0px;
    border-bottom: 1px #fff solid;
    margin-bottom: 3px;
    padding-bottom: 30px;
    font-size: 3rem;
    line-height: 50px;
}

.aboutTextContain h1,
.aboutTextYear h1 {
    color: #461e00;
    font-size: 5.5rem;
    margin-bottom: 0px;
}

.aboutTextContain p,
.aboutTextYear p {
    color: #461e00;
    font-size: 1.7rem;
    line-height: 47px;
    height: auto;
}


.aboutProcessSlider {
    height: 600px;
    margin-top: -850px;

}

#aboutBg4 h3 {
    font-size: 4rem;
}

#aboutCon2 {
    padding-top: 160px;
    padding-bottom: 80px;
}

/* ==========================================================================
   Footer
   ========================================================================== */
.goTop {

    height: 0px;
    visibility: hidden;
    position: absolute;
    overflow: hidden;
}

.contactFooter {
    visibility: hidden;
    position: absolute;
    height: 0px;
    overflow: hidden;
}

.contactFooter h3 {
    color: #f9efd7;
    padding: 60px 10% 20px 10%;
    margin: 0px;

}

.footerContent {
    width: 1280px;
    margin-left: auto;
    margin-right: auto;
    height: 40px;
    overflow: hidden;
    padding-top: 0px;

}

.social {}

.social img {
    height: 30px;
    margin-top: -2px;
}

.footerContent {
    font-size: 0.9rem;
}


/* ==========================================================================
   Loyalty
   ========================================================================== */

.loyaltyPage .aboutTextContain {
    margin-left: 0 !important;
}

.emphasized .productsDetInner h3 {
    width: 450px;
}

.productsPage .subMenu {
    width: 1280px;
    margin: 0 auto;
    display: block;
}

.productsPage .subMenu ul {
    width: auto;
}

.productsPage .search-form {
    margin-right: 0;
}


.underMenu.productsPage {
    /*undermenu prema novom dizajnu niže*/
    top: 495px;
}

/*na stranici proizvoda detaljno*/
.underMenu.productsPage.productsDetPage {
    top: 28vw;
}


/*izmjene menija na about us stranici*/
.about .underMenu {
    width: 125px;
    top: 50%;
    margin-top: 0;
    border: none;
}

.about .subMenu {
    width: 100%;
}

.about .subMenu ul {
    width: auto;
    text-align: center;
    padding: 0;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
}

.about .subMenu ul li {
    text-align: center;
    display: block;
    float: none;
    margin: 0;
    border-top: 1px solid grey;
    padding: 10px;
}

/*linkovi u submeniju na about us*/
.about #about-number {
    font-size: 20px;
    font-family: 'PFAgoraSlabProItalic';
    background-color: #ffba07;
    color: #1e0e04;
    font-weight: bold;
    cursor: pointer;
    text-align: center;
    padding: 10px;
}

.about .subMenu ul li a {
    display: block;
    float: none;
    margin: 0;
}

.about .subMenu ul li:not(:first-child) {
    display: none;
}


.searchPage .search-title {
    padding-top: 30px;
}

.searchPage .search-title h1 {
    width: 1280px;
    margin: 0 auto;
}

.searchPage .underMenu {
    position: fixed;
    top: 10px;
}

.searchPage .productsOuter {
    padding-top: 0;
}


/*ikone se nisu ispravno pojavljivale na IE11*/
_:-ms-fullscreen,
.language_hr .mainNav ul li.loyaltyLink img,
.language_hr .mainNav ul li.myAccLink img,
.language_hr .mainNav ul li.clubLink img {
    width: 20px;
    height: 20px;
}

/*ikona u searchu na ie11*/
_:-ms-fullscreen,
.productsPage .subMenu .search-form input {
    text-align: left;
    background-size: 55px;
}

_:-ms-fullscreen,
.productsPage .subMenu .search-form input:focus {
    background-position: -5% center;
    background-size: 55px;
}

/*social ikone u meniju*/
_:-ms-fullscreen,
.mainNav .socialLinks a {
    margin-right: 0;
}


/* ==========================================================================
   Careers page
========================================================================== */
.careersPage .text-center-section {
    width: 1280px;
    margin-left: auto;
    margin-right: auto;
}

.careersPage .careersOuter {
    width: 1340px;
    padding-left: 0px;
    padding-right: 0px;
    margin-left: auto;
    margin-right: auto;
    overflow: auto;
}

.cookieBanner {
    left: 50%;
}