@charset "utf-8";

/*==================================================

Project:	Lawyer HTML Template
Version:	1.0
Last change:	14/07/17
Author :	Themesmill

/****************************************************************************
Table of Content
***************************************************************************


SOME BASIC CLASSES
a- General Css Starts
1- Top Bar
2- Logo Contact Area Header	
3- Menu
4- Main Slider
5- Banner
6- Home Page Content
7- Home Page Accordion
8- Testimonial Slider
9- Home Page Services
10 - Call to action
11- Home Practice Areas
12- Our Team
13- Home Blog
14- Home Page Counter
15-  Contact Section Footer
16- Clients Slider
17- Footer
18- About Us page
19- Success Case About Us
20- Histroy About Us
21- About Services
22-  Service Accordion
23- Testimonials Secondry
24-  Video Full
25-  Our Team Aboutus
26- Blog Page
27- Comments Section Blog
28- Cases List
29- Cases List Detail Page
30- Caseslist Grid
31- Events page
32- Speakers
33- Practice area
34- Practice listing
35- Practicearea Accordion
36- four-o-four
37- Singleattorney
38- Contact Us
39- Pagination
40- Contact Map


[Color codes]

 
a (standard):	#333 (dark blue)
color 1 : #e74c3c
Color 2: #263238

[Typography]
  
Body copy:			14px/ 'Open Sans', sans-serif;
Line Height:		26px

-------------------------------------------------------------------*/


/* General Css Starts */

* {
	padding: 0px;
	margin: 0px;
}
.red-btn, .blue-btn {
	padding: 14.5px 20px;
	display: inline-block;
	color: #fff !important;
	line-height: 1;
}
.red-btn:hover, .blue-btn:hover {
	color: #fff
}
.vertical-align {
	display: table-cell;
}
.vertical-align--middle {
	vertical-align: middle;
}
.main-heading span, .small-heading span {
	font-family: 'Montserrat', sans-serif;
	font-weight: 600;
	color: #666;
}
.main-heading span, .small-heading span a {
	color: #666;
}
.main-heading {
	margin: 63px 0 29px 0
}
.main-heading h1 {
	margin-bottom: 14px
}
.main-heading h1:after {
	content: "";
	content: "";
	bottom: -4px;
	width: 100px;
	height: 4px;
	position: absolute;
	left: 45%
}
.main-heading h1:before {
	content: "";
	bottom: 0px;
	width: 30%;
	min-width: 300px;
	height: 1px;
	background-color: #dfdfdf;
	position: absolute;
	left: 35%;
}
.main-heading-s {
	margin: 0px 0 15px 0
}
.main-heading-s span {
	font-family: 'Montserrat', sans-serif;
	font-weight: 600;
	color: #b3b3b3;
}
.main-heading-s span {
	color: #666;
}
.main-heading-s h2:after {
	content: "";
	content: "";
	bottom: -4px;
	width: 100px;
	height: 4px;
	position: absolute;
	left: 0%
}
.main-heading-s h2:before {
	content: "";
	bottom: 0px;
	width: 30%;
	min-width: 300px;
	height: 1px;
	background-color: #dfdfdf;
	position: absolute;
	left: 0%;
}
.small-heading {
	position: relative;
}
.small-heading i {
	padding-right: 6px;
}
.small-heading h2 {
	font-size: 18px;
	margin-bottom: 18px;
	padding-bottom: 16px;
}
.form-fields {
	width: 100%;
	float: left;
	border: none;
	margin: 0 0 15px 0
}
textarea.form-fields {
	width: 100%;
	float: left;
	resize: none;
	border: 1px solid #aaaaaa
}
.small-heading h2:before {
	content: "";
	bottom: 0px;
	width: 30%;
	min-width: 200px;
	height: 1px;
	background-color: #dfdfdf;
	position: absolute;
	left: 0%;
}
.small-heading h2:after {
	content: "";
	content: "";
	bottom: -4px;
	width: 100px;
	height: 4px;
	position: absolute;
	left: 0%;
}
.small-heading-center {
	position: relative;
}
.small-heading-center i {
	padding-right: 6px;
}
.small-heading-center h2 {
	font-size: 18px;
	margin-bottom: 18px;
	padding-bottom: 10px;
}
.small-heading-center h2:before {
	content: "";
	bottom: 0px;
	width: 70%;
	max-width: 450px;
	height: 1px;
	background-color: #dfdfdf;
	position: absolute;
	left: 15%;
}
.small-heading-center h2:after {
	content: "";
	content: "";
	bottom: -4px;
	width: 20%;
	height: 4px;
	position: absolute;
	left: 40%;
}
.innerpage-banner {
	position: absolute;
	z-index: -1;
	width: 100%;
}
.innerpage-banner img {
	width: 100%;
}
.inner-page-heading {
	position: relative;
}
.left.main-heading {
	margin-top: 0
}
.left.main-heading h1:before {
	content: "";
	bottom: 0px;
	width: 30%;
	min-width: 300px;
	height: 1px;
	background-color: #dfdfdf;
	position: absolute;
	left: 0%;
}
.left.main-heading h1:after {
	content: "";
	content: "";
	bottom: -4px;
	width: 100px;
	height: 4px;
	position: absolute;
	left: 0%;
}
.innerpage-wrap {
	width: 100%;
	float: left;
	padding: 125px 0 131px 0;
	position: relative;
}
.inner-page-breadcrumbs li {
	display: inline-block;
	list-style-type: none;
	position: relative;
	padding-right: 18px;
}
.inner-page-breadcrumbs li a {
	font-weight: 700;
	color: #fff
}
.inner-page-breadcrumbs li:last-child a:before {
	content: "";
}
.inner-page-breadcrumbs li a:before {
	display: block;
	position: absolute;
	z-index: 2;
	right: 0px;
	font-family: 'icomoon' !important;
	content: "\e902";
	color: #fff;
	font-size: 10px
}
.smalltext {
	padding-top: 5px;
	font-size: 16px;
}
.small-heading-s {
	position: relative;
}
.small-heading-s h2 {
	font-size: 14px;
	text-transform: uppercase;
	color: #333
}
.small-heading-s h2:before {
	content: "";
	bottom: 0px;
	width: 30%;
	min-width: 200px;
	height: 1px;
	background-color: #dfdfdf;
	position: absolute;
	left: 0%;
}
.small-heading-s h2:after {
	content: "";
	content: "";
	bottom: -4px;
	width: 100px;
	height: 4px;
	position: absolute;
	left: 0%;
}

/* 1- Top Bar*/

.tm-top-bar {
	width: 100%;
	float: left
}
.social-icons ul li {
	list-style-type: none;
	float: left;
	border-right: 1px solid #a50d0d;
	padding: 8px
}
.social-icons a {}
.social-icons ul li a {
	color: #fff;
	width: 18px;
	float: left;
	text-align: center
}
.top-bar-menu .dropdown {
	display: none
}
.top-bar-menu {
	float: right;
}

.top-bar-menu ul li {
	list-style-type: none;
	float: left;
	font-size: 12px;
}
    .top-bar-menu ul li a {
        color: #fff;
        padding: 8px 8px 10px 8px;
        float: left
    }
 
