@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600,700');

 @import url('https://fonts.googleapis.com/css?family=Playfair+Display:400,400i,700,700i');

/* Table of Content 







[Master Stylesheet]















Project:		TheLawDesk







Version:		1.0







Author:			CrunchPress







Primary use:	TheLawDesk































[Color codes]















Background:	#ffffff (white)







Content:	#777777 (grey)







Header h1:	#ffffff (white)







Header h2:	#333333 (dark grey)







Footer:		#cccccc (grey)























[Typography]















Body:				font:14px/20px 'Open Sans', sans-serif;







Headers:			font:16px/16px 'Open Sans', sans-serif;







Input, textarea:	font:14px/14px 'Open Sans', sans-serif;







Sidebar heading:	font:20px/20px 'Open Sans', sans-serif;































/** Table of Content 







- 	WRAPPER    	  					LENE 		000  		-		000







-	HEADER 							LINE		000			-		000	







-	BANNER							LINE		000			-		000	







-	WELCOME SECTION					LINE		000			-		000	







-	SERVICES SECTION				LINE		000			-		000	







-	PRACTICE STYLE					LINE		000			-		000	







-	LEGAL NEWS ROW					LINE		000			-		000	







-	TEAM SECTION					LINE		000			-		000	







-	EVALUATION SECTION				LINE		000			-		000	







-	CLIENTS SECTION					LINE		000			-		000	







-	FOOTER							LINE		000			-		000	















End of Table of Conten*/







body {

	margin: 0;

	padding: 0;

	font: 400 14px/20px 'Open Sans', sans-serif;

	color: #777;

}

body h1, body h2, body h3, body h4, body h5, body h6 {

	font-family: 'Playfair Display', serif;

	color: #333;

	margin: 0;

}

body h1 a, body h2 a, body h3 a, body h4 a, body h5 a, body h6 a {

	color: #333;

}

body h1 a:hover, body h2 a:hover, body h3 a:hover, body h4 a:hover, body h5 a:hover, body h6 a:hover {

	color: #333;

	text-decoration: none;

}

body h2 {

	font-size: 48px;

	line-height: 48px;

	font-weight: 400;

	margin: 0 0 10px 0;

}

body h3 {

	font-size: 24px;

	line-height: 24px;

	font-weight: 400;

	margin: 0 0 10px 0;

}

body h4 {

	font-size: 18px;

	line-height: 18px;

	font-weight: 500;

	margin: 0 0 10px 0;

}

body h5 {

	font-size: 16px;

	line-height: 16px;

	font-weight: 500;

	margin: 0 0 10px 0;

}

body h6 {

	font-size: 14px;

	line-height: 14px;

	font-weight: 500;

	margin: 0 0 10px 0;

}

body p {

	font: 400 14px/20px 'Open Sans', sans-serif;

	color: #777;

}

.btn-row {

	width: 100%;

	float: left;

	display: block;

	text-align: center;

}

.btn-row a.btn-style-1 {

	display: inline-block;

	float: none;

}

.btn-row a.btn-style-2 {

	display: inline-block;

	float: none;

}

a.btn-style-1 {

	font: 700 14px/14px 'Open Sans', sans-serif;

	color: #fff;

	float: left;

	text-transform: uppercase;

	text-decoration: none;

	padding: 13px 29px;

	text-align: center;

	position: relative;

	z-index: 9;

	overflow: hidden;

}

a.btn-style-1:hover {

	text-decoration: none;

	color: #222;

}

a.btn-style-1:hover:after {

	height: 100%;

}

a.btn-style-1:after {

	content: '';

	position: absolute;

	left: 0;

	bottom: 0;

	width: 100%;

	height: 0;

	transition: all 0.5s ease-in;

	-moz-transition: all 0.5s ease-in;

	-webkit-transition: all 0.5s ease-in;

	z-index: -1;

}

a.btn-style-2 {

	font: 700 14px/14px 'Open Sans', sans-serif;

	color: #222;

	float: left;

	text-transform: uppercase;

	text-decoration: none;

	padding: 11px 29px;

	border: 2px solid #222;

	text-align: center;

	position: relative;

	z-index: 9;

	overflow: hidden;

}

a.btn-style-2:hover {

	text-decoration: none;

	color: #fff;

}

