:root{--border-radius:4px;--border-radius2x:8px;--default:#777;--primary:#164034;--primary-100:#0f2d25;--primary-200:#0c241d;--primary-300:#091a15;--primary--100:#1d5343;--primary--200:#205c4b;--primary--300:#236653;--primary-rgba-0:#16403400;--primary-rgba-10:#1640341a;--primary-rgba-20:#16403433;--primary-rgba-30:#1640344d;--primary-rgba-40:#16403466;--primary-rgba-50:#16403480;--primary-rgba-60:#16403499;--primary-rgba-70:#164034b3;--primary-rgba-80:#164034cc;--primary-rgba-90:#164034e6;--secondary:#166634;--secondary-100:#115129;--secondary-200:#0f4724;--secondary-300:#0d3c1f;--secondary--100:#1b7b3f;--secondary--200:#1d8544;--secondary--300:#1f9049;--secondary-rgba-0:#16663400;--secondary-rgba-10:#1666341a;--secondary-rgba-20:#16663433;--secondary-rgba-30:#1666344d;--secondary-rgba-40:#16663466;--secondary-rgba-50:#16663480;--secondary-rgba-60:#16663499;--secondary-rgba-70:#166634b3;--secondary-rgba-80:#166634cc;--secondary-rgba-90:#166634e6;--tertiary:#f2d5bb;--tertiary-100:#eec8a6;--tertiary-200:#ecc19b;--tertiary-300:#eabb90;--tertiary--100:#f6e2d0;--tertiary--200:#f8e9db;--tertiary--300:#faefe6;--tertiary-rgba-0:#f2d5bb00;--tertiary-rgba-10:#f2d5bb1a;--tertiary-rgba-20:#f2d5bb33;--tertiary-rgba-30:#f2d5bb4d;--tertiary-rgba-40:#f2d5bb66;--tertiary-rgba-50:#f2d5bb80;--tertiary-rgba-60:#f2d5bb99;--tertiary-rgba-70:#f2d5bbb3;--tertiary-rgba-80:#f2d5bbcc;--tertiary-rgba-90:#f2d5bbe6;--quaternary:#986d5a;--quaternary-100:#886251;--quaternary-200:#805c4c;--quaternary-300:#785647;--quaternary--100:#a57a67;--quaternary--200:#aa816f;--quaternary--300:#ae8877;--quaternary-rgba-0:#986d5a00;--quaternary-rgba-10:#986d5a1a;--quaternary-rgba-20:#986d5a33;--quaternary-rgba-30:#986d5a4d;--quaternary-rgba-40:#986d5a66;--quaternary-rgba-50:#986d5a80;--quaternary-rgba-60:#986d5a99;--quaternary-rgba-70:#986d5ab3;--quaternary-rgba-80:#986d5acc;--quaternary-rgba-90:#986d5ae6;--dark:#212529;--dark-100:#16181b;--dark-200:#101214;--dark-300:#0a0c0d;--dark--100:#2c3237;--dark--200:#32383e;--dark--300:#383f45;--dark-rgba-0:#21252900;--dark-rgba-10:#2125291a;--dark-rgba-20:#21252933;--dark-rgba-30:#2125294d;--dark-rgba-40:#21252966;--dark-rgba-50:#21252980;--dark-rgba-60:#21252999;--dark-rgba-70:#212529b3;--dark-rgba-80:#212529cc;--dark-rgba-90:#212529e6;--light:#FFF;--light-100:#f2f2f2;--light-200:#ececec;--light-300:#e6e6e6;--light--100:#fff;--light--200:#fff;--light--300:#fff;--light-rgba-0:#fff0;--light-rgba-10:#ffffff1a;--light-rgba-20:#fff3;--light-rgba-30:#ffffff4d;--light-rgba-40:#fff6;--light-rgba-50:#ffffff80;--light-rgba-60:#fff9;--light-rgba-70:#ffffffb3;--light-rgba-80:#fffc;--light-rgba-90:#ffffffe6;--primary-inverse:#FFF;--secondary-inverse:#FFF;--tertiary-inverse:#777;--quaternary-inverse:#FFF;--dark-inverse:#FFF;--light-inverse:#777;--grey:#969696;--grey-100:#f4f4f4;--grey-200:#eaeaea;--grey-300:#e5e5e5;--grey-400:#e0e0e0;--grey-500:#dbdbdb;--grey-600:#cecece;--grey-700:#c1c1c1;--grey-800:#a8a8a8;--grey-900:#8e8e8e;--grey-1000:#757575}

html {  font-size: 16px; font-weight: 400;  font-style: normal;}
body, html {  position: relative;  overflow-x: hidden;}
body{letter-spacing: normal;font-size: 16px;}
p {font-style: normal;}
  
h1, h2, h3, h4, h5, h6 { font-optical-sizing: auto;  font-style: normal;color: var(--primary)}
h1{font-size:2.25rem;line-height:1.1;margin-top:0;margin-bottom:.5rem}h2{font-size:1.75rem;line-height:1.2;margin-top:1rem;margin-bottom:.5rem}h3{font-size:1.5rem;line-height:1.3;margin-top:1rem;margin-bottom:.5rem}h4{font-size:1.25rem;line-height:1.35;margin-top:1rem;margin-bottom:.5rem}h5{font-size:1.125rem;line-height:1.4;margin-top:1rem;margin-bottom:.5rem}h6{font-size:1rem;line-height:1.5;margin-top:1rem;margin-bottom:.5rem}

a:hover { text-decoration: none; -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; color: var(--secondary) ;}
a {-webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; color: var(--primary);}

.make-relative {position: relative}
.clear{clear:both;height:0}.clear10{clear:both;height:10px}.clear15{clear:both;height:15px}.clear20{clear:both;height:20px}.clear30{clear:both;height:30px}.clear40{clear:both;height:40px}.clear50{clear:both;height:50px}.clear60{clear:both;height:60px}
section.section {background: transparent;}
.card-body {color: var(--default);}

#header .header-top {background-color: rgba(0,0,0,0.1);}
#header .header-nav-top .nav > li > a, #header .header-nav-top .nav > li > span {  color: #ffffffbf;}


html.sticky-header-active #header .header-body {box-shadow: 0 20px 40px rgba(0,0,0,.12);}
@media (min-width: 992px) {
	#header .header-nav.header-nav-links nav > ul > li > a, #header .header-nav.header-nav-links nav > ul > li:hover > a, #header .header-nav.header-nav-line nav > ul > li > a, #header .header-nav.header-nav-line nav > ul > li:hover > a {padding: 0 1.6rem;}
	#header .header-nav.header-nav-links:not(.header-nav-light-text) nav > ul > li > a, #header .header-nav.header-nav-line:not(.header-nav-light-text) nav > ul > li > a {color: #000; font-size: 16px;
    font-weight: 500; text-transform: uppercase;}
	#header .header-nav.header-nav-line.header-nav-bottom-line.header-nav-bottom-line-active-text-light nav > ul:not(:hover) li > a.active {   color: #000 !important;  }
	#header .header-nav.header-nav-line.header-nav-bottom-line.header-nav-bottom-line-active-text-light nav > ul > li:hover > a {    color: #000 !important;  }
}

