@charset "utf-8";
/* CSS Document */
/*
 Mortgage HTML Template
 Author Name : Jitu chauhan;
*/
/*
Typography
Buttons
Forms
General CSS
Hero Section
Page Section CSS:
	Hero Section
	Navigation
	Service
	Features
	Pricing
	Cleaners
	Contact Us
News:
	Blog
	Blog-Details
*/

/******* Typography *******/
 
body {font-family: 'Noto Sans', sans-serif; font-size: 16px; line-height: 28px; color: #64676c; -webkit-font-smoothing: antialiased;}
h1, h2, h3, h4, h5, h6 {font-family: 'Noto Sans', sans-serif; color: #2f3032; margin: 0 0 18px 0; font-weight: 400; }
h1 {font-size: 32px;}
h2 {font-size: 22px;}
h3 {font-size: 18px;}
h4 {font-size: 16px;}
h5 {font-size: 14px;}
h6 {font-size: 12px;}
p {margin: 0 0 30px 0;}
a {color: #64676c; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;}
a:hover, a:focus {color: #7ac312; text-decoration: none;}
ul, ol {margin: 0 0 28px 0;}

/******* Buttons *******/
.btn{padding: 12px 24px; font-size: 14px; text-transform: uppercase; border-radius: 2px; font-weight: 600;}
.btn-default{background-color: #7ac312; border: none; color: #fff;}
.btn-default:hover{color: #ffffff; background-color: #65a40a;}
.btn-outline{font-family: 'Noto Sans', sans-serif;  padding: 6px 20px; font-size: 12px; text-transform: uppercase; font-weight: 700; display:inline-block; letter-spacing: 0px;}
.btn-outline-default { border: 1px solid #7ac312; color:#7ac312; text-transform: uppercase;}
.btn-outline-default:hover, .btn-outline-default:focus{ background-color: #7ac312; color:#fff;}
.btn-primary {background-color: #2f80ca; color: #fff; border: #2f80ca; }
.btn-primary:hover {background-color: #1565ae; border: #1565ae; color: #fff;}
.btn-secondary {background-color: #e0b1a9; color: #fff; border: #e8ebed;}
.btn-secondary:hover {background-color: #f1ccc6; color: #fff; border: #06c2cd;}
.btn-sm {padding: 6px 10px; font-size: 12px;}
.btn-lg {padding: 13px 50px; font-size: 16px; }

/******* Form *******/

.form-control {border: 1px solid #eaedee; height: 40px; border-radius: 2px; background-color:#eaedee;}
select.form-control {border: 1px solid #eaedee; height: 40px; border-radius: 2px; background-color:#eaedee;
    -webkit-appearance: none; -moz-appearance: none; background-position: 97% 50%;
    background-repeat: no-repeat; background-image: url(../images/down-arrow.png);
    padding-right: 15px;}
textarea .form-control{}
label{}
.control-label{}

/******* General CSS *******/

.main-container {padding-top: 60px; padding-bottom: 100px;}
.listnone {list-style: none; padding-left: 0;}
.well-block {}
.well-block-default {}
.lead{color: #2f80ca;}

/******* space *******/

.mbtm0 {margin-bottom: 0px;}
.mbtm1 {margin-bottom: 10px;}
.mbtm2 {margin-bottom: 20px;}
.mbtm3 {margin-bottom: 30px;}
.no-padding {padding: 0px;}
.padding-right {padding-right: 0px;}
.padding-left {padding-left: 0px;}

/******* section *******/

.section-space {padding-top: 130px; padding-bottom: 130px;}
.section-color {background-color: #f7fbfe;}
.section-title {text-align: center; margin-bottom: 60px;}
.section-title p{margin-bottom: 0px;}

/******* List Style - Font Awasome *******/

.angle-right li {position: relative; display: flex;}
.angle-right li:before {margin-right: 10px; font-family: FontAwesome; color: #7ac312; top: 0; left: -5px;
	content: "\f101";}

/******* flat icon *******/

.flat-icon-small {font-size: 16px; color: #e0b1a9; padding-right: 5px; font-weight:500;}
.flat-icon-medium {}
.flat-icon-large { }


/******* navigation *******/

.is-sticky .navigation .navbar-default {background-color: #252D34;}	
.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: 13px;
	font-weight: 600; letter-spacing: 1px; padding: 20px 14px; line-height: .8;}
.navigation .navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {color: #7ac312;
	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: #7ac312; background-color: transparent;}
.navigation .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {color: #7ac312; background-color: #fff!important;}
.dropdown-menu {background-color: #fff; border: none; padding: 20px 10px;}
.dropdown-menu>li>a {display: block; padding: 10px 20px; clear: both; font-weight: 600; 
	line-height: 1.42857143; color: #2f80ca; white-space: nowrap; font-size: 14px; text-transform: uppercase;
	letter-spacing: 1px;}
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {color: #7ac312; text-decoration: none; 
	background-color: transparent;}
/***** Mobile Toggle Menu *****/
	
.navigation .navbar-default .navbar-toggle {border-color: #7ac312; background-color:#7ac312;}
.navigation .navbar-default .navbar-toggle .icon-bar {background-color: #fff;}
.navigation .navbar-toggle {position: relative; float: right; padding: 9px 10px; margin-top: 6px;
    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: #7ac312; border-color:#7ac312;}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {border-color: transparent;}	

/******* Hero section *******/	

.hero-slide {background-image: url('../images/header-bg.jpg'); 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; text-align: center;
	color: white;}
.hero-section {padding-top: 260px; padding-bottom: 300px;}
//.hero-title {font-size: 54px; color: #000; font-weight: 400; letter-spacing: -1px;}
.hero-title {font-family: 'PT Sans Narrow', sans-serif; font-size: 54px; color: #fff; font-weight: 400; letter-spacing: -1px;}
//font-family: 'Noto Sans', sans-serif;
.hero-desc {color: #74c2f2;}
/******** Booking form ********/
.bookingform{}
.bookingform .modal-content{padding: 40px 0px;}
/******* page header *******/

.page-header {background: url(../images/page-header.jpg) no-repeat; padding-bottom: 100px; padding-top: 140px;
	margin: 0px; position: relative;}
.page-title {color: #fff; text-align: center}
.page-icon {background: url(../images/page-icon.png) no-repeat; position: absolute; bottom: -150px; 
	width: 95px; height: 95px;}

/******* service *******/

.service-block { text-align: center;}
.service-block-img {}
.service-icon {  
	line-height: 1.6; text-align: center; }
.service-desc {background-color: #fbfcfd;  padding: 30px;}
/********* Feature section ********/
.feature-section{margin-top: 60px;}
/******* Pricing *******/

.pricing-box {}
.pricing-box-regualr .well-box {background-color: #eaf6ff; border: 1px solid #daeffe;}
.price-title {text-transform: uppercase; letter-spacing: 2px; font-weight: 700; font-size: 16px;}
.price-plan {font-size: 55px; font-weight: 700;}
.price-plan .dollor-sign, .price-plan .permonth {font-size: 16px; color: #706a68;}
.pricing-box .well-box {margin-bottom: 0px; text-align: center; padding: 40px;}
.pricing-box .list-group-item {position: relative; display: block; padding: 10px 15px; margin-top: -1px;
	background-color: #fff; border: 1px solid #eef4f8; border-radius: 0px;}
 
/******* Testimonial *******/

 
.testimonial-block {text-align: center;}
.testimonial-desc { font-style: italic; font-size: 21px; line-height: 2;}
.testimonial-pic{margin-bottom: 30px; display: block;}
.testimonial-name {color: #2f80ca; margin-top: 30px; font-size: 18px; font-weight: bold;}
 
/******** Broker ********/
.broker-section{padding-top: 100px;}
.broker-desc{margin-top: 120px;}
.broker-pic{}
/**** call to aciton *******/
.calltoaction{background-color: #2f80ca; color: #fff;}
.calltoaction h1{color: #fff;}
.calltoaction .btn{margin-top: 20px;}

/******* Team *******/

.team-block {}
.team-block-img {}
.team-desc {background-color: #fff; padding: 30px;}
.team-desgination {color: #f44421; font-size: 12px; padding-left: 10px;}

/******* Client logo *******/
.client-logo-section{background-color: #f7f9fb;}
.client-logo {filter: grayscale(100%); -webkit-filter: grayscale(100%);  /* For Webkit browsers */
	filter: gray;  /* For IE 6 - 9 */ -webkit-transition: all .6s ease; /* Transition for Webkit browsers */
	cursor: pointer;}
.client-logo:hover {filter: grayscale(0%); -webkit-filter: grayscale(0%); filter: none;}

/******* Footer *******/

.footer {background-color: #212224; padding-top: 80px; padding-bottom: 85px;}
.footer-block {margin-bottom: 20px;}
.ft-title {color: #fff;}
.tiny-footer {border-top: 1px solid #383a3c; padding-top: 50px; margin-top: 28px;}
.ft-social {font-size: 24px; padding-right: 10px;}
.ft-social a {margin-right: 10px;}
/* .copyright {font-size: 12px; text-align: right;} Changed This For John*/
.copyright {text-align: right;}
.map {width: 100%; min-height: 420px; cursor: pointer;}

/******* Blog *******/

.content-right { }
.sidebar {}
.post-holder {} 
.post-desc{}
.post-holder p:last-child {margin-bottom: 0px;}
.post-sticky {background: url(../images/sticky.png) no-repeat; position: absolute; top: 0; width: 38px;
	height: 60px; right: 50px;}
.post-title {margin-bottom:50px; color: #2f3032;}
.post-img {position: relative; margin-bottom: 30px;}
.post-img img {width: 100%;}
.post-well{padding:30px; background-color:#fbfcfd; margin-bottom:40px; }
.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 {color: #a1a1a1;}
.meta-block{border-bottom:1px solid #ecebe8;  margin-bottom:30px; padding-bottom:29px;}
.post-meta { text-transform:uppercase; color: #a3a6a9;}
.post-meta a:after{content:"|"; padding-left:10px;}
.meta-link{color: #a3a6a9;}
.post-meta i{color: #7ac312;}
.meta-date, .meta-comment, .meta-author, .meta-category {font-family: 'Noto Sans', sans-serif; margin: 0 15px 0px 0px; font-size: 12px; font-weight: 500; letter-spacing:1px;}
.meta-date {}
.meta-date
.meta-date .flat-icon {padding-right: 10px; color: #f44421;}
.meta-comment {}
.meta-author {}
.meta-category{}

	/***** Blockquote *****/

.post-quote {}
blockquote {font-style: italic; font-size: 21px; color: #7d7f83; border: none; font-weight: 400; margin-bottom0px;
	padding: 10px 0px; line-height:34px;}
blockquote p{ }
.source-name { }

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

	/***** Related Post *****/
	
 
.related-post { } 
.related-post-block{}	
.related-img {float: left; margin-right: 15px; margin-bottom: 20px;}
.related-desc{}
.related-title {margin-bottom: 10px; color: #2f3032;}

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

.next-prev-block{border-bottom: 1px solid #f4f5f1; padding-bottom: 39px; margin-bottom:30px;}
.prev-block{}
.prev-post{}
.prev-title{}
.next-block{text-align:right;}
.next-post{}
.next-title{}



	/***** Author Post *****/
	
.author-post {padding: 30px; margin-bottom:30px; background-color:#fbfcfd;}
.author-portrait {margin-bottom:20px;}
.author-portrait img {margin: 0 auto;}
.author-info {}
.author-info a.social-icon {font-size: 30px; color:#acb2b8; margin-right:15px;}	
.author-info .social-icon:hover{color: #7ac312}
.social-icon-link{color: #c9d1db;}
 

	/***** Comments *****/
	
.comments-area {margin-bottom:30px;}
.comments-title {margin-bottom:30px;}
.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: 29px; margin-bottom: 30px; border-bottom:1px solid #ebebeb; }
.comment-body p{}
.comment-body.listnone {   margin-bottom: 40px;}
.comment-body:last-child{padding-bottom: 0px; border-bottom: 0px solid transparent; margin-bottom: 0px;}
.children {}
.leave-comments, .comment-post, .children {display: inline-block;}

	/***** Leave Reply *****/
.leave-reply{}

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

.widget { background-color:#fbfcfd; padding:30px; margin-bottom:30px;}
.widget ul{margin-bottom:0;}
.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:#7ac312;}
.search-query:focus + button {z-index: 3;}

		/*** Widget-Category ***/

.widget-category {}
.widget-category ul li , .widget-archive ul li{border-bottom:1px solid #eaedee; padding-bottom:9px; 
margin-bottom:10px;}
.widget-category ul li:last-child, .widget-archive ul li:last-child{border-bottom:transparent; margin-bottom:0; padding-bottom:0px;}

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

.widget-recent-post {}
.widget-recent-post ul li {padding-bottom: 0px; display: inline-block;}
.recent-post {}
.recent-post .post-meta a{}
.recent-post-img {}
.recent-thumb {}
.recent-post-desc {}
.recent-post-desc h4 {margin-bottom: 10px;}

		/*** Widget-tags ***/
.widget-tags {}
.widget-tags a {margin-bottom: 5px; padding: 0px 3px; font-size: 12px;	text-transform: uppercase; 				background-color: #fff; border:1px solid #7d7f83; margin-right: 5px; color: #7d7f83;  font-weight:700; display:inline-block;}
.widget-tags a:hover {background-color: #fff; border-color: #7ac312; color:#7ac312;}

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

.st-pagination {margin-top: 70px;}
.st-pagination .pagination>li>a, .pagination>li>span {position: relative; float: left; padding: 4px 12px;
	margin-left: -1px; line-height: 1.42857143; color: #7d7f83; text-decoration: none; font-size:14px; 
	background-color: #fff; border:1px solid #7d7f83; margin-right: 5px; font-weight: 600; border-radius:0px;}
.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: #7ac312; cursor: default; 
	background-color: #fff; border-color: #7ac312;}
.st-pagination .pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover {z-index: 2; color: #7ac312; background-color: #fff; border-color: #7ac312;}

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

.thankyou{padding-top: 50px;}
.thankyou-block{}
.thankyou-block img{}
.thanks-logo{margin-bottom: 70px;}
.thanks-desc{padding-bottom:50px; padding-top:100px;}
.thanks-img{margin-bottom: -25px;}
.thanks-img img{overflow:hidden; height:610px; }
.thanks-text{font-size:24px; color:#2f3032; margin-bottom:35px; }
.thanks-title{font-size:90px; margin-bottom:25px; line-height: 90px;}

/********* Mobile CSS *********/

@media (max-width: 767px){
.navbar-default .navbar-collapse, .navbar-default .navbar-form {border-color: transparent; background-color: #242b33;}	
.navigation .navbar-default .navbar-nav>li>a{padding: 14px 14px;}
/********* Section space ********/
.section-space{padding-top: 80px; padding-bottom: 80px;}	
/******* Hero section *******/	

.hero-section {padding-top: 120px; padding-bottom: 120px;}
.hero-title {font-size: 42px;}
.why-choose-section{margin-top: 0px;}
.form-block{margin-bottom: 30px; padding: 10px;}
.form-content{padding-bottom: 40px;}
/********** Blog Page ********/

.related-img {float: none;}
.prev-block {margin-bottom: 20px;
}
.user-comments {margin-left:  0px;}
.comment-frame {margin-right: 25px;float: none;}
.leave-comments{margin-bottom:50px;}


}