/*
Author : Mr.Muksith
Powered by: Adox Solutions.com 2015 2016
*/
body{font-family:'Roboto'; font-size:16px;}
a:hover{text-decoration:none}
p{font-weight:300}
.first-section{background:#8fbdd5 url(../images/bg.jpg) top right no-repeat}
.header{padding:2% 0}
.site-caption {padding:3% 0; text-shadow:0 1px 0 #ffffff}
.site-caption h1{font-weight:300; }
.site-caption h2{font-weight:600; color:#0ea4dd; font-size:60px;}

.lease-bio{padding:3% 0; width:32%; color:#ffffff}
.lease-bio h3{margin-top:5px; font-size:24px; font-weight:400}
.lease-bio h4{margin-top:0px; font-weight:300}
.lease-bio > div{background:#009fd9; border-radius:20px; padding:3% 3% 8% 3%}
.lease-bio > a{background:#00bd71; border-radius:20px; border:solid 2px #ffffff; padding:3% 5%; color:#ffffff; font-size:20px; margin:-35px 0 0 20px; display:block; float:left; position:relative: z-index:99999999999999}



.numbers-cntnr{padding:12% 0 4% 0}
.numbers{float:left; width:20%; text-align:center }
.numbers h1{font-size:130px; color:#2c2c2c; text-shadow:0 3px 0 #000; margin:0 }
.numbers h4{margin:0 }

.bottom{margin:3% 3%; }
.bottom p{text-align:justify}
.bottom .col-lg-9 h1{font-weight:900; font-size:40px; color:#00000}
.bottom .col-lg-9 h2{font-weight:300; color:#0ea4dd}

.home-contact{padding:4% 0; width:100%; color:#ffffff; text-align:center; margin-top:16px;}
.home-contact h3{margin-top:5px; font-size:24px; font-weight:400}
.home-contact h4{margin-top:0px; font-weight:300}
.home-contact > div{background:#009fd9; border-radius:20px; padding:5% 5% 12% 5%}
.home-contact > a{background:#00bd71; width:90%; border-radius:10px; border:solid 2px #ffffff; padding:3% 5%; color:#ffffff; font-size:20px; margin:-28px auto 0 auto; display:block;  position:relative: z-index:99999999999999}
.home-contact > a:hover{background:#019056;}

.submit-a-ticket{background:#009fd9; border-radius:20px; padding:5%; margin-top:25px; display:block; text-align:center; color:#fff; font-size:22px;}
.submit-a-ticket:hover{background:#007ba8; color:#fff}
.footer{border-top:solid 2px #e5e5e5; margin:0 4% ; padding:2% 0 }
.insure{text-align:right}

@media (min-width:300px) and (max-width:760px){
.header {text-align:center !important}
.header .logo img{width:100%}
.header .logo{padding:2% 5%}
.lease-bio{width:100%}
.lease-bio a{width:87%; margin-top:-21px;}
.numbers-cntnr .numbers{width:100%}
.first-section{background:#8fbdd5 url(../images/small-bg.JPG) top center no-repeat; padding-bottom:6%}
.site-caption{margin-top:150px;}
.site-caption h1{background:rgba(255,255,255,0.7); padding:2% 0; border-radius:8px; font-size:25px;}
.insure, .footer{text-align:center;}
.bottom{margin:0}
.bottom .col-lg-9{padding:0}
.insure-a {float:none !important; margin: 0 auto}
}
@media (min-width:761px) and (max-width:1024px){
.lease-bio{width:40%}
.lease-bio a{width:87%; margin-top:-21px;}
.numbers-cntnr .numbers{width:33%; margin:30px 0}
}
.button
{

  text-align: center;
  color: #0C5;

  font-size: 24px;
  font-family: "Nunito", sans-serif;
  font-weight: 300;

  padding: 20px 0;


  background: #0D6;
  border: 1px solid #0D6;
  color: #FFF;
  overflow: hidden;
  
  transition: all 0.5s;
}

.button:hover, .button:active 
{
  text-decoration: none;
  color: #0C5;
  border-color: #0C5;
  background: #FFF;
}

.button span 
{
  display: inline-block;
  position: relative;
  padding-right: 0;
  
  transition: padding-right 0.5s;
}

.button span:after 
{
  content: ' ';  
  position: absolute;
  top: 0;
  right: -18px;
  opacity: 0;
  width: 10px;
  height: 10px;
  margin-top: -6px;

  background: rgba(0, 0, 0, 0);
  border: 3px solid #FFF;
  border-top: none;
  border-right: none;

  transition: opacity 0.5s, top 0.5s, right 0.5s;
  transform: rotate(-45deg);
}

.button:hover span, .button:active span 
{
  padding-right: 30px;
}

.button:hover span:after, .button:active span:after 
{
  transition: opacity 0.5s, top 0.5s, right 0.5s;
  opacity: 1;
  border-color: #0C5;
  right: 0;
  top: 50%;
}