a.btn-style-2:hover:after {

	height: 100%;

}

a.btn-style-2:after {

	content: '';

	position: absolute;

	left: 0;

	bottom: 0;

	width: 100%;

	background: #222;

	height: 0;

	transition: all 0.5s ease-in;

	-moz-transition: all 0.5s ease-in;

	-webkit-transition: all 0.5s ease-in;

	z-index: -1;

}

.btn-row {

	float: left;

	width: 100%;

}

.btn-row a.btn-style-1, .btn-row a.btn-style-2 {

	float: none;

	display: inline-block;

}

.frame {

	float: left;

	width: 100%;

	overflow: hidden;

	background: #000;

	position: relative;

}

.frame img {

	display: block;

	width: 100%;

}

.text-box {

	float: left;

	width: 100%;

	box-sizing: border-box;

	-moz-box-sizing: border-box;

	-webkit-box-sizing: border-box;

}

.holder {

	float: left;

	width: 100%;

	position: relative;

}

.heading-style-1 {

	float: left;

	width: 100%;

	text-align: center;

	position: relative;

	margin-bottom: 100px;

}

.heading-style-1:before {

	content: '';

	position: absolute;

	left: 0;

	right: 0;

	margin: auto;

	bottom: -80px;

	background: url(../../images/heading-icon-1.png) no-repeat center bottom;

	width: 196px;

	height: 70px;

}

.btm-row {

	float: left;

	width: 100%;

}

/************************************************WRAPPER CSS START*************************************************/







#wrapper {

	float: left;

	width: 100%;

}

#main {

	float: left;

	width: 100%;

}

/*********************************************************HEADER CSS START**********************************************************/







#header {

	float: left;

	width: 100%;

	box-shadow: 0px 2px 6px 0px rgba(0,0,0,0.2);

	-moz-box-shadow: 0px 2px 6px 0px rgba(0,0,0,0.2);

	-webkit-box-shadow: 0px 2px 6px 0px rgba(0,0,0,0.2);

	position: relative;

	z-index: 99;

	background: #fff;

}

.top-bar {

	float: left;

	width: 100%;

	padding: 10px 0;

	border-bottom: 0; solid #ddd;

}

.left-box {

	float: left;

	width: 100%;

}

.left-box ul {

	padding: 0;

	margin: 0;

	list-style: none;

}

.left-box ul li {

	float: left;

	padding: 0 10px 0 0;

}

.left-box ul li a {

	width: 28px;

	height: 28px;

	line-height: 26px;

	text-align: center;

	display: block;

	border: 1px solid;

	font-size: 14px;

	text-decoration: none;

}

.left-box ul li a:hover {

	border-color: transparent;

	color: #fff;

}

.right-box {

	float: right;

	width: 100%;

}

.right-box a {

	font: 400 14px/26px 'Open Sans', sans-serif;

	color: #777;

	float: right;

	padding: 0 0 0 15px;

}

.right-box a .fa {

	padding: 0 6px 0 0;

}

.right-box a:hover {

	text-decoration: none;

	color: #222;

}

.menu-row .search-box {

	float: right;

	margin: 18px 0 0 20px;

}

.menu-row .search-box a {

	border: 1px solid;

	display: block;

	font-size: 14px;

	height: 28px;

	line-height: 26px;

	text-align: center;

	text-decoration: none;

	width: 28px;

}

.menu-row {

	float: left;

	width: 100%;

	padding: 15px 0 0 0;

}

strong.logo {

	float: left;

	margin: 5px 0 0 0;

}

.menu-row .navbar-inverse {

	border-color: transparent;

	background: none;

}

.menu-row .navbar {

	min-height: auto;

	margin: 25px 0 0 0;

	float: right;

	border: 0;

}

.menu-row .navbar-collapse {

	padding: 0;

}

.menu-row .navbar-inverse .navbar-nav > .active > a, .menu-row .navbar-inverse .navbar-nav > .active > a:hover, .menu-row .navbar-inverse .navbar-nav > .active > a:focus {

	background: none;

}

/* Menu CSS Start */







#nav {

	float: right;

	padding: 0;

	margin: 0;

	list-style: none;

}

