* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
body {
  font-family: Arial, sans-serif;
  color: #333;
  line-height: 1.6;
}
.container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
}
/* Header */
.header {
  background: #fff;
  padding: 20px 0;
}
.logo {
  height: 80px;
}
/* Hero */
.hero{
    background-color: #f0f4f8;
  background: linear-gradient(rgba(255,255,255,0.5), rgba(255,255,255,0.5)), url('https://dhozj507pfmqc.cloudfront.net/sites/1059/home-bg2.png');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
    padding: 80px 0;
}
.hero-content {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.hero-text {
  flex: 1;
  min-width: 300px;
  margin-right: 30px;
}
.hero-text h1 {
  font-size: 2.4rem;
  margin-bottom: 20px;
  color: #e30613;
}
.hero-text p {
  font-size: 1.1rem;
  margin-bottom: 20px;
}
.benefits {
  list-style: none;
  margin-bottom: 20px;
}
.benefits li {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}
.tick {
  color: #e30613;
  font-size: 1.2rem;
  margin-right: 8px;
}
.hero-text form {
  display: flex;
  flex-direction: column;
}
.hero-text input,
.hero-text button {
  padding: 12px;
  margin-bottom: 10px;
  border-radius: 4px;
  border: 1px solid #ccc;
}
.hero-text button {
  background: #e30613;
  color: #fff;
  border: none;
  cursor: pointer;
}
.hero-text button:hover {
  background: #b5000e;
}
.hero-image {
  flex: 1;
  min-width: 300px;
  text-align: center;
}
.hero-image img {
  max-width: 100%;
  border-radius: 8px;
}
/* Headline */
.headline {
  padding: 60px 0;
  text-align: center;
}
.headline img {
  max-width: 100%;
  height: auto;
}
/* Social Image */
.social-image {
  padding: 60px 0;
  text-align: center;
}
.social-image img {
  max-width: 100%;
  height: auto;
}
/* Why Image */
.why-image-section {
  padding: 60px 0;
  text-align: center;
}
.why-image {
  max-width: 100%;
  height: auto;
}
/* Disclaimer */
.disclaimer {
  padding: 40px 0;
  background: #f4f4f4;
  font-size: 0.9rem;
}
.disclaimer a {
  color: #e30613;
  text-decoration: none;
}
.disclaimer a:hover {
  text-decoration: underline;
}
.header-flex {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}

.logo {
  max-height: 60px;
}

.header-column {
  font-size: 16px;
  color: #333;
}

.header-phone {
  margin: 0;
  font-weight: 500;
}
.header-flex {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}

.logo {
  max-height: 80px;
}

.header-column {
  font-size: 16px;
  color: #333;
}

.header-phone {
  margin: 0;
  font-weight: 600;
  font-size: 1.7rem;
  margin-top: 15px;
  padding: 10px;
  background: #FFEA00;
}

/* Footer */
footer {
  background: #f4f4f4;
  padding: 20px 0;
  text-align: center;
}
@media (max-width: 768px) {
  .hero-content,
  .headline,
  .social-image,
  .why-image-section {
    flex-direction: column;
    align-items: center;
  }
  .hero-text,
  .hero-image {
    max-width: 90%;
    margin: 0 auto 20px;
  }
}

 /* warranty-box Start */

.warranty-box { width:100%; height:auto; float:left; text-align:center; padding-top:26px; padding-bottom:30px; background: #fff;}
.warranty-box h2 { font-size:2.5rem; line-height:54px; color: #ec1c22; font-weight:700; margin:0px; font-family: 'Oswald', sans-serif;
text-transform:uppercase;}
.warranty-box h3 { font-size:30px; line-height:36px; color: #065fa9; font-weight:500; margin:26px 0px 0px 0px; font-family: 'Oswald', sans-serif; text-transform:none;}
 .warranty-box .img-responsive { display:inline-block; margin-top:18px;}

 /* warranty-box end */

 /*services Start */

.services { text-align:center; width:100%; height:auto; clear:both; float:left; background-color:#f9f9f9; padding-top:36px; padding-bottom:44px;}
 .services .title-box { max-width:750px; height:auto; margin:0px auto; text-align:center; clear:both;} 
 .services .title-box p { margin:26px 0px 7px 0px; text-align:center;} 
 .services .title-box h2 { font-weight:700; color:#033660; font-size:2.5rem; line-height:40px; margin:0px; font-family: 'Oswald', sans-serif;}
.services .item-box { width:100%; float:left; text-align:center; padding-top:40px;} .services .item-box p { margin:18px 0px 7px 0px; text-align:center;}
 .services .item-box .img-responsive { display:inline-block; margin-bottom:22px;}
.services .item-box h3 { color:#033660; font-size:30px; font-weight:700; margin:0px; line-height:33px; font-family: 'Oswald', sans-serif;}

/*services end */
@charset "utf-8";
/* CSS Document */

@media screen and (min-width: 992px) {

}
@media screen and (min-width: 768px) {
.financing [class*="col-"] {padding-left:30px !important;padding-right:30px !important;}
}

@media screen and (max-width: 1200px) {

}
@media screen and (max-width: 1050px) {

}

@media screen and (max-width: 991px) {
.welcome { height:auto; padding-bottom:80px;} .welcome .title-box { padding-top:130px;} .welcome .title-box br { display:none;}
 .top-title h2 { font-size:38px; line-height:44px;}
.welcome .title-box h1 {  font-size:48px; line-height:58px;} .welcome .title-box br { display:none;}
.warranty-box h2 { font-size:44px; line-height:50px;}

.services  .title-box h2 { font-size:32px; line-height:40px;} .services .item-box h3 { font-size:26px; line-height:30px;}

}

@media screen and (max-width: 767px) {

 .welcome .title-box { padding-top:120px;} .welcome .title-box br { display:none;}
 .top-title h2 { font-size:32px; line-height:38px;}
.welcome .title-box h1 {  font-size:43px; line-height:54px;} .welcome .title-box br { display:none;}

.services .item-box { padding-left:15%; padding-right:15%;}.services .item-box h3 { font-size:28px; line-height:32px;}
.warranty-box h2 { font-size:40px; line-height:48px;}

}

@media screen and (max-width: 661px) {
 .top-title h2 { font-size:32px; line-height:38px;}
.welcome .title-box h1 {  font-size:38px; line-height:46px;}
.welcome .title-box { padding-top:70px;}
.warranty-box h2 { font-size:40px; line-height:48px;}
 .services .item-box { padding-left:5%; padding-right:5%;}  .services .title-box h2 { font-size:30px; line-height:36px;}
}

@media screen and (max-width: 461px) {
.top-title h2 { font-size:26px; line-height:30px;}
.welcome .title-box h1 {  font-size:32px; line-height:40px;}
.warranty-box h2 { font-size:32px; line-height:40px;} .warranty-box h3 { font-size:28px; line-height:34px;}
.services .item-box { padding-left:0%; padding-right:0%;}
.custom2-button { width:280px;}


}
