#fixed_header {
	position: fixed;
	width: 100%;
	background: #fff;
    top: 0;
	text-align: center;
	padding: 15px;
	z-index: 9999;
}

#header_section { 
	background-image: url("../img/gallery_section_bg.webp");
	background-size: cover;
	margin-top: 78px;
}

.logo_box {
	display: block;
   	width: 30%;
    background: transparent;
    text-align: center;
    margin: 70px auto;
    padding: 10px;
}

.logo { 
	width: 50%; 
	height: auto;
}

.logo_box_text {
	color: #0083b9;
	word-wrap: break-word;
}

.order_btns {
	display: flex;
	justify-content: center;
}

.order-btn, .order-btn:hover, .order-btn:focus { 
	background: #1d355e;
	border-color: #1d355edb;
	border-width: 3px;
	color: #fff;
	margin: 5px; 
	box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.3);
	font-weight: bold;
}

#notice_section {
	background-image: linear-gradient(rgba(0, 0, 0, .4), rgba(0, 0, 0, .5)), url("../img/gallery_section_bg.webp");
	background-size: cover;
	color: #ffffff;
	text-align: center;
	padding: 15px;
}

.click_collect_img { width: 400px; }

.notice_title {
	color: #ffffff;
	font-size: 3rem;
	font-weight: bold;
	letter-spacing: 0.5rem;
	line-height: 1.2;
	margin-bottom: 0;
}

.notice_description {
	color: #000000;
	font-size: 1rem;
}

.notice_text {
	color: #000;
	font-size: 1.5rem;
	margin-bottom: 0;
}

#slogan_section {
	background: linear-gradient(rgba(0, 0, 0, .6), rgba(0, 0, 0, .7)), url("../img/slogan_section_bg.webp");
	background-size: cover;
	background-repeat: no-repeat;
	padding: 80px 20px;
	text-align: center;
}

.slogan_title {
	color: #ffffff;
	font-size: 3rem;
	font-weight: bold;
	letter-spacing: 0.7rem;
	line-height: 1.2;
	margin-bottom: 0;
}

.slogan_description {
	color: #ffffff;
	font-size: 1.8rem;
}

#cta_section {
	background: #1d355e;
	color: #fff;
	text-align: center;
	padding: 15px;
	font-weight: bold;
}

.cta_text { 
	margin-bottom: 0; 
	font-size: 1.8rem;
	line-height: 1.2;
}

.product_section { position: relative; }

.product_section::before {
	content: "";
	background:  linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.3)), url("../img/product_section_bg.webp");
	background-size: cover;
	background-repeat: no-repeat;
	text-align: center;
	position: absolute;
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
	opacity: 0.75;
}

.product_box {
	position: relative;
	display: block;
   	width: 40%;
    background: #ffffffdb;
    text-align: center;
    margin: 50px auto;
}

.product_img { 
	background: url("../img/preview.webp");
	background-size: cover;
	background-repeat: no-repeat;
	width: 100%;
	height: 300px;
}

.product_title { 
	color: #000;
	margin-top: 20px;
}

.product_divider {
	width: 100px;
    height: 2px !important;
    text-align: center;
    opacity: 1;
    color: #0083b9;
    margin: 10px auto;
}

.product_text { 
	padding: 10px;
	color: #000000;
	}

.product_description { color: #000000; }

.visa_img { height: 60px; }

#download_section {
	background: linear-gradient(rgba(0, 0, 0, .4), rgba(0, 0, 0, .5)), url("../img/download_section_bg.webp");
	background-size: cover;
	background-repeat: no-repeat;
	text-align: center;
	padding: 60px;
}

.download_title { 
	color: #ffffff;
	margin-bottom: 15px;
}

.download_info { 
	color: #ffffff;
	font-weight: 300; 
}

.download_btn {
	margin: 20px;
	box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.3);
	color: #fff;
	background: #292929db;
	border-color: #fff;
	font-weight: bold;
}

#gallery_section {
	background: linear-gradient(rgba(0, 0, 0, .4), rgba(0, 0, 0, .5)), url("../img/gallery_section_bg.webp");
	background-size: cover;
	background-repeat: no-repeat;
	text-align: center;
	padding: 50px;
}

.gallery_title { 
	color: #ffffff;
	margin-bottom: 15px;
}

.gallery_img img {
	width: 100%; 
	height: 200px; 
}

#footer_section { 
	text-align: center;
		background: #f5f5f5}

.footer_title { color: #1d355e;
}

.footer_divider {
	width: 100%;
    height: 2px !important;
    opacity: 1;
    color: #000;
    margin: 20px 0;
	text-align: center;
}

#footer_content { padding: 50px; }

.footer_text {
    line-height: 1.2;
    margin-bottom: 0.5rem;
	color: #0083b9;
}

.disclaimer { 
	font-size: 0.8rem;
	color: #1d355e;
	}

.rating_img { width: 170px; }

#copyright_section {
	background: #292929db;
	padding: 20px;
	text-align: center;
}

.copyright_text {
	font-size: 1rem;
	color: #000;
	margin-bottom: 0;
}

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

#cookies {
	position: fixed;
	width: 100%;
	bottom: 0;
    background: #333333;
    color: #fff;
    padding: 10px;
    z-index: 1;
}

.cookies_text { margin-bottom: 0; }

#cookies_text, #cookies_btn {
	display: flex;
    align-items: center;
}

#cookies_btn { justify-content: right; }

.cookies_btn {
	background: #009ee3;
	color: #ffffff;
	border-color: #009ee3;
}

.scroll_top_btn, .scroll_top_btn:hover {
    position: fixed;
    bottom: 15px;
    right: 15px;
    display: none;
    border-color: transparent;
    padding: 0;
}

@media only screen and (max-width: 768px) {
	.order-btn { font-size: 16px; }
	.product_box { width: 90%; }
	.slogan_title { font-size: 2rem; }
	#download_section, #footer_content { padding: 25px; }
	.gallery_img { margin-bottom: 10px; }
	#map iframe { min-height: 300px; }
}

@media only screen and (max-width: 320px) {
	.order-btn { font-size: 16px; }
}

/* Animations */
.animate { opacity: 0; }

.fadeInLeft.active {
	-webkit-animation-name: fadeInLeft;
	animation-name: fadeInLeft;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}
@-webkit-keyframes fadeInLeft {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0);
	}
	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}
@keyframes fadeInLeft {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0);
	}
	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
} 

.fadeInRight.active {
	-webkit-animation-name: fadeInRight;
	animation-name: fadeInRight;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}
@-webkit-keyframes fadeInRight {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0);
	}
	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}
@keyframes fadeInRight {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0);
	}
	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}

.fadeInDown.active {
	-webkit-animation-name: fadeInDown;
	animation-name: fadeInDown;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}
@-webkit-keyframes fadeInDown {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0);
	}
	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}
@keyframes fadeInDown {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0);
	}
	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}