#nav li {

	float: left;

	padding: 0 0 28px 0;

	position: relative;

}

#nav li.active a {

}

#nav li:first-child {

	background: none;

}

#nav li a {

	font: 700 15px/15px 'Open Sans', sans-serif;

	color: #777;

	text-decoration: none;

	padding: 0 0 0 20px;

	display: block;

	position: relative;

	z-index: 20;

}

#nav li ul li a:hover, #nav li ul li:hover > a {

	text-decoration: none;

}

#nav li ul {

	position: absolute;

	left: 0;

	top: 100%;

	width: 240px;

	background: #fff;

	padding: 0;

	display: none;

	list-style: none;

	z-index: 10;

}

#nav li:hover > ul {

	display: block;

}

#nav li ul li > ul {

	position: absolute;

	left:100%;

	top: 0;

	width: 180px;

	padding: 0;

}

#nav li ul li {

	float: none;

	width: auto;

	background: none;

}

#nav li ul li a {

	background: none;

	font: 700 14px/14px 'Raleway', sans-serif;

	text-align: left;

	padding: 12px;

	display: block;

}

/* Menu CSS End */























/*********************************************************HEADER CSS END**********************************************************/















/*********************************************************BANNER CSS START**********************************************************/







#banner {

	float: left;

	width: 100%;

	position: relative;

	overflow: hidden;

}

#banner img {

	display: block;

	width: 100%;

}

span.slider-1 {

	position: absolute;

	bottom: 0;

	left: 0;

}

#banner .caption {

	position: absolute;

	left: 0;

	top: 170px;

	width: 100%;

}

#banner .caption .inner {

	float: left;

	width: 476px;

}

#banner .caption .inner h1 {

	font: 700 55px 'Playfair Display', serif;

	color: #222;

	text-align: right;

	margin: 0 0 20px 0;

}

#banner .caption .inner h1 em {

	font-style: italic;

	font-weight: 400;

}

#banner .caption .inner a.btn-style-2 {

	float: right;

	margin: 0 0 0 10px;

}

#banner .caption .inner a.btn-style-1 {

	float: right;

}

#banner .owl-theme .owl-controls .owl-nav [class*="owl-"] {

	background: none;

	border-radius: 0;

	color: #fff;

	font-size: 0;

	padding: 0;

}

#banner .owl-next {

	position: absolute;

	top: 0;

	bottom: 0;

	margin: auto;

	height: 40px;

	right: 30px;

	color: #666;

}

#banner .owl-next:before {

	content: "\f105";

	color: #666;

	display: block;

	font-size: 50px;

	font-family: FontAwesome;

}

#banner .owl-prev {

	position: absolute;

	top: 0;

	bottom: 0;

	margin: auto;

	height: 40px;

	left: 30px;

	color: #666;

}

#banner .owl-prev:before {

	content: "\f104";

	color: #666;

	display: block;

	font-size: 50px;

	font-family: FontAwesome;

}

/*********************************************************BANNER CSS END**********************************************************/















/******************************************WELCOME SECTION START*****************************************/















.welcome-section {

	float: left;

	width: 100%;

	padding: 0 0 60px 0;/*overflow: hidden;*/



}

.welcome-section .container-fluid {

	padding: 0;

}

.welcome-section .container-fluid .col-md-6 {

	padding: 0;

}

.welcome-section .left-box {

	float: left;

	padding: 80px 0;

	width: 100%;

	position: relative;

}

.welcome-section .left-box:before {

	content: '';

	position: absolute;

	left: -100%;

	top: 0;

	width: 100%;

	height: 100%;

}

.welcome-section h2 {

	margin: 0 0 20px 0;

	color: #fff;

}

.welcome-section .thumb {

	margin: 0;

	float: left;

	width: 100%;

}

.welcome-section .text-box {

	float: right;

	width: 462px;

	padding: 0 100px 0 0;

}

.welcome-section .text-box p {

	margin-bottom: 25px;

	color: #fff;

}

.welcome-section a.btn-style-1 {

	background: #fff !important;

	color: #222 !important;

}

.video-frame {

	background: url(../images/welcome-video-img-1.jpg) no-repeat left top;

	float: left;

	height: 350px;

	margin: 59px 0 0 -68px;

	position: relative;

	width: 600px;

}

