@import url("aos.css");
 @import url("product.css");

 @font-face {
 	font-family: 'Conv_ThaiSansNeue-Light';
 	src: url('../fonts/ThaiSansNeue-Light.eot');
 	src: local('☺'), url('../fonts/ThaiSansNeue-Light.woff') format('woff'), url('../fonts/ThaiSansNeue-Light.ttf') format('truetype'), url('../fonts/ThaiSansNeue-Light.svg') format('svg');
 	font-weight: normal;
 	font-style: normal;
 }


 @font-face {
 	font-family: 'Conv_ThaiSansNeue-Regular';;
 	src: url('../fonts/ThaiSansNeue-Regular.eot');
 	src: local('☺'), url('../fonts/ThaiSansNeue-Regular.woff') format('woff'), url('../fonts/ThaiSansNeue-Regular.ttf') format('truetype'), url('../fonts/ThaiSansNeue-Regular.svg') format('svg');
 	font-weight: normal;
 	font-style: normal;
 }

 @font-face {
 	font-family: 'Conv_ThaiSansNeue-SemiBold';
 	src: url('../fonts/ThaiSansNeue-SemiBold.eot');
 	src: local('☺'), url('../fonts/ThaiSansNeue-SemiBold.woff') format('woff'), url('../fonts/ThaiSansNeue-SemiBold.ttf') format('truetype'), url('../fonts/ThaiSansNeue-SemiBold.svg') format('svg');
 	font-weight: normal;
 	font-style: normal;
 }


 .bold{
 	font-family:'Conv_ThaiSansNeue-SemiBold',Sans-Serif;
 }

 .page{
 	padding-top: 5rem;
 	padding-bottom: 5rem;
 }

 .page02{
 	padding-top: 3rem;
 	padding-bottom: 3rem;
 }

 .c-purple{
 	color: #56213b;
 }

 .c-purple span{
 	font-size: 8rem;
 }

 .c-purple b{
 	color: #56213b;
 }

 .a1000{
 	margin-bottom: 25px;
 }

 .p1000{
 	margin-bottom: 25px;
 }

 .logo-b{
 	max-width: 100%;
 }

 .bg-brown{
 	background-color: #dad3c1;
 }

 .bg-wave{
 	background-image: url("../images/wave.png");
 	height: 125px;
 	background-size: inherit;
 	margin-bottom: -2px;
 }

 .bg-fish {
 	/* The image used */
 	background-image: url("../images/bg-fish.png");
 	/* Set a specific height */
 	height: auto;
 	/* Create the parallax scrolling effect */
 	background-attachment: fixed;
 	background-position: center;
 	background-repeat: no-repeat;
 	background-size: cover;
 }

 .border-gold{
 	border: solid 5px #aea079;
 	margin-top: 50px;
 	margin-bottom: 50px;
 }

 .btn-green2 {
 	font-size: 2rem;
 	color: #fff;
 	padding: 1rem 5.14rem 1.2rem;
 	background-color: #80875d !important

 }

 .btn-green2:hover {
 	color: #fff;
 	background-color: #3fa044
 }

 .line-left {
 	display: block;
 	-webkit-flex-basis: auto;
 	-ms-flex-preferred-size: auto;
 	flex-basis: auto;
 	min-width: 0;
 	border-color: #333;
 	padding-left: 25px;
 	border-left-width: 1px;
 	border-left-style: solid;
 	/* width: 203px; */
 	line-height: 1.25;
 	margin-left: 25px;
 }

 .footer-contact h3{
 	font-size: 3rem;
 }

 .view-web h6{
 	margin-bottom: 0;
 	line-height: 40px;
 	font-family: 'Conv_ThaiSansNeue-Light';
 	text-transform: uppercase;
 }

