Your IP : 18.118.1.100
body {
font-family: 'Lato', sans-serif;
font-size:14px;
color:#2b2f37;
}
img {
height: auto;
max-width: 100%;
}
h1 {
font-size:14px;
line-height:20px;
font-weight:700;
text-align:center;
text-transform:uppercase;
color:#fff;
}
h1 strong {
font-weight:900;
}
h2 {
font-size:40px;
line-height:46px;
text-align:center;
color:#2b2f37;
font-weight:700;
}
h2 strong {
font-weight:900;
text-decoration:underline;
color:#31a1e3;
}
h3 {
font-size:30px;
line-height:36px;
text-align:center;
color:#31a1e3;
font-weight:400;
padding:0 0 10px;
background:url(../images/underline.gif) no-repeat center bottom;
margin:0 0 20px;
}
a {
color:#31a1e3;
text-decoration:underline;
}
p {
font-size:14px;
line-height:22px;
}
.wrapper {
width:100%;
}
header {
background:#23b743;
padding:15px 0 10px;
}
.header-bottom {
background:#31a1e3;
padding:10px 0;
min-height:90px;
}
a.phone-no{font-weight:900; color:#fff; text-decoration:none;}
.navbar-light .navbar-nav .nav-item > .nav-link {
color:#fff;
text-decoration:none;
}
.navbar-light .navbar-nav .active > .nav-link {
font-weight:bold;
}
.navbar-toggleable-md .navbar-nav .nav-link {
padding-left: 1.5rem;
padding-right: 0.5rem;
}
.hero {
width:100%;
min-height:730px;
background:url(../images/body-bg.jpg) no-repeat center top;
background-size:cover;
}
.hero-hurricane {
width:100%;
min-height:730px;
background:url(../images/hurricane-bg.jpg) no-repeat center top;
background-size:cover;
}
.main {
width:810px;
margin:90px auto 0;
}
.main-left {
width:430px;
float:left;
padding:15px;
background:#31a1e3;
min-height:230px;
}
.main-left h2 {
font-size:36px;
line-height:40px;
color:#0c0e10;
}
.main-left h2 span {
color:#fff;
}
.main-right {
width:380px;
float:left;
padding:15px;
background:#2b2f37;
min-height:230px;
}
.main-right h2 {
font-size:30px;
line-height:36px;
color:#31a1e3;
text-align:left;
}
.main-right h2 span {
color:#fff;
font-weight:300;
}
.main-right p {
font-size:13px;
line-height:20px;
margin:0 0 10px;
color:#fff;
}
.form-elem {
overflow:hidden;
margin:0 0 10px;
}
.form-elem input[type="text"] {
font-family: "Lato", sans-serif;
width:170px;
height:40px;
line-height:30px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
float:left;
font-size:12px;
border:none;
padding:0 10px;
color:#2b2f37;
border:1px solid #9fa1a4;
}
.btn-primary {
background:#31a1e3;
font-size:13px;
font-weight:900;
width:100%;
border:none;
}
.content-top {
width:100%;
background:#0c0e10;
padding:15px 0;
}
.content-top p {
color:#fff;
margin-bottom:0;
}
.content-bottom {
width:100%;
background:#f2f2f2;
padding:15px 0;
}
.content-bottom p {
color:#2b2f37;
margin-bottom:0;
}
.hero-aboutus {
padding:20px 0 10px;
}
.hero-nextstep {
padding:20px 0 10px;
}
.hero-success {
padding:20px 0 10px;
}
.main-content {
width:915px;
margin:0 auto;
padding:30px 15px;
background:#f2f2f2;
-moz-box-shadow:0 0 8px rgba(0,0,0,0.6);
-webkit-box-shadow:0 0 5px rgba(0,0,0,0.8);
box-shadow:0 0 5px rgba(0,0,0,0.8);
}
.main-content h1 {
font-family: 'Open Sans', sans-serif;
font-size:30px;
font-weight:600;
line-height:30px;
color:#15262f;
text-transform:capitalize;
text-align:left;
margin:0 0 15px;
}
.main-content h1 u {
border-bottom:3px solid #23b743;
text-decoration:none;
}
.main-content p {
font-size:13px;
}
.main-content p.size18 {
font-family: 'Open Sans', sans-serif;
font-weight:400;
font-size:18px;
line-height:24px;
}
.quote {
width:715px;
margin:50px auto 0;
background:#ffffff;
padding:10px 0 0;
}
.quote h2 {
font-family: 'Open Sans', sans-serif;
font-size:26px;
line-height:36px;
font-weight:600;
color:#15262f;
text-align:left;
margin-bottom:10px;
}
.quote-form {
background:#31a1e3;
padding:15px;
overflow:hidden;
position:relative;
}
.quote-form:after {
content:'';
display:block;
width: 0;
height: 0;
border-left: 15px solid transparent;
border-right: 15px solid transparent;
border-top: 15px solid #fff;
position:absolute;
top:0;
left:47%;
width:15px;
}
.quote-left {
width:336px;
padding:0 10px;
float:left;
}
.quote-left h3 {
color: #2b2f37;
font-size: 30px;
line-height: 36px;
text-align: left;
font-weight:900;
background:none;
padding:0;
margin:0 0 10px;
}
.quote-left h3 span {
color: #fff;
font-weight: 300;
}
.quote-left p {
color:#fff;
margin-bottom:0;
}
.quote-right {
width:348px;
float:left;
margin:10px 0 0;
}
.quote-right .btn-primary {
background:#2b2f37;
color:#fff;
border:none;
}
footer {
width:100%;
background:#23b743;
padding:15px 0;
}
footer p {
color:#fff;
font-size:13px;
margin-bottom:0px;
}
/*----------------------Media Queries for Small Screens--------------------*/
@media only screen and (max-width: 1050px) {
}
@media only screen and (max-width: 850px) {
.logo {
position:absolute;
}
.navbar {
width: 100%;
}
.mt-2 {
margin-top: 4rem !important;
}
.main {
width:430px;
}
.main-right {
width:100%;
}
.form-elem input[type="text"] {
width:195px;
}
.main-content{ width:100%;}
.quote {
width: 100%;
}
.quote-left{ width:100%; float:none;}
.quote-right {
float: none;
margin: 20px auto 0;
width: 398px;
}
}
@media only screen and (max-width: 650px) {
.main-content {
width:100%;
}
.quote-left {
float: none;
width: 100%;
}
}
@media only screen and (max-width: 500px) {
}
@media only screen and (max-width: 350px) {
.logo {
position: absolute;
width: 170px;
}
.main, .main-left {
width: 100%;
}
.header-bottom {
min-height:80px;
}
.form-elem input[type="text"] {
width:100%;
margin:0 0 10px !important;
}
.main-left h2 {
font-size: 32px;
line-height: 40px;
}
.quote-right {
width: 100%;
}
}
/*----------------------Media Queries for Small Screens End--------------------*/