@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');


/*@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');*/

@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css");

body
{
  font-family: "Poppins", serif;
  /*font-family: "Lato", serif;*/
  margin: 0;
  padding: 0;
  color: black;
}

h1, h2, h3, h4, h5, h6
{
	/*font-family: "Lato", serif;*/
  font-family: "Poppins", serif;
}

.sticky-top
{
  background-color: #000;
  height: 6rem;
}


.sticky-top a
{
  color: #fff;
}

.sticky-top a:hover
{
  color:#EBB576;/* rgba(208, 2,27,1);*/
}

.sticky-top ul
{
  background-color: #000;
}

.brand-logo img
{
  width:9cqw;
}

.navbar-toggler {
  background-color: transparent;
  border: var(--border-width) solid #fff;
}

.navbar-toggler span
{
  color: #fff;
  line-height: 1.5rem;
}



/*            ///////////////////////////////////////////////////////////////////////////////    */                  


.navbar .navbar-nav
{
    line-height: 2em;
    border-bottom-right-radius: 1.2rem;
    border-bottom-left-radius: 1.2rem;
}

.navbar li:first-child a
{
  margin-left: 2rem;
}

.navbar-nav .dropdown li:first-child a
{
  margin-left: 0;
}

.navbar li a 
{
	text-shadow: none;
	color: #fff;
	transition: all 0.45s ease-in-out;
	margin-right: 2rem;
}



.navbar .navbar-nav > .active > a, .navbar .navbar-nav > .active > a:hover, .navbar .navbar-nav > .active > a:focus {
  background-color:transparent;
  box-shadow:none;

  color:#EBB576;
  text-decoration: none;
}

.navbar .navbar-nav > li > a:hover, .navbar .navbar-nav > li > a:focus
{
color: #EBB576;
transition: all 0.3s ease-out !important;
}


.dropdown-menu {

	border-bottom-color:transparent;
	--dropdown-border-radius: 0rem;
	--dropdown-border-width: 0;
  }

  .dropdown-menu > li
  {
    line-height: 1.5rem;
  }

  .dropdown-menu > li > a:hover
  {
	  color: #000;
  }

 
  @media (min-width: 1000px)
  {
    .navbar .container-fluid
	{
		flex-direction: column;
	}
  /*
  .dropdown-menu
    {
      display: block;
      margin-top: 1.5em;
      opacity: 0;
      transition: all 0.3s ease-in !important;
      z-index: 1000;
    }*/
    .dropdown:hover > .dropdown-menu 
    {
      display: block;
      margin-top: 0;
      /*opacity: 1;*/
    }

    .brand-logo img
    {
      margin-top: 0;
      padding-top: 0;
      width:4cqw;
    }
  
  }

  @media (max-width: 800px)
  {
    .brand-logo img
    {
      margin-top: 0;
      padding-top: 0;
      width:10cqw;
    }
  }

  @media (max-width: 500px)
  {
    .brand-logo img
    {
      margin-top: 0;
      padding-top: 0;
      width:16cqw;
    }
  }



/*////////////////////////////////////////////////////////*/


.border-bottom 
{
    border-bottom: solid 1px #e1e1e1 !important;
}

.border-top 
{
    border-bottom: solid 1px #e1e1e1 !important;
}

.h-100
{
  height: 100% !important;
}

.bg-body
{
  background-color: rgba(255,255,255, 1) !important;
}

.bg-logo
{
  width: 40%;
  text-align: center;
  margin: 3rem auto 2rem auto;

}

.social-med
{
  margin-bottom: 2rem;
}

.social-med .fa-lg
{
  font-size: 1.27em;
}

.social-med a
{
	text-decoration: none;
	transition: all 0.45s ease-in-out;
}

.social-med a:hover
{
	color: rgba(208, 2,27,1);/*#EBB576;*/
	transition: all 0.3s ease-out !important;
}

@media (min-width: 992px) {
  .bg-logo
{
  width: 40%;
  text-align: center;
  margin: 13rem auto 2rem auto;
}

.social-med
{
  margin-bottom: 0;
}
}

