/*----------------------------------
Page Designed By : Md Shaddam Hossain
Email: bdfreelancingpoint@gmail.com
Email: shaddam2011@gmail.com
profile link: https://www.fiverr.com/shaddam_hossain
------------------------------------*/
*, html{
	margin:0;
	padding:0;
}
body {
	font-family:"Roboto",sans-serif;
	font-size:14px;
	line-height:21px;
	font-weight:400;
  color: #555;
}
h1, h2, h3, h4, h5, h6 {
	font-weight:600;
	margin:0 0 15px;
	font-size:16px;
	line-height:24px;
	color:#4db748;
	font-family:"Roboto",sans-serif;
}
/* reset css */
p{
	margin:0 0 10px;
	color:#555;
}
ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
a {
    text-decoration: none;
	color:#fff;
	font-family:"Roboto",sans-serif;
}
a:hover {
    text-decoration: none;
	color:#fff;
}
a:active,
a:focus, .btn:focus, input:focus {
	outline:none !important;
	border:none;
	text-decoration: none;
	color:#555;
}
img {
	border:none;
	max-width:100%;
	height:auto;
}	

/* global css */

.sec-title{
margin: 0 0 30px;
text-align: center;
}
.sec-title h2{
font-size: 40px;
line-height: 46px;
margin: 0 0 20px;
}

/* IE 8 default css */
.lt-ie9 .ie-con{
width:970px;
margin-left: auto;
margin-right: auto;
padding-left: 15px;
padding-right: 15px;
}
.lt-ie9 .col1, .lt-ie9 .col2 , .lt-ie9 .col3, .lt-ie9 .col4, .lt-ie9 .col5 , .lt-ie9 .col6, .lt-ie9 .col7, .lt-ie9 .col8, .lt-ie9 .col9, .lt-ie9 .col10, .lt-ie9 .col11 {
float: left;
}

.lt-ie9 .col1, .lt-ie9 .col2 , .lt-ie9 .col3, .lt-ie9 .col4, .lt-ie9 .col5 , .lt-ie9 .col6, .lt-ie9 .col7, .lt-ie9 .col8, .lt-ie9 .col9, .lt-ie9 .col10, .lt-ie9 .col11 {
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
position: relative;
}
.lt-ie9 .col1 {}
.lt-ie9 .col2{}
.lt-ie9 .col3{}
.lt-ie9 .col4{width: 33.3333%;}
.lt-ie9 .col5{}
.lt-ie9 .col6{width: 50%;}
.lt-ie9 .col7{}
.lt-ie9 .col8{width: 66.6667%;}
.lt-ie9 .col9{}
.lt-ie9 .col10{}
.lt-ie9 .col10{}
.lt-ie9 .col12{}
.lt-ie9 .slider-text h2{
width:67%;
font-size:55px;
line-height:65px;
}

/* default css */
section{
	padding:100px 0;
}

/* heasder css */
.header {
    background-color: #ffffff;
    padding-bottom: 10px;
    padding-top: 10px;
}  
.logo{
margin-bottom: 0;
}
.logo {
    margin-bottom: 0;
    text-align: left;
    width: 120px;
}
.titleh1 {
    text-align: right;
   
    
}
.titleline {     margin-bottom: 0px;}
.titleline {
    color: #012169;
    font-size: 37px;
    line-height: 77px;
}

.logo h2{
margin-bottom: 0;
}
.logo a{
color: #444;
font-family:"Roboto",sans-serif;
font-size: 24px;
line-height: 25px;
}
.logo a span{
color: #4db748;
}
.header-right{margin-top: 11px;}
.header-right p{
color: #4db748;
font-family: "Roboto",sans-serif;
font-size: 18px;
margin-bottom: 0;
text-align: right;
}
.header-right p span{
  color: #333;
}
.header-right p a{
  color: #4db748;
  font-weight: normal;
}
.header-right p i {
  color: #333;
}
/* slider-area css */
.slider-area{
background-attachment: scroll;
background-color: #f6f6f6;
background-image: url("img/2.jpg");
background-position: 0 0;
background-repeat: no-repeat;
padding: 150px 0;
position: relative;
background-position: center;
}
.slider-area::before {
  background: #000 none repeat scroll 0 0;
  content: "";
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.slider{

}
section#get-qoute-box {
    padding-bottom: 0px;
}

.slider h2 {
color: #fff;
font-family: "Roboto";
font-size: 47px;
font-weight: 700;
letter-spacing: 0.5px;
line-height: 59px;
text-shadow: 2px 2px #000;
text-transform: uppercase;
}
.slider h2 span{
  display: block;
}
.slider h2 span.green{
  font-size: 77px;
line-height: 100%;
}
.green {
    color: #C8102E;
}
.slider-item{
background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
border-radius: 3px;
padding: 25px;
}
.slider p{
color: #fff;
font-size: 36px;
line-height: 38px;
margin: 0 0 30px;
}