#header .social-icons li a{transition:all .2s ease;border-radius:100%;display:block;height:28px;line-height:28px;width:28px;text-align:center;color:#fff!important;text-decoration:none;font-size:12.8px;font-size:.8rem}
#header .social-icons li{padding:0 15px}
#header .social-icons.social-icons-icon-light.social-icons-clean li a i{color:#000!important}
.sticky-header-active #header .social-icons.social-icons-icon-light.social-icons-clean li a i{color: #000 !important}

/*Naslovnica*/
.hero-owl-home-cta{display:inline-flex;align-items:center;justify-content:center;margin-top:20px;padding:14px 36px;background:var(--primary);color:var(--primary-inverse);font-size:15px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;border:2px solid var(--primary);border-radius:var(--border-radius);text-decoration:none;white-space:nowrap;transition:background-color .3s ease,color .3s ease,box-shadow .3s ease,transform .3s ease}
.hero-owl-home-cta:hover,.hero-owl-home-cta:focus{background:var(--secondary);color:var(--primary-inverse);box-shadow:0 15px 40px var(--primary-rgba-40);transform:translateY(-2px);text-decoration:none}
.hero-owl-home-cta:active{transform:translateY(0);box-shadow:0 8px 20px var(--primary-rgba-30)}

/*Intro*/
.section{background-color:var(--light)}
.section h1{font-size:2.6rem}
@media (min-width: 992px) {
.section h1{font-size:3.2rem}
}
.section .letter-spacing-3{letter-spacing:.18em;color:var(--secondary);font-size:.85rem}
.section p{color:var(--default);max-width:520px}
.section .opacity-10{opacity:.08}
@media (max-width: 991px) {
.section h1{font-size:2.2rem}
.section p{max-width:100%}
}

