html{ overflow-x: hidden;}
body{ overflow-x: hidden;}

h1,h2,h3,h4,h5,h6, .h2, .h1 {font-family: 'Orbitron'; font-weight:700}
h2, h1.h2 {margin-top: 0;}
p,ul,ol {font-family: 'Open Sans', sans-serif;font-size:16px;font-weight: normal;line-height: 26px;color: #555;}
p.lead {font-family: 'Open Sans', sans-serif; font-weight:500; font-size:18px; color:#555; font-style:italic}
p.lead.text-primary {color:#ff8200;}


h1 {
  font-size: 85px;
  color: #ffffff;
  text-transform: uppercase;
}
@media (max-width: 768px) { /* Adjust the breakpoint as needed for your mobile devices */
    h1 {
      font-size: 40px;
    }
  }
h1  span.over {
  font-size: 30px;
  color: #ffffff;
  font-weight: 100;
  text-transform: uppercase;
  font-family: 'Orbitron';
}

h2, h1.h2 {
    font-size: 55px;
    color: #212121;
    text-transform: uppercase;
  }

  /* Media query for mobile devices */
  @media (max-width: 767px) {
    h2, h1.h2 {
      font-size: 40px; /* Smaller font size for mobile */
    }
  }

h2 span.over, h1.h2 span.over{
  font-size: 35px;
  color: #212121;
  font-weight: 100;
  text-transform: uppercase;
  line-height: 100%;
  display: block;
  font-family: 'Orbitron';
}
h3 {
  font-size: 38px;
  font-weight: 900;
}
h3 span.over {
  font-size: 20px;
  color: #212121;
  font-weight: 100;
  text-transform: uppercase;
  line-height: 100%;
  display: block;
  font-family: 'Orbitron';
}
h4 {
  font-size:29px;
}
h4 span.over {
  font-size: 16px;
  font-weight: 100;
  text-transform: uppercase;
  display: block;
  color: #212121;
}
h4 span.under {
  font-size: 16px;
  font-weight: 100;
  text-transform: uppercase;
  padding-top: 3px;
  display: block;
  color: #212121;
}

/* LOCATION PAGES DO NOT DELETE */
.AWS-links h4 {
  font-size: 1.2em;
}
.locationAWS .AWS-links h4 a:hover {
  color: #fff;  
}
/* LOCATION PAGES DO NOT DELETE */

p.pullout {font-size:1.5em;font-style: italic;padding:8px 0;margin:20px 0; border-top:2px solid #CCCCCC;border-bottom:2px solid #CCCCCC;}
p.small, p.sm, .text-small {font-size:0.875em}
p.xs {font-size:0.75em}



a {font-family: 'Open Sans', sans-serif;color:#ff8200}
a:hover {color:#000}
.over {font-family: 'Open Sans', sans-serif;color:#CCCCCC; text-transform: uppercase;display:block;}

.decoration-primary, .decoration-primary-h2  {display:block;width:32px;height:5px;margin-top:24px;margin-bottom:24px;background-color:#CCCCCC}
.decoration-primary-h3, .decoration-purple-h3 {display:block;width:50px;height:2px;margin-top:16px;margin-bottom:16px;background-color:#CCCCCC}

.bg-primary {background:#ff8200}
.bg-secondary {background:#000000;}
.bg-cta {background:#27272B;}
.bg-warranty {background:#000000;}
.bg-dark {background:#27272B}
.bg-gray {background:#222 }
.bg-black {background:#000000;}
.bg-white {background:#fff;}
.bg-alt, .section-light-border {background:#F3F3F3;border-top:1px solid #ccc; border-bottom:1px solid #ccc;}
.bg-light-grey, .bg-light-gray{background: #CCC;}

.text-primary, .text-red {color:#ff8200;}
.text-secondary {color:#000000;}
.text-default, .text-gray {color:#353739}
.text-black {color:#000}
.text-white {color:#fff}




/* By default, hide mobile text and show desktop text */
.btn .mobile-text {
    display: none;
  }
  .btn .desktop-text {
    display: inline;
  }

  /* Media query for screens up to 768px width (typical mobile screens) */
  @media (max-width: 768px) {
      .btn .mobile-text {
        display: inline; /* Show mobile text */
      }
      .btn .desktop-text {
        display: none; /* Hide desktop text */
      }
  }


.btn-primary {background:#ff8200; border:2px solid #ff8200; color:#27272B}
.btn-primary:hover  {background:#222; border-color:#222; color:#FFF}
.bg-cta .btn-primary:hover, 
.bg-gray .btn-primary:hover, 
.testimonial-wrapper .btn-primary:hover  {background:#27272B; border-color:#fff; color:#FFF}


.btn-secondary {background:#000000;; border:2px solid #000000;; color:#FFF}
.btn-secondary:hover {background:#ff8200; border-color:#ff8200; color:#FFF}

.btn-white {background:#FFF; border:2px solid #FFF; color:#ff8200 }
.btn-white:hover {background:#ff8200; border-color:#ff8200; color:#27272B }
.bg-primary .btn-white:hover {background:#000; border-color:#fff; color:#fff }

.btn-dark {background:#222; border: 2px solid #222; color:#FFF;}
.btn-dark:hover {background: #ff8200; border-color: #ff8200; color: #27272B;}

.btn-dark-open {border: 2px solid #222; color:#222}
.btn-dark-open:hover {background: #222; color: #FFF;}

.btn-primary-open {border:2px solid #ff8200 ;color:#ff8200;}
.btn-primary-open:hover {background:#ff8200 ;color:#FFF}

.btn-white-open {border:2px solid #fff ;color:#fff;}
.btn-white-open:hover {background:#ff8200 ;color:#FFF}

.btn {font-size:1em;}
.btn-lg {font-size:1.125em;}
.btn-sm {font-size:.85em;margin-top:8px;margin-bottom:8px;padding:4px 8px;}

.btn, .btn-lg{
    display: inline-block;
    border-radius: 0;
    padding: 1rem 2rem; /* rem for consistent spacing */
    font-weight: bold;
    text-transform: uppercase;
    margin: 2.5em 0;
    line-height: normal; /* Adjust line height as necessary */
    text-align: center; /* Ensure the text is aligned to the center */
  }

/* Media Queries for Mobile */
@media (max-width: 768px) {
    .btn, .btn-lg, .btn-primary, .btn-white {
      font-size: 11px;
      padding: 8px 16px;
      margin: 1.5em 0;
    }
}

/* Media query for screens up to 768px width (typical mobile screens) */
@media (max-width: 768px) {
    .btn-primary,
    .btn-white,
    .btn-secondary,
    .btn-dark,
    .btn-lg,
    .btn-dark-open,
    .btn-primary-open,
    .btn-white-open {
    display: inline-block;
    border-radius: 0;
    padding: 1rem 2rem; /* rem for consistent spacing */
    font-weight: bold;
    text-transform: uppercase;
    margin: 2.5em 0;
    line-height: normal; /* Adjust line height as necessary */
    text-align: center; /* Ensure the text is aligned to the center */
    font-size: 14px;
    }
}


.inner {padding:0 5%;}



.subpage-lead {
    width:70%;
    font-size:1.5em;
    font-style: italic;
    text-align:center;
    padding-top:20px;
    padding-bottom:20px;
    margin:auto;
  }
  @media (max-width: 767px){
    .subpage-lead {
      width:90%;
    }
  }


.col-left-md {
  border-right:1px solid #ccc;
  padding-right:40px
}
  @media (max-width: 992px){
    .col-left-md {
      border-right:none;
      padding-right:0;
    }
  }
.col-right-md {
  padding-left:40px
}
@media (max-width: 992px){
  .col-right-md {
    padding-left:0;
  }
}

/* Common Styling */


.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

.mytable{
  display: table;
  width: 100%;
  height: 100%;
}
.table-cell,
.table-cell-xs,
.table-cell-sm,
.table-cell-md,
.table-cell-lg,
.table-cell-xl{
  display: table-cell;
}
@media (max-width: 767px){
	.table-cell-md,
	.table-cell-lg,
	.table-cell-xl{
	  display: block;
	  width:100%;
	}
}
@media (max-width: 992px){
	.table-cell-lg,
	.table-cell-xl{
	  display: block;
	  width:100%;
	}
}
@media (max-width: 1200px){
	.table-cell-xl{
	  display: block;
	  width:100%;
	}
}

.va-top{
  vertical-align: top;
}
.va-middle{
  vertical-align: middle;
}
.va-bottom{
  vertical-align: bottom;
}

a{
  outline: none !important;
  transition: all 0.7s ease-out;
  font-weight:bold;
}
a,
a:hover,
a:link,
a:visited,
a:focus{
  text-decoration: none;
}


a:focus{
  color: #ff8200;
}


.fill{
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}


/* UTILITIES */
.overflow-hidden {overflow:hidden;}
.float-left {float:left}

/* Specific Styling */

/* ### Topbar Section ### */
.topbar{
  background:#CCCCCC;
  padding-top: 10px;
  padding-bottom: 10px;
}
.topbar p {
  color:#FFF;
  font-size:1em;
  margin:4px 0 0 0;
  padding:0;
}
.topbar a {
  color:#FFF;
  font-size:1em;
  text-transform: uppercase;
  text-decoration: underline;
  font-weight:bold;
}


/* Testimonials */
.testimonial-wrapper {
  margin:10px 0 60px 0;
  padding:32px 20px 16px;
  background-color:#FFF;
  border-radius:0px;
  border:3px solid #FFF;
  box-shadow: 0 0 40px rgba(0,0,0,0.22);
  text-align:center;
}

.testimonials-titlebox {
  margin:10px 0 60px 0;
  padding:32px 20px 16px;
  background-color:#27272B;
  border-radius:0px;
  border:3px solid #27272B;
  box-shadow: 0 0 40px rgba(0,0,0,0.22);
  text-align:center;
}

.testimonial-photo {
  margin-right:12px;
}
.testimonial-wrapper h4 {
  margin-bottom:20px;
}
.testimonial-stars {
  display:block;
  margin:auto;
  margin-bottom:20px;
  width:100px;
}
.testimonial-disclaimer {
  margin-top:40px;
  font-size:.85em;
  color:#aaa;
  text-align:center;
}



/* ### Banner Section ### */
.banner{
  background-size:cover;
  background-repeat: no-repeat;
  position:relative;
}
.banner-filter {
  height:100%;
  width:100%;
  background-color:rgba(0,0,0,.5);
  padding:70px;
}
/* Media query for mobile devices */
@media (max-width: 768px) {
    .banner-filter {
      padding: 0px;
    }
  }

.banner h1 {
  color:#fff;
  font-size:64px;
  font-weight:800;
  padding:0;
  margin:60px 0 10px 0;
}
@media (max-width: 768px) { /* Adjust the breakpoint as needed for your mobile devices */
    .banner h1 {
      font-size: 40px;
    }
  }



  .banner p {
    font-size:18px;
    color:rgba(255,255,255,1);
    font-style:italic;
    margin-bottom: 50px;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5); /* Adding text shadow */
  }
  /* By default, hide mobile text and show desktop text */
  .banner p .mobile-text {
      display: none;
    }
    .banner p .desktop-text {
      display: inline;
    }
  
    /* Media query for screens up to 768px width (typical mobile screens) */
    @media (max-width: 768px) {
        .banner p .mobile-text {
          display: inline; /* Show mobile text */
        }
        .banner p .desktop-text {
          display: none; /* Hide desktop text */
        }
    }

/* Default styles for .banner h1 and .banner p */
.banner h1,
.banner p {
    max-width: 60%;
}

/* Media query with a unique class selector */
@media (max-width: 767px) {
    .banner h1,
    .banner p {
        max-width: 100%;
        padding: 20px;
    }
}

.testimonial-box {
  margin:20px 10px;
  padding:20px 30px;
  border:1px solid #e0e0e0;
  border-radius:40px 0;
  background:#FFF;
}
.testimonial-box h4 {
  margin-left:60px;
  margin-right:10px;
}
.testimonial-box p {
  margin-left:60px;
  margin-right:10px;
  margin-top:8px;
  font-size:1em;
  font-style:italic;
  line-height:1.0em;
}
.testimonial-icon {
  float:left;
}
.testimonials-stars {
  margin-left:14px;
}

.footer-link-2 a {
    color:#fff !important;
  }

.footer-link-2 a:hover {
    color:#ff8200 !important;
  }
.social-link  {
  font-size:16px;
  height:28px;
  width:28px;
  text-align:center;
  padding:6px;
  /* border-radius:50%; */
  background:#ff8200;
  color:#222;
   margin-right:6px; 
   margin-left:6px; 
  transition: all 0.7s ease-out;
}
.social-link:hover {
  background:#fff;
  transition: all 0.7s ease-out;
}

/* ***************************** */

/* Responsive Css */
@media all and (min-width: 1024px) {
  .offcanvas,
  .body-inactive,
  .toggle {
    display: none !important;
  }
  .navigation{
	/* display:inline-block;  REDUNDANT CHRIS KEEPING JUST INCASE LOL */
	float:right;
	}
}

@media (max-width: 480px){
  .banner .action-buttons li{
    display: block;
    padding: 5px 0;
  }
  
  .offcanvas{
    width: 100%;
  }
}
.parallax { 
	background-color:#333; 
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.text-white {color:#FFF;}
.text-white-30 {color:rgba(255,255,255,.3);}
.text-white-50 {color:rgba(255,255,255,.5);}
.text-white-70 {color:rgba(255,255,255,.7);}
.text-black {color:#000;}
.text-black-30 {color:rgba(0,0,0,.3);}
.text-black-50 {color:rgba(0,0,0,.5);}
.text-black-70 {color:rgba(0,0,0,.7);}
.relative {
	position:relative;
}

.col-md-fifth   {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
  @media (min-width: 992px) {
    .col-md-fifth {
      float: left;
      width: 20%;
    }
  }

  .col-lg-fifth   {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
  }
    @media (min-width: 1420px) {
      .col-lg-fifth {
        float: left;
        width: 20%;
      }
    }

    @media (max-width: 1418px) and (min-width: 991px) {
      .col-md-offset-2-custom {
          margin-left: 16.66%;  
      }
  }

    /* Changes Edits 30th September 2021 */
    @media (max-width: 992px){
      .template-nav-v1 .header{
        margin-top: 5px;
        margin-bottom: 5px;
      }
    }
  
.center-image {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.center-content {
  text-align: center;
}


.responsive-button {
    max-width: 100%;
    height: auto;
  }

    /* Default styles for the iframe container */
    .iframe-container {
        position: relative;
        overflow: hidden;
        padding-bottom: 56.25%; /* 16:9 aspect ratio for responsive height */
        max-width: 100%; /* Ensures the iframe doesn't overflow its container */
        margin: 0 auto; /* Centers the container */
        height: 400px;
      }
    
      /* Styles for the iframe */
      .iframe-container iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 400px;
    
      }
    
      /* Media query for smaller screens (adjust the breakpoint as needed) */
      @media (max-width: 768px) {
        .iframe-container {
          padding-bottom: 75%; /* Adjust the aspect ratio for smaller screens */
        }
      }


      .footer-link-2:hover {
        color: #fff !important;
      }


/* END OF This changes the hover color of the links in the Header Contact */



/* Back To Top Button */

#backTop {
	display: inline-block;
	width: 50px;
	height: 50px;
	text-align: center;
	border-radius: 0;
	position: fixed;
	bottom: 30px;
	right: 30px;
	transition: background-color .3s, 
	opacity .5s, 
	visibility .5s;
	opacity: 0;
	visibility: hidden;
	z-index: 999;
  }
  #backTop::after {
	content: "\f077";
	font-family: FontAwesome;
	font-weight: normal;
	font-style: normal;
	font-size: 30px;
	line-height: 50px;
	color: #27272B;
  }
  #backTop:hover::after {
  color: #fff;
}
  @media (max-width: 768px) {
    #backTop {
        font-size: 30px; 
        padding: 0; 
        margin: 0; 
    }

    #backTop::after {
        position: relative;
        top: -3px; 
        left: 0px; 
    }
}
  #backTop:hover {
	cursor: pointer;
	background-color: #1b1b1b;
  }
  #backTop:active {
	background-color: #555;
  }
  #backTop.show {
	opacity: 1;
	visibility: visible;
  }
  .circle {
	border-radius: 0%;
	box-shadow: 0px 0px 1px 1px #fafafa;
  }
  .pulse {
	animation: pulse-animation 1s infinite;
  }
  
  @keyframes pulse-animation {
	0% {
	  box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2);
	}
	100% {
	  box-shadow: 0 0 0 20px rgba(0, 0, 0, 0.2);
	}
  }
/* Back To Top Button END */


/* Contact us page */

.contactus-link, .contactus-link > h4 span {
  font-size: 22px;
  display: inline-flex; 
  align-items: center; 
  color: #ff8200;
}

.square-icon, .rounded-icon, .circle-icon {
  font-size: 30px;
  background-color: #ff8200;
  padding: 10px;
  transition: transform 0.5s ease; 
  text-align: center;
}

div.row.footer-icon-link > i.square-icon,
div.row.footer-icon-link > i.rounded-icon,
div.row.footer-icon-link > i.circle-icon {
  font-size: 22px;
  background-color: #ff8200;
  color: #fff !important;
  padding: 10px;
  transition: transform 0.5s ease; 
  width: 40px;
  height: 40px;
  text-align: center;
}



.square-icon {
  border-radius: 0px;
}

.rounded-icon {
  border-radius: 10px;
}

.circle-icon {
  border-radius: 50%;
}


.contactus-link:hover .square-icon, 
.contactus-link:hover .rounded-icon, 
.contactus-link:hover .circle-icon {
  transform: rotate(15deg);  
}

a.contactus-link > p, div.contactus-link > p{
  font-size: 18px;
  color: #222;
  margin-bottom: 0px;
}

/* Contact us page end */

h6.footerh6 {
  display: inline-block;
  font-size: 20px;
  line-height: 20px;
  /* vertical-align: bottom;
  margin-bottom: 0px !important; */
}

h6.footerh6 a {
  color: #fff;
}
h6.footerh6 a:hover {
  color: #ff8200;
}

.footer-container-border{
  border-bottom: 5px #ff8200 solid;
}



/* MOBILE NAV ICON */
.mobile-nav {
  font-size: 45px; /* Adjust size as needed */
}

#phone-icon.mobile-nav {
  --fa-primary-opacity: 0;
  --fa-secondary-color: #ff8200;
  --fa-secondary-opacity: 1;
}

#close-img.mobile-nav {
  color: #ff8200;
}
/* END MOBILE NAV ICON */