/*
Theme Name: Kone
Theme URI: https://wordpress.org/themes/twentyfifteen/
Author: Ken Luu
Author URI: https://wordpress.org/
Description: We designed it using a mobile-first approach, meaning your content takes center-stage, regardless of whether your visitors arrive by smartphone, tablet, laptop, or desktop computer.
Version: 1.0
License: GNU General Public License v1 or later
License URI: http://kensolutions/licenses/gpl-1.0.html
Tags: black, blue, gray, pink, purple, white, yellow, dark, light, two-columns, left-sidebar, fixed-layout, responsive-layout, accessibility-ready, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready
Text Domain: kone
  ool, have fun, and share what you've learned with others.
*/
@import url("assets/fonts/opensans-regular-webfont.css");
@import url("assets/fonts/archivonarrow-regular.css");
@font-face{
	font-family: 'Adobe Garamond Pro Regular';
	
font-style: normal;
font-weight: normal;
	
src: local('assets/fonts/Adobe Garamond Pro Regular'), url('assets/fonts/AGaramondPro-Regular.woff') format('woff');
}

*{
	margin:0;
	padding:0;
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: Georgia,serif !important; 
	font-style: inherit;
	outline: 0;
	vertical-align: baseline;
}
body{
	line-height:25px;
	font-size:14px;
	background-image: url('assets/images/body-img.jpg');
	background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: center top;
    background-attachment: fixed;
}

