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

@import url('https://fonts.googleapis.com/css2?family=Arima+Madurai:wght@300;700&family=Kufam:wght@500&family=Montserrat:wght@100&family=Overpass&family=Raleway:wght@200;600&family=Waiting+for+the+Sunrise&display=swap');


body {
	background-image: url("images/background.png")
}

#wrapper {
	width: 1300px;
	background-color: #d9f0ff;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	margin-bottom: 10px;
	border-width: 3px;
	border-style: solid;
	border-color: #bed7e9;
	height: 800px;
}

.news {
	padding: 40px 30px;
	background-color: #FFFFFF;
	border: 5px dotted #f5c0c0;
	width: 300px;
	height: 300px;
	position: absolute;
	left: 300px;
	top: 500px;

}


p {
	color: #a63536;
	font-family: 'Overpass', sans-serif;
	font-weight: 100;
}


h1 {
	color: #a63536;
	font-family: 'Arima Madurai', cursive;
	font-weight: 1000;
	text-align: center;
	font-size: 20px;
}

.reviews {
	padding: 40px 30px;
	background-color: #FFFFFF;
	border: 5px dotted #f5c0c0;
	width: 400px;
	height: 250px;
	position: absolute;
	left: 700px;
	top: 500px;
}

.flex-container {
	display: flex;
}


ul {
	color: #a63536;
	font-family: 'Overpass', sans-serif;
	font-weight: 100;
	list-style-type: circle;

}

nav {
	font-family: 'Arima Madurai', cursive;
	color: #FFFFFF;
	background: repeating-linear-gradient(#63a3ff, #b6dcff, #63a3ff);
	text-align: center;
	padding: 30px;

}

nav a {
	color: #FFFFFF;
	font-family: 'Arima Madurai', cursive;

}

.allign-center {
    position: absolute;
    left: 630px;
    top: 0px;
    height: 104px;
    width: 172px;
}

footer {
	background-color: #75bce9;
	align-content: center;
	text-align: center;
	padding-top: 5px;
}



.about {
	padding: 20px;
	background-color: #FFFFFF;
	border: 5px dotted #f5c0c0;
	width: 60%;
	height: 150px;
	margin: 10px 10px 10px 50px;
	line-height: 25px;
}

h2 {
	padding: 10px;
	text-align: center;
	background-color: #75bce9;
	font-family: 'Arima Madurai', cursive;
	color: #FFFFFF;
	font-size: 50px;
	margin: 10px;
	font-weight: 1000;
}

.image-container {
	
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

#products-wrapper {
	width: 1300px;
	background-color: #d9f0ff;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	margin-bottom: 10px;
	border-width: 3px;
	border-style: solid;
	border-color: #bed7e9;
	height: 1500px;
}


figure {
	background-color: #FFFFFF;
	border: 3px solid #bed7e9;
	margin: 5px;

}

figcaption {
	font-family: 'Overpass', sans-serif;
	color: #a63536;
	text-align: center;
	margin: 0px 5px;
	font-weight: 100px;
}

h3 {
	font-family: 'Overpass', sans-serif;
	color: #a63536;
	text-align: center;
	margin: 0px 5px;
	font-weight: 100px;
}

.allign-right {
	float: right;
	margin-left: 20px;
	margin-right: 20px;
	margin-bottom: 50px;
	margin-top: 20px;
	position: absolute;
	left: 800px;
	top: 200px;
}

.location {
	padding: 20px;
	background-color: #FFFFFF;
	border: 5px dotted #f5c0c0;
	width: 40%;
	height: 250px;
	margin: 10px 10px 10px 50px;
	line-height: 25px;
}

label {
	font-weight: bold;
	text-align: left;
	width: 120px;
	padding-right: 12px;
}


.box1 {
	background-color: #FFFFFF;
	padding: 20px;
	width: 40%;
	position: absolute;
	top: 300px;
	left: 30%;
	border: 5px dotted #f5c0c0;
	height: 500px;
}

fieldset {
	text-align: left;
	margin-left: 20px;
}

.button, .button2 {
	position: absolute;
	left: 40%;
	top: 320px;
	background: repeating-linear-gradient(#63a3ff, #b6dcff, #63a3ff);
	padding: 10px 20px;
	color: #FFFFFF;
	font-family: 'Arima Madurai', cursive;
	font-size: 20px;
	border: 2px solid #82a8c4;
	border-radius: 5px;
}

.button:hover, .button2:hover {
	background: repeating-linear-gradient(#d7a4a4, #f8c5c5, #d7a4a4);
	border: 2px solid #ae7a7a;
	color: #000000;
}

.box2 {
	background-color: #FFFFFF;
	border: 5px dashed #75bce9;
	padding: 20px;
	width: 50%;
	margin-left: 320px; 
}

.about1 {
	position: absolute;
	left: 1050px;
	top: 250px;
}

.about2 {
	position: absolute;
	left: 150px;
	top: 500px;
}

.about3 {
	position: absolute;
	left: 600px;
	top: 600px;
}

.box3 {
	background-color: #FFFFFF;
	border: 2px solid #75bce9;
	padding: 10px;
	width: 400px;
	height: 300px;
	margin-left: 100px;
}

.gallery {
	margin: 10px;
	padding: 5px;
	background-color: #FFFFFF;
	border: 2px solid #82a8c4;
}

/*.jcarousel-wrapper {
	height: 276px;
	width: 1300px;
}

.jcarousel {
	position: relative;
    overflow: hidden;
}*/

.next {
	
}

.previous {
	
}

.logo {
	position: absolute;
	left: 42%;
	top: 10%;
}

.landing {
	background-color: #FFFFFF;
	padding: 20px;
	width: 40%;
	position: absolute;
	top: 250px;
	left: 30%;
	border: 5px dotted #f5c0c0;
	height: 300px;
	line-height: 30px;
}

.box4 {
	background-color: #FFFFFF;
	padding: 20px;
	width: 80%;
	position: absolute;
	top: 10%;
	border: 5px dotted #f5c0c0;
	height: 70%;
	margin: 50px;
	font-size: 50px;
	line-height: 30px;
}

.cookie {
	position: absolute;
	top: 30%;
	left: 37%;
}

.button2 {
	position: absolute;
	left: 35%;
	top: 90%;
}

h4 {
	color: #a63536;
	font-family: 'Arima Madurai', cursive;
	font-weight: 1000;
	text-align: center;
	font-size: 40px;
	line-height: 45px;
}

label, strong {
	color: #a63536;
	font-family: 'Arima Madurai', cursive;
	font-weight: 1000;
	text-align: center;
	font-size: 20px;
	line-height: 20px;
}

#mce-EMAIL {
	width: 50px;
}

.button {
	position: absolute;
	left: 35%;
	top: 70%;
}