.menu-top {
    float: left;
}
.top-button {
    float: right;
}
.quote-btn {
    background-color: #0a1520;
    font-size: 14px;
    padding: 10px 22px 10px 22px;
    font-weight: 800;
    float: left;
}
.quote-btn:hover {
    background-color: #fff
}
#dl-menu{display:none}
/*2- Logo Contact Area Header*/

.tm-logo-contactarea {
    width: 100%;
    float: left;
    padding: 5px 0 4px 0
}
.top-contact-info li {
	list-style-type: none;
	float: none;
	padding: 0 8px;
	display: inline-block;
	border-right: 1px solid #dedede
}
.top-contact-info li:last-child {
	border-right: none
}
.top-contact-info li i {
	font-size: 24px;
	padding-right: 3px;
	line-height: 24px;
	float: left;
	margin-right: 3px;
    margin-top:2px
}

/*3- Menu*/

.tm-menu-wrapper {
	float: left;
	width: 100%
}
.search {
	padding: 5px 0;
	width: 100%;
	height: 30px;
	position: relative;
	left: 0px;
	float: right;
	line-height: 22px;
}
.search input {
	position: absolute;
	width: 0px;
	-webkit-transition: all 0.7s ease-in-out;
	-moz-transition: all 0.7s ease-in-out;
	-o-transition: all 0.7s ease-in-out;
	transition: all 0.7s ease-in-out;
	height: 30px;
	line-height: 18px;
	padding: 0 2px 0 2px;
	border-radius: 1px;
	right: 0;
	box-shadow: none;
	border: 1px solid;
}
.search:hover input, .search input:focus {
	width: 200px;
	margin-left: 0px;
}
.searchicon {
	height: 30px;
	position: absolute;
	right: 0;
	top: 5px;
	border-radius: 1px;
	line-height: 33px;
	color: #fff;
	padding: 0 8px;
}
.logo, .top-contact-info {
	width: 100%;
	float: left;
	text-align: right;
}
.top-contact-info {
	line-height: 88px
}

/* 4- Main Slider*/

