/*-------------------------------------------------------------------------- 
[Master Stylesheet] 
 
Project:		Novak Carnica Queen     
Version:		1.0.0 
Last change:	10/04/26
--------------------------------------------------------------------------*/

/*--------------------------------------------------------------------------
# [Color codes]

box-shadow: 0 -6px 6px -6px rgba(0,0,0, 0.33), 0 6px 6px -6px rgba(0,0,0, 0.22);

.intro {
	background: url(img/) center center no-repeat fixed;
	
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.full {
	position: relative;
	height: 100vh;
	display: table;
	width: 100%;
}

.absolute {
	display: table-cell;
	vertical-align: middle;
}

-webkit-box-decoration-break: clone;
box-decoration-break: clone;

appearance: none;
-moz-appearance: none;
-webkit-appearance: none;


-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;

top: 50%;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);

left: 50%;
-webkit-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
transform: translate(-50%, 0);

image-rendering: -webkit-optimize-contrast;

.check span::before { content: '\2713'; }

“ --> content: '\201C';

.item:not(:last-child) {
    margin-right: 1.6rem;
}

*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

html { scroll-behavior: smooth; }
body {
	background-color: #F7F3F0;
	color: #1f1f1f; 
	font-family: "Karla", sans-serif; font-optical-sizing: auto; font-size: 20px; font-weight: 400; font-style: normal;
	padding-top: 120px;
}
.body_padding { padding-top: 0; }













.scroll-margin-top { scroll-margin-top: 120px; }

h1, h2, h3 { font-weight: normal; }

p { line-height: 1.5; padding-top: 1.5em; }

ul, ol { padding-top: 1.5em; }
li { line-height: 1.5; }

.list_plain { list-style-type: none; }

.content ul:not(.list_plain) { padding-left: 1em; }
.content ul:not(.list_plain) > li::marker { color: #FCA739; }

a:link, a:visited { color: #FCA739; }
a:hover { text-decoration: none; }

.link_plain:link, .link_plain:visited { color: inherit; text-decoration: none; }

img { display: block; }
a img { border: 0; }

.wrap { width: 960px; margin: 0 auto; }

h2,
.font_large,
.title { font-size: 64px; font-weight: 700; line-height: 1.35; }
.font_larger { font-size: 48px; font-weight: 700; line-height: 1.35; padding-top: 1.5em; }

.product .title { font-size: 48px; }
.product .title + .font_larger { font-size: 36px; padding-top: 0.5em; }

h3 { font-size: 36px; font-weight: 700; line-height: 1.35; padding-top: 1.5em; }


.title_subpage { 
	font-size: 72px; 
	font-weight: 700;
	padding: 0; 

	-webkit-animation: tracking-in-contract 0.8s cubic-bezier(0.215, 0.610, 0.355, 1.000) both;
	        animation: tracking-in-contract 0.8s cubic-bezier(0.215, 0.610, 0.355, 1.000) both;
}

.title > span { color: #fca739; color: inherit; }

h2,
.font_large,
.font_larger,
.title_subpage,
.contact_us > span,
.title,
h1, h2, h3,
.hero-content > h1 + p,
.our_team > .box > div:nth-of-type(2) > p:nth-of-type(1),
.our_team > .box > div:nth-of-type(2) > p:nth-of-type(2),
.our_offer > .box > div:nth-of-type(2) > p:nth-of-type(1),
.our_products_limited > .box > a > div:nth-of-type(2) > p:nth-of-type(1),
.our_products > .box > a > div:nth-of-type(2) > p:nth-of-type(1) { font-family: "Courier Prime", monospace; font-weight: 400; font-style: normal; }

/*
.title_1 { font-size: 24px; text-transform: uppercase; letter-spacing: 1px; padding-top: 0; }
*/

/*
.box {

	margin: 100px auto 0;

		display: flex;
	flex-wrap: wrap;
    align-items: stretch;
    align-items: flex-start;
    align-items: center;
    
    justify-content: flex-end;
    justify-content: space-between;

    gap: 0;

    background-color: #ffffff;
    background-color: transparent;

}
*/


.subpage_intro {
	color: #ffffff;
	padding: 200px 100px;
	display: flex;
	flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 1;
}
.hero::before,
.subpage_intro::before {
	content: '';
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.25);
}
.hero::before { z-index: 2; }
.subpage_intro_our_mission { background: url('img/Collecting-Acacia..jpg') center center/cover no-repeat fixed; }
.subpage_intro_our_products { background: url('img/image00001.jpg') center center/cover no-repeat fixed; }
.subpage_intro_our_faq { background: url('img/image00018_full.jpg') center center/cover no-repeat fixed; }
.subpage_intro_our_contact { background: url('img/IMG_2969.jpg') center center/cover no-repeat fixed; }

.full_success {
	background: url('img/Collecting-Acacia..jpg') center center/cover no-repeat fixed;
	color: #ffffff;
	width: 100%;
	height: 100vh;
	text-align: center;

	display: flex;
	flex-wrap: wrap;
    align-items: center;
    justify-content: center;
     position: relative;
    z-index: 1;

}
.full_success::before {
	content: '';
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.35);
}
.full_success > section > .content > a { display: block; width: 90px; height: 90px; margin: 1.5em auto 0; }
.full_success > section > .content > a > img { width: 100%; }
.full_success > section > .content > p > a { color: inherit; text-decoration: none; } 


/*
.subpage_intro_product { padding: 36px 100px; background-color: #F0E8E2; text-shadow: 0 0 5px rgba(0,0,0,0.15); } 
.subpage_intro_product::before { display: none; } 
*/

.faq,
.product,
.cebelarna,
.newsletter,
.our_mission_1,
.our_mission_2 {
	margin: 75px auto 0;
	display: flex;
	flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    gap: 75px;
}
.product,
.newsletter { margin-top: 0; }

.our_offer.to_animate > div,
.our_products.to_animate > div,
.our_products_limited.to_animate > div { opacity: 0; transform: translateX(100px); transition: all 0.6s ease; }

.our_offer.to_animate > div.in-view,
.our_products.to_animate > div.in-view,
.our_products_limited.to_animate > div.in-view { opacity: 1; transform: translateX(0); }

.our_products.to_animate > div:nth-child(1) { transition-delay: 0.1s; }
.our_products.to_animate > div:nth-child(2) { transition-delay: 0.2s; }
.our_products.to_animate > div:nth-child(3) { transition-delay: 0.1s; }
.our_products.to_animate > div:nth-child(4) { transition-delay: 0.2s; }

.our_offer.to_animate > div:nth-child(1),
.our_products_limited.to_animate > div:nth-child(1) { transition-delay: 0.1s; }
.our_offer.to_animate > div:nth-child(2),
.our_products_limited.to_animate > div:nth-child(2) { transition-delay: 0.2s; }
.our_offer.to_animate > div:nth-child(3),
.our_products_limited.to_animate > div:nth-child(3) { transition-delay: 0.3s; }

