/*nav bar  */
nav {
 border-bottom: 1px solid #dddddd4d;
}
.navbar-nav a {
 color: #fff!important;
}
.logosize {
 height: 65px;
 width: auto;
 margin-left: 75px;
}
.logotext {
 color: #fff;
 font-size: 35px;
 padding-left: 10px;
 padding-right: 50px;
 text-decoration: none;
}
.navbar .logotext:hover {
 color: #fff;
 text-decoration: none;
}
.active-nav a {
 color: #fa4238!important;
 font-weight: bold;
 /* font-family: "dancing_scriptbold"; */
}
.active-nav {
 border-bottom: 2px solid #fa4238;
}
.bg-light {
 background-color: transparent!important;
}
.color-white {
 color: #fff;
}
.btn-outline-white {
 color: #fff;
 border-color: #fff;
 background-color: transparent;
 margin: 10px;
 font-size: 12px;
}
.btn-outline-white:hover {
 border-color: #fa4238;
 background-color: #fa4238;
 color: white;
}
.btn-outline-orange {
 color: #fa4238;
 border-color: #fa4238;
 background-color: transparent;
 margin: 10px;
 font-size: 12px;
}
.btn-outline-orange:hover {
 border-color: #fa4238;
 background-color: #fa4238;
 color: white;
}
.form-inline {
 margin-right: 75px;
}
.navbar-light .navbar-toggler {
 color: #ddd;
 border-color: #ddd;
}
.social-icons {
 color: #fff;
 border-color: #fff;
 background-color: transparent;
 margin: 10px;
 font-size: 18px;
}
.margin-r-20 {
 margin-right: 20px;
}
.facebook:hover {
 color: #4267b2;
 /* border: 1px solid #fff; */
}
.twitter:hover {
 color: #1da1f2;
 /* border: 1px solid #fff; */
}
/* end nav bar */
/*  dark backround*/
.image {
 position: relative;
}
.image img {
 /* width: 100%;
 vertical-align: top; */
}
.image:after {
 content: '\A';
 position: absolute;
 width: 100%;
 height: 100%;
 top: 0;
 left: 0;
 background: rgba(0,0,0,0.6);
 opacity: 0;
 opacity: 1;
 transition: all 0.5s;
 -webkit-transition: all 0.5s;
}
/* end dark backround */
/* banner  */
.carousel-control-prev {
 z-index: 2;
 color: #fff;
}
.carousel-control-next {
 z-index: 2;
 color: #fff;
}
.banner-text h1 {
 position: absolute;
 top: 250px;
 left: 150px;
 z-index: 2;
 color: #fff;
 padding-left: 110px;
}
.res-banner {
 height: 350px;
 object-fit: cover;
}
.banner-heading .heading {
 position: absolute;
 top: 150px;
 left: 150px;
 z-index: 2;
 color: #fff;
 padding-left: 110px;
 font-size: 40px;
}
.banner-text p {
 width: 70%;
 position: absolute;
 top: 320px;
 left: 150px;
 z-index: 2;
 color: #fff;
 padding-left: 110px;
}
.banner-text h2 {
 position: absolute;
 top: 200px;
 left: 36%;
 z-index: 2;
 color: #fff;
 padding-left: 110px;
}
.banner-text ul {
 width: 70%;
 position: absolute;
 top: 390px;
 left: 150px;
 z-index: 2;
 color: #fff;
 padding-left: 110px;
 list-style: none;
}
.banner-text ul i {
 font-size: 10px;
}
.banner-btn {
 position: absolute;
 top: 420px;
 left: 150px;
 z-index: 2;
 color: #fff;
 margin-left: 110px;
 padding-left: 45px;
 padding-right: 45px;
 font-size: 15px;
}
/*  end banner*/
/* who-we-are  start*/
.who-we-are p {
 text-align: justify;
}
.img-res-300 {
 height: 250px;
 object-fit: cover;
}
.abt-btn {
 color: #fff;
 margin-left: 110px;
 padding-left: 45px;
 padding-right: 45px;
 font-size: 15px;
 border-color: #fa4238;
}
.aboutimg {
 height: 250px;
 width: 100%;
 object-fit: cover;
}
.top-bot-30 {
 margin-top: 30px;
 margin-bottom: 30px;
}
/* end who-we-are */
/* our service start */
.more-btn {
 padding-left: 50px;
 padding-right: 50px;
 font-size: 18px;
}
.our-service {
 background-image: url("../img/service-bg.jpg");
}
.our-sevice-space {
 padding-top: 20px;
 /* padding-bottom: 131px; */
}
.service-icon {
 font-size: 40px;
 color: #fa4238;
 text-align: center;
 margin-bottom: 20px;
}
.our-service h2 {
 font-size: 20px;
 text-align: center;
}
.our-service h2:hover {
 color: #fa4238;
 cursor: pointer;
}
/* end our service */
/* subscribe section start */
.subscribe {
 background-color: #fa4238;
 color: #fff;
 height: 180px;
}
.subscribe h3 {
 font-size: 30px;
 padding-top: 50px;
 padding-bottom: 5px;
}
.subscribe h5 {
 font-size: 15px;
 padding-bottom: 20px;
}
.subscribe button {
 font-size: 15px;
 margin-top: 75px;
 margin-bottom: 20px;
 background-color: #383838;
 color: #fff;
}
.input-top {
 margin-top: 75px;
}
/* footer */
.footer {
 height: 60px;
 background: linear-gradient(to right, #04376f, #fa4238);
}
/*  */
/* end subscribe section*/
/* ========================Offerins Page start ============================== */
.small-banner {
 width: 100%;
 height: 400px;
 object-fit: cover;
}
.no-margin {
 /* margin-left: -30px; */
}
.offering-des {
 text-align: justify;
}
/* ======================== End Offerins Page  ============================== */
/* ======================== start contact page ============================== */
.contact-address {
 padding: 0;
}
.contact-address li {
 list-style: none;
 margin-bottom: 10px;
}
.contact-address li a {
 text-decoration: none;
 color: #000;
}
.contact-address li div {
 margin-top: -25px;
 margin-left: 25px;
}
.text-left {
 text-align: left;
}
.contact-section {
 background-image: url("../img/testimonial-bg.png");
}
.contact-section i {
 color: #fa4238;
}
.form-control:focus {
 color: #fa4238;
 background-color: #fff;
 border-color: #80bdff;
 outline: 0;
 box-shadow: 0 0 0 0.2rem #fa4238;
 border: none;
}
.error {
 color: red;
}
/* ======================== end contact page ============================== */
/* ======================== start offerings page =========================== */
.res-image {
 width: 100%;
 height: 350px;
}
.shadow-two {
 box-shadow: 0 8px 17px 0 rgba(0,0,0,.2), 0 6px 20px 0 rgba(0,0,0,.19);
}
/* ======================== end offerings page =========================== */
/* footer section start*/
.footer {
 /* background-color: #1d1d1d; */
 background-color: #04376f;
 color: #fff;
}
.footer ul {
 margin: 0;
 padding: 0;
}
.footer ul li {
 list-style: none;
 display: inline-block;
 color: #e4e3e3;
}
.footer ul li img {
 height: 65px;
 width: auto;
}
.footer ul li h2 {
 font-size: 25px;
}
.footer h2 {
 font-size: 25px;
 padding-top: 10px;
}
.padding-10 {
 padding-top: 10px;
}
.footer p {
 font-size: 15px;
 color: #e4e3e3;
 padding-top: 20px;
 /* padding-bottom: 20px; */
}
.pull-left {
 margin-left: -5px;
 color: #fff;
}
.read-more {
 color: #fa4238;
}
.read-more-btn {
 color: #fff;
}
.footer-contact li {
 list-style: none;
 padding-bottom: 20px;
}
.footer h2 {
 padding-top: 60px;
 padding-bottom: 20px;
}
.footer-contact li div a {
 position: relative;
 text-decoration: none;
 color: #e4e3e3;
 float: left;
 margin-top: -28px;
 margin-left: 30px;
}
.logo-text-footer {
 color: #fff!important;
}
/* end footer section */
/* generic class start */
.top-bot-50 {
 margin-top: 50px;
 margin-bottom: 50px;
}
.top-100 {
 margin-top: 100px;
}
.top-50 {
 margin-top: 50px;
}
.top-20 {
 margin-top: 20px;
}
.orange-clr {
 color: #fa4238;
}
.hr-thinline {
 border-bottom: 1px solid #000;
}
.bg-dark-black {
 /* background-color: #2b2a2a!important; */
 background-color: #04376f!important;
}
.bg-dark-blue {
 background-color: #04376f!important;
 z-index: 3;
}
.margin-left-40 {
 margin-left: 40px;
}
.margin-right-40 {
 margin-right: 40px!important;
}
/* generic class end */
/* media query start */
@media only screen and (max-width: 786px) {
 .logotext {
  font-size: 25px;
 }
 .banner-text h2 {
  position: absolute;
  top: 200px;
  left: 5%;
  z-index: 2;
  color: #fff;
  padding-left: 110px;
 }
 .banner-heading .heading {
  position: absolute;
  top: 150px;
  left: 10px;
  z-index: 2;
  color: #fff;
  padding-left: 110px;
  font-size: 25px;
 }
 .banner-text p {
  width: 75%;
  position: absolute;
  top: 250px;
  left: 10px;
  z-index: 2;
  color: #fff;
  font-size: 15px;
  padding-left: 110px;
 }
 .banner-text ul {
  width: 70%;
  position: absolute;
  top: 400px;
  left: 0;
  z-index: 2;
  color: #fff;
  padding-left: 110px;
  list-style: none;
 }
 .banner-text ul i {
  font-size: 10px;
 }
 .banner-btn {
  position: absolute;
  top: 550px;
  left: 0;
  z-index: 2;
  color: #fff;
  margin-left: 110px;
  padding-left: 45px;
  padding-right: 45px;
  font-size: 15px;
 }
 .subscribe {
  height: 380px;
 }
 .input-top {
  margin-top: 15px;
 }
 .subscribe button {
  margin-top: 15px;
 }
 .subscribe {
  padding-top: 30px;
  padding-bottom: 30px;
 }
 .footer h2 {
  padding-top: 20px;
  padding-bottom: 20px;
 }
 #navbarSupportedContent {
  background-color: #000000bf;
 }
 .logosize {
  height: 35px;
  width: auto;
  margin-left: 5px;
 }
}
.utiliti-ul {
 padding: 0;
}
.utiliti-ul li {
 display: inline-block;
 list-style: none;
}
.links {
 font-size: 20px;
 margin-top: 8px;
 position: absolute;
}
/* media query end */