/* FONTS */
@font-face {
    font-family: 'KlinicSlab';
    src: url(../fonts/KlinicSlab-Book.woff);
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'KlinicSlab';    
    src: url(../fonts/KlinicSlab-Bold.woff);
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'KlinicSlab';
    src: url(../fonts/KlinicSlab-Medium.woff);
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'KlinicSlab';
    src: url(../fonts/KlinicSlab-BookItalic.woff);
    font-weight: 400;
    font-style: italic;
}

@font-face {
    font-family: 'KlinicSlab';    
    src: url(../fonts/KlinicSlab-BoldItalic.woff);
    font-weight: 700;
    font-style: italic;
}

@font-face {
    font-family: 'KlinicSlab';
    src: url(../fonts/KlinicSlab-MediumItalic.woff);
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'Gotham';
    src: url(../fonts/GothamMedium.woff);
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Gotham';    
    src: url(../fonts/GothamBold.woff);
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Gotham';
    src: url(../fonts/GothamLight.woff);
    font-weight: 300;
    font-style: normal;
}

/* BODY */
body {	
	font-family: "KlinicSlab", "黑体", "SimHei", "华文黑体", "STHeiti", "微软雅黑", "Microsoft YaHei", Arial, sans-serif;
	font-size:16px;	
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    line-height: 1.4;
}

