@charset "utf-8";
/* CSS Document */

/* SLDESHOW + HEADER TEXT */

header {
	background-color: #FFF;
	display: flex;
	flex-direction: row;
	position: relative;
	height: 100vh;
	justify-content: center;
	overflow: hidden;
}

.slideshow {
	top: 0;
	height: 100vh;
	overflow: hidden;
}

header .swiper-container .swiper-wrapper .swiper-slide {
	width: 100vw;
	height: 100vh;
	overflow: hidden;
}

header .swiper-container .swiper-wrapper .swiper-slide img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.text-container {
	width: 100%;
	height: 100vh;
	display: flex;
	flex-direction: column;
	position: absolute;
	justify-content: center;
	align-items: center;
	z-index: 99;
	font-size: x-large;

	background-color: rgba(0,0,0, .5);
}

.text-container div {
	font-family: "OpenSans";
	width: 90%;
	margin: 0px 5%;
}

.text-container h1, .text-container p {
	text-align: center;
	color: #FFF;
}

.text-container .connect-us a {
	border: 1px solid #BE4607;
	background-color: #BE4607;
	padding: 10px 20px;
	color: #FFF;
	text-decoration: none;
	transition: .4s;
	box-shadow: 0 0.7rem 0.7rem rgba(0, 0, 0, 0.22);
	position: absolute;
	left: 50%;
	transform: translate(-50%, 15px);
	font-size: medium;
	text-align: center;
}

.text-container .connect-us a:hover {
	box-shadow: 0 0.9rem 0.9rem rgba(0, 0, 0, 0.22);
}

@media (max-width: 1069px) {
	.text-container {
		font-size: large !important;
	}
}

.swiper-container {
	padding-bottom: 30px !important;
}

.swiper-container .swiper-wrapper .swiper-slide {
	width: 100%;
	height: 100%;
	display: flex;
	flex-wrap: wrap;
	align-content: center;
	text-align: center;
}

.swiper-container .swiper-wrapper .swiper-slide img {
	width: 100%;
}

.swiper-pagination {
	z-index: 999;
	bottom: 20px;
	right: 30px;
}

.swiper-pagination-bullet {
	background: #FFF;
	opacity: .85;
	width: 10px;
	height: 10px;
	margin: 0 2.5px;
}

.swiper-pagination-bullet-active {
	background: #F77E3E;
}

.go-forward {
	position: absolute;
	bottom: 30px;
	animation: moveUpDown 3s ease-in-out infinite;
	cursor: none;
	left: calc(50% - 15px);
}

.go-forward img {
	height: 30px;
}

@keyframes moveUpDown {
	0% {
		transform: translateY(0);
	}
	50% {
		transform: translateY(-10px);
	}
	100% {
		transform: translateY(0);
	}
}

/* ABOUT-US */

main .about-us {
	height: 100vh;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	background-color: #FFF;
}

