@charset "utf-8";
/*
Theme Name: GC Design
Theme URI: http://www.grapecity.com/
Description: Myanmar Web Site Design
Version: 1.0
Author: GrapeCity Corporate Marketing and Communication Team
Author URI: none
*/
h1 {color: #333;}

a i { margin-left: 1rem;}


.sub-top {
	max-height: 550px;
	background: url("../../imgs/kengtung/destination/top.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

.sub-top::after {
	background: rgba(33, 33, 33, 0.3 );
}

.tribe-container {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	padding: 3rem 10%;
}

.tribe-card {
	position: relative;
	display: flex;
	justify-content: center;
	width: calc((100% - 4rem) / 4);
	min-width: 275px;
	min-height: 310px;
	max-height: 340px;
	margin: 0 0.5rem 1.5rem; 
	padding-top: calc((100% - 4rem) / 4 * 1.12 - 100px);
	padding-bottom: 1.5rem;
	border-left: solid 10px #77aa55;
	overflow: hidden;
	-webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.tribe-name {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	height: 76px;
	margin: auto 1rem 0;
	font-size: 1.3rem;
	font-weight: 100;
	color: #fff;
	text-decoration: none;
	z-index: 3;
}

.tribe-name i {
	margin: 1rem auto 0;
	font-size: 1.5rem;
}



.tribe-card::before {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	z-index: 1;
}

.tribe-card::after {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0px;
	right: 0;
	background: rgba(73, 73, 73, 0.5);
	z-index: 2;
}

.tribe-card::before{transition: all 0.5s ease;}
	
.tribe-card:hover::before {transform: scale(1.2);}	
.tribe-card:hover::after {background: rgba(80, 80, 80, 0.1);}	
.tribe-card:hover, .tribe-card:active { text-decoration: none;}


#akha::before {
	background-image: url("../../imgs/kengtung/destination/akha.jpg");
  background-image: -webkit-image-set(url("../../imgs/kengtung/destination/akha.jpg") 1x, url("../../imgs/kengtung/destination/akha@2x.jpg") 2x);
}

#akhu::before {
	background-image: url("../../imgs/kengtung/destination/akhu.jpg");
  background-image: -webkit-image-set(url("../../imgs/kengtung/destination/akhu.jpg") 1x, url("../../imgs/kengtung/destination/akhu@2x.jpg") 2x);
}

#eng::before {
	background-image: url("../../imgs/kengtung/destination/eng.jpg");
  background-image: -webkit-image-set(url("../../imgs/kengtung/destination/eng.jpg") 1x, url("../../imgs/kengtung/destination/eng@2x.jpg") 2x);
}

#tai-loi::before {
	background-image: url("../../imgs/kengtung/destination/tai-loi.jpg");
  background-image: -webkit-image-set(url("../../imgs/kengtung/destination/tai-loi.jpg") 1x, url("../../imgs/kengtung/destination/tai-loi@2x.jpg") 2x);
}

#lahu-na::before {
	background-image: url("../../imgs/kengtung/destination/lahu-na.jpg");
  background-image: -webkit-image-set(url("../../imgs/kengtung/destination/lahu-na.jpg") 1x, url("../../imgs/kengtung/destination/lahu-na@2x.jpg") 2x);
}

#lahu-shi::before {
	background-image: url("../../imgs/kengtung/destination/lahu-shi.jpg");
  background-image: -webkit-image-set(url("../../imgs/kengtung/destination/lahu-shi.jpg") 1x, url("../../imgs/kengtung/destination/lahu-shi@2x.jpg") 2x);
}

#lisu::before {
	background-image: url("../../imgs/kengtung/destination/lisu.jpg");
  background-image: -webkit-image-set(url("../../imgs/kengtung/destination/lisu.jpg") 1x, url("../../imgs/kengtung/destination/lisu@2x.jpg") 2x);
}

#shan-gyi::before {
	background-image: url("../../imgs/kengtung/destination/shan-gyi.jpg");
  background-image: -webkit-image-set(url("../../imgs/kengtung/destination/shan-gyi.jpg") 1x, url("../../imgs/kengtung/destination/shan-gyi@2x.jpg") 2x);
}

#sunjim::before {
	background-image: url("../../imgs/kengtung/destination/sunjim.jpg");
  background-image: -webkit-image-set(url("../../imgs/kengtung/destination/sunjim.jpg") 1x, url("../../imgs/kengtung/destination/sunjim@2x.jpg") 2x);
}

#tai-khun::before {
	background-image: url("../../imgs/kengtung/destination/tai-khun.jpg");
  background-image: -webkit-image-set(url("../../imgs/kengtung/destination/tai-khun.jpg") 1x, url("../../imgs/kengtung/destination/tai-khun@2x.jpg") 2x);
}

#tai-nu::before {
	background-image: url("../../imgs/kengtung/destination/tai-nu.jpg");
  background-image: -webkit-image-set(url("../../imgs/kengtung/destination/tai-nu.jpg") 1x, url("../../imgs/kengtung/destination/tai-nu@2x.jpg") 2x);
}

#tai-lu::before {
	background-image: url("../../imgs/kengtung/destination/tai-lu.jpg");
  background-image: -webkit-image-set(url("../../imgs/kengtung/destination/tai-lu.jpg") 1x, url("../../imgs/kengtung/destination/tai-lu@2x.jpg") 2x);
}

#silver-palaung::before {
	background-image: url("../../imgs/kengtung/destination/silver-palaung.jpg");
  background-image: -webkit-image-set(url("../../imgs/kengtung/destination/silver-palaung.jpg") 1x, url("../../imgs/kengtung/destination/silver-palaung@2x.jpg") 2x);
}


@media screen and (max-width: 639px) {	
	.sub-top { max-height: none;}
	
	}
	
	
@media screen and (max-width: 480px) {
	
	
	
	
	
	
	}