.contact-form {
  background-color: #4db748;
  padding:30px 30px;
  position:relative;
  border-radius:5px;
}
.form-heading h2 {
color: #fff;
font-size: 24px;
font-weight: 700;
line-height: 27px;
padding: 0;
text-align: center;
text-transform: uppercase;
}
.form-heading h2 span{
display: block;
font-size: 14px;
font-weight: normal;
line-height: 20px;
margin-bottom: 30px;
margin-top: 10px;
text-transform: none;
}
.form-heading img{
	margin-bottom:10px;
}
.form-group{}
.form_group{
margin-bottom:12px !important;
}
.form_group label{
  font-weight: normal;
  color: #fff;
  font-size: 13px;
  margin-bottom: 0;
}
.input-box {
background-color: #fff;
border: 1px solid #fff;
border-radius: 2px;
color: #4db748 !important;
font-size: 14px;
height: 38px;
margin: 2px 0;
padding: 10px;
width: 100%;
}
.input-box:focus {
border: 1px solid #fff;
  box-shadow: none !important;
}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #fff;
  opacity:1;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #fff;
  opacity:1;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #fff;
  opacity:1;
}
:-moz-placeholder { /* Firefox 18- */
  color: #fff;
  opacity:1;
}
input.input-box::placeholder {
  color: #fff;
   opacity:1;
}
.form-control{}
.submit_group{
margin-bottom: 10px;
margin-top: 25px;
text-align: center;
}
.submit-btn{
background:#fff ;
border: 1px solid #fff;
border-radius: 2px;
color: #4db748;
font-family: "Roboto",sans-serif;
font-size: 16px;
margin-left: auto;
margin-right: auto;
margin-top: 10px;
padding: 9px 40px;
text-align: center;
text-transform: uppercase;
transition: all 0.3s ease 0s;
}
.submit-btn:hover, .submit-btn:focus{
background:transparent none repeat scroll 0 0;
border: 1px solid #fff;
color: #fff;
}


