/* Import Kanit Font */
@import url('https://fonts.googleapis.com/css?family=Kanit:100,200,300,400,500,600,700&subset=thai');

html {
	overflow-x: hidden;
}

body {
	background-repeat: repeat;
	background-size: 60%;
	background-color: #fafafa;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: 'Kanit', sans-serif;
	margin: 0 0 35px;
	letter-spacing: 1px;
}

#all-wrap {
	min-height: 100%;
}

.content-collection {
	margin-top: 50px;
}

.package-content-container {
	position: relative;
}

.owl-cover-item {
	position: relative;
	width: 100%;
	padding-top: 100%;
}

.package-cover-in {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.package-text-head {
	font-size: 2rem;
	font-weight: 600;
	font-family: 'Kanit', sans-serif;
	color: #393939;
	margin-bottom: 0px;
	width: 70%;
	display: inline-block;

/*	white-space: nowrap;*/
	text-overflow: ellipsis;
	overflow: hidden;
	vertical-align: middle;

}

.each-pack-btn-fst-line-container {
	display: inline-block;
	width: 29.33333%;
	text-align: right;
}

.package-name {
	text-overflow: ellipsis;
	margin-bottom: 10px;
}

.package-text  {
	font-size: 1rem;
	margin-bottom: 0;
}

.package-des {
	color: #606060;
	font-size: 1.25rem;
	margin-bottom: 10px;
	display: block;

	line-height: 23px;
	width: 100%;
}

.package-star-rating-container,
.package-text-rating-container,
.package-text-rating {
	display: inline-block;
}

.package-star-rating-container {
	margin-right: 10px;
}

.package-star-rating-container i {
	font-size: 1.5rem;
	color: #C4C4C4;
}

.package-star-rating-container i.active {
	color: #FFCE48;
}

.package-text-rating {
	margin-right: 5px;
	font-size: 1.4rem;
	color: #939393;
}

.package-price-img {
	width: 45px;
	height: 45px;
	object-fit: cover;
	display: inline-block;
	margin-right: 10px;
}

.package-price-text {
	display: inline-block;
	font-size: 2rem;
	font-weight: 500;
	font-family: 'Kanit',  sans-serif;
	color: #ED9509;
	vertical-align: middle;
	margin-bottom: 0;
}

.order-service-btn {
	background-color: #F21529;
	border-radius: 5px;
	border: 1px solid #F21529;
	color: #fff;
	font-size: 1.2rem;
	font-weight: 600;
	display: inline-block;
	padding: .35rem 2rem;
	margin-right: 15px;
}

.order-service-btn:hover,
.order-service-btn:focus {
	color: #fff;
	text-decoration: none;
}

#chat-teller {
	background-color: #fff;
	border: 2px solid #F21529;
	color: #F21529;
}

#chat-teller:hover,
#chat-teller:focus {
	color: #F21529;
}

.rating-count-comment-line-container {
	margin-top: 20px;
}

.rating-star-container {
	width: 45%;
	display: block;
	padding: .75rem;
	border: 1px solid #E3E3E3;
	margin-bottom: 20px;
}

.five-star-rating-container,
.count-each-rating-star-container-out {
	display: inline-block;
}

.five-star-rating-container {
	width: auto;
	padding-right: 0.75rem;
}

.count-each-rating-star-container-out {
	width: 55%;
	position: relative;
}

.count-each-rating-star-in-container,
.rating-star-count-text {
	display: inline-block;
	position: relative;
	margin-bottom: 0;
	vertical-align: middle;
}

.rating-star-count-text {
	font-size: 1rem;
	color: #939393;
	text-align: right;
}

.count-each-rating-star-in-container {
	width: 85%;
	height: .7rem;
}

.five-star-rating-container i {
	color: #C4C4C4;
	font-size: 1rem;
}

.five-star-rating-container i.active {
	color: #FFCE48;
}

.uncount-each-rating-star-container,
.count-each-rating-star-container {
	position: absolute;
	height: .7rem;
	border-radius: 20px;
}

.uncount-each-rating-star-container {
	width: 100%;
	background-color: #C4C4C4;
	z-index: 1;
}


.count-each-rating-star-container {
	background-color: #FFCE48;
	z-index: 2;
}