.video-frame a.btn-play {

	background: url(../images/btn-play.png) no-repeat center center;

	bottom: 0;

	height: 100px;

	left: 0;

	margin: auto;

	position: absolute;

	right: 0;

	top: 0;

	width: 100px;

}

.video-frame .modal-dialog {

	width: 1000px;

}

.video-frame .modal-content {

	background: none;

	border: 0;

	box-shadow: none;

}

.video-frame .modal-header {

	border: 0;

	padding: 0;

}

.video-frame .modal-body {

	padding: 0;

}

.video-frame iframe {

	width: 100%;

	border: 0;

	height: 565px;

}

.video-frame .close {

	width: 30px;

	height: 30px;

	background: #fff;

	position: absolute;

	right: -30px;

	top: 0;

	opacity: 1;

	text-shadow: none;

}

/******************************************WELCOME SECTION END*****************************************/















/*******************************************SERVICES SECTION START******************************************/







.services-section {

	float: left;

	width: 100%;

}

.services-section .col-md-4 {

	padding: 0;

}

.services-section .box {

	float: left;

	width: 100%;

	margin-bottom: 80px;

	background-color: #f9f9f9;

	padding: 60px 20px;

	box-sizing: border-box;

	-moz-box-sizing: border-box;

	-webkit-box-sizing: border-box;

}

.services-section .box.active {

	background-image: url(../../images/services-img-1.png);

	background-repeat: no-repeat;

	background-position: left top;

}

.services-section .box.active h3 a, .services-section .box.active .icon-col, .services-section .box.active p {

	color: #fff;

}

.box.wow.slideInUp.active:hover h3 a, .box.wow.slideInUp.active:hover .icon-col {

	color: #fff;

	border-color: #fff;

}

.services-section .box .icon-col {

	display: block;

	margin: 0 auto 20px;

	width: 91px;

	height: 89px;

	border: 1px solid #c1c1c1;

	position: relative;

	text-align: center;

	line-height: 88px;

	font-size: 50px;

	color: #333;

}

.services-section .box .icon-col:before {

	content: '';

	position: absolute;

	left: -4px;

	right: 0;

	top: 0;

	bottom: 0;

	width: 97px;

	height: 95px;

	margin: auto;

	border: 1px solid #c1c1c1;

}

.services-section .heading-style-1 {

	margin-bottom: 100px;

}

.services-section .box .text-box {

	text-align: center;

}

.services-section .box:hover .text-box h3 a {

	text-decoration: none;

}

.services-section .box .text-box p {

	margin: 0;

}

/*******************************************SERVICES SECTION END******************************************/















/**********************************************PRACTICE STYLE START********************************************/







.practice-style-2 {

	float: left;

	width: 100%;

	/* background: #000 url(../images/practice-area-bg.png) no-repeat left top/cover; */

	padding: 60px 0;

}

.practice-style-2 h2 {

	color: #fff;

}

.practice-style-2 .cp-box {

	float: left;

	width: 100%;

	background-color: #fff;

	position: relative;

	margin-bottom: 30px;

}

.practice-style-2 .cp-box:before {

	content: '';

	position: absolute;

	left: 0;

	top: 0;

	width: 0;

	height: 100%;

}

.practice-style-2 .cp-box h3 {

	margin: 0;

	line-height: 60px;

	position: relative;

}

.practice-icon {

	background-image: url(../images/practice-area-icons.png);

	background-repeat: no-repeat;

	width: 54px;

	height: 63px;

	float: left;

	margin: 0 19px 0 0;

	position: relative;

}

.practice-icon-1 {

	background-position: 0 0;

}

.practice-icon-2 {

	background-position: -53px 0;

}

.practice-icon-3 {

	background-position: -109px 0;

}

.practice-icon-4 {

	background-position: -163px 0;

}

.practice-icon-5 {

	background-position: -217px 0;

}

.practice-icon-6 {

	background-position: -271px 0;

}

.practice-icon-7 {

	background-position: -325px 0;

}

.practice-icon-8 {

	background-position: -379px 0;

}

.practice-icon-9 {

	background-position: -433px 0;

}

.practice-icon-10 {

	background-position: -487px 0;

}

