﻿.title-about{
	font-weight: 700;
	font-size:20px;
	text-transform:uppercase;
	margin-bottom:30px;
}
.tien-ich-1-l img{margin-bottom:0px}
	.wrap-til{
		border-left:1px solid #d8c664;
		padding:40px 0px 0px 20px;
		position: relative;
    	bottom: 65px;
		margin-left:25px;
		margin-top:40px;
	}
		.title-til{
			font-size:16px;
			font-weight:700;
			text-transform:uppercase;
			margin-top:0px;
		}
.tien-ich-1-r{position:relative; z-index:1; margin-top:-20px;}
.tien-ich-1-r img
{
	margin-bottom:0px;
}
.wrap-tir{
	border-left:1px solid #d8c664;
	padding:0px 0px 30px 20px;
	margin-top:0px;
	margin-left:25px;
	position:relative;
	z-index:2;
}
	.wrap-tir p{margin-bottom:0px;}
	.title-tir{
		font-size:16px;
		font-weight:700;
		text-transform:uppercase;
		margin-top:0px;
	}
.item-tien-ich-p{padding:0px}

.wrap-ti{position:relative; top:120px; border-top:1px solid #d8c664; z-index:2; max-width:300px;}
.title-ti{
	font-size:16px;
	font-weight:700;
	text-transform:uppercase;
}
.tien-ich-2{
	    background: url('../../../assets/uploads/myfiles/images/aboutus/tien-ich-2.html') no-repeat top right;
		min-height:441px;
		position: relative;
		top: -71px;
		z-index:1
}
.tien-ich-4{
	    background: url('../../../assets/uploads/myfiles/images/aboutus/tien-ich-4.html') no-repeat top right;
		min-height:445px;
		position: relative;
		top: -71px;
		z-index:1
}
.name-company{
	font-size:20px;	
	font-weight: 400;
	text-align:center;
	margin:5px auto 15px;
}
.logo-pk{text-align:center; margin:0px auto 10px;}
.margin-15{margin-top:15px;margin-bottom: 15px !important;}
.divmap{    height: 650px;
    position: relative;
}
.numberv1{
	font-size:14px;
	font-weight:bold;
	color:#fff;
	text-align:center;
	background:#ed1c24;
	border-radius:20px;
	padding:0px 6px;
	border:2px solid #b4dba5;
	margin-right: 5px;
}
.wrap-utiliti{background:rgba(105,182,74,0.5); padding:10px 0px 0px 10px;}
.col-utiliti1{width:275px; float:left}
	.col-utiliti1 li,.col-utiliti2 li,.col-utiliti3 li,.col-utiliti4 li{line-height:25px; margin-bottom:5px; font-size:13px;}
		.col-utiliti1 li a,.col-utiliti2 li a,.col-utiliti3 li a,.col-utiliti4 li a{font-size:13px; color:#fff}
		.col-utiliti1 li:hover a,.col-utiliti2 li:hover a,.col-utiliti3 li:hover a,.col-utiliti4 li:hover a	{color: #d8c664;}
.col-utiliti2{width:270px; float:left}
.col-utiliti3{width:215px; float:left}
.col-utiliti4{width:369px; float:left}


.home-utilities{position:relative; padding-bottom:75px;}
.home-utilities:before{
		background: url('../images/bg-utilities-right.svg') no-repeat top right ;
		height: 280px;
		width: 100%;
		position: absolute;
		content: '';
		top: 0px;
		z-index: -1;
	}
.home-utilities:after{
		background: url('../images/bg-utilities-left.svg') no-repeat bottom left ;
		height: 280px;
		width: 100%;
		position: absolute;
		content: '';
		bottom: 0px;
		z-index: -1;
	}
	
	
.title-utihome{font-family: 'Tinos';font-weight:700;color:#d8c664; font-size:26px; text-transform:uppercase;position:relative;}
	
.title-utihome.title-1{
		padding:160px 0px 35px 0px;
		position:relative;
	}
.title-utihome.title-1:before{
		background: url('../images/bg-utilities-center.svg') no-repeat 73px 0px ;
		height: 140px;
		width: 100%;
		position: absolute;
		content: '';
		top: 0px;
		z-index: -1;
	}
.title-utihome.title-1:after,.title-utihome.title-2:after{
		background:rgba(255,255,255,0.2);
		height: 20px;
		position: absolute;
		width: 1px;
		content: '';
		bottom: 0px;
		z-index: -1;
		left: 0px;
	}
.title-utihome.title-2{padding:20px 0px 35px 0px;}
.home-utilities .item{padding-left:60px}
.home-utilities .item2{padding-left:45px}
.note-utilitih{
	font-size:15px;
	color:#e3e3e3;
	margin-top:17px;
	margin-bottom:35px;	
}
.slide-utiliti{margin-top:140px; padding-bottom:115px;}
	.slide-utiliti:before{
		background: url('../images/bg-utilities-center.svg') no-repeat bottom right ;
		height: 140px;
		width: 100%;
		position: absolute;
		content: '';
		bottom: 0px;
		z-index: -1;
		right:100px;
	}
	.control-utiliti{background: url('../images/control-utiliti.png') no-repeat center right; width:25px; height:55px; position:absolute; top:37%; right:10px;}
	.control-utiliti-2{float:left;background: url('../images/control-utiliti.png') no-repeat center left; width:25px; height:55px; position:absolute; top:41%; left:10px;}
	.slide-utiliti-2 img{float:right}

.home-virtual{
	background:#093b29;
	position:relative;
	padding-top:50px;
}
	

.home-virtual:before{
		background: #002f1e url('../../../assets/uploads/myfiles/images/home/bg-virtual-left.html') no-repeat  left top;
		height: 247px;
		width: 100%;
		position: absolute;
		content: '';
		bottom: 0px;
		left:0px;
		z-index:1;
	}
.home-virtual:after{
		background: url('../../../assets/uploads/myfiles/images/home/bg-virtual-right.html') no-repeat right top ;
		height: 247px;
		width: 100%;
		position: absolute;
		content: '';
		bottom: 0px;
		right:0px;
		z-index:1;
	}
.home-virtual .container{position:relative; z-index:2}
#home .post-content{padding-top:50px;}
.contact-virtual{
	background: url('../../../assets/uploads/myfiles/images/home/contact-virtual.html') no-repeat left top ;
	position:relative
}
.wrap-contact{
	background: url('../images/bg-trang-cont.png') repeat left top ;
	padding:5px;
	margin:40px auto 30px;	
}
	.wrap-contact .title {margin:0px; padding:30px 0px}
.header-contact{
	background:#095439;
		
}
	.item-img1{
		background:  url('../images/item-virt-1.svg') no-repeat center top;
		height: 125px;
		width: 100%;
		content: '';
		bottom: 0px;
		left:0px;
		z-index:1;
		margin-bottom:10px !important;
	}
	.item-img2{
		background:  url('../images/item-virt-2.svg') no-repeat center top;
		height: 125px;
		width: 100%;
		content: '';
		bottom: 0px;
		left:0px;
		z-index:1;
		margin-bottom:10px !important;
	}
	.item-img3{
		background:  url('../images/item-virt-3.svg') no-repeat center top;
		height: 125px;
		width: 100%;
		content: '';
		bottom: 0px;
		left:0px;
		z-index:1;
		margin-bottom:10px !important;
	}
	.list-item-virt p{
		font-family: 'SourceSansPro';
		font-weight:700;
		color:#fff;
		text-transform:uppercase;
		font-size:18px;
		text-align:center;
		margin:5px auto 35px;
	}
.wrap-contact-form{
	background: #d8c664;
    padding: 35px 45px 0px;
}
	.wrap-contact-form .diamond_t{
		font-family: 'SourceSansPro';
		font-weight:700;
		text-align:center;
		padding:0px 0px 30px;
		text-transform:uppercase;
		font-size:20px;
		color:#002f1e;
	}
	.form_act input{
		border:1px solid #005826;
		border-radius:20px;
		background:none;
		color:#000;
		padding-left:20px;
		line-height:40px;
	    height:40px;		
		width:100%;
		font-family: 'SourceSansPro';
		font-weight: 400;
		font-size:15px;
		outline:none;
	}
	.w_btn_re{text-align:center; margin-top:30px;}
	.w_btn_re .btn_re{
		background:#005826;
		color:#fff;
		text-transform:uppercase;
		font-family: 'SourceSansPro';
		font-weight:600;
		border:none;
		text-align:center;
		border-radius:25px;
		padding:10px 95px;
		display: inline-block;
		margin-bottom: 15px;
	}

.page-library #album_container .album-item .item-hover{
	border:none;
	background: rgba(0,0,0,0.4); 
}


@media screen and (min-width: 992px) {
    
}
@media screen and (min-width:1200px) {

}
@media screen and (min-width:1400px) {

}

@media screen and (min-width:1680px) {

}
@media screen and (max-width: 1366px) {
    .home-utilities:before,.home-utilities:after{background-size: 173px;}

}
@media screen and (max-width: 1280px) {
 
}
@media screen and (max-width: 1024px) {
    
.tien-ich-2,.tien-ich-4{
		background-size: calc(100% - 260px);
	}
}
 /* Small devices (tablets ngang) */
@media screen and (min-width:992px) and (max-width:1199px){
	.fix-bott{max-height: 430px;}
	.col-utiliti1,.col-utiliti2,.col-utiliti3,.col-utiliti4{width:50%}
	.home-utilities .item{padding-left:15px;}
	.home-utilities .item2{padding-left:15px;}
}
 /* Small devices (tablets, 768px and up) */
@media screen and (max-width: 991px) {
    

}
 /* Small devices (tablets dung) */
@media screen and (max-width:992px) {
	.wrap-ti{top:80px}
	.fix-bott{max-height:310px}
	.tien-ich-2, .tien-ich-4{min-height: 315px;}
	.home-utilities .item{padding-left:15px;}
	.home-utilities .item2{padding-left:15px;}
	.title-utihome{font-size:18px;}
	.col-utiliti1,.col-utiliti3{width:45%}
	.col-utiliti2,.col-utiliti4{width:55%}
}
  /* Small devices (mobi ngang) */
@media screen and (max-width: 767px) {
	.form_act input{margin-bottom:20px;}
.title-til,.title-tir{font-size:15px}	
.wrap-til,.wrap-tir{
		padding-left:15px;
		margin-left:15px;
	}

		.wrap-til p,.wrap-tir p{font-size:13px;}	
.wrap-ti{top:40px; max-width:230px}
	.tien-ich-2,.tien-ich-4{
		background-size: calc(100% - 210px);
		min-height: 260px;
	}
	.title-til,.title-tir{font-size:15px}	
	.wrap-ti p{font-size:13px;}	
	
	.img-item{display:none;}
	.col-utiliti1,.col-utiliti2,.col-utiliti3,.col-utiliti4{width:100%}	
	.col-utiliti1 ul,.col-utiliti2 ul,.col-utiliti3 ul,.col-utiliti4 ul{margin-bottom:0px}
}
  /* Small devices (mobi ngang iphone4) */
@media screen and (max-width: 480px) {
 	
 }
  /* Small devices (mobi dung) */
 @media screen and (max-width: 480px) and (orientation : portrait) {
    .w_btn_re .btn_re{padding:10px 69px;}
    .tien-ich-2{display:none;}
	.img-item{display:block;}
	.tien-ich-4{background-size: 100%;top:auto;min-height: 210px;}
	.wrap-ti{top:auto; max-width:100%; margin-top:30px;}
 	.tien-ich-1-l {
		margin-top: 50px;
		margin-bottom: 30px;
	}
	.tien-ich-1-l img
	{
		margin-bottom:0px;
	}
	.wrap-til{
		position: absolute;
    	top: -45px;
		max-height: 76px;
		padding:0px 15px 30px;
	}
		.wrap-til p{margin-bottom:0px;}
	.col-utiliti1,.col-utiliti2,.col-utiliti3,.col-utiliti4{width:100%}	
	.col-utiliti1 ul,.col-utiliti2 ul,.col-utiliti3 ul,.col-utiliti4 ul{margin-bottom:0px}
	.home-utilities .item{width:100%;}
	.slide-utiliti{width:100%; margin-top:0px;}
	.slide-utiliti-2{width:100%; margin-top:20px;}
 }