body {
	overflow-x: hidden;
	background-color: #F4F4F4;
}

html, body {
	height: 100%;
}

.page-wrap {
	min-height: 100%;
	margin-bottom: -110px;
}

.page-wrap:after {
  content: "";
  display: block;
}

.motto {
	margin-top: 50px;
}

.footer-container, .page-wrap:after {
  min-height: 110px; 
}


.header-container {
	background-color: #98C1D9;
	border-bottom: 1px solid #8E9AAF;
	margin-bottom: 40px;
}

.h-description {
	text-align: center;
	margin-bottom: 40px;

}

.video-wrap {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 25px;
	height: 0;
}



.product-container {
	margin-bottom: 50px;
}

.products-title-1 {
	border-bottom: 2px solid #F4F4F4;
	margin-bottom: 15px;
	border-bottom-style: dotted;
	text-align: center;

}

.img {
	width: 250px;
	height: 200px;
	border: 1px solid #B9BAA3;
}

.p-item {
	font-size: 20px;
}

.item {
	margin-bottom: 30px;
	
}



.sign-title {
	border-bottom: 2px solid #F4F4F4;
	margin-bottom: 15px;
	border-bottom-style: dotted;
	padding-bottom: 10px;
	text-align: center;
}

.submit-btn-1 {
	margin: 0 auto;
	margin-top: 25%;
	background-color: #E54B4B;
	color: white;
}

.submit-btn-2 {
	margin: 0 auto;
	background-color: #E54B4B;
	color: white;
	margin-top: 20px;
}

.submit-div {
	display: flex;
}
.blog {
	min-height: 263px;
}
.blog-title {
	border-bottom: 2px solid #F4F4F4;
	margin-bottom: 15px;
	border-bottom-style: dotted;
	text-align: center;
}

.img-test {
	max-width: 100%;
}

.title {
	text-align: center;
	margin-bottom: 20px;
}

.text-1 {
	text-align: justify;
	max-height: 200px;
}

.text-2 {
	text-align: justify;
	max-height: 200px;
}

.border {
	border: 1px solid #B9BAA3;
	border-radius: 20px;
	padding: 20px;
	background-color: white;
}

.icon {
	font-size: 50px;
	float: right;
	margin-top: 20px;
	color: #E54B4B;
}

.follow-icon {
	font-size: 40px;
	cursor: pointer;
	margin-bottom: 10px;
}

.map-icon {
	font-size: 90px;
	margin: 0 auto;
	margin-top: 15px;
	margin-bottom: 15px;
	cursor: pointer;
}

.position {
	display: flex;
}

.cart-icon {
	font-size: 60px;
	margin-top: 15px;
	float: right;
}

.cart-icon-2 {
	font-size: 50px;
	margin-top: 15px;
}

.center {
	text-align: center;
}



.p-cart {
	font-size: 20px;
	margin-top: 30px;
}

.no-padding {
	padding-left: 0 !important;
}



.footer-p {
	text-align: center;
}


.content1-container {
	margin-bottom: 20px;
}

.footer-container {
	background-color: #98C1D9;
	margin-top: 50px;
	border-top: 1px solid #8E9AAF;
}



.footer-row {
	margin-top: 20px;
}
.footer-btn {
	border: 1px solid gray;
	font-size: 18px;
	margin-top: 15px;
	margin-bottom: 15px;
	color: #404040;
	background-color: #C1DBE3;
}

.link-btn {
	border: 1px solid gray;
	background-color: #847E89;
	color: white;
	margin-top: 20px;
}

.footer-btn-div {
	float: right;
	text-align: center;
}

.footer-btn:hover {
	background-color: #F4F4F4;
}

.header-btn-div {
	text-align: center;
}
.header-btn {
	border: 1px solid gray;
	background-color: #C1DBE3;
	font-size: 18px;
	margin-top: 15px;
	margin-bottom: 15px;
	color: #404040;
}

.header-btn:hover {
	background-color: #F4F4F4;
	color: black;
}

.scroll {
	overflow-y: scroll;
}

.scroll-2 {
	overflow-x: scroll;
}

.logo-div {
	display: flex;
}

.logo-header {
	margin: 0 auto;
}

.logo-firm {
	float: right;
}

.title-header {
	margin-top: 30px;
	text-align: center;
}



.heading-header {
	text-align: center;
}

.footer-title-div {
	margin-top: 35px;
}

.footer-title-div-2 {
	margin-top: 35px;
}

.outline {
  	-webkit-text-fill-color: white; 
  	-webkit-text-stroke-width: 1px;
  	-webkit-text-stroke-color: #404040;
}

.outline-icon {
	-webkit-text-fill-color: white; 
  	-webkit-text-stroke-width: 2px;
  	-webkit-text-stroke-color: #404040;
}



ul {
	list-style: none;
}
li > p {
	display: inline;
}

li {
	margin-bottom: 10px;
	text-align: left;
}

.list-title {
	text-align: center;
}



@media screen and (max-width: 900px) {
	.submit-btn-1  {
		margin-top: 20px;
	}

	.form-container {
		margin-bottom: 30px;
	}

	.footer-btn-div {
		float: none;
	}

	.footer-title-div {
		text-align: center;
	}

	.footer-title-div-2 {
		text-align: center;
	}

	.mobile-row {
		margin-bottom: 10px;
	}
	
	.link-btn {
		font-size: 20px;
	}

	

	.p-item {
		margin-top: 10px;
	}

	.header-btn {
		font-size: 18px;
	}

	.logo-firm {
		float: none;
		margin: 0 auto;
	}
}



