body {
  background: #fff;
  color: #333;
}
a {
  color: #e23f33;
  transition: 0.5s;
}
a:hover,
a:active,
a:focus {
  color: inherit;
  outline: none;
  text-decoration: none;
}
.color-inherit {
  color:inherit;
}
h1, h2, h3, h4, h5, h6, figure, ul, p {
  margin: 0;
  padding: 0;
}
.form-control:focus,
.btn:focus {
  box-shadow: none;
}
/*--------------------------------------------------------------
# custom css
--------------------------------------------------------------*/
.mClr { color:#e23f33; }
.yClr { color: #e4ab10; }
.mbg {  background-color: #e23f33;}
.ybg { background-color: #e4ab10; }
.bglight { background-color: #eaeaea; }
a.mClr:hover { color:#e23f33; }
a.yClr:hover { color: #e4ab10; }
.mbtn {
  background: #e23f33;
  border-color: #e23f33;
  color: #fff;
}
.font-weight-500 { font-weight: 500; }
.bg-image {
  background: no-repeat center center scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;
}
.sec_title { font-size: 36px; }
/*--------------------------------------------------------------
# Navigation Menu
--------------------------------------------------------------*/
.navbar-expand>.container-fluid {
  max-width: 1170px;
}
.header_area a.navbar-brand img {
    max-height: 90px;
}
.topnav i {
  color: #e23f33;
}
.topnav h5,
.topnav a {
  line-height: 1;
}
.topnav a {
  white-space: nowrap;
}
.topnav a:hover,
.topnav a:focus,
.topnav a:active {
  color: #e4ab10;
}
.topnav .media2 {
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
}
.topnav .requote:hover {
    background: #e4ab10;
    border-color: #e4ab10;
    color: #fff;
}
@media only screen and (max-width: 767px) {
  .header_area a.navbar-brand img {
    max-height: 60px;
  }
  .topnav i, .topnav h5 {
    font-size: 16px;
  }
  .topnav  a { font-size: 12px; }
  .topnav i {
    margin-right: 8px !important;
  }
}
@media only screen and (max-width: 767px) and (orientation:portrait) {
    .navbar-expand>.container-fluid  {
      flex-direction: column;
      flex-wrap: wrap;
    }
    .header_area .navbar-expand .navbar-nav {
      flex-direction: column;
    }
    .header_area .navbar-expand .navbar-nav li {
      margin-left: 0 !important;
      margin-right: 0 !important;
      padding: 0!important;
      border:none;
      line-height: 1;
    }
    .header_area .navbar-expand .navbar-nav li + li {
      margin-top: 0;
    }
    .topnav h5 {
      display: inline-block;
    }
    .topnav  a { font-size: 14px; }
}
@media only screen and (max-width: 575px) {
  
}
/*--------------------------------------------------------------
# Header end
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Home Page
--------------------------------------------------------------*/
/*==================== carousel =====================*/
.homebanner {
  background-size: cover;
  background-repeat: no-repeat;
  background-image: url('../images/banner.jpg'); 
}
.homecarousel .carousel-item:before,
.overlay {
  content: "";
  background:rgba(0,0,0,0.6);
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}
.homecarousel .carousel-caption { 
  left: 0; 
  right: 0; 
  top: 0;
  bottom: 0;
  position: relative;
}
.bannertitle {
      font-size: 4rem;
}
.quotebtn {
    background: #000;
}
.quotebtn:hover {
    background: #e23f33;
}
.qform label.error {
    font-size: 12px;
    color: red;
    display: block;
    position: absolute;
}
/*==================== how work section ====================*/
.howork img {
  max-height: 40px;
}
.howork .card-title {
      font-size: 22px;
    color: #e4ab10;
} 
/*==================== service pavkage section ====================*/
.serpkg figure {
  min-height: 135px;
}
.serpkg img {
  max-height: 135px;
}
/*==================== testimonial section ====================*/
.testimonialbg { background-image: url('../images/testimonialbg.jpg'); }
.success-box img {
  width: 50px;
  height: 50px;
}
.success-box h3 {
  font-size: 22px;
  color: #e3aa0c !important;
}
.success-box p {
  font-size: 18px;
  color: #fff;
}
.carousel-indicators .active {
    background-color: #e3aa0c !important;
}
.promo_block p {
  font-weight: 400;
  font-size: 18px;
}
.promo_block a:hover { color: #e23f33 !important; }
/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
.footer {
  padding: 35px 0px;
  background:#2e2e2e;
}
.footer img { max-height: 150px; }
.footer a:hover {
  color: #fff;
}
/*--------------------------------------------------------------
# Responsive css
--------------------------------------------------------------*/
@media only screen and (min-width: 768px) {
  .thnkyou {
    min-height: calc(100vh - 386px);
  }
}
@media only screen and (max-width: 767px)  {
      body { line-height: 1.2; }
      p { line-height: 1.5; }
      .bannertitle { font-size: 2rem; }
      .sec_title { font-size: 30px; }
      .shrinkwrap .card-title,
      .card-title { font-size: 18px; }
      .serpkg figure { min-height: 100px; }
      .serpkg img { max-height: 100px; }
}
@media only screen and (max-width: 497px)  {
    .bannertitle { font-size: 28px; }
}