body{
	font-size: 16px;
}
/* intro */
.intro a.img{
	margin-top: 20%;
	margin-bottom: 20%
}
/* slider */
.slider .area_left{
	width: 200px;
	
}

.slider .area_right{
	width: 200px;
}
/* about */
.about p.header{
	font-size: 18px;
	line-height: 18px;
	letter-spacing: 1px;
}
.about p.content: {
	font-size: 16px;
	line-height: 18px
}
.about .row_content{
	padding: 0px 0px 5px 0px;
}
.about .row_content p.header{
	padding-top: 10px;
	border-top: 1px solid #ebebeb
}
.about .row_content p.content{
	border-top: 1px solid #ebebeb
}

/* portfolio */
.portfolio p.title{
	padding: 25px 0px 0px 0px !important
}
.portfolio .list_project{
	width: 760px;
	margin: 0 auto;
}
.portfolio .list_project .onextwo{
	width: 180px;
	height: 370px;
}
.portfolio .list_project .onexone{
	width: 180px;
	height: 180px;
}
.portfolio .list_project .twoxone{
	width: 370px;
	height: 180px;
}
.portfolio .item_project .info{
	top: 40%;
}
.portfolio .item_project .info p.back a{
	font-size: 12px;
}
.portfolio .item_project .info p.light{
	font-size: 11px;
}
.portfolio .cate_portfolio{
	padding: 0px 0px 20px 0px;
}
.portfolio .cate_portfolio a {
	font-size: 14px;
}
.portfolio p.btn_more_portfolio a{
	font-size: 14px;
	padding: 10px 40px;
}
.portfolio p.btn_more_portfolio{
	padding: 20px 0px 10px 0px;
	margin-bottom: 50px
}
/* contact */
.contact{
	padding-top: 0px !important;
}
.contact .form_contact span{
	font-size: 15px;
}
.contact .form_contact .row{
	margin-bottom: 15px;
}
.contact p.btn_sent a{
	font-size: 14px;
	padding: 10px 40px;
}
.contact p.btn_sent{
	padding: 30px 0px 20px 0px;
}
.contact .footer p.line1{
	font-size: 18px;
}
.contact .footer p.line2{
	font-size: 16px;
}
.contact .footer p.line3{
	font-size: 18px;
}
.contact .c_footer p{
	font-size: 14px;
}
.contact .c_footer{
	margin-top: 30px;
}
/* khay */
.khay p.title{
	font-size: 20px;
	padding: 90px 0px 0px 0px;
	text-align: center;
}
/* popup */
.modal_portfolio .close_popup a{
	font-size: 14px;
	padding: 10px 40px;
}
.modal_portfolio .close_popup{
	line-height: 70px;
}
.modal_portfolio p.title{
	font-size: 20px;
	padding: 20px 0px;
}
.modal_portfolio .description{
	padding: 20px 0px;
}
.modal_portfolio .description p{
	font-size: 12px;
	color: #6d6e71;
}
.modal_portfolio .description .border{
	border-right: #ececec 1px solid;
}
.onexone{
	width: 180px;
	height: 180px;
}
/* popup */
.popup_content{
	height: 100px;
}
/* header */
.showmenu{
	display: block !important; 
}
.hidemenu{
	display: none !important; 
}
.header_menu .logo{
	margin-top: 30px;
}
.header_menu ul.list_menu{
	margin-top: 40px;
}
.header_menu ul.list_menu li{
	margin: 0px 15px;
}
.header_menu ul.list_menu li a{
	font-size: 18px;
}
/* other */
.noboer{
	border : none !important;
}
/* thumb */
.modal_portfolio .thumb .item_thumb .over{
	width: 100%;
	height: 100%;
	background: url(../images/bg_overlay.png) repeat;
	position: absolute;
	top: 0px;
	left: 0px;
	display: none;
	z-index: 2;
}
.modal_portfolio .thumb .item_thumb:hover .over{
	display: block;
}
.modal_portfolio .thumb .item_thumb:hover span.viewlarge{
	display: block;
}
.modal_portfolio .thumb .item_thumb span.viewlarge{
	position: absolute;
	left: 20px;
	bottom: 10px;
	width: 30px;
	height: 30px;
	display: block;
	z-index: 20;
	display: none;
}
.modal_portfolio .thumb .item_thumb:hover span.slide{
	display: block;
}

.modal_portfolio .thumb .item_thumb span.slide{
	position: absolute;
	right: 10px;
	top: 10px;
	width: 30px;
	height: 30px;
	display: block;
	z-index: 20;
	display: none;
}
.modal_portfolio .thumb .item_thumb img{
	width: 100%;
	height: 100%
}

.btn_menu{
	display: none;
}