/* Table of Content
==================================================
	#Font-Face
	#Site Styles
	#Media Queries */

/* #Font-Face
================================================== */
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700;800&display=swap');


@font-face {
	font-family: 'Kaph Regular';
	font-style: normal;
	font-weight: normal;
	src: local('../fonts/kaph/Kaph Regular'), url('../fonts/kaph/Kaph-Regular.woff') format('woff');
}


@font-face {
	font-family: 'Kaph Italic';
	font-style: normal;
	font-weight: normal;
	src: local('../fonts/kaph/Kaph Italic'), url('../fonts/kaph/Kaph-Italic.woff') format('woff');
}


/* #Site Styles
================================================== */

/* ### general ### */
* { margin: 0; padding: 0; box-sizing: border-box; }
html,
body { font-family: 'Open Sans', sans-serif; font-size: 16px; line-height: 1.7; color: #000; }
body { background: #fff; }
input,
select,
textarea { padding: 15px 30px; width: 100%; height: 60px; font-family: 'Open Sans', sans-serif; font-size: 16px; color: #000; border: 0; border-radius: 50px; background-color: #fff; }
select { -webkit-appearance: none; -moz-appearance: none; appearance: none; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%2315442c' stroke-width='2' fill='none' stroke-linecap='round'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 20px center; padding-right: 45px; }
img { display: block; max-width: 100%; border: 0; }
ul,
li { list-style: none; }
:focus { outline: none; }
a { display: inline-block; text-decoration: none; }
h1,
h2,
h3,
h4,
h5,
h6 { font-family: 'Kaph Regular', sans-serif; line-height: 1.18; text-transform: uppercase; color: #15442c; }
h1 { font-size: 60px; }
h2 { font-size: 40px; }
h6 { font-size: 16px; }

/* ### global classes ### */
.centered { padding-right: calc((100% - 1400px) / 2); padding-left: calc((100% - 1400px) / 2); }
.wrap { display: flex; flex-wrap: wrap; }
.button { padding: 20px 50px; display: inline-block; font-size: 18px; font-weight: 700; line-height: 1; text-align: center; color: #15442c; border-bottom: 2px solid #f8a800; border-radius: 50px; background-color: #fab500; transition: all 0.3s; }
.button:after { margin-left: 9px; font-family: 'icomoon', sans-serif; font-size: 5px; vertical-align: middle; content: '\e904'; }
.button:hover { transform: scale(1.03); }
.text-center { text-align: center; }

/* ### wrapper ### */
#wrapper { padding-top: 0; position: relative; display: block; width: 100%; min-height: 100%; overflow: hidden; }

/* ### main container ### */
#mainCntr { width: 100%; }

/* ### header container ### */
#headerCntr { position: fixed; top: 0; left: 0; z-index: 9; width: 100%; background-color: #11a23a; transition: all 0.3s; }
#headerCntr .holder { position: relative; }
#headerCntr .site-logo { position: absolute; top: 0; left: -50px; }
#headerCntr .logo { position: relative; z-index: 2; }
#headerCntr .logo img { max-width: 100%; transition: all 0.3s; }
#headerCntr.sticky .logo img { max-width: 200px; filter: drop-shadow(0 5px 10px rgba(0, 0, 0, 0.1)); }
#headerCntr.sticky { box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1); }
#headerCntr ul { display: flex; flex-wrap: wrap; justify-content: end; }
#headerCntr ul > li { margin-right: 14px; padding: 15px 20px 0; transition: all 0.3s; }
#headerCntr ul > li:last-child { margin-right: 0; }
#headerCntr ul > li.active,
#headerCntr ul > li:hover { background-color: #15442c; }
#headerCntr ul > li:hover a:after { width: 100%; background-color: #fab500; }
#headerCntr ul > li > a { padding-bottom: 14px; position: relative; font-size: 18px; font-weight: 700; color: #fff; }
#headerCntr ul > li > a:after { position: absolute; bottom: -2px; left: 0; width: 0; height: 5px; border-radius: 10px; background-color: transparent; transition: all 0.3s; content: ''; }
#headerCntr ul > li.active a:after,
#headerCntr ul > li > a:hover:after { width: 100%; background-color: #fab500; }

/* ### hamburger ### */
.hamburger { position: absolute; top: 1px; right: 15px; z-index: 10; display: none; align-items: center; justify-content: center; width: 40px; height: 40px; }
.hamburger span { margin: 4px auto; position: relative; display: block; width: 21px; height: 2px; border-radius: 75px; background-color: #fff; transition: all 0.3s; }
.hamburger span:before,
.hamburger span:after { position: absolute; display: block; width: 100%; height: 2px; border-radius: 75px; background-color: #fff; transition: all 0.3s; content: ''; }
.hamburger span:before { top: -6px; }
.hamburger span:after { right: 0; bottom: -6px; }
.hamburger.is_active span { background: none; }
.hamburger.is_active span:before { top: 0; width: 100%; background-color: #fff; transform: rotate(135deg); }
.hamburger.is_active span:after { bottom: 0; width: 100%; background-color: #fff; transform: rotate(-135deg); }

/* ### content container ### */
#contentCntr { width: 100%; }

/* ### banner box ### */
.bannerBox { padding-top: 30px; position: relative; height: 800px; }
.bannerBox:after { position: absolute; bottom: -1px; left: 0; width: 100%; height: 18px; background: url('../images/waves.svg'); background-size: cover; content: ''; }
.bannerBox .content { position: relative; z-index: 1; max-width: 790px; }
.bannerBox h1 { margin-bottom: 30px; color: #fff; text-shadow: 0 2px 8px rgba(0, 0, 0, 0.55), 0 0 40px rgba(0, 0, 0, 0.3); }
.bannerBox p { margin-bottom: 45px; max-width: 465px; font-size: 18px; color: #15442c; }
.bannerBox .button { padding: 20px 33px 20px 69px; position: relative; }
.bannerBox .button:before { position: absolute; top: 18px; left: 19px; font-family: 'icomoon', sans-serif; font-size: 26px; font-weight: 300; color: #fff; content: '\e90a'; }
.bannerBox .image { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.bannerBox .image img { width: 100%; height: 100%; object-fit: cover; object-position: left; }
.bannerBox .delivery { margin-bottom: 134px; position: relative; z-index: 1; display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; width: 100%; }
.bannerBox .delivery:before { margin-right: 18px; display: inline-block; width: 55px; height: 35px; background: url('../images/truck.png') no-repeat; content: ''; }
.bannerBox .days { margin-right: 32px; position: relative; font-weight: 700; line-height: 1.2; color: #00a23a; }
.bannerBox .days span { display: block; font-weight: 400; color: #15442c; }

/* ### usp box ### */
.uspBox { margin-bottom: 146px; padding-top: 27px; }
.uspBox .bdr { padding-bottom: 38px; position: relative; }
.uspBox .bdr:after { position: absolute; bottom: 0; left: 0; background: url('../images/border-bottom.png') repeat-x; display: block; width: 100%; height: 4px; content: '';  }
.uspBox .item { font-size: 18px; font-weight: 700; color: #15442c; }
.uspBox .item:before { margin-top: -3px; margin-right: 28px; display: inline-block; font-family: 'icomoon', sans-serif; font-size: 23px; line-height: 1; color: #26aa4b; vertical-align: middle; content: '\e90b'; }

/* ### shopping box ### */
.shoppingBox { margin-bottom: 124px; }
.shoppingBox .content { margin-bottom: 195px; padding-top: 80px; }
.shoppingBox h2 { margin-bottom: 33px; }
.shoppingBox p { line-height: 2; }
.shoppingBox .bg { padding-bottom: 168px; position: relative; background-color: #11a23a; }
.shoppingBox .wrap { margin: 0 -30px; }
.shoppingBox .item { margin-top: -148px; padding: 0 30px; width: 33.3%; }
.shoppingBox .image { margin-bottom: 33px; position: relative; }
.shoppingBox .price { padding-bottom: 3px; padding-left: 10px; position: absolute; top: 1%; right: 10%; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; width: 92px; height: 89px; font-size: 18px; font-weight: 700; line-height: 1.2; color: #fff; background: url('../images/price-bg2.png') no-repeat; background-size: cover; filter: drop-shadow(0 0 2px rgba(0, 0, 0, 0.1)); }
.shoppingBox .price span { display: block; width: 100%; font-size: 12px; font-weight: 400; }
.shoppingBox .item-2 .price { background: url('../images/price-bg1.png') no-repeat; }
.shoppingBox .text { position: relative; }
.shoppingBox .text:after { position: absolute; top: 0; right: 0; height: 100%; background: url('../images/border-right.png') repeat-y; content: ''; width: 4px; }
.shoppingBox .title { margin-bottom: 20px; padding-left: 80px; position: relative; min-height: 121px; font-family: 'Kaph Regular', sans-serif; font-size: 40px; line-height: 1.18; color: #fff; }
.shoppingBox .icon { position: absolute; top: -11px; left: 2px; font-size: 50px; line-height: 1; color: #fab500; }
.shoppingBox .item-3 .text:after { display: none; }
.shoppingBox ul { margin-bottom: 46px; min-height:270px; }
.shoppingBox li { margin-bottom: 20px; padding-left: 71px; position: relative; font-size: 18px; font-weight: 700; color: #fff; }
.shoppingBox li:last-child { margin-bottom: 0; }
.shoppingBox li:before { position: absolute; top: 4px; left: 0; display: inline-block; font-family: 'icomoon', sans-serif; font-size: 23px; line-height: 1; color: #15442c; vertical-align: middle; content: '\e90b'; }
.shoppingBox .button { margin-left: 50px; }
.shoppingBox .top-waves { position: absolute; top: -17px; left: 0; z-index: -1; width: 100%; }
.shoppingBox .bottom-waves { position: absolute; bottom: -1px; left: 0; width: 100%; }
.shoppingBox .top-waves img,
.shoppingBox .bottom-waves img { width: 100%; object-position: center center; object-fit: cover; height: 18px; }

/* ### product box ### */
.productBox { margin-bottom: 0px; padding-top: 80px; }
.productBox .wrap { margin-bottom: 74px; padding-bottom: 150px; position: relative; }
.productBox .wrap:after { position: absolute; bottom: 0; left: 0; background: url('../images/border-bottom.png') repeat-x; display: block; width: 100%; height: 4px; content: '';  }
.productBox .content { padding-right: 30px; width: 50%; }
.productBox .image { width: 50%; }
.productBox img { margin-left: auto; }
.productBox h2 { margin-bottom: 34px; }
.productBox p { margin-bottom: 38px; max-width: 600px; line-height: 2; }
.productBox ul { margin-bottom: 45px; }
.productBox li { margin-bottom: 19px; font-size: 18px; font-weight: 700; color: #15442c; }
.productBox li:last-child { margin-bottom: 19px; }
.productBox li:before { margin-top: -3px; margin-right: 28px; display: inline-block; font-family: 'icomoon', sans-serif; font-size: 23px; line-height: 1; color: #26aa4b; vertical-align: middle; content: '\e90b'; }
.productBox .button { padding: 20px 33px 20px 30px; position: relative; }
.productBox .wrap.second { align-items: center; }
.productBox .wrap.second.last { margin-bottom: 0; padding-bottom: 0; }
.productBox .wrap.second.last:after { display: none; }
.productBox .wrap.second .content { padding-right: 0; padding-left: 30px; order: 2; }
.productBox .wrap.second .image { order: 1; }
.productBox .wrap.second .text { margin-left: auto; max-width: 550px; }
.productBox .wrap.second img { margin-left: 0; }
.productBox .slick-dots { display: flex; align-items: center; justify-content: center; }
.productBox .slick-dots li { margin-right: 20px; }
.productBox .slick-dots li:last-child { margin-right: 0; }
.productBox .slick-dots li button { width: 15px; height: 15px; font-size: 0; border: 0; border-radius: 50%; background-color: #e6e6e6; cursor: pointer; }
.productBox .slick-dots li.slick-active button { background-color: #13341e; }
.productBox .slick-dots li:before { display: none; }

/* ### contact box ### */
.contactBox { padding-top: 139px; padding-bottom: 158px; position: relative; background-color: #11a23a; }
.contactBox .text { margin-bottom: 24px; }
.contactBox h2 { margin-bottom: 48px; color: #fff; }
.contactBox p { margin-bottom: 0; color: #fff; }
.contactBox .box { margin: 0 auto; max-width: 850px; }
.contactBox .select-check { margin: 0 -15px; display: flex; flex-wrap: wrap; }
.contactBox .select-check .kit { padding: 0 15px; display: block; width: 33.3%; text-align: center; }
.contactBox .select-check label { padding: 30px 25px 0; display: block; width: 250px; height: 266px; cursor: pointer; }
.contactBox span { margin-bottom: 13px; display: block; font-family: 'Kaph Regular', sans-serif; font-size: 20px; line-height: 1.5; color: #fab500; }
.contactBox .kit-1 { background: url('../images/check-img4.png') no-repeat center center; }
.contactBox .kit-2 { background: url('../images/check-img5.png') no-repeat center center; }
.contactBox .kit-3 { background: url('../images/check-img6.png') no-repeat center center; }
.contactBox input[type='radio'] { margin: 0 auto; padding: 0; display: flex; align-items: center; width: 30px; height: 30px; border-radius: 50%; background-color: #fff; -webkit-appearance: none; }
.contactBox input[type='radio']:checked:before { font-family: 'icomoon', sans-serif; font-size: 24px; line-height: 1; color: #a3195b; content: '\e901'; }
.contactBox .wrap { margin: 0 -5px; padding-top: 35px; }
.contactBox .wrap label { margin-bottom: 3px; margin-left: 29px; display: block; font-size: 12px; text-transform: uppercase; color: #15442c; }
.contactBox input::placeholder { color: #000; }
.contactBox textarea { min-height: 220px; border-radius: 30px; }
.contactBox .form-field { margin-bottom: 25px; padding: 0 5px; width: 50%; }
.contactBox .form-field.w-30 { width: 30%; }
.contactBox .form-field.w-20 { width: 20%; }
.contactBox .form-field.w-100 { width: 100%; }
.contactBox .form-field.submit { padding-top: 15px; width: 100%; text-align: center; }
.contactBox .button { height: 60px; font-family: 'Open Sans', sans-serif; border-top: 0; border-right: 0; border-left: 0; cursor: pointer; }
.contactBox .button.hide { display: none; }
.contactBox .canteen { margin-left: 340px; position: absolute; top: -104px; left: 50%; z-index: 1; display: flex; align-items: center; justify-content: center; width: 357px; height: 324px; text-align: center; background: url('../images/purple-bg.png') no-repeat; }
.contactBox .canteen-title { display: block; font-family: 'Kaph Regular', sans-serif; font-size: 26px; line-height: 1.15; color: #fff; transform: rotate(10deg); }
.contactBox .top-waves { position: absolute; top: -17px; left: 0; width: 100%; }
.contactBox .bottom-waves { position: absolute; bottom: -1px; left: 0; width: 100%; }
.contactBox .top-waves img,
.contactBox .bottom-waves img { width: 100%; height: 18px; object-fit: cover; object-position: center center; }

/* ### advise box ### */
.adviseBox { margin-top: -200px; padding-top: 100px; padding-bottom: 155px; position: relative; z-index: 2; display: none; background-color: #15442c; }
.adviseBox.active { display: block; }
.adviseBox .box { margin: 0 auto; max-width: 850px; }
.adviseBox h2 { margin-bottom: 30px; color: #fff; }
.adviseBox p { margin-bottom: 30px; color: #fff; }
.adviseBox .item { border-bottom: 1px dotted #103a24; }
.adviseBox .item.last { border-bottom: 0; }
.adviseBox .item,
.adviseBox .total { padding: 15px 0; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; }
.adviseBox h6 { font-family: 'Open Sans', sans-serif; font-weight: 400; text-transform: none; color: #fff; }
.adviseBox h6 span { font-size: 12px; color: #00a23a; }
.adviseBox .price { color: #fff; }
.adviseBox .price span { margin-right: 50px; display: inline-block; }
.adviseBox .total { border-top: 1px dotted #fff; }
.adviseBox .total h6 { text-transform: uppercase; }
.adviseBox .buttons { padding-top: 50px; text-align: end; }
.adviseBox .button-secondary { margin-right: 25px; color: #fff; border-bottom: 2px solid #129631; background-color: #11a239; }
.adviseBox .button-secondary:hover { background-color: #0b8728; }
.adviseBox .top-waves { position: absolute; top: -17px; left: 0; width: 100%; }
.adviseBox .bottom-waves { position: absolute; bottom: -1px; left: 0; width: 100%; }
.adviseBox .top-waves img,
.adviseBox .bottom-waves img { width: 100%; height: 18px; object-fit: cover; object-position: center center; }

/* ### footer container ### */
#footerCntr { padding-top: 137px; width: 100%; }

/* ### footer box ### */
.footerBox .wrap { padding-bottom: 140px; align-items: center; position: relative; }
.footerBox .wrap:after { position: absolute; bottom: 0; left: 0; background: url('../images/border-bottom.png') repeat-x; display: block; width: 100%; height: 4px; content: '';  }
.footerBox .image { width: 30%; }
.footerBox .content { padding-left: 15px; width: 70%; }
.footerBox h2 { margin-bottom: 36px; }
.footerBox p { margin-bottom: 18px; color: #15442c; }
.footerBox ul { display: flex; flex-wrap: wrap; align-items: center; }
.footerBox li { padding-right: 114px; }
.footerBox li:last-child { padding-right: 0; }
.footerBox i { margin-right: 18px; display: block; color: #fab500; }
.footerBox li a { display: flex; align-items: center; font-weight: 700; color: #15442c; transition: all 0.3s; }
.footerBox li a:hover { color: #fab500; }
.footerBox li a.tel i { margin-right: 12px; }
.footerBox .icon-mail { font-size: 20px; }
.footerBox .icon-tel { font-size: 30px; }

/* ### copyright box ### */
.copyrightBox { margin-bottom: 50px; padding-top: 37px; }
.copyrightBox .wrap { align-items: center; }
.copyrightBox .left { width: 85%; }
.copyrightBox .right { width: 15%; }
.copyrightBox ul { display: flex; flex-wrap: wrap; }
.copyrightBox li { line-height: 1; color: #15442c; }
.copyrightBox li a { color: #15442c; transition: all 0.3s; }
.copyrightBox li a:hover { color: #11a23a; }
.copyrightBox .left li:after { margin: 0 17px; display: inline-block; width: 5px; height: 5px; vertical-align: middle; border-radius: 50%; background-color: #11a23a; content: ''; }
.copyrightBox .left li:last-child:after { display: none; }
.copyrightBox .right ul { justify-content: flex-end; }
.copyrightBox .right li { padding-right: 18px; }
.copyrightBox .right li:last-child { padding-right: 0; }
.copyrightBox .right li a { display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; font-size: 20px; color: #fff; border-radius: 50%; background-color: #11a23a; transition: all 0.3s; }
.copyrightBox .right li a:hover { background-color: #fab500; }

small {
	margin: 0 auto;
    color: white;
    border: 2px solid red;
    font-size: 1rem;
    border-radius: 50px;
    padding: 5px 30px;
}

/* #Media Queries
================================================== */

@media only screen and (max-width: 1550px) {
	#headerCntr .site-logo { left: 0; }
	#headerCntr .logo { max-width: 350px; }
}

@media only screen and (max-width: 1430px) {
	.centered { padding-right: 15px; padding-left: 15px; }
	.shoppingBox .text:after { right: -30px; }
	.shoppingBox li { padding-left: 50px; }
	.contactBox .canteen { margin-left: 220px; }
}

@media only screen and (max-width: 1199px) {
	#headerCntr .logo { max-width: 285px; }
	#headerCntr ul > li { margin-right: 8px; }
	#headerCntr ul > li > a { font-size: 16px; }
	.bannerBox .delivery { margin-bottom: 100px; }
	.bannerBox { height: 700px; }
	.shoppingBox .price { top: 0; right: 0; }
	.shoppingBox .item { margin-top: -120px; }
	.shoppingBox .title { padding-left: 60px; font-size: 30px; }
	.shoppingBox .icon { font-size: 42px; }
	.shoppingBox .button { margin-left: 0; padding: 20px 40px; width: 100%; font-size: 16px; }
	.shoppingBox li { padding-left: 30px; font-size: 15px; }
	.shoppingBox li:before { font-size: 16px; }
	.contactBox .canteen { width: 257px; height: 224px; background-size: contain; }
	.contactBox .canteen-title { font-size: 18px; }
	.footerBox .wrap { padding-bottom: 80px; }
}

@media only screen and (max-width: 991px) {
	h1 { font-size: 50px; }
	h2 { font-size: 30px; }
	.button { padding: 15px 50px; font-size: 16px; }
	#headerCntr .logo { max-width: 220px; }
	#headerCntr .button { padding: 15px 25px 15px 55px; }
	#headerCntr .button:before { top: 13px; font-size: 22px; }
	#headerCntr .delivery { padding-top: 30px; }
	#headerCntr .delivery:before { display: none; }
	#headerCntr .days { margin-right: 20px; }
	#headerCntr ul > li { margin-right: 8px; padding: 10px 10px 0; }
	#headerCntr ul > li > a { font-size: 14px; }
	#headerCntr.sticky .logo img { max-width: 170px; }
	.bannerBox { height: 600px; }
	.bannerBox .delivery { margin-bottom: 50px; }
	.uspBox { margin-bottom: 80px; }
	.uspBox .bdr { padding-bottom: 30px; }
	.uspBox .item { font-size: 16px; }
	.uspBox .item:before { margin-right: 15px; font-size: 18px; }
	.shoppingBox .bg { padding-bottom: 100px; }
	.shoppingBox .item-2:after { display: none; }
	.shoppingBox .title { min-height: 70px; font-size: 24px; }
	.shoppingBox ul { margin-bottom: 20px; min-height: 167px; }
	.shoppingBox .button { padding: 20px; }
	.shoppingBox .image { max-width: 384px; }
	.productBox .wrap { padding-bottom: 90px; }
	.productBox h2 { margin-bottom: 20px; }
	.productBox p { margin-bottom: 20px; line-height: 1.7; }
	.productBox ul { margin-bottom: 30px; }
	.productBox li { font-size: 16px; }
	.productBox li:before { margin-right: 10px; font-size: 18px; }
	.contactBox .canteen { margin-left: 0; right: 15px; left: auto; }
	.footerBox h2 { margin-bottom: 20px; }
	.copyrightBox .left { margin-bottom: 20px; width: 100%; text-align: center; }
	.copyrightBox .right { width: 100%; }
	.copyrightBox ul { justify-content: center; }
	.copyrightBox .right ul { justify-content: center; }
}

@media only screen and (max-width: 767px) {
	h1 { font-size: 35px; }
	h2 { font-size: 25px; }
	.button { font-size: 14px; }
	#headerCntr .site-logo { top: -20px; }
	#headerCntr .logo { max-width: 120px; }
	#headerCntr.sticky .logo img { max-width: 120px; }
	#headerCntr .button { padding: 15px 20px; }
	#headerCntr .button:before { display: none; }
	#headerCntr { padding-top: 20px; padding-bottom: 20px; }
	#headerCntr .main-menu { padding: 100px 20px 50px; position: fixed; top: 0; left: 0; z-index: 1; opacity: 0; visibility: hidden; width: 100%; height: 100vh; background-color: #11a23a; transition: all 0.3s; }
	#headerCntr .main-menu.open { opacity: 1; visibility: visible; }
	#headerCntr ul { display: block; }
	#headerCntr ul > li { margin-right: 0; padding: 0; }
	#headerCntr ul > li > a { padding: 15px 15px; display: block; }
	.hamburger { display: flex; }
	.bannerBox { padding-top: 50px; padding-bottom: 0px; height: auto; }
	.bannerBox h1 { margin-bottom: 20px; }
	.bannerBox p { margin-bottom: 30px; }
	.bannerBox .days { margin-right: 0; }
	.bannerBox .delivery { margin-bottom: 45px; }
	.bannerBox .delivery .button { display: none; }
	.uspBox { text-align: center; }
	.shoppingBox { margin-bottom: 80px; }
	.shoppingBox .item { margin-bottom: 40px; width: 100%; }
	.shoppingBox .item:after { display: none; }
	.shoppingBox .item-2 { margin-top: 0; }
	.shoppingBox .item-3 { margin-top: 0; margin-bottom: 0; }
	.shoppingBox .image { margin: 0 auto 30px; }
	.shoppingBox .bg { padding-bottom: 80px; }
	.shoppingBox .title { margin-bottom: 30px; min-height: 0; }
	.shoppingBox .title br { display: none; }
	.shoppingBox ul { margin-bottom: 35px; }
	.productBox { margin-bottom: 0px; min-height: auto; }
	.productBox .content { padding-right: 0; order: 2; width: 100%; }
	.productBox .image { margin-bottom: 40px; order: 1; width: 100%; }
	.productBox h2 { word-break: break-word; }
	.productBox p { max-width: 100%; }
	.productBox img { width: 100%; }
	.productBox li { font-size: 15px; }
	.productBox .wrap { margin-bottom: 60px; padding-bottom: 74px; }
	.productBox .wrap.second .text { margin-left: 0; max-width: 100%; }
	.productBox .button { width: 100%; }
	.productBox .wrap.second .content { padding-left: 0; }
	.contactBox { padding-top: 70px; padding-bottom: 80px; }
	.contactBox h2 { margin-bottom: 30px; }
	.contactBox .form-field { width: 100%; }
	.contactBox .form-field.w-30,
	.contactBox .form-field.w-20 { width: 100%; }
	.contactBox .select-check .kit { margin-bottom: 30px; width: 100%; }
	.contactBox .select-check label { margin: 0 auto; }
	.contactBox .select-check label:last-child { margin-bottom: 0; }
	.contactBox textarea { min-height: 150px; }
	.contactBox .button { line-height: 31px; width: 100%; }
	.contactBox span { margin: 0 auto; }
	.adviseBox { margin-top: -50px; padding-top: 80px; padding-bottom: 90px; }
	.adviseBox .button-secondary { margin-right: 0; margin-bottom: 20px; }
	.adviseBox .button { width: 100%; }
	.adviseBox h6 span { display: block; }
	.adviseBox .price span { margin-right: 30px; }
	#footerCntr { padding-top: 100px; }
	.footerBox .wrap { padding-bottom: 50px; }
	.footerBox .image { margin-bottom: 40px; width: 100%; }
	.footerBox .content { padding-left: 0; width: 100%; }
	.footerBox li { padding-right: 40px; }
	.copyrightBox li { padding-right: 15px; line-height: 1.5; }
	.copyrightBox li:last-child { padding-right: 0; }
	.copyrightBox .left li:after { display: none; }
}

@media only screen and (max-width: 480px) {
	.menuBox:not(.mm-menu) { display: none; }
	#headerCntr .mobileMenu { display: block; }
	.footerBox li { margin-bottom: 10px; padding-right: 0; width: 100%; }
	.footerBox li:last-child { margin-bottom: 0; }
}

.video-popup {
    visibility: hidden;
    opacity: 0;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
}

.video-popup.active {
    visibility: visible;
    opacity: 1;
}

.video-popup iframe {
    width: 80%;
    height: 80%;
}

.video-placeholder {
    position: relative;
    cursor: pointer;
    /* Add styles for positioning the button */
}

.video-placeholder .buttonPopup {
    position: absolute;
    top: 50%;
    left: 55%;
    transform: translate(-50%, -50%);
    font-size: 46px;
padding: 5px 20px 7px;    
border-radius: 5px;
    cursor: pointer;
    display: inline-block;
    font-weight: 700;
    line-height: 1.2;
    text-align: center;
    color: #fab500;
    /* border-bottom: 2px solid #f8a800; */
    background-color: #15442c;
    transition: all 0.3s;
}
@media only screen and (max-width: 767px){
.video-placeholder .buttonPopup {
    width: auto;
	left: 50%;
}
}
.video-placeholder .buttonPopup:after {
	content: '';
	display: none;
}

/* === BACKGROUND VIDEO MVO === */
.video-bg-wrap {
	position: relative;
	width: 100%;
	aspect-ratio: 1 / 1;
	overflow: hidden;
	-webkit-mask-image: url('../images/product-img3.png');
	-webkit-mask-size: contain;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center;
	mask-image: url('../images/product-img3.png');
	mask-size: contain;
	mask-repeat: no-repeat;
	mask-position: center;
}
.video-bg-frame {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 178%;
	height: 100%;
	transform: translate(-50%, -50%);
	pointer-events: none;
	border: 0;
}

/* Add styles for the close button */
.close-button {
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 24px;
    color: #fff;
    cursor: pointer;
    /* Add additional styles as needed */
}

/* Promotional banner styles */
#promoBanner {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 10;
	width: 100%;
	background: linear-gradient(135deg, #fab500 0%, #f8a800 100%);
	border-bottom: 3px solid #15442c;
	animation: slideDown 0.8s ease-out;
}

@keyframes slideDown {
	from {
		transform: translateY(-100%);
		opacity: 0;
	}
	to {
		transform: translateY(0);
		opacity: 1;
	}
}

#promoBanner .promo-content {
	padding: 14px 20px 16px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	max-width: 1400px;
	margin: 0 auto;
}

#promoBanner .promo-text {
	display: flex;
	align-items: center;
	flex: 1;
}

#promoBanner .promo-icon {
	margin-right: 15px;
	font-size: 24px;
	color: #fff;
	animation: pulse 2s infinite;
}

/* Remove banner wave — trust strip provides clean transition */
.bannerBox:after { display: none !important; }

/* Extra ruimte tussen bannerknop en trust strip */
.bannerBox .content { padding-bottom: 60px; }

@keyframes pulse {
	0%, 100% { transform: scale(1); }
	50% { transform: scale(1.1); }
}

#promoBanner .promo-message {
	color: #fff;
	font-weight: 700;
	font-size: 16px;
	margin-right: 100px;
}

#promoBanner .promo-highlight {
	color: #15442c;
	background: #fff;
	padding: 2px 8px;
	border-radius: 15px;
	font-size: 14px;
	font-weight: 800;
	margin: 0 5px;
}

#promoBanner .promo-cta {
	padding: 10px 25px;
	background: #15442c;
	color: #fab500;
	border: 2px solid #15442c;
	border-radius: 25px;
	text-decoration: none;
	font-weight: 700;
	font-size: 14px;
	transition: all 0.3s ease;
	text-transform: uppercase;
	letter-spacing: 0.5px;
}

#promoBanner .promo-cta:hover {
	background: transparent;
	color: #15442c;
	transform: translateY(-2px);
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}

#promoBanner .promo-close {
	margin-left: 15px;
	background: none;
	border: none;
	color: #15442c;
	font-size: 20px;
	cursor: pointer;
	padding: 5px;
	border-radius: 50%;
	transition: all 0.3s ease;
}

#promoBanner.closed {
	display: none;
}

#promoBanner .promo-close:hover {
	background: rgba(21, 68, 44, 0.1);
}

/* Responsive adjustments */
@media only screen and (max-width: 991px) {
	#promoBanner .promo-message {
		font-size: 14px;
		margin-right: 50px;
	}

	#promoBanner .promo-highlight {
		font-size: 12px;
		padding: 1px 6px;
	}

	#promoBanner .promo-cta {
		padding: 8px 20px;
		font-size: 12px;
	}
}

@media only screen and (max-width: 767px) {
	#promoBanner .promo-content {
		padding: 10px 15px;
		flex-direction: column;
		text-align: center;
	}

	#promoBanner .promo-text {
		margin-bottom: 10px;
		flex-direction: column;
	}

	#promoBanner .promo-message {
		font-size: 13px;
		text-align: center;
		margin-bottom: 8px;
		margin-right: 0px;
	}

	#promoBanner .promo-icon {
		margin-right: 0;
		margin-bottom: 5px;
	}

	#promoBanner .promo-close {
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		right: 15px;
		margin: 0;
	}
}

@media only screen and (max-width: 480px) {
	#promoBanner .promo-message {
		font-size: 12px;
	}

	#promoBanner .promo-highlight {
		font-size: 11px;
		display: inline-block;
		margin: 2px;
	}
}

/* === PROMO BANNER === */
.promoBanner {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 10;
	background: #fab500;
	padding: 10px 50px 10px 20px;
	text-align: center;
	box-sizing: border-box;
}
.promoBanner.hidden {
	display: none;
}
.promoBanner .wrap {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 16px;
	flex-wrap: wrap;
	font-size: 14px;
	font-weight: 600;
	color: #15442c;
}
.promoBanner .promo-link {
	background: #15442c;
	color: #fff;
	padding: 4px 14px;
	border-radius: 20px;
	font-size: 13px;
	text-decoration: none;
	white-space: nowrap;
	transition: opacity 0.2s;
}
.promoBanner .promo-link:hover {
	opacity: 0.85;
}
.promo-close {
	position: absolute;
	right: 14px;
	top: 50%;
	transform: translateY(-50%);
	background: none;
	border: none;
	font-size: 22px;
	line-height: 1;
	color: #15442c;
	cursor: pointer;
	padding: 4px 6px;
	opacity: 0.7;
	transition: opacity 0.2s;
}
.promo-close:hover {
	opacity: 1;
}
@media only screen and (max-width: 767px) {
	.promoBanner .wrap { gap: 8px; font-size: 12px; }
}

/* === ACTIE BOX === */
.actieBox {
	background: #15442c;
	padding: 80px 20px;
}
.actieBox .wrap {
	max-width: 900px;
	margin: 0 auto;
}
.actie-content h2 {
	color: #fff;
	margin: 0 0 16px;
	font-size: 28px;
}
.actie-content p {
	color: rgba(255,255,255,0.85);
	font-size: 16px;
	line-height: 1.65;
	margin: 0 0 24px;
}
.actie-bottom {
	display: flex;
	align-items: center;
	gap: 36px;
	margin-bottom: 28px;
}
.actie-list {
	list-style: none;
	padding: 0;
	margin: 0;
	flex: 1;
}
.actie-list li {
	color: rgba(255,255,255,0.9);
	font-size: 15px;
	padding: 5px 0 5px 24px;
	position: relative;
}
.actie-list li::before {
	content: '✓';
	position: absolute;
	left: 0;
	color: #fab500;
	font-weight: 700;
}
.actie-header {
	display: flex;
	align-items: center;
	gap: 20px;
	margin-bottom: 16px;
}
.actie-header h2 {
	margin: 0;
}
.actie-badge {
	flex-shrink: 0;
	width: 130px;
	height: 130px;
	border-radius: 50%;
	background: #fab500;
	color: #15442c;
	font-family: 'Kaph Regular', sans-serif;
	font-size: 44px;
	display: flex;
	align-items: center;
	justify-content: center;
	line-height: 1;
	padding: 20px;
	box-sizing: border-box;
}
.actie-badge--mobile { display: none; }
.actieBox .button {
	background: #fab500;
	color: #15442c;
	border-color: #fab500;
}

@media only screen and (max-width: 767px) {
	.actie-content h2 { font-size: 20px; }
	.actie-bottom { flex-direction: column; align-items: flex-start; gap: 20px; }
	.actie-badge--desktop { display: none; }
	.actie-badge--mobile {
		display: flex;
		width: 80px;
		height: 80px;
		font-size: 28px;
		padding: 14px;
		flex-shrink: 0;
	}
}

/* === SOCIAL PROOF STRIP === */
.trustStrip {
	background: #15442c;
	padding: 14px 20px;
}
.trustStrip .wrap {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 30px;
	max-width: 1400px;
	margin: 0 auto;
}
.trustStrip .trust-item {
	display: flex;
	align-items: center;
	gap: 10px;
	font-size: 15px;
	font-weight: 700;
	color: #fff;
}
.trustStrip .trust-item .icon-check {
	color: #fab500;
	font-size: 18px;
}
.trustStrip .trust-number {
	color: #fab500;
	font-size: 22px;
	font-weight: 800;
	font-family: 'Kaph Regular', sans-serif;
}
.trustStrip .stars {
	color: #fab500;
	font-size: 16px;
	letter-spacing: 2px;
}
@media only screen and (max-width: 767px) {
	.trustStrip .wrap { gap: 16px; }
	.trustStrip .trust-item { font-size: 13px; }
}

/* === CREDIBILITY SECTION === */
.credibilitySection {
	background: #f4f9f5;
	border-bottom: 1px solid #deeee5;
	padding: 40px 20px;
}
.credibilitySection .wrap {
	max-width: 1100px;
	margin: 0 auto;
	display: flex;
	align-items: center;
	gap: 40px;
}
.credibility-logo {
	flex-shrink: 0;
}
.credibility-logo img {
	width: 140px;
	opacity: 0.85;
}
.credibility-text {
	flex: 1;
	color: #333;
	font-size: 15px;
	line-height: 1.65;
}
.credibility-text p {
	margin: 0 0 8px;
}
.credibility-text p:last-child {
	margin: 0;
	color: #555;
	font-size: 14px;
}
.credibility-stat {
	flex-shrink: 0;
	text-align: center;
	background: #fff;
	border: 2px solid #15442c;
	border-radius: 12px;
	padding: 18px 28px;
}
.credibility-stat .stat-number {
	display: block;
	font-family: 'Kaph Regular', sans-serif;
	font-size: 42px;
	color: #15442c;
	line-height: 1;
}
.credibility-stat .stat-label {
	display: block;
	font-size: 13px;
	color: #555;
	margin-top: 4px;
	white-space: nowrap;
}
@media only screen and (max-width: 767px) {
	.credibilitySection .wrap {
		flex-direction: column;
		gap: 24px;
		text-align: center;
	}
	.credibility-logo img { width: 110px; }
	.credibility-text { font-size: 14px; }
}

/* === TESTIMONIALS SECTION === */
.testimonialsBox {
	padding: 80px 0 100px;
	background: #f8f8f5;
	position: relative;
}
.testimonialsBox .section-header {
	text-align: center;
	margin-bottom: 55px;
}
.testimonialsBox .section-header h2 {
	margin-bottom: 15px;
}
.testimonialsBox .section-header p {
	font-size: 18px;
	color: #555;
	max-width: 540px;
	margin: 0 auto;
}
.testimonialsBox .cards {
	display: flex;
	flex-wrap: wrap;
	gap: 28px;
	max-width: 1400px;
	margin: 0 auto;
	padding: 0 15px;
}
.testimonialsBox .card {
	flex: 1 1 300px;
	background: #fff;
	border-radius: 16px;
	padding: 32px 32px 28px;
	box-shadow: 0 4px 24px rgba(21, 68, 44, 0.08);
	border-top: 4px solid #fab500;
	display: flex;
	flex-direction: column;
	gap: 16px;
}
.testimonialsBox .card .stars {
	color: #fab500;
	font-size: 20px;
	letter-spacing: 2px;
}
.testimonialsBox .card blockquote {
	font-size: 16px;
	line-height: 1.8;
	color: #333;
	font-style: italic;
	flex: 1;
}
.testimonialsBox .card .author {
	font-weight: 700;
	font-size: 15px;
	color: #15442c;
}
.testimonialsBox .card .company {
	font-size: 13px;
	color: #888;
	font-weight: 400;
}
@media only screen and (max-width: 767px) {
	.testimonialsBox .card { flex: 1 1 100%; }
	.testimonialsBox { padding: 60px 0; }
}

/* === FAQ SECTION === */
.faqBox {
	padding: 80px 0 160px;
}
.faqBox .section-header {
	text-align: center;
	margin-bottom: 55px;
}
.faqBox .section-header h2 {
	margin-bottom: 15px;
}
.faqBox .section-header p {
	font-size: 18px;
	color: #555;
	max-width: 540px;
	margin: 0 auto;
}
.faqBox .faq-list {
	max-width: 780px;
	margin: 0 auto;
	padding: 0 15px;
}
.faqBox .faq-item {
	border-bottom: 2px solid #eee;
	margin-bottom: 0;
}
.faqBox .faq-question {
	width: 100%;
	background: none;
	border: none;
	text-align: left;
	padding: 22px 40px 22px 0;
	font-family: 'Open Sans', sans-serif;
	font-size: 17px;
	font-weight: 700;
	color: #15442c;
	cursor: pointer;
	position: relative;
	display: block;
}
.faqBox .faq-question::after {
	content: '+';
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	font-size: 28px;
	font-weight: 300;
	color: #11a23a;
	transition: transform 0.3s;
}
.faqBox .faq-item.open .faq-question::after {
	content: '−';
}
.faqBox .faq-answer {
	display: none;
	padding: 0 40px 22px 0;
	font-size: 16px;
	color: #555;
	line-height: 1.8;
}
.faqBox .faq-item.open .faq-answer {
	display: block;
}
@media only screen and (max-width: 767px) {
	.faqBox { padding: 60px 0; margin-bottom:100px; }
	.faqBox .faq-question { font-size: 15px; }
}

/* === GUARANTEE BADGE === */
.guaranteeBadge {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 16px;
	background: rgba(255,255,255,0.12);
	border: 2px solid rgba(255,255,255,0.3);
	border-radius: 12px;
	padding: 18px 24px;
	margin-bottom: 32px;
}
.guaranteeBadge .badge-icon {
	font-size: 38px;
	flex-shrink: 0;
}
.guaranteeBadge .badge-text {
	font-size: 15px;
	color: #fff;
	line-height: 1.6;
}
.guaranteeBadge .badge-text strong {
	display: block;
	font-size: 17px;
	color: #fab500;
	margin-bottom: 2px;
}

/* === URGENCY NOTICE === */
.urgencyNotice {
	text-align: center;
	margin-top: 18px;
	font-size: 14px;
	color: rgba(255,255,255,0.8);
}
.urgencyNotice strong {
	color: #fab500;
}

/* === VALUE STACK inside packages === */
.shoppingBox .value-tag-wrap {
	display: flex;
	justify-content: center;
	margin-top: 6px;
	margin-bottom: 18px;
}
.shoppingBox .value-tag {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	background: rgba(255, 255, 255, 0.15);
	color: #fff;
	font-size: 13px;
	font-weight: 700;
	padding: 6px 14px;
	border-radius: 6px;
	border: 1px solid rgba(255,255,255,0.3);
	letter-spacing: 0.2px;
}
.shoppingBox .value-tag::before {
	content: '★';
	color: #fab500;
	font-size: 12px;
}

/* === STAT HIGHLIGHT in WHY section === */
.statHighlight {
	display: flex;
	flex-wrap: wrap;
	gap: 24px;
	margin-bottom: 38px;
}
.statHighlight .stat-item {
	background: #f0faf4;
	border-left: 4px solid #fab500;
	border-radius: 8px;
	padding: 14px 20px;
	flex: 1 1 160px;
}
.statHighlight .stat-number {
	font-family: 'Kaph Regular', sans-serif;
	font-size: 32px;
	color: #15442c;
	line-height: 1;
	margin-bottom: 4px;
}
.statHighlight .stat-label {
	font-size: 13px;
	color: #555;
	line-height: 1.4;
}

/* === CONTACT FORM bonus label === */
.form-bonus-label {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 4px 0;
	margin-bottom: 28px;
	font-size: 15px;
	color: rgba(255,255,255,0.9);
	list-style: none;
	padding: 0;
	text-align: center;
}
.form-bonus-label li { display: inline; }
.form-bonus-label li:not(:last-child)::after {
	content: ' | ';
	opacity: 0.5;
}
@media only screen and (max-width: 767px) {
	.form-bonus-label { flex-direction: column; align-items: flex-start; gap: 6px; text-align: left; }
	.form-bonus-label li { display: block; }
	.form-bonus-label li::after { display: none; }
}

/* === RECAPTCHA === */
.grecaptcha-badge { visibility: hidden !important; }
.recaptcha-notice {
	margin-top: 10px;
	font-size: 11px;
	color: rgba(255,255,255,0.5);
	text-align: center;
}
.recaptcha-notice a { color: rgba(255,255,255,0.5); text-decoration: underline; }