/* font */
html {
	color: dimgray;
	font-family: 'Arial', sans-serif;
	line-height: 1.428em;
	font-weight: normal;
	font-size: 16px;
  	-webkit-font-smoothing: subpixel-antialiased !important;
}

h1, h2, h3, h4, h5, h6 {line-height: normal}
h1, h2, h3, h4, h5, h6, p, article {
	font-weight: normal;
	padding: 0px;
	margin: 0px;
}

h1 {font-size: 36px}
h2 {font-size: 30px}
h3 {font-size: 24px}
h4 {font-size: 18px}
h5 {font-size: 14px}
h6 {font-size: 12px}
p {font-size: 16px}
.text-large {}

/*==================== CUSTOM ====================*/

#group-hotel .grid-left  {float: none;  width: auto}
#group-hotel .grid-right {float: right; width: 240px}

#group-hotel .grid-flex {width: auto}
#group-hotel .grid-flex .grid {width: 29.3%; margin: 0px 4% 4% 0px; position: relative}

#group-hotel .grid-flex .grid .caption {
	height: 50px;
	padding: 10px;
}
#tes2 {display: none}
.star {font-size: 6px; color: white}

@media only screen and (max-width: 1024px) {
}
@media only screen and (max-width: 960px) {
#group-hotel .grid-right {display: none}
#group-hotel .grid-left .grid {width: 29.3%; margin: 0px 2% 4%}
#tes2 {display: block}
	
}
@media only screen and (max-width: 768px) {
}
@media only screen and (max-width: 480px) {
#group-hotel .grid-left .grid {width: 46%; margin: 0px 2% 4%}

}

/* color */

.bground-c1 {background: rgba(132, 25, 152, 0.7)}
.border-c1 {border: 1px solid rgba(132, 25, 152, 0.7)}
.font-c1 {color: rgb (132, 25, 152)}