body {
  font-family: 'Roboto', sans-serif;
  font-size: 16px;
}


/*==================================
      Header
==================================*/
.navbar{
  background-color: #f8f8f8;
  -webkit-box-shadow: 0 1px 8px 0px #888;
  box-shadow: 0 1px 8px 0px #888;
}
.navbar-brand img {
  width: 220px;
}

.dropdown-menu.show.show1 {
  position: fixed !important;
  top: 80px;
  display: block;
  z-index: 9999999;
  left: 0;
  right: 0;
  background-color: rgba(42, 175, 244, 0.7);
  padding: 0.25rem 0;
  border-radius: 0;
  text-align: center;
}

.show1 a.item1.active {
  color: #404040;
}
.show1 .item1:hover {
  color: #fff;
  text-decoration: underline;
}

.show1 .item1 {
  display: inline;
  background: transparent;
  padding: 0.25rem 1rem;
  font-size: 13px;
  letter-spacing: 0.5px;
  font-weight: 500;
}

.navbar ul li.loginbtn {
  margin-left: 100px;
}

.loginbtn a.nav-link:hover {
  text-decoration: underline;
}

.loginbtn a.nav-link {
  color: #fff !important;
  text-align: center;
  padding: 8px 1rem !important;
  background: radial-gradient(circle,rgba(90,194,232,0.4) 3%,rgba(90,194,232,0.9));
  font-weight: 500;
  letter-spacing: 1.5px;
  border-radius: 3px;
}

.active a.nav-link {
  color: #2aaff4 !important;
  font-weight: 900;
}

.slider{
  margin-top: 77px;
}

.slider .slick-dots li.slick-active button:before {
  color: #2aaff4 !important;
  /*font-size: 32px;*/
}

.slider .slick-dots li button:before {
  color: #eee !important;
  /*font-size: 32px;*/
}

.slider .slick-dots {
  bottom: 25px !important;
}

.slider .slick-prev {
  left: 25px;
  z-index: 999;
}

.slider .slick-prev:before {
  content: '\f104';
  display: block;
  font-size: 32px;
  color: #fff;
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
}

.slider .slick-next {
  right: 25px;
}

.slider .slick-next:before {
  content: '\f105';
  display: block;
  font-size: 32px;
  color: #fff;
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
}