/*Brojaci*/
.kcs-stats-section{padding:5rem 0 4rem;background:url(https://ee.klubselo.hr/slike/pozadina.jpg) center / cover no-repeat;color:#fff;position:relative;z-index:1;border:0}
.kcs-stats-section::before{content:"";position:absolute;top:0;bottom:0;left:0;right:0;background-color:#164034;opacity:.85}
.kcs-stats-section .container-xl{position:relative;z-index:2}
.kcs-stats-image-wrap{max-width:720px;margin:-80px auto 2.5rem;transform:translateY(-70px)}
.kcs-stats-image-wrap img{width:100%;border-radius:28px;display:block}
.kcs-stats-counters{margin-top:-20px}
.kcs-counter-circle{width:160px;height:160px;margin:0 auto;border-radius:50%;border:2px solid #75dd55;display:flex;flex-direction:column;align-items:center;justify-content:center}
.kcs-counter-circle strong{font-size:2.4rem;font-weight:700;line-height:1;color:#fff}
.kcs-counter-circle label{margin-top:.6rem;font-size:.95rem;line-height:1.4;color:#fff;max-width:140px;font-weight:400}
@media (max-width: 991px) {
.kcs-stats-image-wrap{max-width:560px;transform:translateY(-40px)}
.kcs-counter-circle{width:135px;height:135px}
.kcs-counter-circle strong{font-size:2rem}
}
@media (max-width: 575px) {
.kcs-stats-image-wrap{transform:translateY(-20px);margin-bottom:2rem}
}

/* ==================================================
   ELEMENT 3 WRAPPER
================================================== */

.kcs-element3 {
	position: relative;
}

/* ==================================================
   FEATURED NEWS
================================================== */

.kcs-featured-news {
	padding: 4.5rem 0 0;
	position: relative;
	z-index: 2;
}

.kcs-featured-title {
	font-weight: 700;
	color: var(--primary);
}

.kcs-featured-subtitle {
	max-width: 820px;
	margin: 0 auto;
	color: #666;
}

/* Grid wrapper (drži panel) */
.kcs-featured-grid {
	padding-bottom: 3.25rem; /* prostora za tekst + gumb iznad panela */
}

/* Donji panel (sivi dio koji kreće niže) */
.kcs-featured-panel {
	position: absolute;
	left: 0;
	right: 0;
	/* panel počinje ispod slika */
	top: 155px;                /* TUNING: gdje kreće panel */
	bottom: 0;
	background: #f2f2f2;
	border-radius: 28px;
	z-index: 0;
}

/* Cards */
.kcs-news-card {
	position: relative;
	z-index: 1; /* iznad panela */
	padding: 0 1rem 1.5rem;
}

/* Media */
.kcs-news-media {
	border-radius: 22px;
	overflow: hidden;
	box-shadow: 0 14px 28px rgba(0,0,0,.12);
	background: #fff;
}

.kcs-news-media img {
	width: 100%;
	height: auto;
	display: block;
}

/* Title + button */
.kcs-news-title {
	font-size: 1rem;
	font-weight: 600;
	color: #222;
	margin: 1.35rem auto 1.1rem;
	max-width: 320px;
	line-height: 1.35;
}

.kcs-news-btn {
	border-radius: 999px;
	padding: .65rem 1.6rem;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: .08em;
	font-size: .72rem;
	background: var(--primary);
	border-color: var(--primary);
}

.kcs-news-btn:hover {
	background: var(--primary-100);
	border-color: var(--primary-100);
}

/* ==================================================
   CTA SECTION (BACKGROUND + OVERLAY)
================================================== */

.kcs-cta-section {
	padding: 12rem 0 5rem;
	background: url("https://ee.klubselo.hr/slike/pozadina2.jpg") center / cover no-repeat;
	color: #fff;
	position: relative;
	z-index: 1;
	margin-top: -110px; /* overlap ispod sivog panela */
}

.kcs-cta-section::before {
	content: "";
	position: absolute;
	inset: 0;
	background-color: #59362e;
	opacity: .85;
	z-index: 0;
}

.kcs-cta-section .container-xl {
	position: relative;
	z-index: 1;
}

.kcs-cta-title {
	font-weight: 800;
	font-size: 2.4rem;
	margin-bottom: 1rem;
}

.kcs-cta-text {
	color: rgba(255,255,255,.9);
	line-height: 1.7;
	max-width: 520px;
}

.kcs-cta-btn {
	border-radius: 999px;
	padding: .75rem 2.2rem;
	font-weight: 700;
}

/* Project list */
.kcs-project-list {
	list-style: none;
	padding: 0;
	margin: 1rem 0 0;
	max-width: 420px;
}

.kcs-project-list li {
	padding: .55rem 0;
	border-bottom: 1px solid rgba(255,255,255,.28);
	color: rgba(255,255,255,.95);
}

/* ==================================================
   RESPONSIVE TUNING
================================================== */

@media (max-width: 991px) {
	.kcs-featured-panel {
		top: 135px;
	}
	.kcs-cta-section {
		padding-top: 10rem;
	}
	.kcs-cta-title {
		font-size: 2rem;
	}
}

@media (max-width: 767px) {
	.kcs-featured-panel {
		top: 120px;
		border-radius: 22px;
	}
	.kcs-news-card {
		padding-bottom: 1.25rem;
	}
	.kcs-cta-section {
		margin-top: -70px;
		padding-top: 8.5rem;
	}
}

/* ==================================================
   KCS PARTNERS SECTION
================================================== */

.kcs-partners-section {
	padding: 3.5rem 0;
}

/* Owl item wrapper */
.kcs-partners-section-owl-item {
	height: 120px; /* JEDNAKA VISINA SVIH LOGOTIPA */
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 1rem;
}

/* Link kao flex centar */
.kcs-partners-section-owl-item > a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
}

/* Image handling */
.kcs-partners-section-owl-item img {
	max-height: 100%;
	max-width: 100%;
	width: auto;
	height: auto;
	object-fit: contain;
	display: block;
	filter: grayscale(0);
	transition: transform .25s ease, opacity .25s ease;
}

/* Optional hover polish */
.kcs-partners-section-owl-item a:hover img {
	transform: scale(1.03);
	opacity: .9;
}

/* ==================================================
   RESPONSIVE
================================================== */

@media (max-width: 991px) {
	.kcs-partners-section-owl-item {
		height: 100px;
	}
}

@media (max-width: 575px) {
	.kcs-partners-section-owl-item {
		height: 90px;
	}
}





/*Page header*/
.cover-hero{position:relative;min-height:420px;padding:170px 0 90px;background:url(https://studionixaprijevodi.hr/wp-content/uploads/2022/02/stari-ured-svi.jpg) center center / cover no-repeat;overflow:hidden}
.cover-hero__overlay{position:absolute;inset:0;background:linear-gradient(180deg,#ffffffbf 0%,/* NAVBAR ZONA */ #ffffff59 80px,#00000073 200px,/* CONTENT START */ #000000a6 100%);z-index:1}
.cover-hero__overlay::before{content:'';position:absolute;top:0;left:0;right:0;height:90px;background:linear-gradient(180deg,#ffffff59,#fff0)}
.cover-hero .container{position:relative;z-index:2}
.cover-hero__content{max-width:720px;position:relative;z-index:2}
.cover-hero__accent{display:flex;align-items:center;gap:14px;margin-bottom:20px}
.nixa-arrow{width:0;height:0;border-left:14px solid #e1130a;border-top:8px solid transparent;border-bottom:8px solid transparent}
.cover-hero__breadcrumb{margin-bottom:18px}
.cover-hero__breadcrumb ol.breadcrumb{display:flex;flex-wrap:wrap;list-style:none;padding:0;margin:0;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase}
.cover-hero__breadcrumb ol.breadcrumb > li{color:#ffffffbf}
.cover-hero__breadcrumb ol.breadcrumb > li + li::before{content:"/";margin:0 8px;opacity:.5;color:#ffffffbf}
.cover-hero__breadcrumb ol.breadcrumb a{color:#ffffffbf;text-decoration:none}
.cover-hero__breadcrumb ol.breadcrumb a:hover{color:#fff}
.cover-hero__breadcrumb ol.breadcrumb > li.last > span{color:#fff;font-weight:500}
.cover-hero__title{font-size:clamp(2.4rem,4vw,3.2rem);font-weight:700;margin-bottom:12px;color:#fff}
.cover-hero__intro{font-size:1.05rem;max-width:520px;line-height:1.6;color:#ffffffeb}


#footer{background:var(--grey-100);border-top:1px solid var(--grey-300);font-size:.95rem;color:var(--default)}
#footer h4{color:var(--dark);font-weight:700;font-size:1.15rem;margin-bottom:.9rem;letter-spacing:-.01em}
#footer a{color:var(--default);text-decoration:none;transition:color .2s ease}
#footer a:hover{color:var(--primary)}
#footer ul li{margin-bottom:.55rem;line-height:1.45}
#footer .list-icons li i{color:var(--primary)}
#footer .footer-top{padding-top:4rem;padding-bottom:4rem}
#footer .footer-bottom{background:var(--grey-200);border-top:1px solid var(--grey-300);font-size:.9rem}
#footer .footer-bottom p{color:var(--default)}
#footer .letter-spacing-3{letter-spacing:.15em;color:var(--grey-900)}


/*RESPONSIVE*/
@media (max-width: 1981px) {}
@media (max-width: 1921px) {}
@media (max-width: 1681px) {}
@media (max-width: 1600px) {}
@media (max-width: 1440px) {}
@media (max-width: 1367px) {}
@media (max-width: 1281px) {}
@media (max-width: 1266px) {}
@media (max-width: 1199px) {}	
@media (max-width: 1025px) {}
@media (min-width: 992px) and (min-width: 1200px) {}
@media (max-width: 991px) {
	#header .header-btn-collapse-nav {background: transparent;}	
	#header .header-btn-collapse-nav:focus,	#header .header-btn-collapse-nav:active {outline: none !important;box-shadow: none;}	
	.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {background-color: #fff;}
	.hamburger.is-active .hamburger-inner, .hamburger.is-active .hamburger-inner::before, .hamburger.is-active .hamburger-inner::after {background-color: #fff;}	
	.sticky-header-active .hamburger-inner, 
	.sticky-header-active .hamburger-inner::before, 
	.sticky-header-active .hamburger-inner::after {background-color:#fff;}
	.sticky-header-active .hamburger.is-active .hamburger-inner, 
	.sticky-header-active .hamburger.is-active .hamburger-inner::before, 
	.sticky-header-active .hamburger.is-active .hamburger-inner::after {background-color: #fff;}		
	.dropdown-item.active, .dropdown-item:active {text-decoration: none;  background-color: var(--secondary);}
	
	#footer .text-center{text-align:left!important}
}

@media (max-width: 801px) {}
@media (max-width: 769px) {}	
@media (max-width: 737px) {}
@media (max-width: 668px) {}	
@media (max-width: 601px) {}
@media (max-width: 569px) {
	.hero-owl-home-cta{padding:12px 28px;font-size:14px}
}	
@media (max-width: 481px) {}	
@media (max-width: 416px) {}
@media (max-width: 376px) {}
@media (max-width: 321px) {}
@media (max-width: 241px) {}

/*
 * Custom Header Styles - Rounded Menu Design
 * Based on header.jpg design
 */

/* Header Top - Contact Information Bar */
/* White text on transparent background (visible over blurred background) */
#header .header-top.header-top-borders.header-top-light-2-borders {
	background: transparent !important;
	border-bottom: none !important;
}

#header .header-top.header-top-borders.header-top-light-2-borders .header-nav-top ul > li > a,
#header .header-top.header-top-borders.header-top-light-2-borders .header-nav-top ul > li > span {
	color: #ffffff !important;
}

#header .header-top.header-top-borders.header-top-light-2-borders .header-nav-top ul > li > a:hover {
	color: rgba(255, 255, 255, 0.8) !important;
}

#header .header-top.header-top-borders.header-top-light-2-borders .nav-item-borders {
	border-right-color: rgba(255, 255, 255, 0.2) !important;
}

/* Header Body - Keep transparent, only container has white background */
html:not(.sticky-header-active) #header.header-transparent.header-effect-shrink .header-body {
	background: transparent !important;
	background-color: transparent !important;
	border-top: none !important;
}

/* Header Container - White background, rounded corners, centered with margins (like header.jpg) */
html:not(.sticky-header-active) #header.header-transparent.header-effect-shrink .header-container {
	background: #ffffff !important;
	background-color: #ffffff !important;
	border-radius: 50px !important;
	margin: 10px auto !important;
	max-width: calc(100% - 40px) !important;
	width: calc(100% - 40px) !important;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
	padding-left: 30px !important;
	padding-right: 30px !important;
}

/* When sticky/scroll active - header-body gets white background, full width, no rounded corners */
html.sticky-header-active #header.header-transparent.header-effect-shrink .header-body {
	background: #ffffff !important;
	background-color: #ffffff !important;
	border-radius: 0 !important;
	position: fixed !important;
	top: 0 !important;
	left: 0 !important;
	transform: none !important;
	width: 100% !important;
	max-width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15);
	z-index: 1030 !important;
}

/* When sticky - header-container becomes full width, no rounded corners */
html.sticky-header-active #header.header-transparent.header-effect-shrink .header-container {
	background: transparent !important;
	background-color: transparent !important;
	border-radius: 0 !important;
	margin: 0 !important;
	max-width: 100% !important;
	width: 100% !important;
	padding-left: 30px !important;
	padding-right: 30px !important;
}

/* Header Container - ensure proper spacing when sticky */
html.sticky-header-active #header.header-transparent.header-effect-shrink .header-container {
	padding-left: 30px !important;
	padding-right: 30px !important;
}

/* Ensure header-top is hidden when sticky (optional - can be removed if you want it visible) */
html.sticky-header-active #header.header-transparent.header-effect-shrink .header-top {
	display: none;
}

/* Alternative: Keep header-top visible but with white background when sticky */
/*
html.sticky-header-active #header.header-transparent.header-effect-shrink .header-top {
	background: #ffffff !important;
	border-radius: 50px 50px 0 0 !important;
	border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}
*/

/* Ensure navigation items have proper spacing */
html.sticky-header-active #header.header-transparent.header-effect-shrink .header-nav-main nav {
	padding: 0 15px !important;
}

/* Responsive adjustments for default state */
@media (max-width: 991px) {
	html:not(.sticky-header-active) #header.header-transparent.header-effect-shrink .header-container {
		max-width: calc(100% - 30px) !important;
		width: calc(100% - 30px) !important;
		border-radius: 25px !important;
		margin: 10px auto !important;
		padding-left: 20px !important;
		padding-right: 20px !important;
	}
}

@media (max-width: 575px) {
	html:not(.sticky-header-active) #header.header-transparent.header-effect-shrink .header-container {
		max-width: calc(100% - 20px) !important;
		width: calc(100% - 20px) !important;
		border-radius: 20px !important;
		margin: 5px auto !important;
		padding-left: 15px !important;
		padding-right: 15px !important;
	}
}

/* Sticky state - always full width when scrolling */
@media (max-width: 991px) {
	html.sticky-header-active #header.header-transparent.header-effect-shrink .header-body {
		width: 100% !important;
		max-width: 100% !important;
		border-radius: 0 !important;
		margin: 0 !important;
		top: 0 !important;
	}
	
	html.sticky-header-active #header.header-transparent.header-effect-shrink .header-container {
		padding-left: 20px !important;
		padding-right: 20px !important;
	}
}

@media (max-width: 575px) {
	html.sticky-header-active #header.header-transparent.header-effect-shrink .header-body {
		width: 100% !important;
		max-width: 100% !important;
		border-radius: 0 !important;
		margin: 0 !important;
		top: 0 !important;
	}
	
	html.sticky-header-active #header.header-transparent.header-effect-shrink .header-container {
		padding-left: 15px !important;
		padding-right: 15px !important;
	}
}