.comment-header-text-container,
.each-comment-content-container {
	padding: .75rem;
	border: 1px solid #E3E3E3;
	margin-bottom: 10px;
	display: block;
}

.comment-header-text {
	font-size: 1.25rem;
	font-weight: 600;
	color: #2B3142;
	margin-bottom: 0;
}

.each-comment-username-text,
.each-comment-time-text,
.each-commtent-rating-container {
	display: inline-block;
	vertical-align: middle;
}

.each-comment-username-text {
	padding-right: 1rem;
	font-size: 1.05rem;
	font-weight: 600;
	color: #2B3142;
	max-width: 60%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.each-comment-time-text {
	font-size: .95rem;
	color: #939393;
}

.each-commtent-rating-container i {
	font-size: 1rem;
	color: #C4C4C4;
}

.each-commtent-rating-container i.active {
	color: #FFCE48;
}

.each-commtent-rating-container {
	float: right;
}

#load-more-comment {
	text-align: center;
}

.load-more-comment-btn {
	padding: .5rem 2rem;
	font-size: 1.2rem;
	color: #fff;
	font-weight: 600;
	background-color: #F21529;
}

.package-rating-container,
.package-type-container {
	display: inline-block;
	vertical-align: middle;
}

.package-rating-container {
	margin-right: 5px;
}

.package-type-container {
/*	padding: .25rem .85rem;*/
	color: #f21529;
/*	border: 1px solid #F21529;*/
	border-radius: 20px;
}

.each-comment-empty-container {
	position: relative;
	height: 230px;
}

.empty-comment-text {
	position: absolute;
	top: 50%;
	left: 50%;
	font-size: 1.6rem;
	width: 100%;
	text-align: center;
	margin-bottom: 0;
	color: #9a9a9a;
	font-weight: 600;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
}

.edit-service-btn {
	display: block;
	text-align: right;
	top: 5px;
	right: 5px;
	color: #393939;

	transition: all .2s ease-in-out;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
}

.edit-service-btn:hover,
.edit-service-btn:focus {
	text-decoration: none;
	color: #f21529
}

.sequence-container {
	padding: .75rem;
	border: 1px solid #E3E3E3;
}

.sequence-profile-container,
.sequence-profile-info-container {
	display: inline-block;
	vertical-align: middle;
}

.sequence-profile-container {
	position: relative;
	width: 15%;
	padding-top: 15%;
}

.sequence-profile-info-container {
	width: 75%;
	padding-left: 5px;
}

.sequence-profile-img {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	height: 100%;
	border-radius: 100%;
	object-fit: cover;

	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
}

.sequence-profile-name {
	color: #434343;
	width: 100%;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	display: block;
}

.sequence-profile-name:hover,
.sequence-profile-name:focus {
	color: #434343;
}

.squence-d-container {
	display: none;
}

.squence-m-container {
	margin-left: -15px;
	margin-right: -15px;
	margin-top: 20px;
}

.sequence-profile-sub-txt {
	margin-bottom: 0;
	color: #777;
	font-size: .7rem;
}

.service-share-container {
	margin-top: 15px;
	margin-bottom: 15px;
}

.service-share-head-txt {
	margin-bottom: 10px;
	font-family: 'Kanit', sans-serif;
	font-size: 1.2rem;
	color: #2b3143;
	font-weight: 500;
}

.each-service-share-btn {
	display: inline-block;
	vertical-align: middle;
	width: 18%;
	padding: .25rem 0 .25rem 0;
	background-color: #F21529;
	color: #fff;
	text-align: center;
	border-radius: 5px;
	margin-bottom: 5px;
}

.each-service-share-btn.facebook {
	background-color: #3b5998;
}

.each-service-share-btn.twitter {
	background-color: #00b2ff;
}

.each-service-share-btn.line {
	background-color: #00c300;
}

.each-service-share-btn:hover,
.each-service-share-btn:focus {
	color: #fff;
	text-decoration: none;
}