.outer.outer1 {
  background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('../images/1.jpg');
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

.outer.outer2 {
  background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('../images/2.jpg');
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

.outer.outer3 {
  background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('../images/3.jpg');
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

.outer.outer4 {
  background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('../images/4.jpg');
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

.outer.outer5 {
  background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('../images/5.jpg');
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

.outer.outer6 {
  background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('../images/6.jpg');
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

.outer {
  display: flex !important;
  justify-content: center;
  align-items: flex-start;
  flex-direction: column;
  color: #fff;
  height: 500px;
  padding-left: 5rem;
  overflow: hidden;
}

.outer h1 span {
  font-weight: 300;
}

.outer h1 {
  font-weight: 900;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  font-size: 50px;
}

.outer p {
  font-weight: 300;
  letter-spacing: 0.5px;
  width: 50%;
  line-height: 1.5;
}

.stripe a {
  color: #fff;
  margin: 0 10px;
  text-transform: uppercase;
  font-weight: 300;
}

.stripe {
  background-color: #4cb7ef;
  color: #fff;
  font-size: 14px;
}

.heading span {
  font-weight: 300;
}

.heading {
  text-transform: uppercase;
  font-weight: 900;
  font-size: 44px;
  color: #1378c0;
  text-align: center;
  margin: 2rem auto;
  letter-spacing: 0.5px;
}

header {
  background-color: #f8f8f8;
  box-shadow: 0 1px 8px 0px #888;
}

header a.nav-link {
  text-transform: uppercase;
  letter-spacing: 0.6px;
  font-weight: 500;
  font-size: 14px;
  color: #404040 !important;
}

header li.nav-item:last-child {
  margin-right: 0;
}

header li.nav-item {
  margin: auto 5px;
}

span.nav-icon {
  color: #404040;
  font-size: 26px;
}

.menu1 {
  padding: 0;
  border: none;
  background-color: transparent;
}

.item1 {
  background-color: #2aaff4;
  color: #fff;
}

/*==================================
      Section-1
==================================*/
section {
  padding: 2rem 1rem;
  margin: 4rem auto;
}

.section-1 ul li {
  color: #2aaff4;
  margin-bottom: 50px;
}

.section-1 h4,
.section-1 h3 {
  color: #404040;
  font-weight: 500;
  margin-bottom: 0;
}

.section-1 h2 {
  color: #2aaff4;
  margin-bottom: 1.5rem;
  text-transform: uppercase;
  font-weight: 300;
}

.section-1 p {
  color: #8c8c8c;
}

.img-text {
  margin-top: 1.5rem;
  width: 500px;
}

.car-img {
  margin-top: -45px;
}

a.view-more {
  color: #2aaff4;
  text-decoration: none;
  font-size: 14px;
}

/*==================================
      Section-2
==================================*/

.section-2 {
  background-color: #f8f8f8;
  text-align: center;
}

.heading {
  font-weight: 900;
  font-size: 34px;
  text-transform: uppercase;
  text-align: center;
  color: #404040;
  margin: 0 auto 3rem auto;
}

.heading1:after {
  content: '';
  display: block;
  margin: 0 auto;
  border-top: 7px solid #333;
  width: 100px;
}

.heading1 {
  font-weight: 900;
  font-size: 34px;
  text-transform: uppercase;
  text-align: center;
  color: #2aaff4;
  margin: 1rem auto 80px;
  letter-spacing: 0.4px;
}

.section-2 img {
  height: 120px;
}

.section-2 h3 {
  margin: 10px auto 2rem;
  font-weight: 400;
}

/*==================================
      Section-4
==================================*/

.enhancement-txt h4 {
  font-weight: 700;
}

.enhancement-txt {
  position: relative;
  top: -40px;
  border-top: 5px solid #2aaff4;
  background-color: #fff;
  width: 90%;
  margin: 0 auto;
  padding: 1rem 10px;
  box-shadow: 0 0 5px 1px #999;
}

.section-4 {
  color: #404040;
}

/*==================================
      Section-5
==================================*/

.section-5 .col-sm-6 h5 {
  font-weight: 900;
}

.section-5 {
  background-color: #f9f9f9;
}

.section-5 ion-icon {
  font-size: 90px;
}

.section-5 .col-sm-6 {
  margin-bottom: 2rem;
}

/*==================================
              Section-6
==================================*/
.section-6 h3 {
  text-transform: uppercase;
  font-weight: 700;
}


/*==================================
      Section-7
==================================*/

.section-7 {
  background: linear-gradient(rgba(255,255,255,0.85),rgba(255,255,255,0.85)),url('../images/TESTIMONIALS-bg.jpg');
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center;
  background-size: cover;
  height: 480px;
}

.section-7 p {
  color: #404040;
  text-align: center;
}

.heading2 {
  font-size: 42px;
  color: #2aaff4;
  text-transform: uppercase;
  text-align: center;
  font-weight: 900;
  letter-spacing: 0.5px;
}

/*==================================
      Footer
==================================*/

footer {
  background-color: #f8f8f8;
  padding: 2rem 1rem 1rem;
  box-shadow: 0 1px 8px 0px #888;
}

footer h4 {
  color: #404040;
  text-transform: uppercase;
  font-weight: 700;
  letter-spacing: 0.5px;
}

footer h4:after {
  content: '';
  display: block;
  border-top: 5px solid #2aaff4;
  width: 30%;
  margin: 5px 0 2rem;
}

footer [class*=col-sm-] {
  padding: 0 1rem;
}

footer a.nav-link {
  color: #404040;
  text-transform: uppercase;
  letter-spacing: 0.4px;
  font-size: 14px;
  font-weight: 500;
}

footer p {
  color: #404040;
  font-size: 16px;
}

footer span {
  font-size: 24px;
  margin: 0 5px;
  text-align: center;
  width: 30px;
  color: #404040;
  vertical-align: middle;
}

.icons span:last-child {
  margin-right: 0;
}

.icons span:first-child {
  margin-left: 0;
}

.icons {
  margin: 2rem auto;
}

.icons span {
  font-size: 42px;
  margin: 0 10px;
  width: auto;
}

.slick .slick-dots li.slick-active button:before {
  color: none !important;
}

.slick .slick-dots li button:before {
  border-top: 5px solid #aaa;
  color: transparent !important;
  width: 25px;
}

.comment:before {
  content: '\f10d';
  display: block;
  margin: 0 auto;
  position: absolute;
  top: -20px;
  left: -30px;
  transform: rotate(20deg);
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  color: #2aaff4;
  font-size: 24px;
}

.comment:after {
  content: '\f10e';
  display: block;
  margin: 0 auto;
  position: absolute;
  bottom: -20px;
  right: -20px;
  transform: rotate(20deg);
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  color: #2aaff4;
  font-size: 24px;
}

.comment {
  position: relative;
  width: 50%;
  font-size: 16px;
  letter-spacing: 0.4px;
  font-weight: 500;
  color: #404040;
}

.brdr-right {
  padding: 10px;
  border-right: 1px solid #fff;
  color: #fff;
}

ion-icon {
  vertical-align: bottom;
  margin-right: 10px;
  font-size: 26px;

}



/*===================================
              Banner
====================================*/
.banner1 {
  background-color: rgba(0, 0, 0, 0.8);
  height: 300px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 77.5px;
}

.banner1 h1 {
  color: #fff;
  border-left: 5px solid #1f7dc3;
  display: inline-block;
  text-transform: uppercase;
  font-weight: 700;
  letter-spacing: 0.4px;
  padding-left: 10px;
}

/*=================================
          About Page
=================================*/

.faqcollapse ul li {
  margin-bottom: 1rem;
  list-style-type: square;
  color: #1177bf;
}

.faqcollapse p {
  font-size: 18px;
  font-weight: 300;
  letter-spacing: 0.5px;
  color: #404040;
  line-height: 1.5;
  text-align: justify;
}

.faqcollapse a:hover {
  color: inherit;
}

.faqcollapse a {
  display: block;
  text-decoration: none;
  font-weight: 500;
  font-size: 20px;
  line-height: 1.5;
  letter-spacing: 0.5px;
  margin-bottom: 0.5rem;
}

.our-company {
  overflow: hidden;
}

.our-company {
  overflow: hidden;
}

.our-company h4 {
  text-transform: capitalize;
  font-weight: 700;
  color: #1f7dc3;
}

.our-company p {
  color: #333;
  font-size: 16px;
  margin-bottom: 50px;
}

.our-company .col-md-6 .row:last-child .col-xs-9 p {
  margin-bottom: 0;
}

.our-company-desc>.col-sm-3 img {
  margin: 10px auto !important;
  box-shadow: none;
}

.counter {
  background-color: #031c30;
  /*margin: 100px 0 0 0;*/
}

.counter h1 span {
  border: none;
  padding: 0;
}

.counter [class*=col-md-] {
  padding: 20px;
}

.counter .col-md-4:last-child .brdr-right {
  border: none;
}

.counter [class*=col-md-] .brdr-right h1 {
  font-size: 48px;
  color: #fff;
  font-weight: 900;
  letter-spacing: 1px;
}

.counter [class*=col-md-] .brdr-right h5 {
  text-transform: uppercase;
  font-weight: 700;
}

/*=================================
          Contact Page
=================================*/

.talk-form input,
.talk-form input:focus {
  background-color: #ddd;
  border-radius: 0;
  border: 1px solid #aaa;
  box-shadow: none;
  color: #969696;
}

.talk-form input::placeholder {
  color: #969696;
}

.talk-form textarea::placeholder {
  color: #969696;
}

.talk-form textarea,
.talk-form textarea:focus {
  background-color: #ddd;
  color: #969696;
  border-radius: 0;
  position: relative;
  border: 1px solid #aaa;
  box-shadow: none;
}

.talk .heading:after {
  content: '';
  display: block;
  height: 3px;
  width: 120px;
  border-radius: 50%;
  margin: 10px auto;
  background-color: #1378c0;
}

.talk-flex {
  display: flex;
  align-items: center;
}

.talk .heading {
  color: #404040;
}

.talk p {
  color: #404040;
}

.talk{
  margin-top: 77.5px;
}

/*=================================
          Feature Pages
=================================*/

.feature{
  margin-top: 141px;
}

.feature .car-img {
  margin-top: 0;
  width: 80%;
}

.feature p {
  margin-top: 1rem;
  font-weight: 300;
}

.feature h2 {
  text-transform: capitalize;
  font-size: 26px;
}

.feature ul {
  list-style: square;
}

.feature h3 {
  text-transform: uppercase;
  font-weight: 900;
  letter-spacing: 0.5px;
  color: #2aaff4;
}

.arrow-numbers {
  font-size: 22px;
  color: #404040;
  margin-top: 1rem;
  font-weight: 300;
  letter-spacing: 0.5px;
}

.arrow-numbers ol li {
  margin: 0.75rem auto;
}

.arrow-numbers ol {
  list-style: none;
  margin: 1rem auto 4rem auto;
}

.arrow-numbers ol li:before {
  content: '\f0a4';
  display: inline-block;
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  font-size: 32px;
  margin: 0 1rem 0 0;
  color: #404040;
  vertical-align: middle;
}

/******************************************
                  Blog Page
*******************************************/

.blog .row {
  margin-bottom: 1.5rem;
  justify-content: center;
  align-items: center;
  /*background-color: #eee;*/
  border: 1px solid #ccc;
  padding: 0.5rem 0;
}

.btn-blog:hover {
  color: #404040;
}

.btn-blog {
  background-color: #2aaff4;
  color: #fff;
}

.blog h5 {
  color: #2aaff4;
  text-transform: uppercase;
}

/*Privacy Page*/
.privacy1:after{
  content: 'Effective 2019';
  display: block;
  font-size: 16px;
  font-weight: 300;
  letter-spacing: 0.5px;
  margin: 0 auto;
  padding: 5px 0 0 0;
  text-align: center;
  text-transform: uppercase;
  border-top: 3px solid #404040;
  width: 30%;
}

.privacy h5{
  color: #2aaff4;
}

.privacy h2{
  margin: 1rem auto;
  text-align: center;
}
.privacy p{
  color: #404040;
  letter-spacing: 0.4px;
  line-height: 1.5;
  font-weight: 300;
  text-align: justify;
}