/* .social-nav {
 	padding: 0;
 	list-style: none;
 	display: inline-block;
 	margin: 10px auto;
 }

 .social-nav a {
 	display: inline-block;
 	float: left;
 	width: 48px;
 	height: 48px;
 	font-size: 32px;
 	color: #FFF;
 	text-decoration: none;
 	cursor: pointer;
 	text-align: center;
 	line-height: 48px;
 	background: #000;
 	position: relative;
 	-moz-transition: 0.5s;
 	-o-transition: 0.5s;
 	-webkit-transition: 0.5s;
 	transition: 0.5s;
 }


 .model-1 li {
 	margin: 0 2px;
 }
 .social-nav li {
 	display: inline-block;
 }

 .model-1 .line {
 	background-color: #42c507;
 	color: #fff;
 }

 .model-1 .mail {
 	background-color: #00a3e6;
 	color: #fff;
 }

 .model-1 .phone-h {
 	background-color: #80875d;
 	color: #fff!important;
 }

 .model-1 .phone-h p{
 	font-size: 18px; 
 	color: #333!important;
 }

 .model-1 a {
 	-moz-transition: -moz-transform 1s, background 0.4s;
 	-o-transition: -o-transform 1s, background 0.4s;
 	-webkit-transition: -webkit-transform 1s, background 0.4s;
 	transition: transform 1s, background 0.4s;
 	-moz-border-radius: 100%;
 	-webkit-border-radius: 100%;
 	border-radius: 100%;
 	}*/