.flexslider .slides li:after {
	content: '';
	background-color: rgba(0, 0, 0, 0.7);
	position: absolute;
	left: 0;
	width: 100%;
	height: 100%;
	display: block;
	top: 0;
	z-index: 0;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
.flexslider .caption {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	left: 0;
	right: 0;
	text-align: center;
	color: #fff;
	z-index: 4;
	display: block;
	opacity: 0;
	visibility: hidden;
}
.flexslider .flex-active-slide .caption {
	opacity: 1;
	visibility: visible;
	transition-duration: 3s;
	-webkit-transition-duration: 3s;
	-o-transition-duration: 3s;
	-moz-transition-duration: 3s;
	-ms-transition-duration: 3s;
}
.flexslider .caption h1, .flexslider .caption h2 {
	color: #fff;
}
.caption h1 {
margin-bottom:6px
}
/*5- Banner */
.tm-banner {
    width: 100%;
    float: left
}
.carousel-item {
	height: 100vh;
	min-height: 300px;
	background: no-repeat center center scroll;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.carousel-caption {
	background-color: rgba(0, 0, 0, 0.8);
	width: 100%;
	height: 100%;
}
.tm-banner h1 {
	font-size: 80px;
	font-weight: 700;
}
.tm-banner h2 {
	font-size: 48px;
	font-weight: 100;
	line-height: 0.8;
	margin-bottom: 12px
}
.tm-banner h3 {
	font-size: 48px;
	font-weight: 600;
	text-transform: uppercase;
	line-height: 1.1
}
.vertical-align-wrap {
	position: absolute;
	width: 100%;
	height: 100%;
	display: table;
}
.tm-banner .red-btn {
	padding: 14.5px 20px;
	display: inline-block;
	margin: 35px 0 0 0;
	line-height: 1;
}

/*6- Home Page Content*/
.accordion-home-page
{
	width: 100%;
	float: left;
}
.tm-content, .main-heading, .heading-description, .main-heading-s {
	width: 100%;
	float: left;
	position: relative;
}
.welcome
{
	width: 100%;
	float: left;
}
.tm-content {
	padding-bottom: 58px
}
.tm-services {
	padding-bottom: 40px
}
.welcome .owl-dots {
	margin-top: 15px !important;
	position: relative;
	z-index: 99999
}
.trademark-icon {
	
}
.trademark-icon {
    font-size: 24px;
    border: 1px solid #333;
    width: 50px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    transition: all 0.4s ease-in-out;
    float: left;
    margin: 5px 0 13px 0;
}
.trademark-icon:hover {
	border: 1px solid;
	transition: all 0.4s ease-in-out;
}

/*7- Home Page Accordion */

.tm-content .accordion h4 {
	font-size: 16px;
}
.bg1 {
	background-image: url(extra-images/sc1.jpg);
	background-size: 100%;
}
.bg2 {
	background-image: url(extra-images/sc2.jpg);
	background-size: 100%;
}
.bg3 {
	background-image: url(extra-images/sc3.jpg);
	background-size: 100%;
}
.-accordion__expander h5 {
margin-bottom:6px
}


/*8- Testimonial Slider */
.tm-testimonials {
    background-image: url(extra-images/testimonials.jpg);
    background-size: cover;
    float: left;
    width: 100%;
    text-align: center;
    padding-bottom: 57px;
}
.testimonials-slider {
	width: 100%;
	float: left
}
.tm-testimonials .item span {
	font-weight: bold;
}
.testimonial-wrapper {
	width: 100%;
	float: left
}
.client-image {
	width: 36%;
	float: right;
	position: absolute;
	z-index: 9999;
	right: 30px;
	top: 0px;
}
.sidebar-testimonials .client-image {
	right: 0px;
	top: 0px;
}
.client-text {
	background: rgba(255, 255, 255, 0.9);
	width: 100%;
	float: left;
	padding: 11% 42% 15% 9%;
	position: relative;
}
.client-image img {
	width: 114px;
}
.tmf-quote-left {
	font-size: 44px;
	line-height: 67px;
}
.testimonial-wrapper .image-hover {
	border-radius: 50%;
	overflow: hidden
}
.testimonial-wrapper .image-hover:hover img {
	border-radius: 50%
}

/*9- Home Page Services*/

.tm-services {
	background-color: #f5f5f5;
	width: 100%;
	float: left
}
.services-container {
	background-color: #fff;
	float: left;
	padding: 15px;
	margin: 0 0 30px 0;
	transition: all 0.3s ease-in-out;
	width: 100%
}
.services-icon {
	float: left;
	border: #e3e3e3;
	width: 62px;
	height: 62px;
	display: block;
	border: 1px solid #e3e3e3;
	text-align: center;
}
.services-icon i {
	font-size: 40px;
	line-height: 62px
}
.services-content {
	width: 100%;
	float: left;
	position: relative;
	z-index: 999999
}
.services-content h2 {
	font-size: 18px;
	padding: 18px 0 12px 0;
	margin: 0
}
.services-content h2 a:hover {
	color: #fff
}

/*10 - Call to action*/

.tm-call-to-action {
	width: 100%;
	float: left;
	text-align: center;
	background: url('extra-images/call-to-action.jpg') no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.tm-call-to-action h2 {
	font-size: 24px;
	line-height: 30px;
}
.tm-call-to-action p {
	font-size: 14px;
	color: #fff;
	line-height: 26px
}
.call-to-action-content {
	padding: 66px 0 70px 0
}
.blue-btn:hover {
	background-color: #fff;
	color: #000
}

/*11- Home Practice Areas*/

.tm-practice-area {
	width: 100%;
	float: left;
	padding-bottom: 41px
}
.practice-area-container {
	text-align: center;
	border: 1px solid #e3e3e3;
	padding: 25px;
	margin: 0 0 30px 0;
	transition: all 0.4s ease-in-out;
	float: left;
	width: 100%
}
.practice-area-container:hover {
	text-align: center;
	border: 1px solid #e3e3e3;
	padding: 25px;
	margin: 0 0 30px 0;
	background-color: #263238;
	outline: 1px solid white;
	outline-offset: -10px;
	transition: all 0.4s ease-in-out;
}
.practice-area-container:hover p {
	color: #fff
}
.practice-area-container:hover i {
	color: #fff
}
.practice-area-container h2 {
	font-size: 18px;
	padding: 18px 0 12px 0;
	margin: 0;
	word-break: break-all
}
.practice-area-icon {
	color: #333;
	font-size: 36px;
	width: 62px;
	height: 62px;
	display: inline-block;
	border: 1px solid #fff;
	text-align: center;
}
.practice-area-icon i {
	font-size: 40px;
	line-height: 62px
}
.practice-area-content .red-btn:hover {
	box-shadow: inset 0 0 1px #fff;
	background-color: transparent !important
}
.practice-area-content h2 a:hover {
	color: #fff !important
}

/*12- Our Team */


/*Team hover effect*/

.tm-our-team {
	width: 100%;
	float: left;
	padding-bottom: 70px
}
.team-member-wrapper {
	width: 100%;
	float: left;
	border: 1px solid #fff;
	transition: all 0.4s ease-in-out;
}
.team-member-wrapper:hover .team-hover-content {
	background-color: rgba(0, 0, 0, 0.8);
	opacity: 1;
	transition: all 0.4s ease-in-out;
}
.team-member-wrapper:hover {
	background-color: #f7f7f7;
	border: 1px solid #e3e3e3;
	transition: all 0.4s ease-in-out;
}
.team-member-detail {
	width: 100%;
	float: left
}
.team-test {
	position: relative;
}
.team-hover-content {
	position: absolute;
	top: 0;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.8);
	opacity: 0;
	transition: all 0.4s ease-in-out;
	width: 100%
}
.team-member-detail h2 {
	font-size: 18px;
	margin-top: 10px
}
.team-member-detail .social-icons li {
	float: none;
	text-align: center;
	display: inline-block;
	border: none;
}
.team-hover-wrapper {
	display: flex;
	justify-content: center;
	width: 100%;
	height: 100%;
}
.team-hover-detail {
	align-self: center;
	padding: 2rem;
	color: #fff
}
.team-hover-detail a:hover {
	text-decoration: underline
}

/*13- Home Blog*/

.blog-container {
    float: left;
    width: 100%;
}
.blog-container .blog-image:hover img {
	opacity: 0.5;
	transition: all 0.4s ease-in-out;
	transform: scale(1.2);
	-moz-transform: scale(1.2);
	-webkit-transform: scale(1.2);
	-o-transform: scale(1.2);
	-ms-transform: scale(1.2);
	/* IE 9 */
}
.tm-blog-post .blog-image:hover img {
	opacity: 0.5;
	transition: all 0.4s ease-in-out;
	transform: scale(1.2);
	-moz-transform: scale(1.2);
	-webkit-transform: scale(1.2);
	-o-transform: scale(1.2);
	-ms-transform: scale(1.2);
	/* IE 9 */
}
.image-hover img {
	transition: all 0.4s ease-in-out;
}
.image-hover:hover img {
	opacity: 0.5;
	transition: all 0.4s ease-in-out;
	transform: scale(1.2);
	-moz-transform: scale(1.2);
	-webkit-transform: scale(1.2);
	-o-transform: scale(1.2);
	-ms-transform: scale(1.2);
	/* IE 9 */
}
.tm-blog, .blog-heading, .blog-text, .counter {
	float: left;
	width: 100%
}
.tm-blog {
	margin-bottom: 72px
}
.blog-date {
	position: absolute;
	padding: 10px;
	z-index: 99
}
.blog-image {
	float: left;
	width: 100%;
	margin-bottom: 14px;
	outline: 1px solid white;
	outline-offset: -10px;
}
.date {
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
	color: #fff;
	font-size: 40px;
	display: block;
	text-align: center;
	line-height: 1;
	font-size: 20px;
}
.month {
	font-family: 'Montserrat', sans-serif;
	color: #fff;
	display: block;
	text-align: center;
	line-height: 1;
	font-weight: 400;
	text-transform: uppercase;
	font-size: 13px;
}
.blog-heading span a {
	color: #666
}
.blog-text span {
	display: block;
	width: 100%;
	margin-bottom: 16px
}
.blog-text span, .blog-text span a {
	color: #a0a0a0;
	font-weight: 400;
	font-size: 12px;
	text-transform: uppercase;
}
.blog-heading .small-heading span {
	font-size: 12px;
}
.post-content {
	margin-bottom: 25px;
	float: left;
	width: 100%;
}

/*14- Home Page Counter*/

.tm-counter {
	width: 100%;
	float: left;
	background: url('extra-images/call-to-action.jpg') no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.counter-text p {
	width: 50%;
	float: left;
	margin: -9px 25% 19px 25%
}
.counter {
	border: 1px solid #fff;
	padding: 30px 15px 26.5px 15px;
	color: #fff;
	text-align: center;
	margin-bottom: 71px;
}
.counter-value {
	line-height: 100px;
	margin-top: 6px;
}
.counter i {
	font-size: 52px;
}
.counter span {
	display: block;
	width: 100%;
	line-height: 1.2
}
.counter span .fa {
	display: block;
	width: 100%;
	font-size: 52px;
}
.counter .counter-value {
	display: block;
	width: 100%;
	font-family: 'Montserrat', sans-serif;
	font-size: 70px;
	color: #fff;
	font-weight: 700
}
.counter p {
	display: block;
	width: 100%;
	margin: 0;
	padding: 0
}

/*15-  Contact Section Footer*/

.memeber-image {
	width: 100%;
	float: left;
	padding-top: 20px;
	margin-top: 15px;
	position: absolute;
	bottom: 0
}
.contact-footer .small-heading h2 {
	font-size: 24px;
	margin-bottom: 19px;
	padding-bottom: 16px;
}
 
.row.display-flex {
	display: flex;
	flex-wrap: wrap;
}
.row.display-flex>[class*='col-'] {
	display: flex;
	flex-direction: column;
}
.tm-contact-section {
	width: 100%;
	float: left;
	background-image: url(extra-images/contact.jpg);
	background-size: cover;
	color: #fff;
}
.contact-footer {
	width: 100%;
	float: left;
	padding: 63px 0 70px 0;
}

/*16- Clients Slider*/

.tm-clients {
	width: 100%;
	float: left;
	padding: 0 0 57px 0
}
.tm-clients .item {
	border: 1px solid #ccc;
	padding: 15px;
	margin: 17px 15px 0 15px;
}

/*17- Footer*/

.footer-description {
	float: left;
	width: 80%;
	margin: 15px 10%;
	text-align: center
}
.footer-social-icons {
	float: left;
	width: 100%;
	text-align: center;
	line-height: 1;
}
.footer-social-icons ul {
	line-height: 1;
}
.footer-social-icons ul li {
	list-style-type: none;
	display: inline-block;
	border: 1px solid #fff;
	padding: 5px;
	margin: 0 5px 3px 5px;
	transition: all 0.4s ease-in-out;
}
.footer-social-icons ul li:hover {
	border: 1px solid;
	transition: all 0.4s ease-in-out;
}
.footer-social-icons ul li a {
	color: #fff;
	width: 18px;
	height: 18px;
	float: left;
	line-height: 18px;
	text-align: center
}
footer {
	width: 100%;
	float: left;
	background-image: url(extra-images/footer-new.jpg);
	background-size: cover;
	color: #fff
}
footer a {
	color: #fff
}
footer .contact-footer {
	padding: 0
}
footer .contact-footer i {
	padding: 0;
	margin-right: 15px;
	font-size: 12px;
}
footer a:hover {
	color: #fff
}
footer .contact-footer .small-heading h2 {
	font-size: 18px;
	margin-bottom: 22px;
	padding-bottom: 16px;
}
footer .small-heading h2 {
	font-size: 18px;
	margin-bottom: 29px;
	padding-bottom: 16px;
}
.tags-footer, .news-footer, .contact-footer span {
	width: 100%;
	float: left;
}
.tags-footer ul li {
	list-style-type: none;
	display: inline-block;
	border: 1px solid #fff;
	line-height: 1;
	float: left;
	margin-right: 5px;
	margin-bottom: 5px;
	color: #fff
}
.tags-footer ul li a {
	padding: 10px;
	display: inline-block;
	color: #fff;
	text-transform: uppercase;
	font-size: 12px;
}
.tags-footer ul li a:hover {
	color: #fff
}
.news-footer ul li {
	list-style-type: none;
	margin-bottom: 17px;
	float:left;
	width:100%
}
.news-footer ul li:last-child {
	margin-bottom: 0
}
.news-footer strong {
	width: 100%;
	float: left;
	color: #fff;
}
.news-footer ul {
	margin-top: -7px;
}
.news-footer i {
	margin-right: 8px;
}
.news-footer ul li span {
	margin-right: 10px;
}
.aboutus-footer p {
	margin-top: -7px;
}
.news-footer ul li span {
	color: #ccc;
	font-size: 12px;
	text-transform: uppercase
}
.contact-footer .fa, .news-footer ul li .fa {
	margin-right: 10px
}
.tm-copyrights {
	padding: 20px 0;
	color: #fff;
	width: 100%;
	float: left;
	text-align: center
}
.owl-theme .owl-dots .owl-dot span {
	border: 1px solid;
	background-color: #fff;
	width: 15px;
	height: 15px;
}

/*18- About Us page*/

.tm-innerpage-banner {
	width: 100%;
	float: left;
	position: relative;
	overflow: hidden
}
.tm-success-cases {
	width: 100%;
	float: left;
}
.about-text {
	width: 100%;
	float: left;
	margin-top: -8px;
}
.about .owl-dots {
	margin-top: 10px;
	position: absolute;
	bottom: 5px;
	width: 100%;
}
.tm-about-content {
	width: 100%;
	float: left;
	background-color: #fff;
	padding: 70px 0 60px 0
}
.skill-bar {
	margin: 0 0 10px;
	overflow: hidden;
	padding-right: 24px;
}
.skill-bar h4 {
	margin-bottom: 5px !important;
}
.skill-title-holder {
	padding-bottom: 3.5px;
	position: relative;
	margin: 9px 0 5px 0px;
	font-family: Montserrat, sans-serif;
	font-size: 15px;
	line-height: 15px;
	font-weight: 400;
	color: #2e2e2e;
}
.skill-title {
	z-index: 100;
}
.skill-number-wrapper {
	width: 100%;
	z-index: 10;
}
.skill-number-mark {
	margin-bottom: 4px;
	border-radius: 3px;
	background-color: rgb(22, 23, 29);
	padding: 0 8px;
	position: absolute;
	bottom: 0;
	-moz-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
}
.skill-number-wrapper, .skill-number-mark {
	font-family: Open Sans, sans-serif;
	font-size: 11px;
	line-height: 24px;
	height: 24px;
	letter-spacing: 0px;
	font-weight: 600;
	font-style: normal;
	text-transform: none;
	color: #ffffff;
}
.down-arrow {
	border-left: 3px solid transparent;
	border-right: 3px solid transparent;
	border-top: 3px solid #16171d;
	position: absolute;
	left: 50%;
	top: 100%;
	-moz-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
}
.skill-content-outter {
	height: 12px;
	background-color: #e1e1e1;
}
.skill-content {
	height: 21px;
	background-color: rgba(67, 243, 183, .92);
	width: 0%;
}

/*19- Success Case About Us*/

.success-bg {
	background-image: url(extra-images/footer.jpg);
	background-size: cover;
	float: left
}
.success-case-image-right {
	background-image: url(extra-images/about.jpg);
	background-size: cover;
	float: left;
	width: 100%
}
.success-wrapper {
	padding: 62px 0 70px 0;
	float: left;
}
.success-text .red-btn {
	margin-top: 9px;
}
.client-description {
	display: inline-block;
	margin-bottom: -4px;
	padding: 0 15%;
	margin-top: -7px
}

/*20- Histroy About Us*/

.tm-history {
	float: left;
	width: 100%;
	padding-bottom: 27px;
}
.tm-history .client-description {
	display: inline-block;
	margin-bottom: -4px;
	padding: 0 15%;
	margin-top: -7px;
	margin-bottom: 11px
}
.history-container {
	position: relative;
	z-index: 999;
}
.history-content-wrap {
    border: 2px solid #ebebeb;
    width: 100%;
    float: left;
    padding: 11px 15px 19px 15px
}
.history-year h1 {
	color: #898989;
	padding: 0;
	margin: 0;
	line-height: 1;
}
.history-seprator {
	width: 100%;
	border: 1px solid #ebebeb;
	margin: 30px 0;
	position: relative;
	float: left
}
.history-seprator:before {
	content: "";
	bottom: -10px;
	position: absolute;
	left: 47%;
	background-color: #fff;
	border: 2px solid #ebebeb;
	height: 20px;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	width: 20px;
	transition: all 0.4s ease-in-out;
}
.history-wrapper {
	width: 100%;
	float: left;
}
.tm-history .owl-dots {
	opacity: 0
}
.history-wrapper:hover .history-content-wrap {
	border: 2px solid;
}
.history-wrapper:hover .history-seprator:before {
	content: "";
	bottom: -10px;
	position: absolute;
	left: 47%;
	background-color: #fff;
	border: 2px solid;
	height: 20px;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	width: 20px;
	transition: all 0.4s ease-in-out;
}
.history-year {
	padding: 17px;
	display: table-cell;
	width: 10%;
}
.history-icon i {
	font-size: 50px;
}
.owl-item:nth-child(2n-1) .history-year {
	vertical-align: bottom;
}
.owl-item:nth-child(2n+0) .history-year {
	vertical-align: top;
}
.owl-item:nth-child(2n-1) .history-year h1 {
	margin-bottom: -15px;
}
.owl-item:nth-child(2n+0) .history-year h1 {
	margin-top: -15px;
}

/*21- About Services */

.services-listing {
	float: left;
	width: 100%;
	padding-bottom: 41px
}
.tm-about-services {
	float: left;
	width: 100%;
	background: url('extra-images/about-services.jpg') no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.tm-about-services .services-content h2 a:hover {
	color: #fff
}
.tm-about-services .services-container {
	background-color: rgba(0, 0, 0, 0.6);
	text-align: center;
	color: #fff;
	outline: 1px solid white;
	outline-offset: -10px;
	padding: 25px;
	width: 100%
}
.tm-about-services .services-icon {
	float: none;
	margin: 0 auto;
}

/*22-  Service Accordion*/

.service-accordion li {
	list-style-type: none
}
.tm-service-accordion {
	width: 100%;
	float: left;
	padding: 70px 0 50px 0
}
.accordion-trigger {
	background-color: #e8e8e8;
	display: block;
	height: 45px;
	line-height: 45px;
	position: relative;
	padding-left: 15px
}
.accordion-trigger.expanded {
	color: #fff
}
.accordion-trigger:after {
	display: block;
	position: absolute;
	right: 0px;
	top: 0;
	font-size: 2em;
	width: 45px;
	text-align: center;
	height: 45px;
	color: #fff;
	line-height: 42px;
}
.accordion-trigger.expanded:after {
	content: "-";
	background: #0b151f;
	font-size: 2.5em;
}
.accordion-trigger.collapsed:after {
	content: "+";
	background: #c5c5c5
}
.accordion-content {
	overflow: hidden;
	-webkit-transition: height 0.25s;
	-moz-transition: height 0.25s;
	transition: height 0.25s;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	background-color: #f7f5f6;
	margin-bottom: 20px;
}
.accordion-content.expanded {
	height: auto;
}
.accordion-content.collapsed {
	height: 0;
}
.accordion-content p {
	padding: 24px 16px 16px 16px;
}

/*23- Testimonials Secondry*/

.testimonials-secondry {
	float: left;
	width: 100%
}
.testimonials-secondry .client-image {
	width: 100%;
	float: right;
	position: relative;
	z-index: 9999;
	right: 0px;
	top: 0px;
}
.testimonials-secondry .client-text {
	background: rgba(255, 255, 255, 0.9);
	width: 100%;
	float: left;
	padding: 0%;
	position: relative;
	color: #333
}
.testimonials-secondry .owl-dots {
	position: absolute;
	bottom: -120px;
	width: 100%
}
.testimonials-secondry .client-image img {
	width: 114px !important;
}
.testimonials-secondry .tmf-quote-left {
	font-size: 24px;
	line-height: 2.1;
	border: 1px solid #d2d2d2;
	padding: 10px;
	background-color: #fff;
	position: relative;
	z-index: 9999
}
.testimonials-secondry .client-image img {
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
}
.quote-testimonials {
	position: relative;
	width: 100%;
	padding-bottom: 3px
}
.last.quote-testimonials:before {
	content: "";
	background-color: #d2d2d2;
	height: 1px;
	width: 100%;
	position: absolute;
	top: 48px;
}
.first.quote-testimonials:before {
	content: "";
	background-color: #d2d2d2;
	height: 1px;
	width: 100%;
	position: absolute;
	top: 25px;
}
.testimonials-secondry .first .tmf-quote-left {
	font-size: 24px;
	line-height: 50px;
	border: 1px solid #d2d2d2;
	padding: 0;
	background-color: #fff;
	z-index: 9999;
	width: 50px;
	height: 50px;
	text-align: center;
	display: inline-block;
	margin-bottom: 20px;
}
.testimonials-secondry .last .tmf-quote-left {
	font-size: 24px;
	line-height: 50px;
	border: 1px solid #d2d2d2;
	padding: 0;
	background-color: #fff;
	position: relative;
	z-index: 9999;
	float: right;
	width: 50px;
	height: 50px;
	text-align: center;
	margin-top: 20px;
}

/*24-  Video Full*/

.tm-video-full {
	float: left;
	width: 100%;
	background: url('extra-images/video-background.jpg') no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	color: #fff
}
.tm-video-full .call-to-action-content {
	padding: 100px 0 120px 0
}
.tm-video-full .call-to-action-content .red-btn {
	margin-top: 18px
}
.tm-video-full i {
	font-size: 70px;
	padding: 20px 0 25px 0;
	display: inline-block;
}

/*25-  Our Team Aboutus*/

.team-wrap {
	float: left;
	width: 100%;
	margin-top: 0px
}
.tm-our-team-aboutus {
	width: 100%;
	float: left;
	padding-bottom: 70px
}
.team-member-wrapper-aboutus {
	position: relative;
	overflow: hidden;
}
.team-member-wrapper-aboutus .team-member-detail {
	position: absolute;
	bottom: 17px;
	left: 0;
	right: 0;
	padding: 0 10px;
	z-index: 2;
	-webkit-transform: translateY(calc(100% - 35px));
	-ms-transform: translateY(calc(100% - 35px));
	transform: translateY(calc(100% - 35px));
	transition: all 0.4s;
}
.team-member-wrapper-aboutus .team_cover {
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 100%;
	height: 60px;
	background-color: rgba(0, 0, 0, .7);
	z-index: 1;
	-webkit-transition: all .4s;
}
.team-member-wrapper-aboutus:hover .team_cover {
	height: 100%;
	-webkit-transition: all .4s;
}
.team-member-wrapper-aboutus:hover .team-member-detail {
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
	bottom: 0
}
.team-member-wrapper-aboutus .team-member-detail span {
	font-size: 14px;
	font-weight: 300;
	color: #fff;
	display: block
}
.team-member-wrapper-aboutus .team-member-detail span strong {
	font-weight: 700;
	color: #fff
}
.team-member-wrapper-aboutus .team-member-detail .social-icons li {
	width: 12px;
	padding: 0
}
.team-member-wrapper-aboutus .team-member-detail .social-icons li a {
	font-size: 11px;
	color: #fff
}
.team-member-wrapper-aboutus:after {
	content: "";
	display: block;
	width: 0;
	height: 1px;
	background-color: #ffffff;
	position: absolute;
	z-index: 1;
	bottom: 0;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	-webkit-transition: width 0.3s;
	transition: width 0.3s;
}

/*26- Blog Page*/

.blog-content {
	float: left;
	width: 100%;
}
.tm-blog-post {
	float: left;
	width: 100%;
	padding: 70px 0px 20px 0;
}
.tm-blog-content {
	float: left;
	width: 100%;
	padding: 70px 0px 43px 0;
}
.blog-content-innerpage {
	float: left;
	width: 100%;
	padding-bottom: 50px
}
.blog-content-innerpage .blog-container {
	float: left;
	width: 100%;
	margin: 0px !important;
	padding: 0;
}
.blog-categories-detail {
	float: left;
	margin-right: 10px;
}
.blog-categories-detail i {
	margin-right: 5px
}
.author-detail {
	float: left;
	width: 100%;
}
.author-content {
	float: left;
	width: 100%;
	padding: 24px 5px;
}
.social-icons-author i {
	font-size: 16px;
	margin-right: 5px;
}
.author-content p {
	margin-bottom: 5px;
}
.author-content h3 {
	font-size: 16px;
	line-height: 20px;
	margin-bottom: 5px;
}
.quote-wrapper {
	float: left;
	width: 100%;
	background: url('extra-images/call-to-action.jpg') no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	border-left: 10px solid;
	margin: 15px 0 20px 0;
	color: #fff
}
.quote-content {
	background-color: rgba(0, 0, 0, 0.8);
	padding: 25px;
	width: 100%
}
.tags li:hover a {
	color: #fff
}
.about-author {
	float: left;
	width: 100%;
	background-color: #f6f6f6;
	margin-bottom: 20px;
}
.blog-tags {
	width: 100%;
	float: left;
	border-top: 1px solid #e3e3e3;
	border-bottom: 1px solid #e3e3e3;
	margin: 20px 0;
	padding: 15px 0
}
.blog-tags .tags li.heading-tag {
	border: none;
	font-size: 14px;
	font-weight: 700;
}
.blog-tags .tags li i {
	margin-right: 10px;
}
.blog-tags .tags li.heading-tag:hover {
	color: #fff;
	background-color: #fff
}

/*27- Comments Section Blog*/

.comments-section {
	width: 100%;
	float: left;
	margin-bottom: 50px;
}
.replyform .small-heading h2, .comments-section .small-heading h2 {
	font-size: 18px;
	margin-bottom: 18px;
	padding-bottom: 4px;
}
.comments-wrapper, .comments-reply-wrapper {
	float: left;
	border-bottom: 1px solid #e3e3e3;
	color: #333;
	margin-top: -1px;
	padding: 15px 0;
	width: auto;
}
.comments-image {
	width: 13%;
	float: left;
	margin-right: 8px;
	min-width: 60px;
}
.comments-reply-wrapper .comments-text {
	width: 81%;
	float: left;
}
.comments-text {
	width: 83%;
	float: left;
}
.comments-date {
	color: #8a8a8a;
	font-size: 13px;
	float: right;
	width: 100%;
	text-align: right
}
.comments-date .red-btn {
	padding: 5px 10px;
	margin-left: 5px
}
.reply-btn {
	color: #fff;
	transition: all 0.8s ease;
	padding: 5px;
	font-weight: 400;
	font-size: 13px;
	margin-left: 15px;
	display: inline-block;
}

/*28- Cases List*/

.caseslist-wrapper {
	position: relative;
	overflow: hidden;
	margin-bottom: 30px;
}
.caseslist-wrapper .caseslist-detail {
	position: absolute;
	bottom: 70px;
	left: 0;
	right: 0;
	padding: 0 10px;
	z-index: 2;
	-ms-transform: translateY(100%) translateY(-35px);
	-webkit-transform: translateY(100%) translateY(-35px);
	-moz-transform: translateY(100%) translateY(-35px);
	transform: translateY(100%) translateY(-35px);
	transition: all 0.4s;
}
.caseslist-wrapper .caseslist_cover {
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 100%;
	height: 120px;
	background-color: rgba(0, 0, 0, .7);
	z-index: 1;
	-webkit-transition: all .4s;
}
.caseslist-wrapper:hover .caseslist_cover {
	height: 100%;
	-webkit-transition: all .4s;
}
.caseslist-wrapper:hover .caseslist-detail {
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
	bottom: 10px
}
.caseslist-wrapper .caseslist-detail span {
	font-size: 14px;
	font-weight: 300;
	color: #fff;
	display: block
}
.caseslist-wrapper .caseslist-detail span strong {
	font-weight: 700;
	color: #fff
}
.caseslist-wrapper .caseslist-detail .social-icons li {
	width: 12px;
	padding: 0
}
.caseslist-wrapper .caseslist-detail .social-icons li a {
	font-size: 11px;
	color: #fff
}
.caseslist-wrapper:after {
	content: "";
	display: block;
	width: 0;
	height: 1px;
	background-color: #ffffff;
	position: absolute;
	z-index: 1;
	bottom: 0;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	-webkit-transition: width 0.3s;
	transition: width 0.3s;
}
.caseslist-detail h2 {
	line-height: 1;
}
.caseslist-detail h2 a {
	font-size: 18px;
	text-transform: uppercase;
	color: #fff
}

/*29- Cases List Detail Page*/

.cases-list-detail-content {
	float: left;
	width: 100%;
	margin-bottom: 24px;
}
.tm-cases-list-detail-post {
	width: 100%;
	float: left;
	padding: 70px 0 40px 0
}
.cases-list-detail-image {
	background-color: #000;
	position: relative;
	outline: 1px solid white;
	outline-offset: -10px;
	margin-bottom: 18px;
}
.cases-list-detail-image img {
	opacity: 0.5;
}
.case-list-title {
	position: absolute;
	z-index: 9;
	bottom: 30px;
	left: 30px;
}
.case-list-title h2 {
	color: #fff;
	text-transform: uppercase
}
.cases-list-video {
	float: left;
	width: 100%;
	padding: 38px 0 20px 0
}
.cases-list-video-wrapper {
	position: relative;
	width: 100%;
	float: left;
	background: url('extra-images/call-to-action.jpg') no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	margin-bottom: 16px;
	margin-top: 6px;
}
.cases-list-video-wrapper h2 {
	font-size: 24px;
}
.categories-caselist li {
	float: left;
	width: 100%;
	padding: 0
}
.categories-caselist li a:hover {
	text-indent: 10px;
	transition: all 0.4s ease-in-out;
}
.sidebar-widget .categories-caselist li:hover:before {
	content: "\e900";
	font-family: 'icomoon' !important;
	font-size: 8px;
	position: absolute;
	left: 22px;
	top: 6px;
	transition: all 0.4s ease-in-out;
}
.categories-caselist li a {
	background-color: #f5f5f5;
	margin-bottom: 15px;
	border: 3px solid #fff;
	outline: 1px solid #f5f5f5;
	padding: 2px 22px;
	float: left;
	width: 100%;
}
.tm-cases-list-detail-post .widget-title .small-heading h2 {
	font-size: 24px;
	margin-bottom: 30px;
	padding-bottom: 4px;
}
.sidebar-widget .categories-caselist li:before {
	content: "\e900";
	font-family: 'icomoon' !important;
	font-size: 8px;
	position: absolute;
	left: 12px;
	top: 6px;
}
.download-btn {
	width: 100%;
	float: left;
	padding: 10px;
	color: #fff;
	position: relative;
	color: #fff;
}
.download-btn:hover {
	color: #fff;
}
.download-btn:after {
	padding: 10px;
	color: #fff;
	content: "\e9ef";
	font-family: 'icomoon' !important;
	position: absolute;
	right: 0;
	top: 0
}
.gallery-list {
	margin: -5px
}
.gallery-sidebar .image-hover figure {
	position: relative;
	overflow: hidden;
	outline: 1px solid white;
	outline-offset: 1px;
}
.gallery-sidebar li {
	width: 31.33%;
	float: left;
	margin-right: 2%;
	margin-bottom: 2%;
	padding: 0
}
.gallery-container {
	margin-top: 5px;
	width: 100%;
	float: left;
	padding-bottom: 40px;
}
.tm-portfolio-section .gallery-container {
	margin-top: 5px;
	width: 100%;
	float: left;
	padding-bottom: 21px;
}
.help-widget {
	background: url('extra-images/call-to-action.jpg') no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	width: 100%;
	float: left;
	outline: 1px solid white;
	outline-offset: -10px;
}
.help-widget-content {
	width: 100%;
	float: left;
	padding: 20px;
}
.help-widget-content h2 {
	font-size: 24px;
}
.help-widget-content i {
	font-size: 24vh;
	opacity: 0.2;
	padding: 25px 15px;
	display: block;
	color: #fff
}
.help-widget-content span {
	display: block;
	font-size: 14px;
	color: #b7b7b7
}
.help-widget-content a {
	font-weight: 700
}

/*30- Caseslist Grid*/

.tm-caseslist {
	float: left;
	width: 100%;
	padding: 0px 0 40px 0
}

/*31- Events page*/

.tm-events-post {
	float: left;
	width: 100%;
	padding: 70px 0 43px 0
}
.tm-events-detail {
	float: left;
	width: 100%;
	padding: 70px 0 27px 0
}
.events-container {
	float: left;
	width: 100%;
	margin-bottom: 43px;
}
.events-heading {
	float: left;
	width: 100%;
	margin: 15px 0
}
.events-date {
	border-right: 1px solid #d9d9d9;
	float: left;
	padding: 29px 30px 29px 0;
}
.events-heading-wrapper {
	float: left;
	padding: 20px 0px 20px 30px;
}
.events-date .date {
	font-size: 60px;
	font-family: 'Open Sans', sans-serif !important;
	text-align: left;
}
.events-date .month {
	font-size: 18px;
	text-transform: initial;
	font-family: 'Open Sans', sans-serif !important;
	text-align: left;
}
.events-heading-wrapper .small-heading h2 {
	font-size: 24px;
}
.events-text, .event-detail {
	width: 100%;
	float: left
}
.event-detail span {
	font-family: 'Montserrat', sans-serif;
	font-weight: 600;
	color: #666;
}
.event-detail span i {
	padding-right: 5px
}
.events-heading-wrapper.detail {
	float: left;
	padding: 8px 0px 8px 30px;
}
.event-time-wrapper {
	float: left;
	width: 100%;
	background: url(extra-images/call-to-action.jpg) no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	border-left: 10px solid;
	margin: 15px 0 20px 0;
	color: #fff;
}
.event-timer {
	background-color: rgba(0, 0, 0, 0.8);
	padding: 35px 15px;
}
.events-content .tm-contact-form
{
	padding-bottom:0
}
.events-content .comments-section
{
	margin-bottom:30px
}
/*32- Speakers*/

.speakers-heading {
	width: 100%;
	float: left;
	margin-top: 13px;
}
.speakers-heading .small-heading h2 {
	font-size: 18px;
	margin-bottom: 18px;
	padding-bottom: 15px;
}
.speakers-text ul {
	margin-top: 14px;
	display: block;
}
.timer-wrap {
	border: 1px solid #fff;
	padding: 15px;
	width: 15%;
}
#clockdiv {
	color: #fff;
	display: inline-block;
	text-align: center;
	font-size: 30px;
	width: 100%;
}
.timer-wrap .days, .timer-wrap .hours, .timer-wrap .minutes, .timer-wrap .seconds {
	font-weight: 700;
	font-size: 34px
}
#clockdiv .timer-wrap {
	display: inline-block;
}
#clockdiv .timer-wrap span {
	display: inline-block;
}
.speakers-events {
	width: 100%;
	float: left;
	margin-bottom: 35px
}
.speakers-container {
	width: 100%;
	float: left;
}
.speakers-container ul li {
	list-style-type: none;
	display: inline-block;
	border: 1px solid #b3b3b3;
	margin-right: 5px;
	transition: all 0.4s ease-in-out;
	width: 30px;
	height: 30px;
	text-align: center;
	line-height: 30px;
	margin-top: 2px
}
.speakers-container ul li a {
	color: #666;
}
.speakers-container:hover .speakers-image img {
	opacity: 0.5;
	transition: all 0.4s ease-in-out;
	transform: scale(1.2);
	-moz-transform: scale(1.2);
	-webkit-transform: scale(1.2);
	-o-transform: scale(1.2);
	-ms-transform: scale(1.2);
	/* IE 9 */
}

/*33- Practice area*/

.practice-area-detail-wrapper {
	float: left;
	width: 100%;
	background: url(extra-images/call-to-action.jpg) no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	margin-top: 5px;
	margin-bottom: 18px
}
.practice-area-heading {
	float: left;
	width: 100%;
	margin-top: 15px
}
.practice-area-heading .small-heading h2 {
	font-size: 18px;
	margin-bottom: 18px;
	padding-bottom: 4px;
}
.practice-area-detail-content {
	background-color: rgba(0, 0, 0, 0.8);
	float: left;
	width: 100%;
	padding: 30px 15px 0px 15px
}
    .practice-area-detail-content .services-container {
        background-color: transparent;
        text-align: center;
        color: #fff;
        outline: 1px solid white;
        outline-offset: -10px;
        padding: 25px 25px 20px 25px;
    }
.practice-area-detail-content .services-icon {
	float: none;
	border: #e3e3e3;
	width: 62px;
	height: 62px;
	display: block;
	border: none;
	margin: 0 auto;
	text-align: center;
}
.key-features {
	float: left;
	width: 100%;
}
.key-features li {
	float: left;
	width: 48%;
	background-color: #f8f8f8;
	list-style: none;
	margin: 1% 2% 1% 0;
	padding: 5px 25px;
	position: relative;
	color: #000;
}
.key-features li:before {
	content: "\eb13";
	font-family: 'icomoon' !important;
	font-size: 12px;
	position: absolute;
	left: 8px;
}
.key-features li:hover {
	transition: all 0.4s ease-in-out;
	color: #fff
}
.tm-practice-area-post {
	width: 100%;
	float: left;
	padding: 70px 0 27px 0
}

/*34- Practice listing*/

.portfolio-section {
	padding-bottom: 40px;
}
.tm-portfolio-section {
	float: left;
	width: 100%;
	margin-bottom: 42px
}
.portfolio-bg-wrap {
	background-color: #f5f5f5;
	padding: 15px
}
.portfolio-category-icon {
	width: 60px;
	height: 60px;
	text-align: center;
	line-height: 60px;
	position: absolute;
	top: 0px;
	z-index: 9;
	margin: 0 auto;
	left: 42%;
	outline: 1px solid white;
	outline-offset: -5px;
}
.portfolio-category-icon i {
	font-size: 30px;
	color: #fff;
	line-height: 60px;
}
.portfolio-content {
	float: left;
	width: 100%;
	margin: 30px 0 50px 0;
}
.gallery-image {
	width: 100%;
	float: left;
	margin-bottom: 30px;
}

/*35- Practicearea Accordion*/

.tm-practicearea-accordion {
	float: left;
	width: 100%;
	background: url(extra-images/call-to-action.jpg) no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.practicearea-accordion .accordion {
	background-color: transparent;
}
.practicearea-accordion .accordion p {
	padding: 1em 2em 1em 2em;
	background-color: #fff;
	margin-bottom: 0
}
.our-practice-area, .our-skills {
	float: left;
	width: 100%;
}
.our-practice-area .main-heading-s {
	margin: 0px 0 33px 0;
}
.our-skills .main-heading-s {
	margin: 0px 0 21px 0;
}
.our-skills .skill-title-holder {
	color: #fff
}

/*36- four-o-four*/

.tm-four-0-four {
	float: left;
	width: 100%;
	padding: 70px 0 72px 0
}
.four-o-four-text {
	padding: 30px 0
}
.four-o-four-text h1 {
	font-size: 28vh;
	font-weight: 400;
	letter-spacing: -1vh;
	padding-right: 30px;
	line-height: 1
}
.four-o-four-text.borderright {
	border-right: 1px solid;
}
.four-o-four-text p {
	font-size: 18px;
	font-weight: 100;
	padding-bottom: 3px
}
.four-o-four-text h2 {
	font-size: 48px;
	font-weight: 400;
	padding-bottom: 0;
	margin-bottom: 0;
	text-transform: uppercase;
	line-height: 65px;
}

/*37- Singleattorney*/

.tm-singleattorney-content {
	width: 100%;
	float: left;
	padding: 70px 0 53px 0
}
.attorney-image {
	width: 100%;
	float: left;
	margin-bottom: 15px
}
.attorney-heading {
    width: 100%;
    float: left;
}
.attorney-info {
    padding: 13px 15px 15px 15px;
    border: 1px solid #e3e3e3;
    width: 100%;
    float: left
}
.attorney-detail {
	width: 100%;
	float: left;
	margin-top: 34px;
	margin-bottom: 19px
}
.honors-awards, .attorney-features {
	width: 100%;
	float: left;
}
.honors-awards, .attorney-features, .contact-attorney {
	width: 100%;
	float: left;
}
.honors-awards .main-heading-s, .attorney-features .main-heading-s, .contact-attorney .main-heading-s {
	margin: 0px 0 35px 0;
}
.contact-detail {
	width: 100%;
	float: left;
	margin-bottom: 5px
}
.contact-detail li {
	list-style: none;
	float: left;
	width: 100%;
	line-height: 36px;
	margin-bottom: 10px;
}
.contact-detail li:last-child {
	margin-bottom: 0
}
.contact-detail li i {
	border: 1px solid #e3e3e3;
	padding: 10px;
	float: left;
	margin-right: 10px;
}
.honors-detail, .education-detail {
	border: 1px solid #e3e3e3;
	padding: 10px 15px 18px 15px;
	float: left;
	text-align: center;
	margin-right: -1px
}
.honors-detail h3, .education-detail h3 {
	font-size: 16px;
	text-transform: uppercase
}
.honors-detail i, .education-detail i {
	font-size: 40px;
	line-height: 40px;
	padding: 20px 0;
	display: inline-block
}
.education-detail h2 {
	font-size: 36px;
	color: #c6c6c6
}
.tm-singleattorney-content .key-features li {
	float: left;
	width: 46%;
	background-color: #f8f8f8;
	list-style: none;
	margin: 0 4% 20px 0;
	padding: 7px 24px;
	position: relative;
	color: #000;
	transition: all 0.4s ease-in-out;
}
.tm-singleattorney-content .key-features li:before {
	content: "\eb13";
	font-family: 'icomoon' !important;
	font-size: 10px;
	position: absolute;
	left: 8px;
}
.tm-singleattorney-content .key-features li:hover {
	float: left;
	width: 46%;
	background-color: #f8f8f8;
	list-style: none;
	margin: 0 4% 20px 0;
	padding: 7px 24px;
	position: relative;
	color: #fff;
	transition: all 0.4s ease-in-out;
}
.practicearea-accordion-wrap {
	width: 100%;
	float: left;
	padding: 63px 0 50px 0;
}
.practicearea-accordion {
	width: 100%;
	float: left;
}

/*38- Contact Us*/

.tm-contactus {
	float: left;
	width: 100%;
	padding: 70px 0 63px 0;
}
.contact-attorney textarea {
	height: 179px
}
.tm-education-contact {
	float: left;
	width: 100%;
	padding: 63px 0 70px 0;
}
.tm-contact-form {
	float: left;
	width: 100%;
	padding-bottom: 70px
}
.tm-contact-form form {
	float: left;
	margin-top: 23px;
}
.contact-icon {
	float: left;
	padding: 10%;
}
.text-contact {
	float: left;
	padding: 7% 2%
}
.contact-icons-wrap i {
	font-size: 30px;
	color: #fff
}
.text-contact p {
	margin-bottom: 0
}
.contact-icons-wrap {
	width: 100%;
	float: left;
	border: 2px solid
}
.tm-faq {
	width: 100%;
	float: left;
	padding: 70px 0 51px 0
}
.faqs-accordion {
	width: 100%;
	float: left;
	margin-top: 15px;
}
.faqs-content .left.main-heading {
	margin-top: -8px
}
.tm-practice-listing-section {
	width: 100%;
	float: left;
	padding-bottom: 43px;
}
.attorney-container ul li {
	list-style-type: none;
	display: inline-block;
	border: 1px solid #666;
	margin-right: 5px;
	transition: all 0.4s ease-in-out;
	width: 30px;
	height: 30px;
	text-align: center;
	line-height: 30px;
	margin-top: 2px;
}
.attorney-text ul {
	margin-top: 14px;
	display: block;
}
.attorney-container ul li a {
	color: #666;
}
.attorney-container {
	width: 100%;
	float: left;
	padding-bottom: 50px
}
.tm-attorney-post {
	margin-bottom: 40px;
	width: 100%;
	float: left;
}

/*39- Pagination*/

.tm-pagination {
	width: 100%;
	float: left
}
.tm-pagination li {
	list-style-type: none;
	font-size: 14px;
	margin-bottom: 70px;
	margin-top: 15px
}
.tm-pagination .page-item:first-child .page-link {
	border-radius: 0;
}
.tm-pagination .page-item:last-child .page-link {
	border-radius: 0;
}

/*40- Contact Map*/

.tm-contact-map {
	float: left;
	width: 100%
}
.map-canvas.tm_contact_us_map {
	height: 432px;
}