@media(min-width: 320px) {


	.package-cover-in-container {
		margin-left: -15px;
		margin-right: -15px;
	}

	.content-collection {
		margin-top: 0px;
	}

	.mobile-cover-carousel-container {
		margin-right: -15px;
		margin-left: -15px;
	}

	.cover-carousel-m {
		margin-top: 15px;
		margin-bottom: 15px;
	}

	.order-service-btn-container {
		text-align: center;
	}

	.order-service-btn {
		margin-left: 0px;
		margin-right: 0px;
		padding: .35rem 1.5rem;
		border-width: 1px;
		font-weight: 400;
		font-size: .95rem;
		width: 100%;
	}

	.package-text-head {
		font-size: 1.7rem;
		display: block;
		width: 100%;
	}

	.package-name {
		margin-bottom: 0;
	}

	.package-des {
		font-size: 1rem;
		margin-bottom: 0;
	}

	.package-star-rating-container i {
		font-size: .95em;
	}

	.package-text-rating {
		font-size: 1rem;
	}

	.package-price-text {
		font-size: 1.5rem;
	}

	.package-price-img {
		width: 30px;
		height: 30px;
	}

	#chat-teller {
		border-width: 1px;
	}

	.rating-star-container {
		width: 100%;
	}

	.rating-count-comment-container {
		padding-left: 0;
		padding-right: 0;
	}

	.count-each-rating-star-container-out {
		width: 45%;
	}

	.count-each-rating-star-in-container {
		width: 95%;
	}

	.package-type-container {
		top: 5px;
		right: 5px;
		font-size: .9rem;
	}

	.edit-service-btn {
		top: 35px;
		right: 5px;
		font-size: .9rem;
		display: inline-block;
		margin-left: 10px;
	}

	.each-pack-btn-fst-line-container {
		display: none;
	}

	.each-pach-type-m-container {
		display: inline-block;
	}

	.package-rating-m {
		display: block;
	}

	.package-rating-d {
		display: none;
	}

	.package-rating-container-m {
		display: block;
		margin-top: 10px;
		margin-bottom: 10px;
	}

	.package-rating-container-d {
		display: none;
	}
}

@media(min-width: 768px) {
	.content-collection {
		margin-top: 50px;
	}

	.package-content-container {
		padding-right: 15px;
		padding-left: 15px;
	}

	.cover-carousel-m {
		display: none !important;
	}

	.cover-carouel {
		display: block !important;
	}

	.order-service-btn-container {
		bottom: 0;
	}



	.rating-count-comment-container {
		padding-left: 15px;
		padding-right: 15px;
	}

	.package-type-container {
		position: relative;
		font-size: 1rem;
		padding: .25rem .85rem;
		padding-left: 0;
		margin-left: 0;
		right: 0;
	}

	.edit-service-btn {
		top: 5px;
		right: 5px;
		font-size: 1rem;
		vertical-align: bottom;
	}

	.package-star-rating-container i {
		font-size: 1.1rem;
	}

	.package-text-rating {
		font-size: 1.25rem;
	}

	.package-price-img {
		width: 30px;
		height: 30px;
	}

	.order-service-btn-container {
		text-align: left;
		margin-top: 10px;
	}

	.package-cover-in-container {
		margin-left: 0px;
		margin-right: 0px;
	}


	.squence-m-container {
		display: none;
	}

	.squence-d-container {
		display: block;
	}

	.order-service-btn {
		width: auto;
	}

}

@media(min-width: 1280px) {

	.flashsale-btn img {
		width: 40%!important;
	}

	.package-text-head,
	.package-des{
		margin-bottom: 10px;
	}



	.order-service-btn {
		font-size: 1.2rem;
		padding: .35rem 2rem;
	}

	.each-pach-type-m-container {
		display: inline-block;
	}

		.each-pack-btn-fst-line-container {
		display: none;
	}

	.package-text-head {
		display: inline-block;
	}

	.edit-service-btn {
		display: inline-block;
		vertical-align: bottom;
	}

	.package-rating-m {
		display: inline-block;
	}

	.package-rating-d {
		display: block;
	}

	.package-rating-container-m {
		display: none;
	}

	.package-rating-container-d {
		display: block;
	}

	.each-each-rating-star-container {
		width: 49%;
		display: inline-block;
		vertical-align: middle;
	}

	.package-text-rating-container,
	.package-star-rating-container {
		display: block;
	}

	.package-star-rating-container i {
		font-size: 1.7rem;
	}

	.each-service-share-btn {
		width: 10%;
	}
}