.practice-icon-11 {

	background-position: -541px 0;

}

.practice-icon-12 {

	background-position: -595px 0;

}

.practice-icon-13 {

	background-position: -649px 0;

}

.practice-icon-14 {

	background-position: -703px 0;

}

.practice-icon-15 {

	background-position: -757px 0;

}

.practice-style-2 .cp-box:hover:before {

	width: 100%;

}

.practice-style-2 .cp-box:hover h3 a {

	color: #fff;

}

.practice-style-2 .cp-box:hover .practice-icon-1 {

	background-position: 0 -60px;

}

.practice-style-2 .cp-box:hover .practice-icon-2 {

	background-position: -53px -60px;

}

.practice-style-2 .cp-box:hover .practice-icon-3 {

	background-position: -109px -60px;

}

.practice-style-2 .cp-box:hover .practice-icon-4 {

	background-position: -163px -60px;

}

.practice-style-2 .cp-box:hover .practice-icon-5 {

	background-position: -217px -60px;

}

.practice-style-2 .cp-box:hover .practice-icon-6 {

	background-position: -271px -60px;

}

.practice-style-2 .cp-box:hover .practice-icon-7 {

	background-position: -325px -60px;

}

.practice-style-2 .cp-box:hover .practice-icon-8 {

	background-position: -379px -60px;

}

.practice-style-2 .cp-box:hover .practice-icon-9 {

	background-position: -433px -60px;

}

.practice-style-2 .cp-box:hover .practice-icon-10 {

	background-position: -487px -60px;

}

.practice-style-2 .cp-box:hover .practice-icon-11 {

	background-position: -541px -60px;

}

.practice-style-2 .cp-box:hover .practice-icon-12 {

	background-position: -595px -60px;

}

.practice-style-2 .cp-box:hover .practice-icon-13 {

	background-position: -649px -60px;

}

.practice-style-2 .cp-box:hover .practice-icon-14 {

	background-position: -703px -60px;

}

.practice-style-2 .cp-box:hover .practice-icon-15 {

	background-position: -757px -60px;

}

.btn-row {

	float: left;

	width: 100%;

	text-align: center;

}

.practice-style-2 a.btn-style-1 {

	float: none;

	display: inline-block;

	padding: 15px 30px;

	margin: 10px 0 0 0;

}

/**********************************************PRACTICE STYLE END********************************************/















/*********************************************LEGAL NEWS ROW START********************************************/







.legal-news-row {

	float: left;

	width: 100%;

	padding: 60px 0;

}

.legal-news-col {

	float: left;

	width: 100%;

}

.news-head {

	float: left;

	width: 100%;

	padding: 10px 20px;

	box-sizing: border-box;

	-moz-box-sizing: border-box;

	-webkit-box-sizing: border-box;

	position: relative;

}

.news-head a.more {

	position: absolute;

	right: 20px;

	top: 16px;

	color: #fff;

	font-size: 24px;

}

.news-head h2 {

	font-size: 34px !important;

	line-height: 34px !important;

	color: #fff;

}

.legal-news-col .text-box {

	border: 1px solid #ddd;

	border-top: 0;

	padding: 0 20px;

}

.legal-news-col .text-box ul {

	padding: 0;

	margin: 0;

	list-style: none;

	overflow: hidden;

}

.legal-news-col .text-box ul li {

	display: block;

	overflow: hidden;

	padding: 20px 0;

	border-top: 1px solid #ddd;

}

.legal-news-col .text-box ul li:first-child {

	border: 0;

}

.legal-news-col .thumb {

	float: left;

	margin: 0 20px 0 0;

}

.legal-news-col .thumb img {

	display: block;

	width: 100%;

}

.inner-text-col {

	overflow: hidden;

	margin: 9px 0 0 0;

}

.inner-text-col .btm-row {

	margin: 0 0 7px 0;

}

.inner-text-col a.date {

	font: 12px/12px 'Open Sans', sans-serif;

	color: #777;

	text-decoration: none;

	padding: 0 15px 0 0;

}

.inner-text-col a.date .fa {

	padding: 0 5px 0 0;

}

.tab-style-2 {

	float: left;

	width: 100%;

}

.tab-style-2 h2 {

	font-size: 34px !important;

	line-height: 34px !important;

	margin: 0 0 27px 0;

}