.h1, .h2, .h3, h1, h2, h3{
	margin-bottom:16px;
}
h1, h2, h3, h4, h5, h6{
	font-weight:bold;
}
a{
	color:#627f9a;
}
em{
	font-style:italic;
}
.dcolor{
	color:#d3b500;
}
.icon1{
	background-image:url();
}
.icon1, .icon2, .icon3, .icon4, .icon5, .icon6, .heart_icon{
	padding-left:35px !important;
	background-repeat:no-repeat;
	background-position: 0 0;
}
.icon1{
	background-image:url('assets/images/icons/icon1.png');
}
.icon2{
	background-image:url('assets/images/icons/icon2.png');
}
.icon3{
	background-image:url('assets/images/icons/icon3.png');
}
.icon4{
	background-image:url('assets/images/icons/icon4.png');
}
.icon5{
	background-image:url('assets/images/icons/icon5.png');
}
.icon6{
	background-image:url('assets/images/icons/icon6.png');
}
.icon_start, .icon_heart, .icon_hand{
	width:48px;
	height:48px;
	display:block;
}
.icon_start{
	background-image:url('assets/images/icons/start.png');
}
.icon_heart{
	background-image:url('assets/images/icons/heart.png');
}
.icon_hand{
	background-image:url('assets/images/icons/hand.png');
}
.facebook_icon, .twitter_icon, .email_icon, .pinterest_icon, .youtube_icon, .instagram_icon {
	width:35px;
	height:35px;
	display:inline-block;
	background-image:url('assets/images/icons/social.png');
}
.facebook_icon{
	background-position: -89px -4px;
}
.youtube_icon{
	background-position: 87px -4px;
}
.instagram_icon {
	background-position: -90px -43px;
}
.twitter_icon{
	background-position: -132.5px -42px;
}
.email_icon{
	background-position: 44px -4px;
}
.pinterest_icon{
	background-position: -6px -42px;
}
.no-span {
  display: table;
  white-space: nowrap;
  overflow:hidden;
}
.no-span:before,
.no-span:after {
  border-top: 1px solid #aaaaaa;
  content: '';
  display: table-cell;
  position: relative;
  top: 0.5em;
  width: 45%;
}
.no-span:before {
  right: 1.5%;
}
.no-span:after {
  left: 1.5%;
}
.none_tag{
	list-style-type:none;
}
.bua_icon{
	background-image:url('assets/images/icons/bua.png');
	width:94px;
	height:67px;
	position:absolute;
	right:15px;
	top:-12px;
}
/*------------HEADER-------------*/
header{
	position:relative;
}
header .logo{
	position:relative;
	z-index:1;
}
.header_bg_bor{
	position:absolute;
	right:0;top:0;
	width:auto;
	height:100%;
}
.header_bg{
	/* background:url('assets/images/black-bg.jpg') ;*/
	background: #070707; /* For browsers that do not support gradients */
  	background: -webkit-linear-gradient(left, #282828 30%, #decea5 100%); /* For Safari 5.1 to 6.0 */
  	background: -o-linear-gradient(right, #282828 30%, #decea5 100%); /* For Opera 11.1 to 12.0 */
  	background: -moz-linear-gradient(right, #282828 30%, #decea5 100%); /* For Firefox 3.6 to 15 */
  	background: linear-gradient(to right, #282828 30%, #decea5 100%); /* Standard syntax */
}
header h1{
	margin:0;
}
#topbar{
	display:none;
}
.logo{
	padding:0px;
}
.full_banner{
	height:300px;
	width:100%;
}
/*------------LEFT MENU-------------*/
.navbar-nav>li>.dropdown-menu{
	background:#333;
	width:100%;
}
.navbar-default{
	border-color:#dddddd !important;
	border-radius:0;
	margin-bottom:0;
}
.left_menu{
	background: #e1d6ab; /* For browsers that do not support gradients */
  	background: -webkit-linear-gradient(left top, #e1d6ab, #e0dfd9); /* For Safari 5.1 to 6.0 */
  	background: -o-linear-gradient(bottom right, #e1d6ab, #e0dfd9);/*  For Opera 11.1 to 12.0 */
  	background: -moz-linear-gradient(bottom right, #e1d6ab, #e0dfd9); /* For Firefox 3.6 to 15 */
  	background: linear-gradient(to bottom right, #e1d6ab, #e0dfd9); /* Standard syntax */
	padding:0;
	border-color:#8f8f8f !important;
}
.left_menu .nav > li{
	width:100% !important;
	background: url('assets/images/bottom-border.png') left bottom repeat-x;
    	padding-left: 15px;
  	list-style-image: url('assets/images/bullets.png')!important;
  	display: list-item!important;

 	
	
	/* background: #e1d6ab; For browsers that do not support gradients */
  	/* background: -webkit-linear-gradient(left, #e1d6ab, #e0dfd9); For Safari 5.1 to 6.0 */
  	/* background: -o-linear-gradient(right, #e1d6ab, #e0dfd9); For Opera 11.1 to 12.0 */
  	/* background: -moz-linear-gradient(right, #e1d6ab, #e0dfd9); For Firefox 3.6 to 15 */
  	/* background: linear-gradient(to right, #e1d6ab , #e0dfd9); Standard syntax */
}
.left_menu .nav li a{
	color:#000;
	text-transform:uppercase;
	font-size:110%;
	font-weight:600;
	width:100%;
	font-family: Adobe Garamond Pro Regular!important;
	letter-spacing: 1.1px;

}
.left_menu .nav li:hover, .left_menu .nav li:focus{
background: url('assets/images/bottom-border.png') left bottom repeat-x;
/* background: #282828!important; For browsers that do not support gradients */
  	/* background: -webkit-linear-gradient(left, #282828, #878585)!important;  For Safari 5.1 to 6.0 */
  /* background: -o-linear-gradient(right, #282828, #878585)!important;   For Opera 11.1 to 12.0 */
  	/* background: -moz-linear-gradient(right, #282828, #878585)!important; For Firefox 3.6 to 15 */
  /* background: linear-gradient(to right, #282828, #878585)!important; Standard syntax */
	
}

.left_menu .nav ul{
	    background: url('assets/images/right-border.png') right top repeat-y;
}

.navbar-nav {
list-style-position:inside;}


.left_menu .nav > li a{
	/*border-top:1px solid #f9f9f9;*/

x;
}
.left_site{
	padding:0 15px;	
}
.left_site ul{
	list-style-type:none;
}
/*------------BOTTOM-------------*/
/*------------CONTENT-------------*/
.site_title{
	margin-top:0;
	margin-bottom:22px;
}
.site_banner{
	width:100%;
	height:auto;
}
.site_content{
	position:relative;
	padding:0 15px;
	margin-bottom:30px;
}
.site_content strong{
	border-bottom:1px dotted #320ba5;
}
.site_content  section p:last-child{
	margin-bottom:0;
}
.arround_div{
	
}
/*------------BOX-------------*/
/*------------PAGE-------------*/
/*------------CATEGORY-------------*/
.one_line{
	border-top:1px dotted #ccc;
	padding-bottom:15px;
	margin-bottom:25px;
}
/*------------BOX-------------*/
.box h3{
	text-align:center;
	font-size:16px;
	text-transform:uppercase;
}
.box a{
	color:inherit;
}
.box_image_content_center{
	height:160px;
	background-size:cover;
	position:relative;
	display:table;
	width:100%;
}
.box_image_content_center h2{
	display:table-cell;
	vertical-align:middle;
	text-align:center;
	font-size:20px;
	text-transform:uppercase;
	text-shadow: 0px 4px 3px rgba(0,0,0,0.4),
             0px 8px 13px rgba(0,0,0,0.1),
             0px 18px 23px rgba(0,0,0,0.1);
}
.box_item {
	overflow:hidden;
}
.box_item .caption{
	display:inline-block;
	width:100%;
	padding:15px;
}
.box_item .caption h3{
	margin-top:0;
	font-weight:normal;
	color:white;
}
.box_item img{
	width:100% !important;
	height:auto !important;
}
.box_item p, .box_item h5{
	margin-bottom:0;
}
.box_testimonial{
	margin-top:30px;
}
.box_testimonial .caption{
	padding:15px;
}
.box_testimonial .more{
	background:white;
	color:inherit;
	padding:15px;
	position:relative;
	width:100%;
	float:left;
}
.box_testimonial .more img{
	float:left;
	margin-right:15px;
	width:100px;
}
.box_testimonial .caption p:last-child{
	margin-bottom:0px;
}
.box_testimonial h5{
	font-size:20px;
	color:black;
}
.box_testimonial .fix_btn{
	top:inherit !important;
	bottom:15px;
}
.box_testimonial .click_light_box{
	position:absolute;
	right:15px;top:35%;
}

/*------------CUSTOM BOOTSTRAP-------------*/

.panel-group .panel{
	background:none;
}
.panel-heading{
	background:none !important;
}
.panel-title{
	background:none !important;
	text-transform:uppercase;
}
.form-control{

}
.tab-pane{
	padding-top:15px;
}
.modal-body h3{
	margin-top:0;
}
.modal_table td{
	vertical-align:top;
}
.modal_table .des{
	padding-left:15px;
}

/*------------CUSTOM BACKGROUND SLIDESHOW-------------*/
.nav-arrows{
	display:none !important;
}
/*------------NEWLETTER-------------*/
.formError{
	margin-top:-4px !important;
	line-height:19px !important;
}
/*------------BORDER-------------*/
.borbottom{
	border-bottom:1px solid #ccc;
}
/*------------COLOR AND BACKGROUND-------------*/
.white-color{
	color:white;
}
.black-color{
	color:black;
}
.blue-color{
	color:#13c6f7;
}
.red-color{
	color:#f80702;
}
.orange-color{
	color:#f93d09;
}
.pink-color{
	color:#f513a0;
}
.yellow-color{
	color:#fef711;
}
.purple-color{
	color:#5437c7;
}
.green-color{
	color:#13bb5c;
}
.white-bakcground{
	background:white;
	color:black;
}
.blue-background{
	background:#13c6f7 !important;
}
.red-background{
	background:#f80702 !important;
}
.orange-background{
	background:#f93d09 !important;
}
.pink-background{
	background:#f513a0 !important;
}
.yellow-background{
	background:#fef711 !important;
}
.purple-background{
	background:#5437c7 !important;
}
.green-background{
	background:#13bb5c !important;
}
.bblack{
	background:black;
}
/*------------MULTI-------------*/
.hide{
	display:none;
}
.fright{
	float:right !important;
}
.no_bull{
	list-style-type:none;
}
.nav_left{
	
}
.shadow{
	box-shadow: 0 15px 10px #777;
	-webkit-transition: all 100ms ease-out;
	transition: all 100ms ease-out;
}
.shadow:hover{
	box-shadow: 0 5px 10px #888;
}
.relative{
	position:relative;
}
.absolute{
	position:absolute;
}
.inline{
	display:inline-block;
}
.iw100{
	width:100%;
	height:auto;
}
.medium_size{
	font-size:20px;
}
/*------------MARGIN-------------*/
.mar0{
	margin:0 !important;
}
.matop-5{
	margin-top:-5px;
}
.mtop7{
	margin-top:7px;
}
.mtop25{
	margin-top:25px;
}
.mtop30{
	margin-top:30px;
}
.mtop40{
	margin-top:40px;
}
.mtop60{
	margin-top:60px;
}
.mtop140{
	margin-top:140px;
}
.mtop230{
	margin-top:230px;
}
.mtopall{
	margin-top:100%;
}
.mbottom40{
	margin-bottom:30px;
}
.mbottom0{
	margin-bottom:0;
}
.mtop-20{
	margin-top:-20px;
}
.mtop-30{
	margin-top:-30px;
}
.mleft-5{
	margin-left:-5px;
}
.mleft-7{
	margin-left:-7px;
}
.mleft-50{
	margin-left:-50px;
}
.mright-7px{
	margin-right:-7px;
}
/*------------PADDING-------------*/
.pad0{
	padding:0;
}
.padleft_7{
	padding-left:7px;
}
.padright_7{
	padding-right:7px;
}
.padleft_15{
	padding-left:15px;
}
.padtop_150{
	padding-top:150px;
}
/*------------IMAGE-------------*/
.attachment-full{
	width:100%;
	height:auto;
}
/*------------HEIGHT-------------*/
.h319{
	height:319px;
}
/*------------FOOTER-------------*/
footer{
	background:url('assets/images/black-bg.jpg') ;
	padding:15px;
	text-align:center;
	color:white;
	position:relative;
}
footer div{
	position:relative;
	z-index:2
}
.footer_bg_bor{
	width:100%;
	height:100%;
	left:0;bottom:0;
	position:absolute;
}
.second{
	border-top:1px solid #666;
	padding-top:10px;
	margin-top:15px;
}
.third{
	border-top:1px solid #666;
	padding-top:10px;
	font-size: 12px;
}
.menu_bottom a{ 
	padding: 0 20px;
	color:white;
	font-size: 18px;
}
#wrap-box{
	display: block;
	padding: 6px;
	border: 1px solid #ddd;
	min-height: 400px;
	margin-bottom: 8px;
}

#wrap-box img{
	height: 100%;
	width: auto;
	magin: 0 auto;
}
/*
#wrap-box:hover{
	padding: 5px;
	border: 1px solid #ccc;}
*/

.box_center{
	text-align: center;
}
#circle{
			width: 120px;
			height: 120px;
			background: #00a4de;
			text-align: center;
			padding: 45px 10px;
			font-size: 18px!important;
			font-weight: bold;
			color: #000;
			-moz-border-radius: 100px;
			-webkit-border-radius: 100px;
			border-radius: 100px;
			margin: 0 auto;
}


.conveyancing, .probate, .immigration, .litigation-civil, .wills, .matrimonial{
	color: transparent!important;
	font-size: 16px!important;
	width: 130px;
	height: 130px;
	display: block;
	
	}

.title-practices{
	display: block;
	margin-top: 10px;
	padding: 5px;
	color: #000!important;
	background: #f7d673!important;
	border-radius: 10px;
	font-size: 14px!important;
	opacity:0.5;
	max-width: 110px;
	margin-left: auto;
	margin-right: auto;
}
.title-practices:hover{
	opacity: 1!important;
	text-decoration: none!important;
}

.simply-scroll{
	width: 100%!important;
}

.vert .simply-scroll-clip{
	height: 200px!important;
}
.vert{
	text-align: justify;
    background: #f3f3f3;
    padding-left: 8px;
    padding-right: 8px;
}

#title{
	padding: 6px;
	display: block;
	background: #eeeeee; /* For browsers that do not support gradients */    
    	background: -webkit-linear-gradient(left top, #ccc, #f0f0f0); /* For Safari 5.1 to 6.0 */
    	background: -o-linear-gradient(bottom right, #ccc, #f0f0f0); /* For Opera 11.1 to 12.0 */
    	background: -moz-linear-gradient(bottom right, #ccc, #f0f0f0); /* For Firefox 3.6 to 15 */
    	background: linear-gradient(to bottom right, #ccc, #f0f0f0); /* Standard syntax (must be last) */
	font-size: 16px;
	font-weight: bold;

}
#social{
	padding: 10px 0;
	display: block;
	background: transparent;
	text-align: center;
}

#fb, #tw, #linklin, #youtube, #g{
	width: 33px;
	height: 33px;
	margin: 1px;
	display: inline-block;
	
}
#fb{
	background: url('assets/images/icons/fb-hover.png');
}
	
#fb:hover{
	background: url('assets/images/icons/fb-hover.png');
}
#tw{
	background: url('assets/images/icons/tw-hover.png');
}
	
#tw:hover{
	background: url('assets/images/icons/tw-hover.png');
}
#linklin{
	background: url('assets/images/icons/linklin-hover.png');
}
	
#linklin:hover{
	background: url('assets/images/icons/linklin-hover.png');
}
#youtube{
	background: url('assets/images/icons/youtube-hover.png');
}
	
#youtube:hover{
	background: url('assets/images/icons/youtube-hover.png');
}
#g{
	background: url('assets/images/icons/g-hover.png');
}
	
#g:hover{
	background: url('assets/images/icons/g-hover.png');
}

.left_site {
    padding: 0!important;
}
@media (max-width: 980px){
	.header_bg_bor{
		display: none;
	}

}
@media (min-width: 1200px){
.container {
    width: 1000px!important;
}
}

/*.left_menu{
background: url('assets/images/bg-menu.png') repeat!important;
}*/
ul #menu-main-menu li{
	list-style-image: url('assets/images/bullets.png');
}
.site_content ul li {
    margin-left: 30px;
}

.menu-right{
	min-height: 260px;
}