@charset "utf-8";


/*
*
 *Wealth Law landing page 
 *Author : Jitu chauhan
 *
*/

/*+ Typography
+ Buttons
+ Forms
+ General CSS
	- Most Common CSS
	- Space CSS
	- List Style Design
	- Page Header
+ Form CSS
	
+ Page Section CSS
	- Hero Section
	- Navigation
	- Feature
	- Aboutus
	- Team
	- Contact Us
+ Blog Pages
	- Blog
	- Blog-Details
	
+ Thank You Page*/

/*--------------------------------
	  		General
--------------------------------*/


body {font-size: 16px; font-family: 'Roboto', sans-serif; -webkit-font-smoothing: antialiased; color: #364152;}
h1, h2, h3, h4, h5, h6 {font-family: 'Domine', serif; font-weight: 400; margin: 0px;}
h1 {font-size: 32px; margin-bottom: 30px; color: #333333;}
.title {color: #ffffff;}
h2 {font-size: 22px; margin-bottom: 20px; color: #364152;}
h3 {font-size: 18px; margin-bottom: 40px;}
p {font-size: 16px; font-weight: 300; font-family: 'Roboto', sans-serif; margin-bottom: 30px; 
line-height: 26px;}
a{color: #364152;}
a:hover{text-decoration: none; color: #999900;}
ul, ol{}
ul li, ol li{}


.listnone{list-style: none; padding-left: 0;}
.intro-btn {padding: 19px 40px; border-radius: 2px; border: none;}
.btn-orange {border:1px solid #808040; background: #808040; color: #fff; text-transform: uppercase;
	font-size: 16px; font-weight: 500; letter-spacing: 1px; -webkit-transition: all 0.3s;
	-moz-transition: all 0.3s; transition: all 0.3s;}
.btn-blue {background: #333333; color: #fff; text-transform: uppercase; font-size: 16px; font-weight: 500;
	letter-spacing: 1px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;}
.btn-blue:hover {background: #fff; color: #999900;} 
.btn-orange:hover {background: #333333; color: #fff; border: 1px solid #333333;}
.btn-grey{background-color: #78889f; color: #fff; text-transform: uppercase; font-size: 16px; font-weight: 500;
	letter-spacing: 1px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;}
.btn-grey:hover{background-color: #999900; color: #fff;}
.btn-sm {padding: 6px 10px; font-size: 12px;}
.btn-quote {padding: 17px 69px;	border-radius: 2px; border: none; font-family: 'Roboto', sans-serif; 
font-size: 26px;}
.btn-quote:hover {background-color: #333333; color: #fff;}
.section {padding: 100px 0px;}



.angle-right li{position: relative;}
.angle-right li:before{margin-right: 10px; font-family: FontAwesome; color: #364152; top: 0; left: -5px; content: "\f105";}
.heading-title {text-align: center; margin-bottom: 60px;}

 
/******* navigation *******/
.intro-section {padding-top: 300px; text-align: center; background: #333333; 
background-image: url(../images/hero-pic.jpg); min-height: 815px; color: #fff;}
.intro-section p {color: #cccccc; margin-bottom: 30px;}
.intro-section h1 {color: #fff;}
.intro-info {margin-top: 210px; text-align: right; font-family: 'Domine', serif;}
.intro-info i {margin-right: 5px; margin-left: 10px; font-size: 20px;}


/********** Navigation *******/
.is-sticky .navigation .navbar-default {background-color: #333333;}	
.navigation {z-index: 9;}
.navigation .navbar-brand {float: left; height: 50px; padding: 0px 15px; font-size: 18px; line-height: 20px;}
.navigation .navbar-default {background-color: transparent; border-color: transparent;}
.navigation .navbar-default {padding-top: 15px; padding-bottom: 15px;}
.navigation .navbar-default .navbar-nav>li>a {color: #fff; text-transform: uppercase; font-size: 14px;
	font-weight: 600; letter-spacing: 1px; padding: 20px 14px; line-height: .8; 
	font-family: 'Domine', serif; }
.navigation .navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {color: #999900;
	background-color: transparent;}
.navigation .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default.navbar-nav>.active>a:hover {color: #999900; background-color: transparent;}
.dropdown-menu {background-color: #fff; border: none; padding: 20px 10px;}
.dropdown-menu>li>a {display: block; padding: 10px 20px; clear: both; font-weight: 500; 
	line-height: 1.42857143; color: #333; white-space: nowrap; font-size: 14px; text-transform: uppercase;
	letter-spacing: 1px; }
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {color: #999900; text-decoration: none; background-color: transparent;}

/***** Mobile Toggle Menu *****/

.navigation .navbar-default .navbar-toggle {border-color: #fdf45f; background-color:#fdf45f;}
.navigation .navbar-default .navbar-toggle .icon-bar {background-color: #333;}
.navigation .navbar-toggle {position: relative; float: right; padding: 9px 10px; margin-top: 8px;
    margin-right: 15px; margin-bottom: 8px; background-color: transparent; background-image: none;
    border: 1px solid transparent; border-radius: 4px;}
.navigation .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
	background-color: #fff; border-color:#fff;}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {border-color: transparent; }
/******** how-we-section ************/

#how-we-section {}
.how-we-section {background-color: #f8f8f8;}
.how-it-future {}
.how-it-future .icon {font-size: 60px; color: #333333; text-align: center;}
.block-future {margin-bottom: 20px; margin-top: 20px;}
.lead-form {padding: 40px; background-color: #fff; -webkit-box-shadow: 1px 2px 1px 1px rgba(40,40,40,.2);
	box-shadow: 1px 3px 1px 1px rgba(40,40,40,.2);}
.form-group label {font-size: 16px; font-weight: 300; font-family: 'Roboto', sans-serif; margin-bottom: 10px;}
.form-group .form-control {height: 50px; background-color: #fff; border: 2px solid #d6dae1;}
.form-group {margin-bottom: 20px;}
/******** Agency Section ********/
#agency-section {}
.agency-section {}
.about-brief {border-bottom: 3px solid #f0f0f0; padding-bottom: 20px; margin-bottom: 44px; 
display: inline-block;}
.brief {}
.color {color: #999900;}
.law-cap {margin-top: 40px;}
.practice-area {border-bottom: 3px solid #f0f0f0; padding-bottom: 20px; margin-bottom: 44px;}
.quote-box .btn-quote {padding: 24px 55px; border-radius: 2px; border: none; font-family: 'Roboto', sans-serif;
	font-size: 16px;}
.quote-box .btn-blue:hover {background: #999900;}
/******** Team Section ********/

#team-section {}
.team-section {background-color: #f8f8f8; padding-top: 100px;}
.team-section .section {padding-bottom: 0px;}
.team-pic {}
.team-pic img {-webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%);
	-o-filter: grayscale(100%); filter: grayscale(100%); filter: url(grayscale.svg); /* Firefox 4+ */ 
	filter: gray; /* IE 6-9 */}
.team-pic img:hover {-webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%);
	-o-filter: grayscale(0%); filter: grayscale(0%); filter: url(grayscale.svg); /* Firefox 4+ */
	filter: gray; /* IE 6-9 */}
.team-info {background-color: #333333; text-align: center; padding: 60px 0px;}
.team-info h2 {color: #fff;}
.team-info h3, .team-info p {color: #cccccc;}
/******** Testimonials Section ********/

#testimonial-section {}
.testimonial-section {}
.ts-block {text-align: center;}
.ts-block img {margin: 0 auto; margin-bottom: 30px;} 
.ts-block p {margin-bottom: 40px;}
.authoe-name {color: #333333; margin-bottom: 20px;}
.ts-block span {color: #999900;}
/******** CTA Section ********/

#cta-section {}
.cta-section {background-color: #364152; border-bottom: 1px solid #434e5e; padding: 100px 0px 20px 0px;}
.cta-section .heading-title {}
.cta-section h1, .cta-section p {color: #fff;}
.cta-section .btn-orange {margin-bottom: 60px;}
.ct {margin-bottom: 60px;}
.cta-section i {margin-right: 5px; margin-left: 15px;}

/******** Footer Section ********/
footer {padding: 37px 0px; background-color: #2d3747;}
.ft p {color: #606c7e; text-align: center;}
.main-container {padding-top: 60px; padding-bottom: 100px;}
/******* page header *******/

.page-header {background: url(../images/page-header.jpg) no-repeat; padding-bottom: 200px; padding-top: 240px; margin: 0px; position: relative; background-repeat: none; background-attachment: scroll; 
background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; -o-background-size: cover;}
.page-title {color: #fff; text-align: center}
/******* Blog *******/

.content-right {margin-bottom: 30px;}
.sidebar {}
.post-block {margin-bottom:60px; border-bottom: 2px solid #f0f0f0; padding-bottom: 58px;}
.post-holder{padding-bottom: 64px; border-bottom: 1px solid #eaedee; margin-bottom: 65px;} 
.post-block p:last-child {}
.post-sticky {position: absolute; background: url(../images/post-sticky.png) no-repeat; width: 20px; 
height: 20px; right: 0; top: 0;}
.post-caption{}
.post-title {line-height: 40px; color: #333333;}
.post-img {margin-bottom: 45px;}
.post-img img {width: 100%;}
.blogslider {}
.blogslider .owl-nav {text-align: center; width: 60px; margin: 0px auto;}
.blogslider .owl-nav i {font-size: 24px; color: #fff;}
.blogslider .owl-prev {position: absolute; top: 40%; left: 5%;}
.blogslider .owl-next {position: absolute; right: 5%; top: 40%;} 
.post-video {}
.share-option{}
 
	/***** Blog Meta *****/


.meta-block{margin-bottom: 40px;}
.post-meta{color: #c0c6c7; position: relative;}
.meta-date, .meta-comment, .meta-author, .meta-tag{margin: 0 30px 0px 0px; font-size: 12px; font-weight: 500; text-transform:uppercase;}
.post-meta i{margin-right: 10px;}
.meta-date {}
.meta-date .flat-icon {padding-right: 10px; color: #f44421;}
.meta-comment {}
.meta-author {}
.meta-tag{}
.meta-link{color: #7e8486;}

	/***** Blockquote *****/
.post-quote {margin-bottom:30px;}
blockquote {font-style: italic; font-size: 21px; font-family: 'Roboto', sans-serif; 
border-left: 3px solid #999900; font-weight: 500; color: #364152; line-height:34px;}
blockquote p{margin-bottom:10px;}
.source-name {}

 
/******* Blog Details *******/	
	/***** alignment *****/
	
.alignleft {float: left; margin: 0px 20px 20px 0;}
.alignright {float: right; margin: 0px 0 .5em 20px;}
.caption {font-size: 16px; background-color: #24dcfd; color: #33393d; padding: 10px; font-weight: 500;}
.align-left.align-left {margin-bottom: 40px; margin-top: 20px;}
.align-right{margin-bottom: 30px;}



	/***** Related Post *****/

.related-post {padding-bottom: 64px; border-bottom: 2px solid #f0f0f0; margin-bottom: 65px;} 
.related-post-block{}	
.related-post-block h3{margin-bottom: 10px;}
.related-img {margin-bottom: 30px}
.related-desc{}
.related-title{line-height: 30px;}


	/***** Prev Next Block *****/

.next-prev-block{}
.prev-block{}
.prev-post{}
.prev-post h3, .next-block h3{}
.prev-link, .next-link{}
.next-block{}
.next-post{}


	/***** Author Post *****/
	
.author-post {padding: 30px; background-color: #f8f8f8; margin-bottom:30px; margin-bottom: 65px;}
.author-portrait {}
.author-portrait img {margin: 0 auto;}
.author-info {}
.author-name{color: #364152;}

/***** social icon *****/
.share-post{margin-right: 18px;}
.social-icon { color: #7f848d; font-size: 24px; margin-right: 10px;}	
.social-icon-link{color: #7f848d;}
 

	/***** Comments *****/
	
.comments-area {margin-bottom:60px; padding-bottom: 59px; border-bottom:2px solid #f0f0f0; 
border-top:2px solid #f0f0f0; padding-top: 59px; }
.comments-title {margin-bottom: 40px;}
.comment-title {margin-bottom: 10px;}
.comment-title span {margin-left: 25px;}
.comment-list {}
.comment-frame {float: left; width: 110px; margin-bottom:30px;}
.user-comments {margin-left: 130px;}
.comment-body {padding-bottom: 39px; border-bottom: 2px solid #f0f0f0; margin-bottom: 40px;}
.comment-body:last-child{padding-bottom: 0px; border-bottom: 0px solid transparent; margin-bottom: 0px;} 
.comment-body p{margin-bottom: 20px;}
.comment-body.listnone {}
.children {}
.leave-comments, .comment-post, .children {display: inline-block;}
.btn-comment{margin-top: 20px;}

	/***** Leave Reply *****/
.leave-reply{}
.reply-title{margin-bottom: 35px;}



	/***** Blog sidebar *****/
		/*** Widget ***/


.widget {margin-bottom: 50px;}
.widget ul{}
.widget-title {margin-bottom: 30px;}
		
		/*** Widget-Search ***/
.widget-search {}
.widget-search .form-control {height: 48px;}
.widget-search .btn{padding: 15px 20px;}
.widget-search {margin:0; padding: 0;}
.widget-search .input-group-btn:last-child>.btn, .widget-search .input-group-btn:last-child>.btn-group {
	z-index: 2; margin-left: -42px;}
.widget-search .search-query {padding-right: 10px; padding-right: 4px \9; padding-left: 10px; 
padding-left: 4px \9; /* IE7-8 doesn't have border-radius, so don't indent the padding */
margin-bottom: 0; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
.widget-search button {border: 0; background: none; /** belows styles are working good */ margin-top: 0px;
        left: -10px; /* IE7-8 doesn't have border-radius, so don't indent the padding */
        margin-bottom: 0; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
        color:#D9230F;}
.search-query:focus + button {z-index: 3;}

		/*** Widget-Category ***/

.widget-category {}
.widget-category ul li, .widget-archive ul li {margin-bottom:10px; border-bottom: 1px solid #f0f0f0; padding-bottom: 9px;}
.widget-category ul li:last-child, .widget-archive ul li:last-child{}
.category{color: #55575a;}

		/*** Widget-Archive ***/	
.widget-archive {}
.widget-archive strong {padding-left: 10px;}
		
		/*** Widget-Recent-Post ***/	

.widget-recent-post {}
.widget-recent-post ul li {}
.rec-post-block{border-bottom: 1px solid #eaedee; padding-bottom: 29px; margin-bottom: 30px;}
.recent-post {}
.recent-thumb {}
.recent-post-desc {}
.rec-title{margin-bottom: 10px;}

		/*** Widget-tags ***/
.tags-widget {}
.tags-widget a {margin-bottom: 10px; padding: 4px 10px; font-size: 10px; text-transform: uppercase;
    border: 1px solid transparent; background-color: transparent; margin-right: 5px; color: #364152;
    font-weight: 700; border-radius: 1px; display: inline-block;}
.tags-widget a:hover {color: #fff; border:1px solid #999900; background-color:#999900;}

/******* pagination *******/

.st-pagination {margin-top: 70px;}
.st-pagination .pagination>li>a, .pagination>li>span {position: relative; float: left; padding: 9px;
    text-transform: uppercase; margin-left: -1px; line-height: 1.42857143; color: #fff; text-decoration: none;
    font-size: 14px; background-color: #78889f; border: 1px solid #78889f; margin-right: 5px; font-weight: 600;
    border-radius: 3px;}
.st-pagination .pagination>.active>a, .st-pagination .pagination>.active>a:focus, .st-pagination .pagination>.active>a:hover, .st-pagination .pagination>.active>span, .st-pagination .pagination>.active>span:focus, .st-pagination .pagination>.active>span:hover {z-index: 3; color: #fff; cursor: default; 
background-color: #999900; border-color: #999900;}
.st-pagination .pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover {z-index: 2; color: #fff; background-color: #999900; border-color: #999900;}

/******* thank you *******/

.thankyou{padding-top: 100px; padding-bottom: 100px;}
.thankyou-block{text-align:center; padding-bottom:100px; padding-top:100px;}
.thanku-logo{margin-bottom: 60px;}
.thanks-title{font-size:125px;}
.thank-text{color: #364152; font-size: 22px; margin-bottom: 50px; font-weight: 400;}
.thanks-desc{}




/******* Media Query *********/
@media(max-width:767px) {

.intro-section {padding-top: 150px; text-align: center; background: #333333; 
background-image: url(../images/hero-pic.jpg); min-height: 815px; color: #fff;}
.lead-form {padding: 20px; background-color: #fff; -webkit-box-shadow: 1px 2px 1px 1px rgba(40, 40, 40, .2);
	/* box-shadow: 0 1px 1px rgba(0,0,0,0.3); */ box-shadow: 0px 1px 1px 1px rgba(40, 40, 40, .2);}
.section {padding: 60px 0px;}
.btn-quote {padding: 10px 10px; border-radius: 2px; font-family: 'Roboto', sans-serif;
font-size: 20px;}
.user-comments {margin-left:  0px;}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {border-color: transparent; 
background-color:#333333;}
.quote-box .btn-quote {margin-bottom: 10px;}
.navigation .navbar-default .navbar-toggle {border-color: #999900; background-color: #999900;}
.team-pic img {margin-bottom: 30px;}
.post-sticky {top: 25px;}
.st-pagination .pagination>li>a, .pagination>li>span {font-size: 12px;}
.recent-thumb img {width: 100%;}

}