* { 
  margin:0;
  padding:0;
  border:0;
  outline:0;}
  
*, *:before, *:after { 
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

html {height: 100%;}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
font, small, strong, dl, dt, dd, ol, ul, li,
form, label, table, caption, tbody, tfoot, thead, tr, th, td {
  border: 0;
  font-family: inherit;
  font-size: 100%;
  font-style: inherit;
  font-weight: inherit; 
  margin: 0;
  outline: 0;
  padding: 0;
  vertical-align: baseline;}

.clearfix:after {
  clear: both;
  content: " ";
  display: block;
  font-size: 0;
  height: 0;
  line-height: 0;
  visibility:hidden;
  width: 0;}

.clearfix{ display:inline-block;} 
 
html[xmlns] .clearfix{ display:block;}

img{
  max-width:100%; 
  height:auto;
  border:none;}

a{ 
  transition:color 0.1s ease-in; 
  -moz-transition:color 0.1s ease-in; 
  -webkit-transition:color 0.1s ease-in;
  text-decoration:none;
  color:#0c8dc9;}
    
a:hover{ 
  text-decoration:none;}
  
input, textarea, select, button{font-family: 'Open Sans', sans-serif;}

ul{
  margin:0px; 
  padding:5px 0;}
  
ul li{ 
  list-style:none;
  line-height:22px;}

body{ 
  width:100%; 
  font-size:16px; 
  color:#323c3e;
  font-family: 'Open Sans', sans-serif;
  overflow-x:hidden;}
  
strong{ font-weight:700;}

p{ 
  font-family: 'Open Sans', sans-serif;
  line-height:24px;
  padding-bottom:8px;}

h1{ 
  font-size:50px; 
  color:#373d40;
  padding:10px 0;
  letter-spacing:-1px;}

h2{ 
  font-size:32px; 
  color:#323c3e;
  font-weight:400;}

h3{ 
  font-size:26px; 
  color:#323c3e;
  font-weight:400;
  padding-bottom:5px;
  line-height:27px;}

h4{ 
  font-size:22px;
  padding-bottom:10px;
  line-height:26px;}

h5{ 
  font-size:18px;
  line-height:24px;
  padding-bottom:5px;}
  
h6{ 
  font-size:16px;
  line-height:22px;
  padding-bottom:5px;}
  
/*---------- Reset ---------*/

#page{ width:100%;}

.row{ 
  max-width:1172px; 
  margin:0px auto;}
  
.header-top{ 
  padding:70px 0;}
  
.logo{ float:left;}

.logo img{ width:100px;} 

.header-top-right{ 
  float:right; 
  font-size:30px;
  font-weight:700;
  color:#fff;}
  
.header-top-right span{ display:inline-block;}

.last-page-bg{
   background: url(images/last-lender-bg.jpg) no-repeat; 
   background-size:100% 100%;
   border-top:5px #0099c3 solid;}

.row-in{ 
  max-width:976px; 
  margin:0px auto;}
  
.blue-head{ color:#00bcca;}

.middile-sec{ 
  background-color:#fff; 
  margin:0 0 30px 0;}

.middile-sec-top{ 
  background:url(images/last-lander-banner-bg.jpg) no-repeat; 
  background-size:100% 100%;
  padding:50px 0;} 
  
.middile-sec-top-in{ 
  max-width:960px; 
  margin:0px auto;
  text-align:center;}
  
.middile-sec-top-in h1{ 
  font-size:50px; 
  line-height:60px;
  color:#000; 
  font-weight:700;
  padding-top:50px;}
  
.middile-sec-top-in .sub-head{ 
  display:block; 
  font-size:23px; 
  color:#979797;
  margin-bottom:30px;
  padding-top:15px;}
  
.call-us-button-withgradiant{ 
  display:block;
  background:url(images/gradiant-button-bg.jpg) repeat-y;
  width:100%;
  max-width:400px;
  margin:0px auto;
  padding:20px 10px;
  text-align:center;
  font-size:24px;
  color:#fff;
  border-radius:35px;
  background-size:100% 100%;
  letter-spacing:0px;}
  
.call-us-button-withgradiant:hover{ color:#000;}
  
.middile-sec-top-in .call-us-button-withgradiant{ margin-bottom:50px;}

.gradiant-bg-sec{ 
  background:url(images/gradiant-bg.jpg) repeat-y; 
  padding:80px 0; 
  background-size:100% 100%;}
  
.gradiant-bg-sec h3{ color:#fff; font-weight:800;}
  
.gradiant-sec-left{ 
  float:left; 
  width:62%;
  color:#fff;
  margin-right:3%;}
  
.gradiant-sec-right{ 
  float:left;
  width:35%;}
  
.gradiant-sec-right-list li{ 
  font-size:14px; 
  color:#fff;
  font-weight:600;
  margin:10px 0;}
  
.gradiant-sec-right-list li img{ 
  padding-right:10px; 
  vertical-align:middle;}
  
.gradiant-sec-left h3{ 
  padding-bottom:20px;}

.gradiant-sec-left p{ 
  font-size:14px; 
  line-height:27px;}
  
.lander-sec-foot-top{ 
  background:#fff; 
  padding:50px 0;} 
  
.lander-sec-left{ 
  float:left; 
  width:57%;
  margin-right:3%;
  padding:20px 0;}
  
.lander-sec-left h2{ 
  font-weight:700; 
  letter-spacing:-2px;}
  
.lander-sec-right{ 
  float:right; 
  width:40%;
  margin-top:10px;
  padding:20px 0;}
  
.lander-sec-right .call-us-button-withgradiant{ width:100%;}

.last-lander-footer{ 
  padding:40px 0 55px; 
  color:#fff; 
  font-size:14px;
  text-align:center;}

/**************Media.css*****************/
  
@media only screen and (max-width:1150px)
{
  .row{ padding:0 20px;}
  .row-in{ padding:0 20px;}
  .middile-sec-top-in{ padding:20px;}
  .middile-sec-top-in h1{ font-size:40px; line-height:55px;}
  .lander-sec-left h2{ font-size:32px; letter-spacing:-1px;}
  .header-top{ padding:45px 0 40px 0;}
  .middile-sec-top{ padding:0;}
  .lander-sec-right .call-us-button-withgradiant{ font-size:20px;}
}

@media only screen and (max-width:960px)
{
  .lander-sec-left h2{ font-size:29px;}
  .gradiant-bg-sec h3{ font-size:25px;}
  .last-lander-footer{ padding:20px 0 35px 0;}
  .middile-sec{ margin-bottom:20px;}
  .lander-sec-right .call-us-button-withgradiant{ font-size:18px;}
}
@media only screen and (max-width:860px)
{
  .middile-sec-top-in h1{ font-size:42px;  line-height: 48px;}
  .middile-sec-top-in .sub-head{ font-size:20px;}
  .lander-sec-left{ float:none; width:100%; text-align: center; margin-right:0;}
  .lander-sec-left h2{ font-size:30px;}
  .lander-sec-foot-top{ padding:20px 0;}
  .gradiant-bg-sec{ padding:40px 0;}
  .lander-sec-right { float:none;  width:auto; margin:0px auto; font-size:20px;}
  .gradiant-sec-left{ width:61%; margin-right:4%;}
  .gradiant-bg-sec h3{ font-size:24px;}
  .header-top-right{ font-size:29px;} 
}

@media only screen and (max-width:767px)
{
  .middile-sec-top-in h1{ font-size:39px;}
  .middile-sec-top-in .sub-head{ font-size:18px;}
  .gradiant-sec-left{ float:none; width:100%; text-align:center; margin-right:0; padding-bottom:15px;}
  .gradiant-sec-right{ float:none; width:100%; text-align:center; margin-top:20px;}
  .gradiant-bg-sec h3{ font-size:28px;}
  .header-top-right{ font-size:28px;}
  .header-top{ padding:35px 0 30px 0;}
  .header-top-right{ font-size:20px; padding-top:10px;}
  .call-us-button-withgradiant{ font-size:20px;}
}

@media only screen and (max-width:680px)
{
  .middile-sec-top-in h1{ padding-top:30px;}
}

@media only screen and (max-width:640px)
{
  .middile-sec-top-in h1{ font-size:32px;  line-height: 35px;}
  .middile-sec-top-in .sub-head{ font-size:17px;}
  .lander-sec-left h2{ font-size:26px;}
  .header-top-right{ float:none; text-align:center;}
  .logo{ float:none; text-align:center;}
  .gradiant-bg-sec h3{ font-size:22px;}
 
}

@media only screen and (max-width:540px)
{
 .middile-sec-top-in h1{ font-size:25px;}
 .lander-sec-left h2{ font-size:22px;}
 .lander-sec-left h2{ font-size:22px;} 
  .call-us-button-withgradiant{ font-size:18px;}
}

@media only screen and (max-width:420px)
{
 .middile-sec-top-in h1{ font-size:25px;}
 .middile-sec-top-in .sub-head{ font-size:15px;}
 .lander-sec-left h2{ font-size:22px;}
  .call-us-button-withgradiant{ font-size:16px;}
  .lander-sec-right .call-us-button-withgradiant{ font-size:15px;} 
}

@media only screen and (max-width:380px)
{
 .middile-sec-top-in h1{ font-size:21px;}
 .lander-sec-right .call-us-button-withgradiant {  font-size: 13px;}
 .gradiant-bg-sec h3 { font-size: 26px;}
 .header-top-right { font-size: 23px;}
  .call-us-button-withgradiant{ font-size:14px;}
  .lander-sec-right .call-us-button-withgradiant{ font-size:14px;} 
}

@media only screen and (max-width:320px)