@charset "UTF-8";

@import "bootstrap.min.css";
@import "navbar2.css";
@import "carousel.css";
@import "animate37.css";
/* CSS FOR MAPS START */
@import "hover-location.css";
@import "text-gradient-animation.css";
/* CSS FOR MAPS END */
@import "hover.css";
@import "font-awesome.css";
@import "custom.css";
@import "text.css";
@import "home-contact.css";
@import "form-styles.css";
@import "privacy-service-faq-reviews.css";
@import "services-locate.css";

/* CSS FOR GALLERY */
@import "magnific-popup.css";
@import "popup.css";
@import "gallery-styles.css";




@import "animate.css";
@import "animate-ver37.css";
@import "pricing.css";
@import "w-slider.css";

/* 
.container  {margin:0 auto;--bs-gutter-x: 0;}
.container-fluid  {margin:0 auto;--bs-gutter-x: 0;}

.container, .container-fluid {
    --bs-gutter-x: 0;
    --bs-gutter-y: 0;
    width: 100%;
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);
    margin-right: auto;
    margin-left: auto;
} 
*/

body {background-color: #fff;}
p {font-size: 16px;}

/* ADD CONTAINER PADDING 0 IF NEEDED */

/* HEADER WITH PICTURES LARGE AND SMALL */
.header1 {display: block;margin-left: auto;margin-right: auto;}  
.header1-small {display: none;margin-left: auto;margin-right: auto;}

.header1b {display: block;margin-left: auto;margin-right: auto;}  
.header1-smallb {display: none;margin-left: auto;margin-right: auto;}

.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12 
/* CHANGE BORDER TO 0 AND FIX BACKGROUND COLOR OR REMOVE BACKGROUND COLOR WHEN DONE */ 
/* change to smaller in media below */ 
{padding: 2px 40px 2px 40px;border: 0px solid rgb(8, 8, 8);}

/* BANNER CSS */
.banner-text-align {
	text-align: center;
	/* Image height 530 */
	padding: 76px 0px 0px 0px;
  }
  .card-title-b {font-size: 44px;margin-bottom: 20px;text-shadow: 2px 2px #000000;}
  .card-text-b {font-size: 22px;text-shadow: 2px 2px #000000;}

/* testimonial slder */  
  .testimonial-title-a {font-size: 28px;font-style: italic;}
  .testimonial-text-b {font-size: 20px;margin-bottom: 30px;font-style: italic;}
  .border2 {border: 4px solid #cd1f20;}


h1, .h1 {
    margin-top: 30px;
    margin-bottom: 30px;
    font-weight: 500;
    line-height: 1.2;
    font-size: 32px;
  }

h2, .h2 {
    margin-top: 6px;
    margin-bottom: 20px;
    font-weight: 500;
    line-height: 1.2;
    font-size: 28px;
  }

h3, .h3 {
	margin-top: 0;
	margin-bottom: 0.5rem;
	font-weight: 500;
	line-height: 1.2;
	font-size: 27px;
  }


  .text-shadow1 {text-shadow: 1px 1px 2px #000000; }
  .hvr-rectangle-out {background: #fec106;color: #000;}

/* SAMPLES NOT USING */
  /* Centered text */
  .centered {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
  }
/* header pictures */
  .container2 .content {
	position: absolute; /* Position the background text */
	bottom: 0; /* At the bottom. Use top:0 to append it to the top */
	background: rgb(0, 0, 0); /* Fallback color */
	background: rgba(0, 0, 0, 0.5); /* Black background with 0.5 opacity */
	color: #f1f1f1; /* Grey text */
	width: 100%; /* Full width */
	padding: 80px; /* Some padding */
	text-align: center;
  }
/* Bottom right text */
.text-block {
	position: absolute;
	bottom: 0px;
	right: 0px;
	background-color: black;
	color: white;
	padding-left: 0px;
	padding-right: 0px;
  }
  /* SAMPLES NOT USING */


  .phone17 {font-size: 22px;color: #2d2b43;font-weight: 600;text-decoration: none;}

  .text-gallery-right {text-align: right;}




/* Footer and Footing */
.footing1  {
    padding-right: 0px; padding-left: 0px;
    margin-right: auto;
    margin-left: auto;
}
.phone1 {font-size: 24px;color: #2d2b43;font-weight: 600;}
.phone1b {font-size: 23px;color: #2d2b43;font-weight: 600;}
.phone  {font-size: 32px;color: #2d2b43;text-decoration: none;}
.links1  {margin-top: 12px;margin-bottom: 12px;font-size: 16px;}
.title1 {font-size: 18px;color: #2d2b43;}
.title1b {font-size: 17px;color: #2d2b43;font-weight: 500;}
.title2 {font-size: 17px;color: #2d2b43;margin-bottom: 0px;font-weight: bold;}
.title2b {font-size: 17px;color: #bf360c;margin-bottom: 0px;font-weight: bold;}
.title2c {font-size: 17px;color: #bf360c;margin-bottom: 0px;}
.title3 {font-size: 15px;color: #2d2b43;}
.title3z {font-size: 17px;color: #2d2b43;}
.title4 {font-size: 18px;color: #bf360c;margin-bottom: 0px;font-weight: bold;}
.title16 {font-size: 19px;color: #bf360c;text-align: center;font-weight: 600;}
.title17 {font-size: 17px;color: #bf360c;text-align: center;font-weight: 600;}
.title27 {font-size: 17px;color: #2d2b43;font-weight: 600;}
.title26 {font-size: 26px;color: #2d2b43;}

.title19  {font-size: 19px;color: #bf360c;text-align: center;font-weight: 600;}
.title19b  {font-size: 19px;color: #000000;text-align: center;font-weight: 500;}

.title21 {font-size: 21px;color: #bf360c;margin-bottom: 0px;font-weight: 500;}
.title24 {font-size: 24px;color: #bf360c;margin-bottom: 0px;font-weight: 500;}
.size-color  {font-size: 16px;color: #ffffff;margin-top: 10px;text-align: center;}
.size-color14  {font-size: 14px;color: #ffffff;margin-top: 10px;text-align: center;}
.color  {color: #B3B3B5;}
.black1 {color: #000000;}
.white1 {color: #ffffff;}
.white1b {font-size: 24px;color: #ffffff;}


.element2 {
	position: relative;
	background-image: url("/images/backgrounds/bg-3-gray.jpg");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
  }

/* racks and rates background */
.element3 {
	position: relative;
	background-image: url("/images/backgrounds/bg-6-gray2b.jpg");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;border: 1px solid #2d2a3f;
  }

.element-map {
	position: relative;
	background-image: url("/images/backgrounds/map-3.jpg");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;border: 1px solid #2d2a3f;
  }


/* misc */
.border1 {border: 2px solid black;border-radius: 10px;}

.btn1 {border: 1px solid black;border-radius: 5px;}
.pad-0 {padding: 0px 0px 0px 0px;}
.thank {font-size: 17px;text-align: center;color: #2d2b43;font-weight: 500;}


.center2  {text-align: center;font-size: 19px;color: #bf360c;font-weight: 600;}
.center4  {text-align: center;font-size: 22px;color: #bf360c;font-style: italic;font-weight: 600;}
.center6  {text-align: center;font-size: 17px;color: #bf360c;font-weight: 600;}
.center18  {text-align: center;font-size: 18px;color: #bf360c;font-weight: 600;}

.rates  {font-size: 20px;color: #2d2a3f;text-align: center;margin-top: 16px;margin-bottom: 3px;}
.center1  {text-align: center;font-size: 24px;}  

.center4-h  {text-align: center;font-size: 28px;color: #bf360c;font-style: italic;font-weight: 600;}
.center4-hb  {text-align: center;font-size: 24px;color: #2d2b43;font-weight: 600;}








/* Small devices (landscape phones, less than 1200px) */
@media (max-width: 1199.98px) { 

	.header1b {display: none;margin-left: auto;margin-right: auto;}  
	.header1-smallb {display: block;margin-left: auto;margin-right: auto;}

}





/* Small devices (landscape phones, less than 992px) */
@media (max-width: 991.98px) { 

	.header1b {display: none;margin-left: auto;margin-right: auto;}  
	.header1-smallb {display: block;margin-left: auto;margin-right: auto;}

/* BANNER CSS */
.banner-text-align {
	text-align: center;
	/* Image height 530 */
	padding: 76px 0px 0px 0px;
  }
  .card-title-b {font-size: 40px;}
  .card-text-b {font-size: 20px;}

 /* add this for columns to show right on ipads and surface pro size screens in 992px section */ 
  .col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12 
  {flex: 0 0 auto;width: 100%;}
 /* add this for columns to show right on ipads and surface pro size screens in 992px section */ 
 
}


/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) { 
	.header1 {display: none;margin-left: auto;margin-right: auto;}  
	.header1-small {display: block;margin-left: auto;margin-right: auto;}

	.header1b {display: none;margin-left: auto;margin-right: auto;}  
	.header1-smallb {display: block;margin-left: auto;margin-right: auto;}

	/* BANNER CSS */
.banner-text-align {
	text-align: center;
	/* Image height 530 */
	padding: 48px 0px 0px 0px;
  }
  .card-title-b {font-size: 36px;margin-bottom: 140px;text-align: center;}
  .card-text-b {font-size: 20px;}

}

/* X-Small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) { 
	.header1 {display: none;margin-left: auto;margin-right: auto;}  
	.header1-small {display: block;margin-left: auto;margin-right: auto;}

	.header1b {display: none;margin-left: auto;margin-right: auto;}  
	.header1-smallb {display: block;margin-left: auto;margin-right: auto;}

	.mobile-center {display: block;margin-left: auto;margin-right: auto;}

	/* BANNER CSS */
.banner-text-align {
	text-align: center;
	/* Image height 530 */
	padding: 20px 0px 0px 0px;}
	.card-title-b {font-size: 32px;margin-bottom: 112px;text-align: center;}

	h1, .h1 {margin-top: 18px;margin-bottom: 18px;font-size: 24px;}
	h2, .h2 {margin-top: 5px;margin-bottom: 20px;font-size: 22px;}
	h3, .h3 {margin-top: 0px;margin-bottom: 0.5rem;font-size: 23px;}

	.testimonial-title-a {font-size: 20px;font-style: italic;}
	.testimonial-text-b {font-size: 14px;margin-bottom: 10px;font-style: italic;}

	.text-left {text-align: left;}

	.container, .container-fluid {
		--bs-gutter-x: 0;
		--bs-gutter-y: 0;
		width: 100%;
		padding-right: calc(var(--bs-gutter-x) * .5);
		padding-left: calc(var(--bs-gutter-x) * .5);
		margin-right: auto;
		margin-left: auto;
	}

	.title24 {font-size: 22px;color: #bf360c;margin-bottom: 0px;font-weight: 500;}

.phone1 {font-size: 20px;color: #2d2b43;font-weight: 600;}
.phone  {font-size: 28px;color: #2d2b43;text-decoration: none;}

	.title2b {font-size: 17px;color: #2d2b43;margin-bottom: 0px;font-weight: bold;}	
	p {font-size: 15px;}

}