.tab-style-2 .nav-tabs > li > a {

	border: 1px solid #ddd;

	border-left: 0;

	border-radius: 0;

	font: 700 16px/16px 'Open Sans', sans-serif;

	color: #fff;

	margin-right: 0;

	outline: none;

}

.tab-style-2 .nav > li > a {

	display: block;

	padding: 15px 19px;

	position: relative;

}

.tab-style-2 .nav-tabs > li.active > a, .tab-style-2 .nav-tabs > li.active > a:hover, .tab-style-2 .nav-tabs > li.active > a:focus {

	background: #fff;

	color: #222;

	border-radius: 0;

	border-color: #ddd #ddd transparent;

}

.tab-style-2 .text-box {

	float: left;

	width: 100%;

	padding: 20px 19px;

	border: 1px solid #ddd;

	border-top: 0;

	box-sizing: border-box;

	-moz-box-sizing: border-box;

	-webkit-box-sizing: border-box;

}

.tab-style-2 .text-box p {

	margin: 0;

}

.tab-style-2 .text-box .frame {

	float: left;

	width: 100%;

	margin: 0 0 15px 0;

	background: #000;

	overflow: hidden;

}

.tab-style-2 .text-box .frame:hover img {

	opacity: 0.5;

}

/*********************************************LEGAL NEWS ROW END********************************************/















/**************************************TEAM SECTION START***********************************/







.team-section {

	float: left;

	width: 100%;

	background: #f5f5f5;

	padding: 60px 0;

}

.team-section .box {

	float: left;

	width: 100%;

	text-align: center;

}

.team-section .box .thumb {

	float: left;

	width: 100%;

	text-align: center;

	margin: 0 0 -20px 0;

}

.team-section .box .text-box {

	text-align: center;

	background: #fff;

	padding: 40px 0;

	transform: skew(-20deg);

	-moz-transform: skew(-20deg);

	-webkit-transform: skew(-20deg);

	box-shadow: 0 0 7px rgba(0,0,0,0.15);

}

.team-section .box .team-caption {

	transform: skew(20deg);

}

.team-section .box .text-box h3 {

	margin: 0 0 12px 0;

}

.team-section .box .text-box span {

	display: block;

	font: 400 14px/14px 'Open Sans', sans-serif;

	color: #666;

	padding: 0 0 15px 0;

}

.team-social {

	display: block;

	text-align: center;

	padding: 0;

	margin: 0;

	list-style: none;

}

.team-social li {

	display: inline-block;

	padding: 0 3px;

}

.team-social li a {

	text-decoration: none;

	display: block;

	width: 44px;

	height: 44px;

	border: 2px solid #c1c1c1;

	border-radius: 100%;

	text-align: center;

	line-height: 40px;

	color: #666;

	font-size: 20px;

}

.team-section .box:hover .text-box h3 a, .team-section .box:hover .text-box span, .team-section .box:hover .team-social li a {

	color: #fff;

}

.team-section .box:hover .team-social li a {

	border-color: #fff;

}

/**************************************TEAM SECTION END***********************************/















/**********************************************EVALUATION SECTION START*********************************************/







.evaluation-form {

	float: left;

	width: 100%;

	/*background: url(../images/form-bg.jpg) no-repeat left top/cover;*/

	padding: 105px 0;

	position: relative;

}

.form-box {

	position: relative;

	float: right;

	width: 555px;

}

.form-box h2 {

	font-size: 38px !important;

	line-height: 38px !important;

	margin: 0 0 15px 0;

}

.form-box input[type="text"], .form-box input[type="email"], .form-box input[type="tel"] {

	float: left;

	width: 100%;

	height: 40px;

	border: 1px solid #999;

	padding: 0 15px;

	box-sizing: border-box;

	-moz-box-sizing: border-box;

	-webkit-box-sizing: border-box;

	font: 400 14px 'Open Sans', sans-serif;

	color: #777;

	margin-bottom: 10px;

}

.form-box textarea {

	float: left;

	width: 100%;

	height: 190px;

	resize: none;

	border: 1px solid #999;

	padding: 15px;

	box-sizing: border-box;

	-moz-box-sizing: border-box;

	-webkit-box-sizing: border-box;

	font: 400 14px 'Open Sans', sans-serif;

	color: #777;

	margin-bottom: 10px;

}