main .about-us .photo, main .about-us .text {
	width: 70%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

main .about-us .photo img {
	width: 50%;
	padding-right: 50px;
}

main .about-us .photo {
	align-items: flex-end;
}

main .about-us .photo p {
	font-size: 10pt;
	font-style: italic;
	width: 70%;
	text-align: center;
}

main .about-us .text {
	padding: 0 10%;
	text-align: center;
	font-family: "Mukta";
}

main .about-us .text h1 {
	font-size: 32pt;
	z-index: 4;
}

main .about-us .text a {
	text-decoration-color: #F77E3E;
	color: inherit;
}

main .about-us .text a .fa {
	color: #BE4607;
}

main .about-us .text span {
	font-style: italic;
	font-size: 11pt;
}

main .about-us .text hr {
	height: 6px;
	width: 50px;
	background-color: #F77E3E;
	border: none;
	left: -50%;
}

main .about-us .text p {
	font-size: 13pt;
	text-align: left;
	z-index: 4;
}

main .about-us .decoration {
	position: absolute;
	bottom: 50px;
	right: 60px;
}

main .about-us .fancy {
	position: relative;
	white-space: nowrap;
	font-size: 42pt;
	font-weight: bolder;
	color: #F77E3E;
}

main .about-us .fancy:after {
	--deco-height: 0.3125em;
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: calc(var(--deco-height) * -0.625);
	height: var(--deco-height);
	background-image: url("data:image/svg+xml,%3Csvg width='100' height='64' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath d='M-17 30.5C-1 22 72-4 54 13 37.9 28.2-2.5 57.5 16 55.5s72-29 104-40' stroke='%23F77E3E' stroke-width='10'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h100v64H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
	background-size: auto 100%;
	background-repeat: round;
	background-position: 0em;
}


@media (max-width: 990px) {
	main .about-us .photo {
		position: absolute;
		width: 200px;
		left: 0;
		top: 85px;
	}
}

@media (max-width: 735px) {
	main .about-us .photo p {
		display: none;
	}
}

@media (max-width: 605px) {
	main .about-us .photo {
		display: none;
	}

	main .about-us .text h1 {
		font-size: 22pt;
	}

	main .about-us .text p {
		font-size: 11pt;
		text-align: left;
	}	
}

@media (max-width: 400px) {
	main .about-us .text, main .about-us .go-forward {
		z-index: 2;
	}

	main .about-us .fancy {
		font-size: 18pt;
	}
}







/* PRODUCTION */

main .production {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	position: relative;
	font-family: "Mukta";
}

main .production h1 {
	font-size: 32pt;
	padding-top: 40px;
}

main .production a:not(.product-link) {
	color: inherit;
	text-decoration-color: #F77E3E;
}

main .production a:not(.product-link) .fa {
	color: #BE4607;
}

main .production .wave {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: -1;
}

main .production .products {
	display: flex;
	flex-direction: column;
	margin-top: 40px;
}

main .production .products .product {
	margin-top: 50px;
}

main .production .products .product .product-link {
	display: flex;
	flex-direction: row;
	text-decoration: none;
	justify-content: center;
	align-items: center;
	color: inherit;
}

main .production .products .product .image, main .production .products .product .text {
	width: 70%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

main .production .products .product .image img {
	width: 65%;
	padding-right: 50px;
}

main .production .products .product .text h2 {
	font-size: 26pt;
	transition: .3s;
}

main .production .products .product .text {
	padding: 0 10%;
	text-align: left;
	font-family: "Mukta";
}

main .production .products .product .text hr {
	height: 6px;
	width: 50px;
	background-color: #F77E3E;
	border: none;
	left: -50%;
}

main .production .products .product .text p {
	font-size: 13pt;
}

main .production .products h3 {
	text-align: center;
	font-weight: normal;
	margin-top: 80px;
	text-transform: uppercase;
	text-decoration: underline;
}

main .production .products h3 a {
	text-decoration-color: #2C2B2B;
}

@media (max-width: 1000px) {
	main .production .products .product .product-link {
		position: relative;
	}

	main .production .products .product .image {
		width: 80%;
		margin: inherit 10%;
	}

	main .production .products .product .image img {
		width: 100%;
		padding: 0;
	}

	main .production .products .product .text {
		position: absolute;
		width: 60%;
		height: 100%;
		background-color: rgba(0, 0, 0, .6);
		color: #FFF;
	}
}

@media (max-width: 690px) {
	main .production .products .product {
		margin-top: 0px;
	}

	main .production .products .product .image {
		width: 90%;
		overflow: hidden;
	}

	main .production .products .product .text {
		width: 70%;
	}
}

@media (max-width: 605px) {
	main .production h1 {
		font-size: 22pt;
	}

	main .production .products .product .text h2 {
		font-size: 20pt;
	}	

	main .production .products .product .text p {
		font-size: 11pt;
	}		
}

@media (max-width: 500px) {
	main .production .products .product .text p {
		display: none;
	}		
}