/* features css */
.key-features-area{
  padding-bottom: 70px;
  background: #ececec;
}
.youtube_video{
  border:5px solid #fff;
  border-radius: 5px;
}
.youtube_video iframe{
  border-radius: 5px;
}
.single-mortgage.benefit{
text-align: left;
}
.single-mortgage.benefit h3{
  color: #444;
}
.single-mortgage.benefit p{}
.features-content{}
.features-content h2, .content h2, .sec-title h2{
color: #666;
font-family: "Roboto",sans-serif;
font-size: 35px;
font-weight: 500;
line-height: 40px;
margin: 0 0 15px;
padding-bottom: 0;
padding-top: 0;
text-transform: uppercase;
}
.features-content h2 span, .content h2 span, .sec-title h2 span{
	color: #444;
}
.list-content {
margin-bottom: 40px;
}
.features-content ul{
font-family: "Roboto",sans-serif;
font-size: 15px;
font-weight: 400;
}
.features-content ul li{
  margin: 10px 0;
}
.features-content ul li:before{
  color: #4db748;
  content: "\f046";
  font-family: fontawesome;
  margin-right: 7px;
}
iframe#quiz-iframe-womODSJj2C84cMoK9NGL9fvGQrDBstCzdgT8YQdT {
    height: 600px !important;
    float: left !important;
}
.white-container {
    margin-top: -10%;
    position: relative;
    z-index: 1;
}
.white-box {
    background-color: #fff;
    width: 100%;
    border-radius: 35px;
    overflow: hidden;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.features-content p{}
.features-video > img{
	margin-bottom:30px;
}
.features-video {}
.features-video > p{
	overflow:hidden;
	margin-bottom:30px;
}
.features-video > p:last-child{
  margin-bottom: 0;
}
.features-video > p > img {
  float: left;
  overflow:hidden;
}
/* call to action css */
.call-to-action {
    background-color: #C8102E;
    padding: 60px 0 40px;
}
.call-to-text{
  margin-bottom: 20px;
}
.call-to-text h2{
color: #fff;
font-size: 30px;
font-weight: 400;
line-height: 35px;
margin: 0;
text-align: left;
}
.call-to-btn{
  margin-top: 2px;
  text-align: center;
}
.call-to-btn a{
background: #012169 none repeat scroll 0 0;
border: 1px solid #012169;
border-radius: 3px;
color: #fff;
display: inline-block;
font-family: sans-serif;
font-size: 17px;
font-weight: bold;
line-height: 50px;
padding: 0 30px;
text-align: center;
text-transform: uppercase;
transition: all 0.3s ease 0s;}
.call-to-btn a:hover {
    text-decoration: none;
    background: #fff;
    border-color: #fff;
    color: #C8102E;
}
.call-to-action .call-to-btn a {
    background: #fff;
    color: #C8102E;
    border: 1px solid #fff;
}
.call-to-action .call-to-btn a:hover{
  background:transparent;
  color:#fff;
  border: 1px solid #fff;
}
.call-to-btn.learn-more{
  margin-top: 25px;
}
.call-to-btn.learn-more a{
  background: #4db748;
  color: #fff;
  border: 1px solid #4db748;
}
.call-to-btn.learn-more a:hover{
  border: 1px solid #4db748;
  color: #4db748;
  background: transparent;
}
/* exclusively area css */ 
.exclusively-area{
  padding-bottom: 70px;
}
.left-image{
  margin-bottom: 30px;
}
.content{
  margin-bottom: 30px;
}
.content h3{
  font-size: 18px;
  color: #444444;
}
.mb p{
	margin-bottom:20px;
}
/* testimonial-area css */
.testimonial-area{
	background-color:#f8f8f8;
  background-image: url('img/testimonial-bg.jpg');
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: center center;
  -webkit-background-size: cover;
  background-size: cover;
	padding-bottom:70px;
  position: relative;
}
.testimonial-area::before {
    background: rgb(226 10 45 / 75%) none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
.testimonial-area .sec-title h2{
color:#fff;
position: relative;
}
.single-testimonial{
	margin-bottom:30px;
}
.testimonial-content{

margin-top: 6px;
padding: 30px;
text-align: center;
}
.testimonial-content > img {
  border: 5px solid #ddd;
  border-radius: 100%;
  margin: 0 auto 20px;
  max-width: 100% !important;
  width: auto !important;
}
.testimonial-content p{
color: #fff;
font-size: 18px;
line-height: 30px;
margin-bottom: 20px;
}
.signature{
text-align: center;
color: #fff;
margin: 0 0 10px;
}
.signature strong{
display: block;
font-size: 16px;
font-weight: normal;
margin: 0 0 5px;
}
.signature span{
	display:block;
	font-size: 12px;
}
.testimonial-content p i {
  font-size: 25px;
  font-style: italic;
  margin: 0 10px;
}
/* mortgage-area */
.mortgage-area .sec-title h2{
}
.single-mortgage{
margin-top: 30px;
text-align: center;
}
.single-mortgage > h3 {
color: #333;
font-size: 24px;
font-weight: normal;
margin-top: 20px;
}
.rating{}
.rating i{
  color: #FECA16;
}
.single-img {
  padding-top: 20px;
}
.single-img i{
  color: #4db748;
  font-size: 55px;
  margin-bottom: 20px;
}
.single-mortgage p{
color: #444;
margin-bottom: 0;

}
/* newsletter css */
.newsletter-area {}
.newsletter-area .input-box, .newsletter-area .input-box:focus {
  border: 1px solid #4db748;
}
.newsletter-area .submit_group {
  margin-top: 0;
  text-align: left;
}
.newsletter-area .submit-btn {
  background: #4db748 none repeat scroll 0 0;
  border: 1px solid #4db748;
  color: #fff;
  margin-top: 0;
}
.newsletter-area .submit-btn:hover{
  background:transparent;
  border: 1px solid #4db748;
  color: #4db748;
}
/* footer css */
.footer-top-content {
}
.footer-top-content h2{
  color: #fff;
  font-size: 30px;
}
.copyright {
  text-align: center;
}
.footer-top{
background-color: #002A52;
padding: 80px 0;
}
.footer-area p{
	color:#fff;
	margin-bottom:5px;
}
.footer-area p.footer-social{
	margin-top:15px;
}
.footer-social a{
font-size: 35px;
margin-right: 15px;
}
.footer-social a:hover{
color: #4db748;
}
.footer-bottom {
    background: #012169;
    padding: 40px 0;
}
.footer-bottom p {
  color: #fff;
  font-size: 15px;
  margin: 0;
  text-transform: capitalize;
  margin-bottom:0;
}
.footer-bottom p a {
  color: #fff;
  text-transform:none;
}
.copright-text{}
.footer-bottom a, .footer-top a{
  text-decoration:underline;
}
.footer-bottom a:hover, .footer-top a:hover{
	text-decoration:none;
}
.content-area h2{
  font-size: 28px;
  margin: 0 0 30px;
  color: #333;
}
.content p{
  line-height: 28px;
  font-size: 16px;
  margin: 0 0 15px;
}
@media screen and (max-width:768px){

.titleline {
    color: #012169;
    font-size: 15px;
    line-height: 41px;
}
.titleh1 {
    text-align: center;
}
.logo {
    text-align: center !important;
    margin-bottom: 0px !important;
    width: auto;
}
.logo img {
    max-width: 80px !important;
    width: 100%;
}

}