/* 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; text-transform: capitalize; }
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: 60px; 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 0 30px rgba(0, 0, 0, 0.2); }
.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: center center; }
.bannerBox .delivery { margin-bottom: 164px; 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; }
.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; }
.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: 175px; }
.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) {
	#wrapper { padding-top: 55px; }
	#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; }
	#wrapper { padding-top: 50px; }
	.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; }
	#wrapper { padding-top: 40px; }
	.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: 80px; 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: 150px; 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-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;
}

/* 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 */
}