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: 100px;
}

/*.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%;
	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;
}

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

.homeNewsBox .overlay {
	position: absolute;

	display: none;
	z-index: 15;
}

.newsBox .overlay {
	position: absolute;

	cursor: pointer;
	background: url("/web-assets/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: "Lora-BoldItalic";
	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: "Lora-BoldItalic";
	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: "Lora-Italic";
	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%;
}