a { transition: .15s ease-in-out; }
a:hover { color:#7cc2c8; text-decoration:none; }

/* HEADER */
.header .top-bar .welcome{
	font-family: "KlinicSlab", "黑体", "SimHei", "华文黑体", "STHeiti", "微软雅黑", "Microsoft YaHei", Arial, sans-serif;
	font-weight: 700;
}
.header .top-bar .welcome span{
	color:#7cc2c8;
	margin:0 7px;
}
.header .top-bar .phone{
	float:right;
	font-family: "KlinicSlab", "黑体", "SimHei", "华文黑体", "STHeiti", "微软雅黑", "Microsoft YaHei", Arial, sans-serif;
	font-weight: 700;
	margin:0;
}
.header .top-bar .email{
	color:#7cc2c8;
	float:right;
	font-family: "KlinicSlab", "黑体", "SimHei", "华文黑体", "STHeiti", "微软雅黑", "Microsoft YaHei", Arial, sans-serif;
	font-weight: 700;
	margin:0 50px 0 0;
}
.header .top-bar .email:hover{ text-decoration:underline; }
.header .top-bar .email img{ margin-right:5px; }

.header .navbar-default .navbar-header .navbar-brand{
	margin-top:-5px;
	padding:0 15px;
}
.header .navbar-default .navbar-header .navbar-nav li a{
	font-family: "Gotham", "黑体", "SimHei", "华文黑体", "STHeiti", "微软雅黑", "Microsoft YaHei", Arial, sans-serif;
	font-weight: 400;
}

/* FOOTER */
.footer-dark .sub-footer .creation a {
	color:#FFF;
}

/* SECTION TITLE */
.section-title {
	font-family: "Gotham", "黑体", "SimHei", "华文黑体", "STHeiti", "微软雅黑", "Microsoft YaHei", Arial, sans-serif;
	font-weight: 400;
}

/* SLIDER */
.tp-caption h2 {
	text-shadow: 0 0 20px rgba(0,0,0,0.6);	
}
.tp-caption p {
	letter-spacing:1px !important;
	text-shadow: 0 0 8px rgba(0,0,0,0.8);	
}

.slider  h2{
	font-family: "Gotham", "黑体", "SimHei", "华文黑体", "STHeiti", "微软雅黑", "Microsoft YaHei", Arial, sans-serif;
	font-weight: 400;
}
.slider  h4{
	font-family: "Gotham", "黑体", "SimHei", "华文黑体", "STHeiti", "微软雅黑", "Microsoft YaHei", Arial, sans-serif;
	font-weight: 400;
}
.slider .long-text em{
	text-decoration:underline; color:#f8ce3e;
}
.slider .consultation-bar:before{
	left:-240%;
	width:680px;
}
.slider .consultation-bar h5{
	font-family: "KlinicSlab", "黑体", "SimHei", "华文黑体", "STHeiti", "微软雅黑", "Microsoft YaHei", Arial, sans-serif;
	font-weight: 400;
	margin-bottom:0;
}
.slider .consultation-bar h3{
	font-family: "Gotham", "黑体", "SimHei", "华文黑体", "STHeiti", "微软雅黑", "Microsoft YaHei", Arial, sans-serif;
	font-weight: 400;
	margin-top:10px;
}

.slider .consultation-bar h3 a {
	color:#FFF;
	cursor:pointer;	#656c7f
}

.slider .consultation-bar h3 a:hover {
	color:#23527c;	
}

.slider .consultation-bar h3 a::after {    
    content: "\f123";
    font-family: ionicons;
    font-size: 18px;
	left:195px; 
    position: absolute;	
	top: 38%;
    width: 15px;
}

/* PRACTICE AREAS */
.practice-areas ul li span{
	/*background:#00467f;*/
}

/* Index
================================================== */
.practice-areas ul li a {
	text-decoration:none;
}

.practice-areas ul li a:hover h4 {
	color:#004480;
}

.who-we-are .right-side .content-inner p {
	font-size:16px; line-height:25px;
}

.introduction .left-side .content-inner ul li {
	font-size:16px;
	line-height:25px;
	margin:3px 0;
}

.introduction .left-side .content-inner ul li::before {
	margin-top:12px;
}

.introduction .left-side .content-inner ul li a:hover {
	color:#7cc2c8;
	text-decoration:none;	
}

.section-title {
	margin-bottom:45px;
}

.consulting-form .section-title h3 {
	margin-bottom:0;
}

.who-we-are .left-side:after{ 
	background:url(../images/symbol-bg.png) center center no-repeat;
	background-size:cover;
}

.who-we-are .left-side.image1 {
	background-position:top;
}

.home-news figure img {
	width:100%;
}

.home-news .news-box { margin-bottom:30px; }

.home-news a::after {
	margin-bottom:15px;
}

.counter-section, .consulting-form {
	background-size:cover;
}

.consulting-form::after {
	opacity:0.6;
}

.consulting-form .image {
	margin-top:0px;
}

/* Our Visions
================================================== */ 
.lead {
    font-size: 22px;
}

.section-title .sub-title {    
    color: #656c7f;
}

.introduction .left-side p {    
    font-size: 15px;
}

.introduction .left-side .content-inner {
	width:90%;	
}

@media (min-width: 1200px) {
.our-visions {
	padding-bottom:0;	
}
}

.visions-img {
	display:block;
	float:right;
	margin-left:20px;
	max-width:1200px;
	width:48%;
}
/*
.introduction .left-side figure{ width:100%; float:left;}
.introduction .left-side figure img{ max-width:100%; display:inline-block;}

/* #Contact
================================================== */ 
.error-div, .success-div { margin-bottom:10px; }

/* #News Detail
================================================== */ 
.btn-back {
	color:#FFF;
	float:right;
	padding:5px 0;	
}

.btn-back:hover {	
	color:#656c7f;
	text-decoration:none !important;
}

.btn-back::before {
	color: #fff;
    content: "\f124";
    font-family: ionicons;
	font-size:12px;
    padding: 0 5px;		
}

#news-contents .section-title h3 {
	font-size:24px !important;	
}

#news-contents img {
	display:block;
	height:auto;
	margin:0 auto;
	max-width:900px;
	width:100%;
}

.gray-bg {
	background-color:#eff0f2;	
}

/* #Our Lawyers
================================================== */
.introduction .left-side {
	padding-bottom:30px;
}

.introduction .right-side {
	vertical-align:bottom;
}

.min-contents {
	display:block;
	height:250px;
	overflow:hidden;
	position:relative;
	width:100%;	
}

.min-contents .btn-show {
	background: linear-gradient( rgba(255,255,255,0) 0%, rgba(255,255,255,1) 70% ); 
	bottom:-1px;
	color:#7cc2c8;	
	display:block;
	font-weight:700;	
	left:0;
	line-height:16px;
	padding-bottom:15px;
	padding-top:80px;
	position:absolute;
	text-align:center;
	text-decoration:none;
	width:100%;
	cursor:pointer;
	transition: all .15s ease;
}

.gray-bg .min-contents .btn-show {
	background: linear-gradient( rgba(239,240,242,0) 0%, rgba(239,240,242,1) 70% );
}

.min-contents .btn-show::after {
	bottom:2px;
    content: "\f123";
    font-family: ionicons;
	font-size:12px;
	left:50%;
	margin-left:-5px;    
	position:absolute;
	width:10px;
}