/*

 	.contact-block__label {
 		display: block;
 		padding-right: 0;
 	}
 	
 	.contact-block__label {
 		padding-right: 4px;
 		line-height: 1.1;
 		margin-top: -5px;
 		margin-bottom: -8px;
 		text-align: left;
 		    font-size: 18px;
 	}
 	.contact-block__text {
 		text-align: left;
 		font-size: 24px;
 		color: #888;

 		}*/


 		.contact-block__item--icon {
 			display: -webkit-box;
 			display: -ms-flexbox;
 			display: -webkit-box;
 			-webkit-box-orient: horizontal;
 			-webkit-box-direction: normal;
 			-ms-flex-direction: row;
 			flex-direction: row;
 			-webkit-box-align: center;
 			-ms-flex-align: center;
 			align-items: center;
 			margin-top: 4px;
 		}

 		.contact-block__item a{
 			color: #888;
 		}

 		.contact-block__icon {
 			font-size: 29px;
 			margin-right: 14px;
 			margin-top: 6px;
 		}
 		.contact-block__icon {
 			color: #e10404;
 		}
 		.contact-block__icon {
 			font-size: 14px;
 			margin-right: 10px;
 		}
 		.contact-block__label {
 			display: block;
 			padding-right: 0;
 		}
 		.contact-block__label {
 			font-style: normal;
 			font-weight: 400;
 			font-size: 25px;
 			letter-spacing: 0em;
 		}
 		.contact-block__label {
 			padding-right: 4px;
 			line-height: 1.1;
 			margin-top: -5px;
 			margin-bottom: -8px;
 			text-align: left;
 		}
 		.contact-block__text {
 			text-align: left;
 			font-size: 24px;
 			color: #888;
 		}
 		.social-btn-head {
 			display: inline-block;
 			float: left;
 			width: 48px;
 			height: 48px;
 			font-size: 32px;
 			border-radius: 50%;
 			color: #FFF;
 			text-decoration: none;
 			cursor: pointer;
 			text-align: center;
 			line-height: 48px;
 			background: #000;
 			position: relative;
 			-moz-transition: 0.5s;
 			-o-transition: 0.5s;
 			-webkit-transition: 0.5s;
 			transition: 0.5s;
 		}
 		.phone {
 			background-color: #428dff;
 			color: #fff;
 		}


 		.model-1 .line {
 			background-color: #42c507;
 			color: #fff;
 		}

 		.model-1 .mail {
 			background-color: #00a3e6;
 			color: #fff;
 		}

 		.model-1 .phone-h {
 			background-color: #80875d;
 			color: #fff!important;
 		}

 		.contact-block__value-wrap{
 			margin-top: 7px;
 			line-height: 23px;
 		}
 		


 		.mt-h{
 			margin-top: 35px;
 		}




 		#return-to-top {
 			position: fixed;
 			z-index: 999;
 			bottom: 20px;
 			right: 20px;
 			background: rgba(89, 33, 58, 0.80);
 			width: 45px;
 			height: 45px;
 			display: block;
 			text-decoration: none;
 			-webkit-border-radius: 6px;
 			-moz-border-radius: 6px;
 			border-radius: 50%;
 			display: none;
 			-webkit-transition: all 0.3s linear;
 			-moz-transition: all 0.3s ease;
 			-ms-transition: all 0.3s ease;
 			-o-transition: all 0.3s ease;
 			transition: all 0.3s ease;

 		}
 		#return-to-top i {
 			color: #fff;
 			margin: 0;
 			position: relative;
 			left: 10px;
 			top: 5px;
 			font-size: 25px;
 			-webkit-transition: all 0.3s ease;
 			-moz-transition: all 0.3s ease;
 			-ms-transition: all 0.3s ease;
 			-o-transition: all 0.3s ease;
 			transition: all 0.3s ease;
 		}
 		#return-to-top:hover {
 			background: #59213a;
 		}
 		#return-to-top:hover i {
 			color: #fff;
 			top: 2px;
 		}








 	

 		.parallax > use {
 			animation: move-forever 12s linear infinite;
 		}
 		.parallax > use:nth-child(1) {
 			animation-delay: -2s;
 		}
 		.parallax > use:nth-child(2) {
 			animation-delay: -2s;
 			animation-duration: 5s;
 		}
 		.parallax > use:nth-child(3) {
 			animation-delay: -2s;
 			animation-duration: 4s;
 		}

 		@keyframes move-forever {
 			0% {
 				transform: translate(-90px, 0%);
 			}
 			100% {
 				transform: translate(85px, 0%);
 			}
 		}
 		.editorial {
 			display: block;
 			width: 100%;
 			height: 5em;
 			max-height: 100vh;
 			margin: 0;
 		}


 		.contact-detail h4 {
 			font-size: 2rem;
 		}



 		@media (max-width: 992px){

 			body {
 				margin: 0;
 				font-family: 'Conv_ThaiSansNeue-Light';
 				font-size: 1.4rem;
 				font-weight: 400;
 				line-height: 1.5rem;
 				color: #373334;
 				text-align: left;
 				background-color: #fff;
 			}

 			h2, .h2 {
 				font-size: 2.8rem;
 			}

 			h3, .h3 {
 				font-size: 2.5rem;
 			}

 			h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
 				margin-bottom: 0rem;
 				font-weight: 500;
 				line-height: 2rem;
 			}

 			.page{
 				padding-top: 2rem;
 				padding-bottom: 2rem;
 			}

 			.page02{
 				padding-top: 2rem;
 				padding-bottom: 2rem;
 			}

 			.c-purple span {
 				font-size: 4rem;
 			}

 			.p1000 {
 				margin-bottom: 10px;
 			}

 			.a1000 {
 				margin-bottom: 10px;
 			}

 			.border-gold {
 				border: solid 2px #aea079;
 				margin-top: 30px;
 				margin-bottom: 30px;
 			}

 			.logo-b{
 				width: 50%;
 			}

 			.footer-contact h3 {
 				font-size: 1.5rem;
 			}

 			.contact-detail h4 {
 			font-size: 1.5rem;
 		}


 			.line-left {

 				margin-left: 15px;
 			}

 			.bg-wave {
 				background-image: url(../images/wave.png);
 				height: 50px;
 				background-size: cover;
 				margin-bottom: -2px;
 			}

 			#return-to-top i {
 				color: #fff;
 				margin: 0;
 				position: relative;
 				left: 10px;
 				top: 9px;
 				font-size: 25px;
 				-webkit-transition: all 0.3s ease;
 				-moz-transition: all 0.3s ease;
 				-ms-transition: all 0.3s ease;
 				-o-transition: all 0.3s ease;
 				transition: all 0.3s ease;
 			}

 			.btn-green2 {
    font-size: 1.5rem;
    color: #fff;
    padding: 1rem 5.14rem 1.2rem;
    background-color: #80875d !important;
}

 		}