.form-box input[type="submit"] {

	float: left;

	width: 100%;

	height: 40px;

	border: 0;

	text-align: center;

	font: 700 14px 'Open Sans', sans-serif;

	color: #fff;

	text-transform: uppercase;

}

.form-box input[type="submit"]:hover {

	background: #222;

}

 .form-box input::-webkit-input-placeholder {

 color:#777;

 opacity:1;

}

 .form-box input:-moz-placeholder {

 color:#777;

 opacity:1;

}

 .form-box input::-moz-placeholder {

 color:#777;

 opacity:1;

}

 .form-box input:-ms-input-placeholder {

 color:#777;

 opacity:1;

}

 .form-box textarea::-webkit-input-placeholder {

 color:#777;

 opacity:1;

}

 .form-box textarea:-moz-placeholder {

 color:#777;

 opacity:1;

}

 .form-box textarea::-moz-placeholder {

 color:#777;

 opacity:1;

}

 .form-box textarea:-ms-input-placeholder {

 color:#777;

 opacity:1;

}

/**********************************************EVALUATION SECTION END*********************************************/















/**********************************************CLIENTS SECTION START*******************************************/







.client-section {

	float: left;

	width: 100%;

	padding: 60px 0;

}

.client-section h2 {

	margin: 0 0 20px 0;

}

.client-section .thumb {

	float: left;

	width: 100%;

	border: 1px solid #ddd;

	box-sizing: border-box;

	-moz-box-sizing: border-box;

	-webkit-box-sizing: border-box;

	text-align: center;

	padding: 25px 0 0 0;

	min-height: 150px;

	margin-bottom: 30px;

}

.client-section .thumb img {

	width: 90px;

	margin: 0 auto;

	display: block;

}

.client-section .thumb:hover {

	background: #eee;

	border-color: transparent;

}

/**********************************************CLIENTS SECTION END*******************************************/















/************************************************FOOTER SECTION START********************************************/







#footer {

	float: left;

	width: 100%;

	background: #222;

}

.footer-section-1 {

	float: left;

	width: 100%;

	padding: 0;

}

.simple-marquee-container * {

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	-o-box-sizing: border-box;

	box-sizing: border-box;

	font: 400 14px/14px 'Open Sans', sans-serif;

}

.simple-marquee-container {

	width: 100%;

	float: left;

	display: inline-block;

	overflow: hidden;

	box-sizing: border-box;

	height: 45px;

	position: relative;

	cursor: pointer;

}

.marquee-sibling {

	padding: 0;

	background: #222;

	font: 16px/42px 'Open Sans', sans-serif;

	color: #fff;

	width: 18%;

	height: 45px;

	text-transform: uppercase;

	text-align: center;

	float: left;

	left: 0;

	z-index: 2000;

}

.marquee, *[class^="marquee"] {

	display: inline-block;

	white-space: nowrap;

	position: absolute;

}

.marquee {

	margin-left: 25%;

}

.marquee-content-items {

	display: inline-block;

	padding: 5px;

	margin: 0;

	height: 45px;

	position: relative;

}

.marquee-content-items li {

	display: inline-block;

	line-height: 35px;

	color: #fff;

}

.marquee-content-items li a{

	color:#fff;

	text-decoration:none;

}

.marquee-content-items li:after {

	content: "|";

	margin: 0 1em;

}

.footer-section-2 {

	float: left;

	width: 91%;

	padding: 15px 0 0 0;

}

.footer-section-2 .footer-box {

	float: left;

	width: 100%;

}

a.footer-logo {

	display: block;

	margin: -24px 0 20px 0;

}

.footer-section-2 .footer-box p {

	color: #fff;

	line-height:26px;

	margin: 0 0 20px 0;

}

.footer-section-2 .footer-box h3 {

	color: #fff;

	margin: 0 0 20px 0;

}

.news-widget {

	float: left;

	width: 100%;

}

.news-widget ul {

	list-style: outside none none;

	margin: 0;

	padding: 0;

}

.news-widget ul li:first-child {

	padding: 0 0 15px 0;

	border: 0;

}

