@charset "utf-8";


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

/*----------------------------------------------------------
							Layout

					*Nav 		/ 	#nav
					*Intro 		/	#intro
			*How we 		/	#sunbed-call-back
			*Agency		/ 	#agency-section
				*Team 		/ 	#sunbed-compensation-claim
	*Testimonals		/	#testimonals	
					*CTA 		/ 	#cta-section			
				*Footer		/   #footer
	
---------------------------------------------*/

/*--------------------------------------------
	  Color
	  	     				primary :  color: #1d9ed3
	h1, h2, h3, h4, h5, h6 :  color: #292d2f;
		               					p :  color: #778084;
				   
--------------------------------------------------------*/

/*--------------------------------------------------------
	  	Font

			h1, h2, h3, h4, h5, h6 :		font-family: 'Roboto Slab', serif;
		              						    p :	font-family: 'Roboto', sans-serif;
				   
--------------------------------------------------------*/

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


body {
	font-size: 16px;
	font-family: 'Roboto', sans-serif;
	-webkit-font-smoothing: antialiased;
}
h1, h2, h3, h4, h5, h6 {
	font-family: 'Domine', serif;
	font-weight: 400;
	margin: 0px;
}
h1 {
	font-size: 47px;
	margin-bottom: 30px;
	color: #1f5389;
}
h2 {
	font-size: 26px;
	margin-bottom: 20px;
	color: #364152;
}
h3 {
	font-size: 20px;
	margin-bottom: 40px;
}
p {
	font-size: 16px;
	font-weight: 300;
	font-family: 'Roboto', sans-serif;
	margin-bottom: 30px;
	line-height: 26px;
}
.intro-btn {
	padding: 19px 40px;
	border-radius: 2px;
	border: none;
}
.btn-orange {
	background: #e85826;
	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: #2a4e73;
	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: #e85826;
}
.btn-orange:hover {
	background: #fff;
	color: #2a4e73;
}
.btn-quote {
	padding: 17px 69px;
	border-radius: 2px;
	border: none;
	font-family: 'Roboto', sans-serif;
	font-size: 26px;
}
.btn-quote:hover {
	background-color: #1f5389;
	color: #fff;
}
.section {
	padding: 100px 0px;
}
.heading-title {
	text-align: center;
	margin-bottom: 60px;
}
/***navbar css***/
 .navbar {
	padding: 20px 0;
	border-bottom: 0;
	letter-spacing: 1px;
	background: 0 0;
	background-color: #1f5389;
 -webkit-transition: background .5s ease-in-out, padding .5s ease-in-out;
 -moz-transition: background .5s ease-in-out, padding .5s ease-in-out;
 transition: background .5s ease-in-out, padding .5s ease-in-out;
}
.top-nav-collapse {
	padding: 0;
	background-color: #1f5389;
}
.navbar-custom.top-nav-collapse {
	border-bottom: 1px solid rgba(255, 255, 255, .3);
}
.navbar-default .navbar-brand {
	color: #fff;
	font-family: 'Domine', serif;
	font-size: 29px;
}
.navbar-brand {
	float: left;
	height: 54px;
	padding: 15px 15px;
	font-size: 18px;
	line-height: 20px;
}
/****navbar link**/
.navbar-default .navbar-nav>li>a {
	color: #fff;
	font-family: 'Domine', serif;
	font-size: 21px;
}
.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus {
	color: #fff;
	background-color: transparent;
}
.intro-section {
	padding-top: 300px;
	text-align: center;
	background: #2a4e73;
	background-image: url(../images/hero-pic.jpg);
	min-height: 815px;
	color: #fff;
}
.intro-section p {
	color: #86aaef;
	margin-bottom: 30px;
}
.intro-section h1 {
	color: #fff;
}
.video-section {
	padding-top: 200px;
	text-align: center;
	background: #fff;
	min-height: 715px;
	color: #fff;
}
.video-section p {
	color: #447BE6;
	margin-bottom: 30px;
}
.video-section h1 {
	color: #2a4e73;
}
.intro-info {
	margin-top: 210px;
	text-align: right;
	font-family: 'Domine', serif;
}
.intro-info i {
	margin-right: 5px;
	margin-left: 10px;
	font-size: 20px;
}
/******** sunbed-call-back ************/

#sunbed-call-back {
}
.sunbed-call-back {
	background-color: #f8f8f8;
}
.how-it-future {
}
.how-it-future .icon {
	font-size: 60px;
	color: #1f5389;
	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);
}
.lead-form .form-group label {
	font-size: 16px;
	font-weight: 300;
	font-family: 'Roboto', sans-serif;
	margin-bottom: 10px;
}
.lead-form .form-group .form-control {
	height: 50px;
	background-color: #fff;
	border: 2px solid #d6dae1;
}
.lead-form .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: #e85826;
}
.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: #e85826;
}
/******** Team Section ********/

#sunbed-compensation-claim {
}
.sunbed-compensation-claim {
	background-color: #f8f8f8;
}
.sunbed-compensation-claim .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: #1f5389;
	text-align: center;
	padding: 60px 0px;
}
.team-info h1 {
	color: #fff;
}
.team-info h2 {
	color: #fff;
}
.team-info h3, .team-info p {
	color: #70aceb;
}
/******** 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: #1f5389;
	margin-bottom: 20px;
}
.ts-block span {
	color: #e85826;
}
/******** 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;
}
/******* Media Query *********/
@media(max-width:767px) {

.intro-section {
	padding-top: 150px;
	text-align: center;
	background: #2a4e73;
	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: 17px 49px;
border-radius: 2px;
border: none;
font-family: 'Roboto', sans-serif;
font-size: 26px;
}

}