@charset "utf-8";
/* CSS Document */
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,800);
@media all and (max-width: 980px) {
	.container {
		width: 95% !important;
	}
	#brief-writeup, #brief-pic {
		padding: 0px !important; */
	}
	.area-item {
		width: auto !important;
	}
	#practice {
		height: 850px !important;
		font-size:13px !important;
	}
	#menu {
		padding-top: 15px !important;
		padding-bottom: 15px !important;
		float: left !important;
	}
	#menu a {
		width:100% !important;
		float:left;
		background-color:#1c2b3a;
		margin:2px 0px;
		padding:10px 0px;
		color:#fff !important;
	}
	.right,.left,#about,#banner,#about-details{
		float:left !important;
		width:100% !important;
	}
	#contact-form {
		width:100% !important;
	}
	#brief-pic img {
		width:100%;
	}
	#banner-pic img {
		width:50%;
	}
	#about-details {
		width:90% !important;
	}
	#sidebar {
		width:100% !important;
	}
}

.left {
	float:left;
}
.right {
	float:right;
}
ul {
	margin:0px;
	padding:0px;
}
.clear_float {
	margin: 0px;
	padding: 0px;
	clear: both;
	float: none;
	height: 0px;
}
.container {
	width: 85%;
	margin: auto;
	padding: 0px; 
}
body {
	margin: 0px;
	padding: 0px;
	font-family: 'Open Sans Condensed', sans-serif;
	color: #6F5431;
}
h1 {
	font-weight: bold;
	font-family: "Open Sans";
}
h2 {
	font-weight: bold !important;
	font-family: "Open Sans";
	font-size:1.1em !important;
	margin:20px 0!important;
	color: #6F5431;
}
#logo {
	float: left;
	width: 240px;
}
#get-in-touch {
	font-weight: bolder;
	font-size: 12px;
	padding-top: 20px;
	float: right;
	color: #6F5431;
}
#top-logo-sec {
	background-color: #f5f4f3;
	height: 60px;
}
#top-menu-sec {
	background-color: #ebeae8;
	height: 60px;
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: #6f5431;
}
#logo-soklaw {
	width: 240px;
	float: left;
}
#menu {
	padding-top: 25px;
	float: right;
}
#menu a {
	padding-left: 15px;
	padding-right: 15px;
	text-transform: uppercase;
	font-weight: bold;
	color: #6f5431;
}
.banner { position: relative; overflow: hidden; }
.banner li { list-style: none;padding:0px;margin:0px; }
.banner ul li { float: left;padding:0px;margin:0px;}
#company-brief {
	padding:30px 0;	
}
#brief-writeup ,#brief-pic{
	width: 48%;
	padding: 10px;
}
#brief-writeup {
	padding-top:20px;	
	font-size:18px;
}
#brief-pic {
	padding-bottom:30px;	
}
#brief-writeup h1 {
	/*font-style: italic;*/
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: #6F5431;
	font-size: 1.9em;
	text-align: left;
	margin-bottom:20px;
}
.area-item {
	width: 200px;
	float: left;
	font-size: 14px;
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #D7C2BB;
	padding: 5px;
	height: 50px;
	margin-right: 5px;
	margin-left: 9px;
}
#practice {
	background-color: #1c2b3a;
	height: 280px;
	margin: auto;
	padding:0px;
}
#practice a{
	color:#fff !important;
}
#team {
	height: 350px;
	background-color: #E1E1E1;
}
.item img{
	border-radius: 50%;
	transition: transform 0.5s ease;
}
.item  h3,.item h4 {
	color:#6F5431;
	text-align:center !important;
	padding-right:30px;
	font-weight:bold;
	text-transform:uppercase;
}#footer {
	height: 520px;;
	color: #999999;
	background-color: #f4f4f4;
}
#footer h3 {
	font-weight:bold;
}
#footer h2 {
	font-size:14px !important;
}
.owl-item {
	width:200px;
}
#about {
	/* font-size: 16px;
	line-height: 40px; */
	width:70%;
	margin-top:20px;
	float:right;
	margin-bottom: 40px;
}
#about h1 {
	font-size:1.8em !important;
	text-align:left !important;
	
}
#sidebar {
	float:left;
	width:25%;
	margin-top:20px;
}
#sidebar h3 {
	color:#6F5431;
	font-weight:bold !important;
	padding-bottom:10px;
}
#sidebar h4 {
	color:#6F5431;
	font-weight:bold !important;
	font-size:12px;
}
#sidebar a {
	width: 100%;
	float: left;
	padding: 5px 10px;
	font-size: 11px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #6F5431;
}
.team-player {
	width: 100% !important;
	margin-bottom: 80px;
	height: auto;
	
}
.team-player img {
	float:left;
	padding:10px 20px 20px 0px;
}

.team-player h2.team-player h3 {
	width:auto;
	float:left;
}
.left {
	float:left;
	padding:15px;
}
.contact, .footer-item {
	width:30%;
}
.footer-item a{
	width:100% !important;
	float:left;
	font-weight:normal;
}
#contact-form form input[type=text], textarea {
	background-color: #e1e1db;
	width: 100%;
	padding: 12px 14px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
}
input[type=submit] {
	background-color: #6f5431;
	font-family: 'Open Sans Condensed', sans-serif;
	text-decoration: none;
	margin:20px 0px;
	padding:10px;
	color: white;
	font-weight: bold;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
}

.news-date {
	background-color: #CCC;
	height: 60px;
	width: 60px;
	float: left;
	margin-right: 10px;
	border-radius: 50%;
	transition: transform 0.5s ease;
}
.month {
	font-size: 16px;
	font-weight: bold;
	text-align: center;
}
.news-brief h2 {
	padding-top: 0px;
	padding-bottom: 0px;
	padding-right: 0px;
	padding-left: 0px;
	margin: 0px !important;
}
.news {
	margin: 50px 0px;
	height: 120px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #6F5431;
}
.day {
	padding-top: 10px;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	color: #6F5431 !important;
	font-style: italic;
	
}