.faq { border-bottom: 10px solid #F0E8E2; padding-bottom: 75px; }
.content > .faq:first-child { margin-top: 0; }
.content > .faq:last-child { border-bottom: none; padding-bottom: 0; }

.faq > div { width: calc(50% - 37.5px); }
.faq > div:nth-of-type(1) { position: sticky; top: 195px; }
.faq > div > p:first-child,
.faq > div > ul:first-child { padding-top: 0; }

.our_mission_1 > div:nth-of-type(1) { width: calc((100% - 75px) / 3); position: sticky; top: 75px; top: 195px; }
.our_mission_1 > div:nth-of-type(2) { width: calc(((100% - 75px) / 3) * 2); }

.our_mission_1 > div:nth-of-type(1) > img { max-width: 100%; }
.our_mission_1 > div:nth-of-type(2) > p:first-child { padding-top: 0; }

.our_mission_2 > div:nth-of-type(1) { width: calc((100% - 75px) / 3); position: sticky; top: 195px; order: 1; }
.our_mission_2 > div:nth-of-type(2) { width: calc(((100% - 75px) / 3) * 2); order: 0; }

.our_mission_2 > div:nth-of-type(1) > img { max-width: 100%; }
.our_mission_2 > div:nth-of-type(2) > p:first-child,
.our_mission_2 > div:nth-of-type(2) > h3:first-child { padding-top: 0; }

.newsletter > div:nth-of-type(1) { width: calc((100% - 75px) / 3); position: sticky; top: 195px; order: 1; }
.newsletter > div:nth-of-type(2) { width: calc(((100% - 75px) / 3) * 2); order: 0; }

.newsletter > div:nth-of-type(1) > img { max-width: 100%; }
.newsletter > div:nth-of-type(2) > h2:first-child { padding-top: 0; }

.our_mission_bottom { margin: 75px auto 0; }
.our_mission_bottom > div > img { max-width: 100%; }


.our_team {
	background-color: transparent;
	margin: 75px auto 0;
	display: flex;
	flex-wrap: wrap;
    align-items: stretch;
    justify-content: space-between;
    gap: 75px;
}
.our_team > .box { width: calc(33.33% - 50px); background-color: #ffffff; border-bottom: 5px solid #E8DDD5; box-shadow: 0 0 50px rgba(0, 0, 0, 0.055); }

.our_team > .box > div:nth-of-type(1) > img { width: 100%; margin: 0 auto; }
.our_team > .box > div:nth-of-type(2) > img { max-width: 100%; margin-top: 1.5em; }
.our_team > .box > div:nth-of-type(2) { padding: 50px;   }
.our_team > .box > div:nth-of-type(2) > p:nth-of-type(1) { font-size: 30px; font-weight: 700; line-height: 1.35; padding: 0; }
.our_team > .box > div:nth-of-type(2) > p:nth-of-type(2) { color: #FCA739; font-size: 24px; padding: 0; }
.our_team > .box > div:nth-of-type(2) > p:nth-of-type(2) + p { padding-top: 0.75em; }

.cebelarna > .box { width: calc(33.33% - 50px); }

.cebelarna > .box > p:nth-of-type(1),
.cebelarna > .box > ul:nth-of-type(1) { padding-top: 0; }
.cebelarna > .box > .social_footer_icons { margin-top: 0; }

.cebelarna > .box:nth-of-type(2) { text-align: center; }

.cebelarna > .box:nth-of-type(3) { display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: flex-end; }

.cebelarna > .box:nth-of-type(3) > .social_footer_icons > a > svg { width: 36px; height: auto; fill: #1f1f1f; }
.cebelarna > .box:nth-of-type(3) > .social_footer_icons > a:hover > svg { fill: #FCA739; }


.cebelarna_map { position: relative; z-index: 1; width: 100%; height: 480px; margin: 55px auto 0; }
.cebelarna_map > div { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.cebelarna_map canvas { transform: translateZ(0); }

.product > div { width: calc(50% - 37.5px); }
.product > div:nth-of-type(1) { position: sticky; top: 195px; }
.product > div:nth-of-type(1) > img { max-width: 100%; }
.product > div:nth-of-type(2) > h2 + p { padding-top: 0; color: #CBB4A3; color: #FCA739; }

.our_products_1 {
		display: flex;
	flex-wrap: wrap;
    align-items: stretch;
    justify-content: flex-start;

    gap: 75px;

    background-color: #ffffff;
    background-color: transparent;

}

.our_products_1_margin { margin-top: 75px; }

.our_products_1 > .box { background-color: #ffffff; box-sizing: border-box; width: calc(33.33% - 50px);  box-shadow: 0 0 50px rgba(0, 0, 0, 0.055); }

.our_products_1 > .box > a { color: inherit; text-decoration: none; width: 100%; height: 100%; display: block; box-sizing: border-box; border-bottom: 5px solid #E8DDD5; }
.our_products_1 > .box > a:hover { border-color: #FCA739; }

/*
.our_products_1 > .box > a > div:nth-of-type(1) { width: 150px; }
.our_products_1 > .box > a > div:nth-of-type(2) { width: calc(100% - 185px); }
*/

.our_products_1 > .box > a > div:nth-of-type(1) > img { max-width: 100%; width: 100%;  }
.our_products_1 > .box > a > div:nth-of-type(2) { padding: 50px; padding: 42px 50px; }

.our_offer > .box > div:nth-of-type(2) > p:nth-of-type(1),
.our_products_1 > .box > a > div:nth-of-type(2) > p:nth-of-type(1),
.our_products_1 > .box > a > div:nth-of-type(2) > p:nth-of-type(2) { padding: 0; font-size: 30px; font-weight: 700; line-height: 1.35; 

font-family: "Courier Prime", monospace; font-style: normal; font-size: 30px;

}
.our_products_1 > .box > a > div:nth-of-type(2) > p:nth-of-type(2) { color: #FCA739; color: #CBB4A3; font-weight: 400; padding-top: 0.5em; }



.our_products_1 > .box > a > div:nth-of-type(2) > p.truncate {
    display: -webkit-box;
    -webkit-line-clamp: 3; /* number of lines */
    -webkit-box-orient: vertical;
    overflow: hidden;
}


.our_products_1 > .box > a > div:nth-of-type(2) > p:nth-of-type(4) { color: #CBB4A3; font-weight: 700; text-align: right; }


.our_products_1 > .box > a:hover > div:nth-of-type(2) > p:nth-of-type(1),
.our_products_1 > .box > a:hover > div:nth-of-type(2) > p:nth-of-type(4) { color: #FCA739; }
/*.our_products_1 > .box > a:hover > div:nth-of-type(2) > p:nth-of-type(2) { color: #1f1f1f; }*/

.section_bg_white { background-color: #ffffff; }
.section_border_top { border-top: 10px solid #F7F3F0; }

/*

.our_mission_top {
    margin: 75px auto 0;
    display: flex;
    gap: 75px;
}

.our_mission_top > div:nth-of-type(1) {
    width: calc((100% - 75px) / 3);
}

.our_mission_top > div:nth-of-type(2) {
    width: calc(((100% - 75px) / 3) * 2);
}

*/

.box_img_wrap {

	margin: 75px auto 0;

	display: flex;
	flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;

    gap: 75px;

    background-color: #ffffff;
    background-color: transparent;

}

.box_img_wrap > .box_img { width: calc(50% - 50px); position: relative; }
.box_img_wrap > .box_img { width: calc(50% - 37.5px); }

.box_img_wrap > .box_img > p { padding: 1em 1.5em; position: absolute; bottom: 0; left: 0; color: #ffffff; background-color: rgba(0,0,0,0.25); width: 100%; box-sizing: border-box; }

.box_img_wrap + p { padding-top: 75px; }

/*
.box > div { width: calc(50% - 50px); }
.box > div { width: 50%; }

*/

.box_img > img { width: 100%; }
.box_txt { padding: 0 100px; box-sizing: border-box;  padding: 0 100px 0 0; }
.box_txt > p:first-child { padding-top: 0; }


.what_we_offer { 

display: flex;
	flex-wrap: wrap;
    
    align-items: flex-start;
    align-items: stretch;

    
    justify-content: flex-end;
    justify-content: space-between;

    gap: 100px;

}
.box_1 {
	width: calc(33.3333% - 33.3333px); 
 width: calc(33.3333% - 66.6667px); 

background-color: #ffffff;
padding: 50px;
box-sizing: border-box;

}

.box_1 > p:nth-of-type(1) { font-weight: 700;} 


.what_we_offer { padding-top: 100px; padding: 100px; }

.video-container {
	margin: 75px auto 0;
  width: 100%;
  aspect-ratio: 16 / 9;
  background: black;
  overflow: hidden;
}

.video-container video {
  width: 100%;
  height: 100%;
  object-fit: cover; /* fills container, crops if needed */
  object-fit: contain; /* fills container, crops if needed */
}

/*
.our_products { padding: 0 100px; }
*/

.our_products {
	margin: 75px auto 0;
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	justify-content: space-between;
	gap: 75px;
	background-color: transparent;
}

.our_products > .box { width: calc(50% - 37.5px);  background-color: #ffffff; box-shadow: 0 0 50px rgba(0, 0, 0, 0.055); box-sizing: border-box; }
.our_products > .box > a { 
	padding: 50px; 
	display: flex;
	flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    gap: 35;
    color: inherit;
    text-decoration: none;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    border-bottom: 5px solid #E8DDD5;
}

.our_products > .box > a > div:nth-of-type(1) { width: 150px; }
.our_products > .box > a > div:nth-of-type(2) { width: calc(100% - 185px); }

.our_products > .box > a > div:nth-of-type(1) { width: 125px; }
.our_products > .box > a > div:nth-of-type(2) { width: calc(100% - 160px); }

.our_products > .box > a > div:nth-of-type(1) > img { width: 125px; max-width: 100%; height: auto;  }
.our_products > .box > a > div:nth-of-type(2) > p:nth-of-type(1) { padding: 0; font-size: 30px; font-weight: 700; line-height: 1.35; }
.our_products > .box > a > div:nth-of-type(2) > p:nth-of-type(1) + p { padding-top: 0.75em; }

.our_products_limited {
	margin: 75px auto 0;
	display: flex;
	flex-wrap: wrap;
    align-items: stretch;
    justify-content: space-between;
    gap: 75px;
    background-color: transparent;
}

.our_products_limited > .box { width: calc(33.33% - 50px); background-color: #ffffff; box-shadow: 0 0 50px rgba(0, 0, 0, 0.055); }
.our_products_limited > .box > a { border-bottom: 5px solid #E8DDD5; padding: 50px; width: 100%; height: 100%; box-sizing: border-box; display: block; color: inherit; text-decoration: none; }

.our_products_limited > .box > a >  div:nth-of-type(1) > img { width: 200px; max-width: 100%; height: auto; margin: 0 auto 1em; }
.our_products_limited > .box > a > div:nth-of-type(2) > p:nth-of-type(1) { padding: 0; font-size: 30px; font-weight: 700; line-height: 1.35; }
.our_products_limited > .box > a > div:nth-of-type(2) > p:nth-of-type(1) + p { padding-top: 0.75em; }

.our_products > .box > a > div:nth-of-type(2) > p:last-child,
.our_products_limited > .box > a > p:last-child { color: #CBB4A3; color: #D7C5B7;  text-align: right; font-family: "Courier Prime", monospace; font-style: normal; font-size: 24px; }

.our_products > .box > a,
.our_products_1 > .box > a,
.our_products_limited > .box > a { transition: border 0.25s ease; }

.our_products_limited > .box > a > p:last-child,
.our_products_limited > .box > a > div:nth-of-type(2) > p:nth-of-type(1),
.our_products_1 > .box > a > div:nth-of-type(2) > p:nth-of-type(1),
.our_products_1 > .box > a > div:nth-of-type(2) > p:nth-of-type(4),
.our_products > .box > a > div:nth-of-type(2) > p:nth-of-type(1),
.our_products > .box > a > div:nth-of-type(2) > p:last-child { transition: color 0.25s ease; }

.our_products > .box > a:hover,
.our_products_limited > .box > a:hover { border-bottom: 5px solid #FCA739; }

.our_products_limited > .box > a:hover > p:last-child,
.our_products_limited > .box > a:hover > div:nth-of-type(2) > p:nth-of-type(1),
.our_products > .box > a:hover > div:nth-of-type(2) > p:nth-of-type(1),
.our_products > .box > a:hover > div:nth-of-type(2) > p:last-child { color: #FCA739; }

.our_offer {
	margin: 75px auto 0;
	display: flex;
	flex-wrap: wrap;
    align-items: stretch;
    justify-content: space-between;
    gap: 75px;
    background-color: transparent;
}

.our_offer > .box { 
	width: calc(33.33% - 50px); 
    gap: 35;
    padding: 50px;
    box-sizing: border-box;
    background-color: #ffffff;
    box-shadow: 0 0 50px rgba(0, 0, 0, 0.055);
    border-bottom: 5px solid #E8DDD5;
}

.our_offer > .box > div:nth-of-type(1) > img { height: 175px; width: auto; margin: 0 auto 1em; }
.our_offer > .box > div:nth-of-type(2) > p:nth-of-type(1) { padding: 0; font-size: 30px; font-weight: 700; }
.our_offer > .box > div:nth-of-type(2) > p:nth-of-type(1) + p { padding-top: 0.75em; }


.frontpage_images {
	display: flex;
	flex-wrap: wrap;
    align-items: stretch;
    justify-content: space-between;
}
.frontpage_images > div { width: 33.3333%; }
.frontpage_images > div > img { width: 100%; }

/*
.our_products > .box > a,
.our_products_limited > .box > a { text-decoration: none; color: inherit;  display: block; width: 100%; padding: 50px;  box-sizing: border-box; }
*/

section { padding: 100px; box-sizing: border-box; }

/*
section + section { padding-top: 0; }
*/

.content > .title:first-child { padding-top: 0; }

section.no-padding { padding: 0; }

/*--------------------------------------------------------------------------
#header
*/

.header_content { 
	width: 100%; 
	position: relative;
	margin: 0 auto;
	display: flex;
    align-items: stretch;
    align-items: center;
    justify-content: space-between;
}

.header_wrap { height: 120px; position: absolute; top: 0; left: 0; width: 100%; z-index: 1000; background-color: #ffffff; }
.header { 
	padding: 15px 100px; 
    width: 100%;
    box-sizing: border-box;
    position: relative;
    box-shadow: 0 0 50px rgba(0,0,0,0.075);
    /*transition: background-color 0.5s;*/
    background-color: rgba(255, 255, 255, 0.85);
    position: fixed; z-index: 1000; top: 0; left: 0;

    transition: background-color 0.25s ease;
}
/*
.header_shadow { background-color: #344834; position: fixed; z-index: 1000; top: 0; left: 0; }
*/
.header_wrap_homepage { background-color: transparent; }
.header_wrap_transparent { }
.header_wrap_transparent > .header { background-color: transparent; box-shadow: none; }


.header {
  /*
  opacity: 0;
  transform: translateY(-20px);
  transition: all 0.4s ease;
  pointer-events: none;
  */
}
/*
.header.visible {
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
}
*/

/*
.logo,
.logo_menu { display: block; width: 90px; }
*/
.logo > img { width: 100%; height: auto; }

.logo_wrap { width: 90px; height: 90px; position: relative; }

.logo { transition: opacity 0.25s ease; }

.logo { position: absolute; width: 100%; height: 100%; }

.logo-light { opacity: 0; }
.logo-dark  { opacity: 1; }

.header_wrap_transparent .logo-light { opacity: 1; }
.header_wrap_transparent .logo-dark  { opacity: 0; }

.nav {  }
.nav { list-style-type: none;  padding: 0; display: flex; align-items: stretch; justify-content: space-between; gap: 40px; }
.nav > li { font-family: "Courier Prime", monospace;  font-style: normal; font-size: 24px; }
.nav > li > .nav_link,
.nav > li > a { display: inline-block; line-height: 50px; color: inherit; text-decoration: none; transition: color 0.25s ease; }
.nav > li > a:hover,
.nav > li > .nav_link:hover,
.nav > li.nav_current > .nav_link,
.nav > li.nav_current > a { color: #FCA739; }

.nav > li > a > span,
.nav > li > .nav_link > span { padding-bottom: 2px; }

.header_wrap_transparent .nav > li > a { color: #ffffff; }
.header_wrap_transparent .nav > li > a:hover { color: #FCA739; }


/*--------------------------------------------------------------------------
#main
*/

.content { max-width: 1200px; margin: 0 auto; }

.hero {
	position: relative;
	z-index: 1;
	width: 100%;
	height: 100vh;
	max-height: 1080px;
	overflow: hidden;
}



/* target BOTH picture + img */
.hero-img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	transition: opacity 1s ease-in-out;
}

.hero-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.hero-img.active { 
	opacity: 1; 
	z-index: 1; 
}

@media (max-width: 768px) {
  .hero {
    height: auto;
    aspect-ratio: 1 / 1.25;
  }
}



.hero-content {
	position: relative;
	z-index: 3; /* above images */

	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
	text-shadow: 0 0 25px rgba(0, 0, 0, 0.5);

	height: 100%;
	width: 100%;
}

.hero-content > h1 { 
	color: #ffffff;
	font-size: 92px;  


	-webkit-animation: tracking-in-contract 0.8s cubic-bezier(0.215, 0.610, 0.355, 1.000) both;
	        animation: tracking-in-contract 0.8s cubic-bezier(0.215, 0.610, 0.355, 1.000) both;
}
.hero-content > h1 + p { 
	font-size: 36px; 

	color: #ffffff; 
	padding: 0.5em 0 0; 



	-webkit-animation: slide-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.05s both;
	        animation: slide-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.05s both;
}

.scroll-down { position: absolute; bottom: 50px; left: 50%; transform: translateX(-50%); z-index: 5; }

.scroll-down span {
    display: block;
    width: 20px;
    height: 20px;
    border-bottom: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: rotate(45deg);
    margin: -5px;
    animation: scrollAnim 1.15s infinite;
}

.scroll-down span:nth-child(2) { animation-delay: 0.15s; }

@keyframes scrollAnim {
    0% {
        opacity: 0;
        transform: rotate(45deg) translate(-5px, -5px);
    }
    50% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        transform: rotate(45deg) translate(5px, 5px);
    }
}

.tracking-in-contract {
	-webkit-animation: tracking-in-contract 0.8s cubic-bezier(0.215, 0.610, 0.355, 1.000) both;
	        animation: tracking-in-contract 0.8s cubic-bezier(0.215, 0.610, 0.355, 1.000) both;
}

/* ----------------------------------------------
 * Generated by Animista on 2026-4-9 9:5:20
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation tracking-in-contract
 * ----------------------------------------
 */
@-webkit-keyframes tracking-in-contract {
  0% {
    letter-spacing: 0.25em;
    opacity: 0;
  }
  40% {
    opacity: 0.6;
  }
  100% {
    letter-spacing: normal;
    opacity: 1;
  }
}
@keyframes tracking-in-contract {
  0% {
    letter-spacing: 0.25em;
    opacity: 0;
  }
  40% {
    opacity: 0.6;
  }
  100% {
    letter-spacing: normal;
    opacity: 1;
  }
}

.slide-top {
	-webkit-animation: slide-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: slide-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

/**
 * ----------------------------------------
 * animation slide-top
 * ----------------------------------------
 */
@-webkit-keyframes slide-top {
  0% {
    -webkit-transform: translateY(50px);
            transform: translateY(50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}
@keyframes slide-top {
  0% {
    -webkit-transform: translateY(50px);
            transform: translateY(50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}

@-webkit-keyframes slide-left {
  0% {
    -webkit-transform: translateX(100px);
            transform: translateX(100px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
}
@keyframes slide-left {
  0% {
    -webkit-transform: translateX(100px);
            transform: translateX(100px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
}



.btn { padding-top: 2.5em; font-family: "Courier Prime", monospace; font-weight: 400; font-style: normal; font-size: 24px; }
button.btn { margin-top: 2.5em; }

.hero-content > .btn { color: #ffffff;   text-shadow: none; }

.btn_double { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 1.5em; }

.btn > a,
button.btn { 
	background-color: #FCA739; 
	border: 1px solid #FCA739; 
	color: #ffffff;  
	display: inline-block;
	font-weight: 400; 
	padding: 0.55em 1.15em;
	text-decoration: none; 
	transition: background-color 0.25s ease, border 0.25s ease, color 0.25s ease; 
}

.btn_double > a:nth-of-type(1) { background-color: transparent; border-color: #ffffff; transition: background-color 0.25s ease, color 0.25s ease; }
.btn_double > a:nth-of-type(2) { background-color: #FCA739; border-color: #FCA739; transition: background-color 0.25s ease, border 0.25s ease, color 0.25s ease; }

.btn > a:hover,
button.btn:hover { background-color: #1f1f1f; border-color: #1f1f1f; cursor: pointer; }
.btn_double > a:nth-of-type(1):hover { background-color: #ffffff; border-color: #ffffff; color: #FCA739; }
.btn_double > a:nth-of-type(2):hover { background-color: #FC9714; border-color: #FC9714; }
.btn_double > a:nth-of-type(2):hover { background-color: #ffffff; border-color: #ffffff; color: #FCA739; }





.hero-content > .btn_double > a:nth-of-type(1) { 
	-webkit-animation: slide-left 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.1s both;
	        animation: slide-left 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.1s both;
}
.hero-content > .btn_double > a:nth-of-type(2) { 
	-webkit-animation: slide-left 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.2s both;
	        animation: slide-left 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.2s both;
}




/*

.header_wrap_transparent .logo-dark { display: none; }
.header_wrap_transparent .logo-light { display: block; }

*/



/*--------------------------------------------------------------------------
#Custom Checkbox
*/

.ccheckbox-wrap {
    float: left;
    width: 100%;
    margin: 1em 0 0;
    position: relative;
}
.ccheckbox_newsletter_wrap { text-align: center; margin-bottom: 1.5em; }
@media only screen and (max-width : 575px) {
    .ccheckbox-wrap {
        /*
        width: 88%;
        margin-left: 6%;
        */
        width: 100%;
        margin-left: 0%;
    }
}
.ccheckbox_label { font-size: 14px; padding: 3px 0 0 32px; }
.ccheckbox_label a:link, .ccheckbox_label a:visited { color: #8fb73e; text-decoration: underline; }
.ccheckbox_label a:hover { text-decoration: none; }



.ccheckbox {
    font-size: 14px;
    position: relative;
    display: block;
    line-height: 30px;
    height: 30px;
    cursor: pointer;
}
.ccheckbox_small { line-height: 24px; height: 24px; }
.ccheckbox_absolute { position: absolute; top: 0; left: 0; z-index: 11; width: 24px; }

.ccheckbox input {
    position: absolute;
    z-index: -1;
    opacity: 0;
}
.ccheckbox__indicator {
    position: absolute;
    top: 2px;
    top: 0;
    left: 0;
    width: 30px;
    height: 30px;
    border: 2px solid #8fb73e;
    box-sizing: border-box;

}
.ccheckbox_small__indicator { width: 24px; height: 24px; border: 1px solid #8fb73e; }
.ccheckbox_newsletter__indicator { width: 24px; height: 24px; border: 1px solid #ffffff; }
/* Checked state */
.ccheckbox input:checked ~ .ccheckbox__indicator {
    background: #8fb73e;
    border: 2px solid #8fb73e;
}
.ccheckbox input:checked ~ .ccheckbox_newsletter__indicator {
    background: #8fb73e;
    border: 2px solid #ffffff;
}
.ccheckbox input:checked ~ .ccheckbox_small__indicator { border: 1px solid #8fb73e; }
.ccheckbox input:checked ~ .ccheckbox_newsletter__indicator { background: #ffffff; border: 1px solid #ffffff; }
/* Disabled state */
.ccheckbox input:disabled ~ .ccheckbox__indicator {
    pointer-events: none;
    opacity: .6;
    background: #e6e6e6;
}
/* Check mark */
.ccheckbox__indicator:after {
    position: absolute;
    display: none;
    content: '';
}
/* Show check mark */
.ccheckbox input:checked ~ .ccheckbox__indicator:after {
    display: block;
}

/* Checkbox tick */
.ccheckbox--checkbox .ccheckbox__indicator:after {
    top: 6px;
    left: 10px;
    width: 3px;
    height: 8px;
    transform: rotate(45deg);
    border: solid #fff;
    border-width: 0 2px 2px 0;
}
.ccheckbox_newsletter--checkbox .ccheckbox__indicator:after {
    top: 6px;
    left: 10px;
    width: 3px;
    height: 8px;
    transform: rotate(45deg);
    border: solid #8fb73e;
    border-width: 0 2px 2px 0;
}

.ccheckbox_small--checkbox .ccheckbox__indicator:after { top: 5px; left: 9px; width: 3px; height: 8px; }
.ccheckbox_newsletter--checkbox .ccheckbox__indicator:after { top: 5px; left: 9px; width: 3px; height: 8px; }
/* Disabled tick colour */
.ccheckbox--checkbox input:disabled ~ .ccheckbox__indicator:after {
    border-color: #7b7b7b;
}
/* Radio button inner circle */
.ccheckbox--radio .ccheckbox__indicator:after {
    top: 9px;
    left: 9px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #fff;
}
/* Disabled circle colour */
.ccheckbox--radio input:disabled ~ .ccheckbox__indicator:after {
    background: #7b7b7b;
}

/*--------------------------------------------------------------------------
#Contact Form
*/

/*
.form_wrap { width: 50%; margin: 0 0 0 50%; }
.clmn_form { width: 47.5%; margin: 0 5% 0 0; float: left; }
.clmn_form:nth-of-type(2) { margin-right: 0; }
.form { margin: 1.5em auto 0; }
*/

.field-wrap { margin: 1.5em 0 0; }
.field-wrap-full { width: 100%; }

.field-wrap_flex { display: flex; flex-wrap: wrap; align-items: stretch; justify-content: space-between; }
.field-wrap_flex > .field-wrap { width: 31%; }

@media only screen and (max-width : 1152px) {
	.field-wrap_flex > .field-wrap { width: 100%; }
}

.submit {
    line-height: 51px;
    text-decoration: none; 
    margin: 1.5em 0 0;
    border: none;
    display: inline-block;
    position: relative;
    /*
    background-color: #007AC3;
    color: #ffffff;
    padding: 0.5em 1em;
    border-radius: 5px;
	*/
    appearance: none;
    -moz-appearance: none; 
    -webkit-appearance: none; 
    
    padding: 0 1.5em;
    background-color: #1f1f1f; color: #ffffff;

    transition: background-color 0.25s ease;
}

.submit_newsletter {  padding: 0; }
.submit:hover { background-color: #FCA739; cursor: pointer; }
.submit_newsletter:hover {  }

.submit_wrap { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; }

.label { padding: 0 0 0.35em; display: inline-block; }

.input-text {
    outline: none;
    width: 100%;
    line-height: 18px;
    color: #575757;
    background: #ffffff;
    border: none;
    padding: 11px 10px;
   
    text-align: left;
    box-sizing: border-box;
}

.input-text:nth-of-type(2) { display: none; }

.input-select:focus,
.input_area:focus,
.input-text:focus { border: 1px solid #1f1f1f; }

.input-select {
    outline: none;
    width: 100%;
    line-height: 18px;
    color: #575757;
    background: #ffffff;
    padding: 13px 9px;
    border: 1px solid #575757;
    text-align: left;
    box-sizing: border-box;
}

.input_area {
    outline: none;
    width: 100%;
    line-height: 18px;
    background: #ffffff;
    padding: 11px 10px;
    border: 1px solid #575757;
    text-align: left;
    height: 92px;
    height: 146px;
    box-sizing: border-box;
}

/* Chrome/Opera/Safari */
/* Firefox 19+ */
/* IE 10+ */
/* Firefox 18- */
::-webkit-input-placeholder,
::-moz-placeholder,
:-ms-input-placeholder,
:-moz-placeholder { color: #000000; opacity: 1; }

.contactform { margin: 1.5em auto 0; }
.newsletterform {
	margin-top: 2em;
    display: flex;
    align-items: flex-end; /* align bottoms */
}

/* Email field wrapper */
.field-wrap-newsletter:first-child { flex: 1; /* take remaining space */ }

/* Button wrapper */
.field-wrap-newsletter:last-child { width: 200px; }

/* Make input fill its wrapper */
.field-wrap-newsletter input { width: 100%; border-right: none; }

/* Make button fill its 150px container */
.field-wrap-newsletter button { width: 100%; }



.submit, .label, .input-text, .input-select, .input-select option, .input_area, button { 
	font-family: "Courier Prime", monospace; font-weight: 400; font-style: normal; font-size: 24px;
}

.label { font-weight: 700; }
.input-text, .input-select, .input_area { border: 1px solid #1f1f1f; color: #1f1f1f; }

/*--------------------------------------------------------------------------
#footer
*/




/* MODAL 
.order-modal { position: fixed; inset: 0; display: none; z-index: 9999; }

.order-modal.active { display: block; }
*/

.order-modal {
    position: fixed;
    inset: 0;
    display: none; /* hidden by default */
    z-index: 9999;
    padding: 100px 20px;

    box-sizing: border-box;
}

.order-modal.active {
    display: flex; /* only when open */
    align-items: center;
    justify-content: center;
}



.order-modal-overlay { position: absolute; inset: 0; background: rgba(0,0,0,0.75);  }

/*
.order-modal-content {
    position: relative;
    max-width: 600px;
    margin: 40px auto;
    background: #fff;
    padding: 30px;
    max-height: 90vh;
    overflow-y: auto;
    border-radius: 6px;
}
*/
.order-modal-content {
    position: relative;
    max-width: 600px;
    width: 100%;
    background-color: #ffffff;
    padding: 50px;
    max-height: 100%;
    overflow-y: auto;
    border-bottom: 5px solid #E8DDD5;

}
@media only screen and (max-width : 1600px) {
	.order-modal-content { padding: 28px 36px 36px; }
}


/* CLOSE BUTTON
.order-modal-close {
    position: absolute;
    top: 10px;
    right: 12px;
    background: none;
    border: none;
    height: 60px;
    width: 60px;
    display: block;
    cursor: pointer;
    background-color: #f0f0f0;
}
.order-modal-close::before {
	content: ''; 
	font-size: 80px;
    line-height: 1;
}
 */


/* CLOSE BUTTON */
.order-modal-close {
    position: absolute;
    top: 10px;
    right: 12px;
    height: 60px;
    width: 60px;
    border: none;
    cursor: pointer;
    display: flex;           /* enable flex centering */
    align-items: center;     /* vertical center */
    justify-content: center; /* horizontal center */
    padding: 0;
    overflow: hidden;
    background-color: transparent;
}

.order-modal-close::before {
    content: '×';             /* the actual character */
    font-size: 80px;        /* adjust size to fit button */
    line-height: 1;
    display: block;
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
}

@media only screen and (max-width : 500px) {
	.order-modal-close::before { font-size: 48px; top: 20px; }
}


/* CHECKBOX GROUP */
.checkbox-group {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

/* CUSTOM CHECKBOX */
.checkbox-item {
    display: flex;
    align-items: center;
    align-items: flex-start;
    gap: 12px;
    padding: 14px;
    padding: 16px 14px 14px;
    border: 1px solid #AE8F78;
    background-color: #F8F5F3;

    border: 1px solid #d2d2d2;
    background-color: #f8f8f8;
    cursor: pointer;
    transition: 0.2s;

    font-family: "Courier Prime", monospace; font-weight: 400; font-style: normal; font-size: 24px;
}
.labelbox-item {
    display: flex;
    align-items: center;
    align-items: flex-start;
    gap: 12px;
    cursor: pointer;
}
.labelbox-item a { color: inherit; }

.labelbox-item input,
.checkbox-item input { display: none; }

/* custom square */
.checkbox-custom {
    width: 18px;
    height: 18px;
    border: 1px solid #AE8F78;
    border: 1px solid #c3c3c3;
    display: inline-block;
    position: relative;
    flex: 0 0 18px;
    height: 18px;
    margin-top: 3px;
}

.labelbox-item > .checkbox-custom { border-color: #1f1f1f; }

/* checkmark */
.labelbox-item  input:checked + .checkbox-custom::after,
.checkbox-item input:checked + .checkbox-custom::after {
    content: "";
    position: absolute;
    left: 6px;
    top: 2px;
    width: 5px;
    height: 10px;
    border: solid #000;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

/* ACTIVE STATE */
.checkbox-item.active { background-color: #FEE0B9; border-color: #FCA739; }
.checkbox-item.active input:checked + .checkbox-custom::after { border-color: #ffffff; }
.checkbox-item.active .checkbox-custom { border-color: #FCA739; background-color: #FCA739; }

body.modal-open { overflow: hidden; }

/*--------------------------------------------------------------------------
#footer
*/

.contact_us {
	display: flex;
	flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    background-color: #FCA739;
    color: #ffffff;
    gap: 100px;
    padding: 36px 100px;
}
.contact_us > img { width: 150px; height: auto;  flex: 0; }

.contact_us > span > a { color: inherit; text-decoration: none; }
.contact_us > span { font-size: 36px; font-weight: 400; color: #ffffff; }
.contact_us > span:nth-of-type(1) { text-align: right; }
.contact_us > span:nth-of-type(1),
.contact_us > span:nth-of-type(2) { flex: 1; }

.contact_us_content { background-color: #F0E8E2; margin-top: 100px; }
.contact_us_content > span {  color: #1f1f1f; }

.footer { background-color: #1f1f1f; color: #ffffff; padding: 100px 100px 0; }

.footer a { color: #FCA739; text-decoration: none; transition: color 0.25s ease; }
.footer a:hover { color: #ffffff; }

.footer-top { display: grid; grid-template-columns: repeat(3, 1fr); gap: 40px; width: 100%; margin: 0 auto 50px; }

.footer-col:nth-of-type(1) { text-align: left; }
.footer-col:nth-of-type(2) { text-align: center; }
.footer-col:nth-of-type(3) { text-align: right; }

.footer-col h4 { font-family: "Courier Prime", monospace;  font-style: normal; font-size: 24px; }

.footer-col h4 + p,
.footer-col h4 + ul { padding-top: 1em; }

.footer-col ul { list-style: none; padding: 1.5em 0 0; }
.footer-col ul > li { margin-bottom: 8px; }

.footer-bottom { text-align: center; border-top: 1px solid #333; padding: 25px 0; }

.social_footer_icons { 
	margin-top: 1.5em;
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	justify-content: flex-start;
	gap: 24px;
}

.social_footer_icons > a > svg { width: 30px; height: auto; fill: #616161; transition: fill 0.25s ease; } 
.social_footer_icons > a:hover > svg { fill: #ffffff; } 

.copyright { color: #969696; padding: 0; }

/*--------------------------------------------------------------------------
#various
*/

.bold, strong { font-weight: 700; }

.tiskane { text-transform: uppercase; }
.capped { font-variant: small-caps; }

.align-center { text-align: center; }
.align-right { text-align: right; }

.title_subpage_faq_mobile { display: none; }

.wrap_outer { max-width: 1920px; width: 100%; margin: 0 auto; }

@media only screen and (max-width : 1920px) {
	.wrap_outer { width: 100%; }
}
@media only screen and (max-width : 1680px) {}	
@media only screen and (max-width : 1600px) {
	h2, .font_large, .title { font-size: 48px; }
	.hero-content > h1 { font-size: 80px; }
	.hero-content > h1 + p { font-size: 30px; }
	.contact_us > span { font-size: 36px; }
	.title_subpage { font-size: 64px; }

	.our_team > .box > div:nth-of-type(2) > p:nth-of-type(1),
	.our_offer > .box > div:nth-of-type(2) > p:nth-of-type(1), 
	.our_products_1 > .box > a > div:nth-of-type(2) > p:nth-of-type(1), 
	.our_products_1 > .box > a > div:nth-of-type(2) > p:nth-of-type(2),
	.our_offer > .box > div:nth-of-type(2) > p:nth-of-type(1),
	.our_products > .box > a > div:nth-of-type(2) > p:nth-of-type(1),
	.our_products_limited > .box > a > div:nth-of-type(2) > p:nth-of-type(1) { font-size: 24px; line-height: 1.5; }

	section { padding: 75px; }
	.header { padding: 15px 75px; }
	.contact_us { padding: 30px 75px; gap: 75px; }
	.footer { padding: 75px 75px 0; }
	.subpage_intro { padding: 100px 75px; }

	.our_offer > .box,
	.our_products > .box > a,
	.our_products_limited > .box > a,
	.our_team > .box > div:nth-of-type(2),
	.our_products_1 > .box > a > div:nth-of-type(2) { padding: 28px 36px; }

	.our_team > .box > div:nth-of-type(2) { padding-bottom: 36px; }
	.our_offer > .box,
	.our_products > .box > a,
	.our_products_limited > .box > a { padding-top: 36px; }

	.contact_us > img { width: 125px; }

}	
@media only screen and (max-width : 1440px) {
	.contact_us > span { font-size: 30px; }
}	
@media only screen and (max-width : 1400px) {
	.contact_us > span { font-size: 24px; }
}
@media only screen and (max-width : 1366px) {
	h2, .font_large, .title { font-size: 48px; }
	.hero-content > h1 { font-size: 64px; }
	.hero-content > h1 + p { font-size: 24px; }
	/*.contact_us > span { font-size: 36px; }*/
	.title_subpage { font-size: 64px; }

	.content { max-width: 100%; }
}	
@media only screen and (max-width : 1280px) {
	section { padding: 55px; }
	.header { padding: 15px 55px; }
	.contact_us { padding: 30px 55px; gap: 55px; }
	.footer { padding: 55px 55px 0; }
	.subpage_intro { padding: 75px 55px; }



	.box_img_wrap + p { padding-top: 55px; }

	.faq { padding-bottom: 55px; }

	.faq,
	.our_team,
	.our_offer,
	.cebelarna,
	.cebelarna_map,
	.our_products,
	.our_products_1,
	.our_products_limited,
	.box_img_wrap,
	.our_mission_1,
	.our_mission_2,
	.video-container { margin: 55px auto 0; }

	.our_mission_bottom { margin-top: 55px; }
	
	.faq,
	.product,
	.our_team,
	.our_offer,
	.cebelarna,
	.newsletter,
	.our_products,
	.our_products_1,
	.our_products_limited,
	.box_img_wrap { gap: 55px; }

	.faq > div,
	.product > div,
	.our_products > .box,
	.box_img_wrap > .box_img { width: calc(50% - 27.5px); }

	.our_team > .box,
	.our_offer > .box,
	.cebelarna > .box,
	.our_products_1 > .box,
	.our_products_limited > .box { width: calc((100% - 110px) / 3); }

	.newsletter > div:nth-of-type(1) { width: calc((100% - 55px) / 3); order: 1; }
	.newsletter > div:nth-of-type(2) { width: calc(((100% - 55px) / 3) * 2); order: 0; }

	.btn > a,
	button.btn {  padding: 0.45em 1.05em; }

	.faq > div:nth-of-type(1),
	.product > div:nth-of-type(1),
	.newsletter > div:nth-of-type(1),
	.our_mission_1 > div:nth-of-type(1),
	.our_mission_2 > div:nth-of-type(1) { top: 175px; }

	.title_subpage_faq { display: none; }
	.title_subpage_faq_mobile { display: block; }
}	
@media only screen and (max-width : 1152px) {
	h2, .font_large, .font_larger, .title { font-size: 36px; line-height: 1.35; }
	.product .title { font-size: 36px; }
	.product .title + .font_larger { font-size: 30px; padding-top: 0.5em; }
	.hero-content > h1 { font-size: 64px; }
	.hero-content > h1 + p { font-size: 24px; }
	.contact_us > span { font-size: 30px; }
	.title_subpage { font-size: 48px; }

	.contact_us > img { width: 90px; }

	button.btn { margin-top: 2em; }

	.contact_us { gap: 36px; }
}	
@media only screen and (max-width : 1150px) {
	.our_team > .box,
	.our_products > .box,
	.our_offer > .box,
	.our_products_limited > .box { width: 600px; margin: 0 auto; }

	.our_products.to_animate > div:nth-child(1),
	.our_products.to_animate > div:nth-child(2),
	.our_products.to_animate > div:nth-child(3),
	.our_products.to_animate > div:nth-child(4) { transition-delay: 0; }

	.our_offer.to_animate > div:nth-child(1),
	.our_products_limited.to_animate > div:nth-child(1),
	.our_offer.to_animate > div:nth-child(2),
	.our_products_limited.to_animate > div:nth-child(2),
	.our_offer.to_animate > div:nth-child(3),
	.our_products_limited.to_animate > div:nth-child(3) { transition-delay: 0; }
}
@media only screen and (max-width : 1024px) {
	
	.our_products_1 > .box { width: calc((100% - 55px) / 2); }
	.contact_us > span { font-size: 24px; }
	.contact_us > img { width: 70px; }
	
}	
@media only screen and (max-width : 900px) {
	.logo_wrap { width: 70px; height: 70px; }
	.header_wrap { height: 100px; }
	body { padding-top: 100px; }
	.scroll-margin-top { scroll-margin-top: 100px; }
	.footer-top { grid-template-columns: repeat(1, 1fr); gap: 40px; }
	.footer-col { width: 100%; }
	.footer-col:nth-of-type(1),
	.footer-col:nth-of-type(2),
	.footer-col:nth-of-type(3) { text-align: center; }
	.social_footer_icons { justify-content: center; }

	.faq { gap: 1.5em; }
	.faq > div:nth-of-type(1) { position: static; top: auto; }
	.faq > div { width: 100%; }

	.cebelarna > .box { width: 100%; }
	.cebelarna > .box:nth-of-type(2) { text-align: left; }
	.cebelarna > .box:nth-of-type(3) { justify-content: flex-start; }

	section { padding: 40px; }
	.header { padding: 15px 40px; }
	.contact_us { padding: 30px 40px; gap: 40px; }
	.footer { padding: 40px 40px 0; }
	.subpage_intro { padding: 65px 40px; }

	.box_img_wrap + p { padding-top: 40px; }

	.faq { padding-bottom: 40px; }

	.faq,
	.our_team,
	.our_offer,
	.cebelarna,
	.cebelarna_map,
	.our_products,
	.our_products_1,
	.our_products_limited,
	.box_img_wrap,
	.our_mission_1,
	.our_mission_2,
	.video-container { margin: 40px auto 0; }

	.our_mission_bottom { margin-top: 40px; }
	
	.faq,
	.product,
	.our_team,
	.our_offer,
	.cebelarna,
	.newsletter,
	.our_products,
	.our_products_1,
	.our_products_limited,
	.box_img_wrap { gap: 40px; }

	.our_products_1 > .box { width: calc((100% - 40px) / 2); }

/*

	.faq > div,
	.product > div,
	.our_products > .box,
	.box_img_wrap > .box_img { width: calc(50% - 27.5px); }

	.our_team > .box,
	.our_offer > .box,
	.cebelarna > .box,
	.our_products_1 > .box,
	.our_products_limited > .box { width: calc((100% - 110px) / 3); }

	*/

	

	.hero-content > h1 { font-size: 48px; }

	.section_newsletter { padding-bottom: 80px; }
	.contact_us { gap: 1em; padding: 0 40px 40px; }
	.contact_us > span:nth-of-type(1), 
	.contact_us > span:nth-of-type(2) { flex: 0 0 100%; }
	.contact_us > span:nth-of-type(1) { order: 1; text-align: center; }
	.contact_us > span:nth-of-type(2) { order: 2; text-align: center; }
	.contact_us > img { order: 0; background-color: #FCA739; margin: -40px auto 0; padding: 10px; border-radius: 70px; }
	.contact_us > span { font-size: 36px; }
	.contact_us > img { width: 70px; }
}	
@media only screen and (max-width : 800px) {
	
	.our_team > .box,
	.our_products > .box,
	.our_offer > .box,
	.our_products_limited > .box { width: 90%; }

	.newsletter > div:nth-of-type(1) { width: 100%; order: 0; position: static; top: auto; }
	.newsletter > div:nth-of-type(2) { width: 100%; order: 1; }
}	
@media only screen and (max-width : 768px) {

	.title_subpage { font-size: 36px; }
	
	.product > div:nth-of-type(1) { width: 100%; position: static; top: auto; }
	.product > div:nth-of-type(2) { width: 100%; }
	.subpage_intro_our_mission { background: url('img/Collecting-Acacia._1152.jpg') center center/cover no-repeat; }
	.subpage_intro_our_products { background: url('img/image00001_1152.jpg') center center/cover no-repeat; }
	.subpage_intro_our_faq { background: url('img/image00018_1152.jpg') center center/cover no-repeat; }
	.subpage_intro_our_contact { background: url('img/IMG_2969_1152.jpg') center top/cover no-repeat; }

	.full_success { background: url('img/Collecting-Acacia..jpg') center center/cover no-repeat; }

	.cebelarna_map { width: 100%; height: auto; aspect-ratio: 1 / 1; }
}	
@media only screen and (max-width : 700px) {
	
	.our_team > .box,
	.our_products > .box,
	.our_offer > .box,
	.our_products_limited > .box { width: 100%; }

	.our_mission_1,
	.our_mission_2 { gap: 40px; }

	.our_mission_1 > div:nth-of-type(1) > img,
	.our_mission_2 > div:nth-of-type(1) > img { max-width: 300px; margin: 0 auto; }

	.box_img_wrap > .box_img { width: 100%; }

/*
	.contact_us { gap: 1em; padding: 0 40px 40px; }
	.contact_us > span:nth-of-type(1), 
	.contact_us > span:nth-of-type(2) { flex: 0 0 100%; }
	.contact_us > span:nth-of-type(1) { order: 1; text-align: center; }
	.contact_us > span:nth-of-type(2) { order: 2; text-align: center; }
	.contact_us > img { order: 0; background-color: #FCA739; margin: -40px auto 0; padding: 10px; border-radius: 70px; }
	.contact_us > span { font-size: 36px; }
	.contact_us > img { width: 70px; }
*/
	.subpage_intro { white-space: nowrap; overflow: hidden; }

	.our_mission_2 > div:nth-of-type(1),
	.our_mission_1 > div:nth-of-type(1) { width: 100%; position: static; top: auto; }
	.our_mission_2 > div:nth-of-type(2),
	.our_mission_1 > div:nth-of-type(2) { width: 100%; }

	.our_mission_2 > div:nth-of-type(1) { order: 0; }
	.our_mission_2 > div:nth-of-type(2) { order: 1; }

	.our_products_1 > .box { width: 500px; margin: 0 auto; }

	.font_cta { padding-top: 40px; }

	.hero-content > h1 { font-size: 36px; }
}	
@media only screen and (max-width : 600px) {
	
	.frontpage_images > div { width: 100%; }
	.our_products > .box > a { gap: 1em; }
	.our_products > .box > a > div:nth-of-type(1) > img { margin: 0 auto; }
	.our_products > .box > a > div:nth-of-type(1),
	.our_products > .box > a > div:nth-of-type(2) { width: 100%; }
	.our_products_1 > .box { width: 100%; }
	/*.field-wrap-newsletter:last-child { width: 150px; }*/
	.contact_us > span { font-size: 30px; }
	

}	
@media only screen and (max-width : 580px) {
	.newsletterform { flex-wrap: wrap; }
	.field-wrap-newsletter:last-child > button { margin-top: 1em; }
	.field-wrap-newsletter:last-child,
	.field-wrap-newsletter:first-child { width: 100%;  }
	.field-wrap-newsletter input { border: 1px solid #1f1f1f; }
	.contact_us > span { font-size: 24px; }
}
@media only screen and (max-width : 500px) {
	section { padding: 40px 30px; }
	.header { padding: 15px 30px; }
	.contact_us { padding: 0 30px 40px; }
	.footer { padding: 36px 30px 0; }
	.subpage_intro { padding: 65px 30px; }
	.box_img_wrap + p { padding-top: 40px; }
	.faq { padding-bottom: 40px; }
	.font_cta { padding-top: 36px; }
	.newsletter > div:nth-of-type(1) > img { max-width: 300px; margin: 0 auto; }
	.btn_double { gap: 1em; }
	.scroll-down { display: none; }
	.hero .btn { padding-top: 1.5em; }
	.hero .btn > a { padding: 0.35em 0.95em; font-size: 24px; }
	.box_img_wrap > .box_img > p { padding: 1em 30px; line-height: 1.35; }

	.hero-content > h1 { font-size: 30px; }	
	.hero-content > h1 + p { font-size: 20px; }
}	
@media only screen and (max-width : 450px) {
	.btn_double { gap: 0.75em; }
	.hero .btn { padding-top: 1.5em; }
	.hero .btn > a { padding: 0.35em 1em; font-size: 20px; }

	.orderform > .font_larger { font-size: 30px; word-spacing: -5px; letter-spacing: -1px; }
}	
@media only screen and (max-width : 400px) {
	
	.hero-content > h1 { font-size: 30px; word-spacing: -5px; letter-spacing: -1px; }	
	.hero-content > h1 + p { font-size: 20px; word-spacing: -5px; letter-spacing: -1px; }
	.contact_us > span { font-size: 20px; }

	.btn_double { gap: 0.5em; }
	.hero .btn > a { padding: 0.35em 0.85em; font-size: 20px; word-spacing: -5px; letter-spacing: -1px; }

	h2, .font_large, .font_larger, .title { font-size: 30px; line-height: 1.35; }

	.orderform > .font_larger { font-size: 24px; }
}
@media only screen and (max-width : 380px) {

	.hero-content > h1 { font-size: 26px; }
}

/* body { color: lime; } */
/* body { color: cyan; } */

.no_overflow { overflow: hidden; }

.nav_expanded_wrap { display: block; }
.nav_expanded_wrap_hidden { display: block !important; }

.nav_expanded_header,
.menu_wrap_open,
.nav_expanded_search,
.nav_expanded_language,
.nav_expanded .header_top,
.nav_dropdown_content_mobile,
.nav_expanded_wrap .social_content_icons,
.nav_expanded_wrap .header_top_clmns { display: none; }

.logo_menu { width: 70px; height: auto; padding-top: 15px; }

/*@media only screen and (max-width : 1100px) {*/
@media only screen and (max-width : 900px) {
	.nav { gap: 30px;  }

	.nav > li > a > span, .nav > li > .nav_link > span { padding-bottom: 0; }
	.nav > li > a:hover > span,
	.nav > li > .nav_link:hover > span,
	.nav > li.nav_current > .nav_link > span,
	.nav > li.nav_current > a > span { border-bottom: none }

	.nav > li > .nav_link, .nav > li > a { display: inline-block; line-height: 1.5; color: #ffffff; font-size: 30px;  }
	.nav > li > a:hover, 
	.nav > li:last-child > a:hover,
	.nav > li > .nav_link:hover, 
	.nav > li.nav_current > .nav_link, 
	.nav > li.nav_current > a,
	.header_wrap_transparent .nav > li > a:hover { color: #ffffff; }

	/*
	.nav_dropdown_content > li > a { color: #000000; font-size: 24px; padding: 0; }
	.nav_dropdown_content > li > a:hover { color: #000000; }
	*/

	/*
	.nav > li:last-child > a {
		background-color: transparent;
		color: #000000;
		text-transform: uppercase;
		border-radius: 8px;
		padding: 0 1.5em;
		border: 2px solid #000000;
		padding: 0.75em 1.5em;
	}
	.nav > li:last-child > a:hover { background-color: transparent; }
	*/

	.header_top { display: none; }
	.nav_expanded_wrap { 
		display: none;
		position: fixed;
		background: #FCA739;
		width: 100%;
		top: 0;
		left: 0;
		z-index: 1;
		z-index: 9999999;
	    height: 100vh;
	 	padding: 0 40px;
	 	overflow-y: scroll;
	 	box-sizing: border-box;
	 }
	.nav_expanded_wrap > .nav_expanded { 
		display: flex;
		flex-wrap: wrap;
		align-items: stretch;
		justify-content: center;
		padding: 0 0 30px;
		width: 100%;
		box-sizing: border-box;
		gap: 30px;
	 }
	 /*
	.nav_expanded_wrap > .nav_expanded > div { width: calc(25% - 37.5px); width: calc(33.33% - 33.33px); }
	.nav_expanded_wrap > .nav_expanded > div > p { background-color: #9A8C67; color: #ffffff; font-weight: 600; padding: 0; position: relative; border-radius: 7px; }
	*/	

	.menu_wrap_close { position: absolute; z-index: 1; right: 0; top: 50%; margin: -25px 0 0; width: 50px; height: 50px; }
	.menu_wrap_close::before {
		content: '\00d7';
		color: #ffffff;
		font-size: 48px;
		font-weight: 400;
		text-align: center;
		position: absolute;
		z-index: 1;
		top: -5px;
		right: 0;
		line-height: 50px;
		width: 50px;
		height: 50px;
	}
	.menu_wrap_close:hover { cursor: pointer; }
	.menu_wrap_close:hover::before { }
	.menu_wrap_open { position: absolute; z-index: 1; right: 0; top: 50%; margin: -25px 0 0; width: 50px; height: 50px; display: block; }
	.menu_wrap_open::before { content: ''; background-color: #FCA739; position: absolute; top: 24px; left: 14px; height: 2px; width: 22px; }
	.menu_wrap_open > span { position: relative; display: block; width: 50px; height: 50px; }
	.menu_wrap_open > span::before { content: ''; background-color: #FCA739; position: absolute; top: 18px; left: 14px; height: 2px; width: 22px; }
	.menu_wrap_open > span::after { content: ''; background-color: #FCA739; position: absolute; bottom: 18px; left: 14px; height: 2px; width: 22px; }
	.menu_wrap_open:hover { cursor: pointer; }
	.nav_expanded_header { width: 100%; display: block; position: relative; background-color: #FCA739; margin: 0 auto; padding: 0; height: 100px; }
	.nav { flex-wrap: wrap; width: 300px; width: 100%; margin: 0 auto; }
	.nav > li { width: 100%; text-align: center; }
	.nav_expanded_wrap_hidden { display: none !important; }

	.header_wrap_transparent .menu_wrap_open > span::after,
	.header_wrap_transparent .menu_wrap_open > span::before,
	.header_wrap_transparent .menu_wrap_open::before { background-color: #ffffff; }

/*
	.nav_expanded_language { display: block; line-height: 88px; font-weight: 600; font-size: 24px; }
	.nav_expanded_language > a {  color: #ffffff; text-decoration: none; }

	.nav_dropdown_content { display: block; }
	.nav_link > span { padding: 0; }
	.nav_link > span::after { display: none; }
	.nav_dropdown_content { background-color: transparent; position: relative; left: auto; margin: 0; padding: 0; width: auto; border-radius: 0; box-shadow: none; }
	.header_content { position: relative; }

	.nav > li > .nav_link { display: none; }
	.nav_dropdown_content_mobile { display: inline-block; }
	.nav_dropdown_content > li > a { display: inline-block; }

	.nav_dropdown_content { display: flex; flex-wrap: wrap; flex-direction: column; align-items: stretch; justify-content: center; gap: 30px; }
	.nav_dropdown:hover .nav_dropdown_content { display: flex; }
*/
	.nav_expanded_wrap .header_top_clmns { justify-content: center; align-items: center; gap: 30px; padding: 0 0 60px; display: flex; flex-direction: column; }
	.nav_expanded_wrap .header_top_clmns_contact > p { white-space: nowrap; padding: 0; order: 1; 

		font-family: "Courier Prime", monospace; font-weight: 400; font-style: normal; font-size: 30px; 
	}
	.nav_expanded_wrap .header_top_clmns_contact > p > a { color: #1f1f1f; text-decoration: none; display: inline-block; }

	/*
	.nav_expanded_search { 
		padding-bottom: 50px; 
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		justify-content: center;
		gap: 10px;
	}
	.nav_expanded_search > a { color: inherit; font-size: 24px; font-weight: 600; line-height: 1.8; text-decoration: none; }
	.nav_expanded_search > a > svg { width: 30px; height: auto; position: relative; top: 7px; }

	.nav_expanded_wrap .header_top_clmns { justify-content: center; gap: 30px; padding-bottom: 50px; display: flex; }
	.nav_expanded_wrap .header_top_clmns_contact > p { white-space: nowrap; padding: 0; order: 1; font-size: 24px; font-weight: 600; }
	.nav_expanded_wrap  .header_top_clmns_contact > svg { width: 30px; order: 0; }

	.nav_expanded_wrap .social_content_icons { 
		width: 188px;  
		padding-bottom: 50px; 
		margin: 0 auto;
		display: flex;
		flex-wrap: wrap;
		align-items: stretch;
		justify-content: space-between;
	}
	.nav_expanded_wrap .social_content_icons > a { background-color: #000000; width: 42px; height: 42px; display: inline-block; border-radius: 50%; position: relative; } 
	.nav_expanded_wrap .social_content_icons > a:hover { background-color: #71C5CF; } 
	.nav_expanded_wrap .social_content_icons > a > svg { 
		width: 28px; 
		height: auto; 
		fill: #ffffff; 
		position: absolute;
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%, -50%);
		    -ms-transform: translate(-50%, -50%);
				transform: translate(-50%, -50%);
	} 
	*/
}

@media only screen and (max-width : 500px) {
	.nav_expanded_wrap { padding: 0 30px; }


	.nav > li > .nav_link, .nav > li > a,
	.nav_expanded_wrap .header_top_clmns_contact > p { font-size: 24px; }


	/*

	.nav > li > .nav_link, .nav > li > a {  }
	.nav_expanded_language { display: block; line-height: 88px; font-weight: 600; font-size: 20px; }

	.nav_dropdown_content > li > a { font-size: 20px; }
	.nav_expanded_search > a { font-size: 20px; }

	.nav_expanded_wrap .header_top_clmns { justify-content: center; gap: 30px; padding-bottom: 50px; display: flex; }
	
	.nav_expanded_wrap .header_top_clmns_contact { width: 100%; justify-content: center; }
	.nav_expanded_wrap .header_top_clmns_contact > p { white-space: nowrap; padding: 0; order: 1; font-size: 20px; }
	.nav_expanded_wrap .header_top_clmns_contact > svg { width: 30px; order: 0; }

	*/
	
}
@media only screen and (max-width : 400px) {
	/*
	.nav > li > .nav_link, .nav > li > a,
	.nav_expanded_wrap .header_top_clmns_contact > p { font-size: 24px; }
*/

	.nav > li > .nav_link, .nav > li > a,
	.nav_expanded_wrap .header_top_clmns_contact > p { font-size: 20px; word-spacing: -5px; letter-spacing: -1px; }

	.nav_expanded_wrap > .nav_expanded,
	.nav_expanded_wrap .header_top_clmns { gap: 24px; }
}
/*
@media only screen and (max-width : 768px) {
	.btn_phone > a:nth-of-type(1),
	.nav > .nav_phone > a:nth-of-type(1) { display: none; }
	.btn_phone > a:nth-of-type(2),
	.nav > .nav_phone > a:nth-of-type(2) { display: inline-block; }
	.btn_1.btn_phone > a:hover { cursor: pointer; }
}
@media only screen and (max-width : 450px) {
	.nav_expanded_wrap { padding: 0 5%; }
}
*/
.no-padding-top { padding-top: 0; }
.no-padding-bottom { padding-bottom: 0; }

.no-mrg-top { margin-top: 0; }
.no-mrg-right { margin-right: 0; }

.spacer { clear: both; }