.min-contents .btn-show:hover {
	color:#00467f;
}

.lawyers-img {
	display:none;
	float:right;
	height:auto;	
	margin:0 0 10px 15px;
	width:40%;
}

/* #Practice Areas
================================================== */
.practice {
	background:url(../images/practice-arbitration.png) left top no-repeat;	
	display:block;
	margin:25px 0 50px;
	min-height:190px;
	padding: 40px 0 0 206px;
	width:100%;	
}

.icon-arbitration { background-image:url(../images/practice-arbitration.png); }	
.icon-family { background-image:url(../images/practice-family.png); }
.icon-criminal { background-image:url(../images/practice-criminal.png); }
.icon-civil-celebrant { background-image:url(../images/practice-civil-celebrant.png); }	
.icon-conveyancing { background-image:url(../images/practice-conveyancing.png); }	
.icon-mediation { background-image:url(../images/practice-mediation.png); }
.icon-employment { background-image:url(../images/practice-employment.png); }
.icon-litigation { background-image:url(../images/practice-litigation.png); }
.icon-wills-probate { background-image:url(../images/practice-wills-probate.png); }
.icon-commercial { background-image:url(../images/practice-commercial.png); }	


.practice h3 {
	font-size:30px;	
	font-weight:700;
	margin-bottom:3px;
	margin-top:0;
}



@media only screen and (max-width: 1200px), only screen and (max-device-width: 1200px) {
.home-news .news-box {
	padding-left:15px;
}	
	
.home-news figure {
	max-width:none;
}

.slider .container {
	padding:0px;
	width:100%;
}
.slider .consultation-bar {	
	padding:20px 15px;
	text-align:center;
	width:100%;
}
.slider .consultation-bar:before {
	left:0;
	width:100%;
}
.slider .consultation-bar h3 a::after {        
	left:50%;
	margin-left:98px;	
}
}
/* SMALL RESOLUTION FIXES */
/*================================================ */ 
@media only screen and (max-width: 969px), only screen and (max-device-width: 969px) {
.header .navbar-default .navbar-header .navbar-brand {
	margin-top:0;
}
.navbar-brand>img{ 
	height:auto;	
}
.header .navbar-default .navbar-header .navbar-nav {
	margin-top:9px;	
}
.header .top-bar .phone {
	float:right;
}
.header .top-bar .email{
	float:right;
	margin-right:25px;
}
.slider .consultation-bar h3{ font-size:26px; }

.slider .consultation-bar h3 a::after {        
	margin-left:85px;
	top:36%;
}

.home-news .news-box {
	padding-left:15px;	
}
.home-news figure {
	margin-right:0;
}
.home-news h4 {
	margin-top:0;
	min-height:320px;
}
.section-title {
	margin-bottom:30px;
}
.section-title h3 {
	font-size:32px;
}
.introduction .left-side .content-inner {
	width:100%;
}

}
/* EXTRA SMALL RESOLUTION FIXES */
@media only screen and (max-width: 767px), only screen and (max-device-width: 767px) {
.slider h2 {
	font-size:60px;	
}
.tp-caption p {
	display:none;	
}
.slick-dots li {
	width: 20px;
}

	
.slider .consultation-bar h5{
	font-size:13px; margin-bottom:5px;
}
.slider .consultation-bar h3{
	font-size:18px;
	margin-top:20px;
}
.slider .consultation-bar h3 a::after {
	font-size:14px;	      
	margin-left:58px;
	top:42%;
}
.home-news .news-box {
	margin-bottom:30px;
}
.home-news h4 {
	min-height:inherit;
}
/* #Our Lawyers
================================================== */
.min-contents {
	height:400px;
}
.lawyers-img {
	display:block;
}
/* #Practice Areas
================================================== */
.practice {	
	background-position:center top;
	padding: 230px 0 0 0;
}
.practice h3 {
	text-align:center;	
}

/* #Our Visions
================================================== */
.visions-img {	
	float:none;
	margin:0 auto 20px;
	width:80%;
}
}
@media only screen and (max-width: 480px), only screen and (max-device-width: 480px) {
.min-contents {
	height:500px;
}
.lawyers-img {
	float: none;
	margin:0 auto 20px;
	width:60%;
}	
}