.news-widget ul li {

	display: block;

	overflow: hidden;

	padding: 15px 0;

	border-top: 1px dashed #777;

}

.news-widget .thumb {

	float: left;

	margin: 0 15px 0 0;

}

.news-widget .text-col {

	overflow: hidden;

}

.news-widget ul li a {

	color: #222;

	display: block;

	font: 400 14px/20px 'Open Sans', sans-serif;

	padding: 0 0 10px 0;

}

.news-widget ul li span {

	display: block;

	color: #222;

	font: 400 12px/12px 'Open Sans', sans-serif;

}

.news-widget ul li span .fa {

	padding: 0 5px 0 0;

}

.links-widgets {

	float: left;

	width: 100%;

}

.links-widgets ul {

	padding: 0;

	margin: 0;

	list-style: none;

}

#footer .footer-section-2 .links-widgets ul li {

	display: block;

	line-height: 14px;

	padding: 0 0 14px 20px;

	position: relative;
	border-bottom:none;

}

.links-widgets ul li:before {

	border-radius: 100%;

	content: "";

	height: 6px;

	left: 0;

	position: absolute;

	top: 3px;

	width: 6px;

}

.links-widgets ul li a {

	color: #222;

	font: 400 14px/14px 'Open Sans', sans-serif;

	text-decoration: none;

	text-decoration: none;

}

.footer-contact-map {

	float: left;

	width: 100%;

}

.footer-contact-map .map_canvas {

	height: 265px;

	width: 100%;

}

.footer-section-3 {

	float: left;

	width: 100%;

	background: #1a1a1a;

	padding: 5px 0 5px 0;

}

.footer-section-3 strong.copyrights {

	display: block;

	text-align: center;

	color: #ccc;

	font: 400 14px/14px 'Open Sans', sans-serif;

}

.footer-section-3 strong.copyrights a {

	text-decoration: none;

	color: #ccc;

}

/************************************************FOOTER SECTION END********************************************/















/************************************************WRAPPER CSS END*************************************************/















.FONTS {

	font-family: 'Open Sans', sans-serif;

	font-family: 'Playfair Display', serif;

}

.right-box a, .left-box ul li a, a.btn-style-1, a.btn-style-2, #banner .owl-next:before, #banner .owl-prev:before, .services-section .box .icon-col, .services-section .box .icon-col:before, .services-section .box .text-box h3 a, .practice-style-2 .cp-box:before, .practice-icon-1, .practice-icon-2, .practice-icon-3, .practice-icon-4, .practice-icon-5, .practice-icon-6, .practice-icon-7, .practice-icon-8, .practice-icon-9, .practice-icon-10, .practice-icon-11, .practice-icon-12, .practice-icon-13, .practice-icon-14, .practice-icon-15, .practice-style-2 .cp-box h3 a, .team-section .box .text-box, .team-section .box .text-box h3 a, .team-section .box .text-box span, .team-social li a, .form-box input[type="submit"], .news-widget ul li a, .footer-section-3 strong.copyrights a, .frame img, .client-section .thumb {

	transition: all 0.5s ease-in;

	-moz-transition: all 0.5s ease-in;

	-webkit-transition: all 0.5s ease-in;

}

/******** Tabs Section CSS ********/















.tab-style-2 .vc_tta-container .vc_tta-panel-body {

	background: #fff !important;

	padding: 20px 19px !important;

	border: 1px solid #ddd !important;

	border-radius: 0 !important;

	border-top: 0 !important;

}

.tab-style-2 .vc_tta.vc_tta-shape-rounded .vc_tta-tabs-container {

	margin: 0px;

}

.tab-style-2 .vc_tta-container .vc_tta.vc_general .vc_tta-tab.vc_active a {

	background: none;

	border-color: #ddd;

	border-radius: 0;

	color: #222;

}

.tab-style-2 .vc_tta-container .vc_tta.vc_general .vc_tta-tab a {

	display: block;

	padding: 15px 19px;

	position: relative;

	font: 700 16px/16px 'Open Sans', sans-serif;

	margin-right: 0;

	outline: none;

	background: #fff;

	color: #fff;

	border-radius: 0;

	background-color: #bb7a40;

}



#inner-banner {margin-bottom:30px;}