.flex-center 
{
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.text-black
{
  color: black !important;
}

.overflow-hidden 
{
  overflow: hidden !important;
  margin: .8rem auto;
}

.ls {
  letter-spacing: .04em;
}

.rounded {
  border-radius: 0.1875rem !important;
}

.bg-dark {
  background-color: rgba(28,28,28,1) !important;
}

.text-white
{
  color: white;
}

.text-uppercase
{
  text-transform: uppercase;
}

.fw-normal {
  font-weight: 400 !important;
}

.p-1 {
  padding: .25rem !important;
}

.d-inline-block {
  display: inline-block !important;
}

@media (min-width: 992px) {
  .order-lg-2 {
    -webkit-box-ordinal-group: 3 !important;
    -ms-flex-order: 2 !important;
    order: 2 !important;
  }
}

.px-0 {
  padding-right: 0 !important;
  padding-left: 0 !important;
}

@media (min-width: 576px) {
  .fs-sm-3 {
    font-size: 5.584rem !important;
  }
}

.fs-4 {
  font-size: 4.199rem !important;
}

.display-3 {
  font-size: calc(1.6834rem + 5.2008vw);
  font-weight: 900;
  line-height: 1;
}

@media (min-width: 1200px) {
  .display-3 {
    font-size: 5.584rem;
  }
}

.text-decoration-underline {
  text-decoration: underline !important;
}

.fw-light {
  font-weight: 300 !important;
}

@media (min-width: 768px) {
  .py-md-8 {
    padding-top: 7.5rem !important;
    padding-bottom: 7.5rem !important;
  }
}

.py-6 {
  padding-top: 4rem !important;
  padding-bottom: 4rem !important;
}

@media (min-width: 576px) {
  .fs-sm-5 {
    font-size: 3.157rem !important;
  }
}

.fs-6 {
  font-size: 2.369rem !important;
}

@media (min-width: 992px) {
  .px-lg-4 {
    padding-right: 1.8rem !important;
    padding-left: 1.8rem !important;
  }
}

@media (min-width: 992px) {
  .mt-lg-0 {
    margin-top: 0 !important;
  }
}

.btn {
  letter-spacing: .1em;
  text-transform: uppercase;
  font-size: .75rem;
}

.home_products
{
    padding-top: 4rem;
    padding-bottom: 4rem;
}

.home_products h5, .home_services h5
{
  padding-top: 1rem;
}

.home_products a, .home_services a
{
  text-decoration: none;
  transition: all 0.45s ease-in;
}

.home_products a:hover, .home_services a:hover
	{
		color: rgba(208, 2,27,1);/* #EBB576;*/
    text-decoration: underline;
		transition: all 0.3s ease-out !important;
	}

.text-body-tertiary {
 
  color: rgba(148,148,148,1) !important;
}

.hr-short {
  width: 4.2rem;
  margin: 0 auto;
    margin-top: 0px;
}

.our_brands
{
  padding-bottom: 4rem;
}

/* Marquee  */

.marquee-image {
  overflow: clip;
  padding-bottom: 4rem;
  padding-top: 2.5rem;
}

.marquee-image-track {
  display: flex;
  padding-left: 3.5rem;/*4.8*/
  gap: 3.5rem;
  width: max-content;
  animation: marquee-move-image var(--speed, 20s) linear infinite var(
      --direction,
      forwards
    );
}

.marquee-image img {
  width: 20cqw;
  padding: 0;
}

@media (min-width: 992px) {
  .marquee-image img {
    width: 8cqw;
    padding: 0;
  }
}

@keyframes marquee-move-image {
  to {
    transform: translateX(-50%);
  }
}

.location-map {
 /*margin: 2.5em 0;*/
 padding-top: 4rem;
  display: flex;
  width: 100%;
  border: 0;
  text-align: center;
}

.home_services
{
  padding-top: 2rem;
  padding-bottom: 3rem;
}

.home_brands
{
  /*padding-top: 4rem;*/
}




.mar-bottom
{
  margin-top: 1rem;
}

.get-in-touch
{
  padding-top: 4rem;
}

.get-in-touch-info h4
{
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.get-in-touch-info a
{
	text-decoration: none;
	transition: all 0.45s ease-in-out;
}

.get-in-touch-info a:hover
{
	color: rgba(208, 2,27,1);/*#EBB576;*/
	transition: all 0.3s ease-out !important;
}

.footer .fw-bold
{
  font-weight: 600 !important;
}

.main-body
{
  margin-top: 5rem;
  z-index: 1001;
}

.main-body .page-header > h1
{
  text-align: center !important;
  font-size: 2.369rem !important;
}

.services_style
{
  padding-top: 3rem;
}

.services_style img
{
  padding-bottom: 2rem;
}

.about_style
{
  padding-top: 3rem;
}

.about_style p
{
  text-align: justify;
}

.contact-us-style
{
  padding-top: 3rem;
}

#cf_1
{
  margin: 0 auto;
}

.generators_style
{
  padding-top: 3rem;
}

.generators_style p
{
  text-align: justify;
}

.containerized_style
{
  padding-top: 3rem;
}

.containerized_style p
{
  text-align: justify;
}


.sound_style
{
  padding-top: 3rem;
}

.sound_style p
{
  text-align: justify;
}


.mobile_type_style
{
  padding-top: 3rem;
}

.mobile_type_style p
{
  text-align: justify;
}

.mobile_type_style img
{
  display: block;
  margin: 0 auto !important;
}



