/*
Theme Name: Lickety Split
Theme URI: https://opencollective.com/blankslate
Author: Bryan Hadaway
Author URI: https://opencollective.com/blankslate#section-contributors
Description: Donate: https://opencollective.com/blankslate. Learn: https://blankslate.me/. BlankSlate is the definitive WordPress boilerplate starter theme. I've carefully constructed the most clean and minimalist theme possible for designers and developers to use as a base to build websites for clients or to build completely custom themes from scratch. Clean, simple, unstyled, semi-minified, unformatted, and valid code, SEO-friendly, jQuery-enabled, no programmer comments, standardized and as white label as possible, and most importantly, the CSS is reset for cross-browser-compatability, with no intrusive visual CSS styles added whatsoever. A perfect skeleton theme. For support and suggestions, go to: https://github.com/bhadaway/blankslate/issues. Thank you.
Tags: accessibility-ready, one-column, two-columns, custom-menu, featured-images, microformats, sticky-post, threaded-comments, translation-ready
Version: 2024.2
Requires at least: 5.2
Tested up to: 6.5
Requires PHP: 7.4
License: GNU General Public License v3 or Later
License URI: https://www.gnu.org/licenses/gpl.html
Text Domain: blankslate

BlankSlate WordPress Theme 2011-2024
BlankSlate is distributed under the terms of the GNU GPL
*/

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}html{scroll-behavior:smooth}body{line-height:1}a{text-decoration-skip-ink:auto}a[href^="tel"]{color:inherit;text-decoration:none}button{outline:0}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}q{display:inline;font-style:italic}q:before{content:'"';font-style:normal}q:after{content:'"';font-style:normal}textarea,input[type="text"],input[type="button"],input[type="submit"],input[type="reset"],input[type="search"],input[type="password"]{-webkit-appearance:none;appearance:none;border-radius:0}input[type="search"]{-webkit-appearance:textfield}table{border-collapse:collapse;border-spacing:0}th,td{padding:2px}big{font-size:120%}small,sup,sub{font-size:80%}sup{vertical-align:super}sub{vertical-align:sub}dd{margin-left:20px}kbd,tt{font-family:courier;font-size:12px}ins{text-decoration:underline}del,strike,s{text-decoration:line-through}dt{font-weight:bold}address,cite,var{font-style:italic}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
.sticky{}.bypostauthor{}.wp-caption{}.wp-caption-text{}.gallery-caption{}.alignright{}.alignleft{}.aligncenter{}
.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;width:1px;word-wrap:normal!important;word-break:normal}
.screen-reader-text:focus{background-color:#f7f7f7;border-radius:3px;box-shadow:0 0 2px 2px rgba(0,0,0,.6);clip:auto!important;-webkit-clip-path:none;clip-path:none;color:#007acc;display:block;font-size:14px;font-size:.875rem;font-weight:700;height:auto;right:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}
.skip-link{left:-9999rem;top:2.5rem;z-index:999999999;text-decoration:underline}
.skip-link:focus{display:block;left:6px;top:7px;font-size:14px;font-weight:600;text-decoration:none;line-height:normal;padding:15px 23px 14px;z-index:100000;right:auto}
.visually-hidden:not(:focus):not(:active), .form-allowed-tags:not(:focus):not(:active){position:absolute !important;height:1px;width:1px;overflow:hidden;clip:rect(1px 1px 1px 1px);clip:rect(1px, 1px, 1px, 1px);white-space:nowrap}



.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{margin-bottom: .5rem;}







:root {
  --primary-color: #eb2127;
  --secondary-color: #469ec8;
  --text-color: #000000;
  --light-text-color: #ffffff;
  --background-color: #eeeeee;
}

body {
  font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", Arial, sans-serif;
  color: var(--text-color);
  line-height: 1.5;
}

/* Typography */
h1, .h1 { font-size: 48px; font-weight: 900; }
h2, .h2 { font-size: 32px; font-weight: 900; }
p { font-size: 16px; margin-bottom: 1rem;}

.container img{max-width: 100%}
/* Buttons */
.btn-primary {
  background: linear-gradient(180deg, #851216, var(--primary-color));
  border: none;
}

.btn-secondary {
  background: linear-gradient(180deg, #346381, var(--secondary-color));
  border: none;
}
#menu {
display: inline-block;
vertical-align: middle;
}
/* Navbar */
.navbar-light {
  background-color: var(--light-text-color) !important;
}

.navbar-brand img {
  height: 74px;
  width: auto;
}

.togglepar {
display: none;
}

.nav-bar-2 #menu {
display: inline-block
}
.nav-bar-2 #menu ul {
display: table;

}
.nav-bar-2 #menu li{display: inline-block;vertical-align: middle}

/* Hero Section */
.hero {
  background-size: cover;
  background-position: center;
  min-height: 610px;
}

.hero h1 {
  font-size: 56px;
  font-weight: 900;
}

.hero p {
  font-size: 18px;
}



	.homehero {
	position: relative;
	overflow: hidden;
	background-size: cover;
	  background-position: center;
	min-height: 610px;
}
.video-background {
	position: absolute;
	top: 50%;
	left: 50%;
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	transform: translateX(-50%) translateY(-50%);
	object-fit: cover;
	z-index: -1;
}
.homehero .container {
	position: relative;
	z-index: 1;
}





/* Wash Packages */
.wash-packages .card {
  border-radius: 15px;
  overflow: hidden;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

/* Testimonials */
.testimonials {
  background-color: var(--background-color);
}

.testimonials .card {
  border: none;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
}

/* Footer */
footer {
  background: url(assets/images/footer-background.png) no-repeat center / cover;
}

footer a {
  color: var(--light-text-color) !important;
  text-decoration: none;
}

footer a:hover {
  text-decoration: underline;
}

/* Utility classes */
.text-primary { color: var(--primary-color) !important; }
.text-secondary { color: var(--secondary-color) !important; }
.bg-primary { background-color: var(--primary-color) !important; }
.bg-secondary { background-color: var(--secondary-color) !important; }


.nav-bar {

position: relative;

background: url(assets/images/ed70c531e55c05dedd4b4dd07e7317782f437450.png)
no-repeat center;
background-size: cover;
}

.nav-bar .toptext {
text-align: right;
padding: 16px 13px 16px 0;
}
.topphone {

position: relative;
height: 24px;
color: #ffffff;
font-family: "Roboto", var(--default-font-family);
font-size: 16px;
font-weight: 800;
line-height: 24px;
text-align: left;
white-space: nowrap;
z-index: 5;
display: inline-block;vertical-align: middle;
margin-right:16px
}

.membership-login {

position: relative;
height: 24px;
color: #ffffff;
font-family: "Roboto", var(--default-font-family);
font-size: 16px;
font-weight: 600;
line-height: 24px;
text-align: center;
white-space: nowrap;
z-index: 7;
}

.membership-login a{color:white !important;text-decoration: none}


.primary-small {
display: inline-block;vertical-align: middle;
gap: 8px;
position: relative;
width: auto;
padding: 8px 20px 8px 20px;
cursor: pointer;
background: linear-gradient(180deg, #346381, #469ec8);
border: 1px solid #ffffff;
z-index: 6;
border-radius: 15px;
box-sizing: content-box;
box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
}






.button-primary-small {
display: flex;
align-items: center;
justify-content: center;
flex-wrap: nowrap;
flex-shrink: 0;
gap: 8px;
position: relative;
width: auto;
padding: 8px 20px 8px 20px;
cursor: pointer;
background: linear-gradient(180deg, #851216, #eb2127);
border: 1px solid #ffffff;
z-index: 288;
border-radius: 15px;
box-sizing: content-box;
box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
color:white;
text-align: center;
font-weight: 600
}
.button-primary-small a{color:white !important;text-decoration:none}

.topnav {
display: inline-block;
vertical-align: middle;
}

.topnav a {

position: relative;

color: #000000;
font-family: "Roboto", var(--default-font-family);
font-size: 16px;
font-weight: 400;
line-height: 24px;
text-align: left;
white-space: nowrap;
z-index: 279;
text-decoration: none;margin: 0 16px
}

.nav-bar-2 .button-primary-small {
display: inline-block;
vertical-align: middle;

}

.nav-bar-2 .right {
text-align: right;
}
.nav-bar-2 {
padding: 25px 0;
}



.hero,.homehero {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
flex-wrap: nowrap;
flex-shrink: 0;
gap: 80px;
position: relative;
width: 100%;
height: 610px;
padding: 112px 64px 112px 64px;
background: rgba(0, 0, 0, 0.1)
url(assets/images/14f9a6b16e61497423ab43c4b86afe475ba28cdc.png) no-repeat
center;
background-size: cover;
z-index: 291;
overflow: hidden;
}
.hero:before{content:"";background:rgba(0,0,0,.5);width:100%;height:100%;left:0px;top:0px;z-index: 1;position: absolute}
.hero .container{position: relative;z-index: 10}

.hero h1,.homehero h1 {
align-self: stretch;
flex-shrink: 0;
flex-basis: auto;
position: relative;
min-width: 0;

color: #ffffff;
font-size: 56px;
font-weight: 900;
line-height: 67px;
text-align: center;

z-index: 293;
text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.53);
text-transform: uppercase
}

.hero p,.homehero p {
display: flex;
align-items: flex-start;
justify-content: center;
align-self: stretch;
flex-shrink: 0;
position: relative;
min-width: 0;
color: #ffffff;
font-size: 18px;
font-weight: 400;
line-height: 27px;
text-align: center;
z-index: 294;
text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.53);
}

.homepackages {
padding: 50px 0;
}
.homepackages h2 {

position: relative;
height: 58px;
color: #000000;
font-size: 48px;
font-weight: 900;
line-height: 57.6px;
text-align: center;
text-transform: uppercase;
white-space: nowrap;
z-index: 298;
}
.homepackages p {
position: relative;

color: #000000;
font-size: 18px;
font-weight: 400;
line-height: 27px;
text-align: center;
z-index: 299;
}

.row.packgrid {
margin-top: 40px;
margin-bottom: 20px;
}
.packright {
padding-top: 20px;
}

.packright img {
margin: 2px 0;
}




.washpackages{background-image:url('assets/images/packagesbubbles.jpg');background-position: top center;background-size: cover;background-repeat: no-repeat;padding: 50px 0;text-align: center}

.washpackages h2 {

position: relative;
height: 58px;
color: white;
font-size: 48px;
font-weight: 900;
line-height: 57.6px;
text-align: center;
text-transform: uppercase;
white-space: nowrap;
z-index: 298;
}
.washpackages p {
position: relative;

color: white;
font-size: 18px;
font-weight: 400;
line-height: 27px;
text-align: center;
z-index: 299;
}


.thirdsgallery {
font-size: 0;
display: table;
width: 100%;
}

.tgimg {
width: 33.33%;
padding-bottom: 22%;
background: red;
display: inline-block;
background-size: cover;
background-position: center center;
background-repeat: no-repeat
}

.homecareers {

position: relative;
width: 100%;
padding: 0 64px 0 64px;
background: url(assets/images/9ef465f4e1459cce8992fb99c24fe641b27aef38.jpeg)
no-repeat center;
background-size: cover;
z-index: 314;
padding:50px 0
}
.homecareers p {
position: relative;

color: #ffffff;
font-size: 21px;
font-weight: 600;
line-height: 26.46px;
text-align: left;
z-index: 320;
margin-bottom: 33px
}


.whitebutton {
position: relative;
padding: 12px 24px 12px 24px;
cursor: pointer;
background: #ffffff;
border: none;
z-index: 322;
border-radius: 15px;
box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);


color: #e4001b;
font-size: 16px;
font-weight: 600;
line-height: 24px;
}

.whitebutton a{color: #e4001b !important;text-decoration: none}


.testimonials {

position: relative;

padding: 60px 0;
background: #eeeeee;
z-index: 324;
}

.testimonial {
position: relative;
padding: 32px 32px 32px 32px;
background: #ffffff;
z-index: 327;
border-radius: 15px;
box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
}
.stars {
text-align: center;
margin-bottom: 32px;
}
.testimonial .quote {

position: relative;
color: #000000;
font-size: 18px;
font-weight: 400;
line-height: 27px;
text-align: center;
z-index: 335;
margin-bottom: 32px
}
.testimonial .quotesource{
 
  position: relative;
  color: #000000;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  text-align: center;
  white-space: nowrap;
  z-index: 338;
}


.special{margin: 60px 0}
.special .container{padding: 0 28px;}

.special .row {
border: 1px solid black;
}
.specimg {
padding-left: 0px;
font-size: 0px
}
.spectxt {
padding: 0 60px;
}
.special .button-primary-small {
display: table;
}
.special h2{
  font-size: 48px;
  font-style: normal;
  font-weight: 900;
  line-height: 57.6px}
.special p{font-size: 18px;
  font-weight: 400;
  line-height: 27px; }
  
  
  
  
  
  
  .highlight{margin: 60px 0}

  .hlimg {
  padding-left: 0px;
  }
.hltxt {
  padding: 0 77px 0 60px;
  }
  .highlight .button-primary-small {
  display: table;
  }
  .highlight h2{
	font-size: 48px;
	font-style: normal;
	font-weight: 900;
	line-height: 57.6px}
  .highlight p{font-size: 18px;
	font-weight: 400;
	line-height: 27px; }
	
	
	
	.actxt h2 {font-size: 48px;
	  font-style: normal;
	  font-weight: 900;
	  line-height: 57px; 
	  }
	  .actxt p{font-size: 18px;
		font-style: normal;
		font-weight: 400;
		line-height: 27px; }
	.aclist {
	  padding: 0 12px 0 60px;
	  }
	  
	  .faq{margin: 112px 0}
	  .faqintro{text-align: center;margin-bottom: 64px}
 
	
	
	.faqintro h1{font-size: 48px;
	  font-style: normal;
	  font-weight: 900;
	  line-height: 57px; }
	  .faqintro p{font-size: 18px;
		font-style: normal;
		font-weight: 400;
		line-height: 27px; }
		
		
		
		.faqoutro{margin-top: 80px;text-align: center}
		
		.faqoutro h2{font-size: 32px;
		  font-style: normal;
		  font-weight: 900;
		  line-height: 42px; }
		.faqoutro p{font-size: 18px;
		font-style: normal;
		font-weight: 400;
		line-height: 27px; }
		
		.faqoutro .button-primary-small {
		display: table;
		margin: auto;
		}
	
	
 .faqitem {
		border-bottom: 0px !important;
		border-top: 1px solid #E0DEDE;
	}
	
	.faqitem.first {
		border-top: 0px;
	}    
	
	
	#faq {
		padding: 50px 0 30px
	}
	
	.faqitem {
		padding-top: 12px;
		border-bottom: 1px solid #E0DEDE;
		position: relative
	}
	
	.togglefaq {
		width: 16px;
		position: absolute;
		right: 0px;
		top: 18px;
		z-index: 4;
		cursor: pointer
	}
	
	.faqitem .down {
		display: none
	}
	
	.faqitem .question {
	   font-size: 18px;
	   font-style: normal;
	   font-weight: 900;
	   line-height: 27px;
	   color:black;
		margin-bottom: 12px;
		cursor: pointer
	}
	
	.faqitem .answer {
		display: none;
	  font-size: 16px;
	  font-style: normal;
	  font-weight: 400;
	  line-height: 24px; 
	  color:black;
	}
	.faqitem .answer a{color:var(--primary-color) !important;font-weight: 900;}
	
	.faqitem.active .answer {
		display: block
	}
	
	.faqitem.active .up {
		display: none
	}
	
	.faqitem.active .down {
		display: block
	}
	
	.aboutcareers {
	padding: 30px 0;
	}
	
	
	
	.contact{margin:112px 0px}
	
	.contactdesc h2 {font-size: 48px;
	font-style: normal;
	font-weight: 900;
	line-height: 57px; 
	}
	.contactdesc p{font-size: 18px;
	  font-style: normal;
	  font-weight: 400;
	  line-height: 27px; }
	
	
	
	
	.contactopt {
	display: table;
	width: 100%;
	margin-bottom: 8px
	}
	
	.contactopt .iconpar{display: inline-block;vertical-align: top;margin-right: 16px}
	.contactopt .textpar{display: inline-block;vertical-align: top}
	.contactopt .textpar h3{font-size: 20px;
	  font-style: normal;
	  font-weight: 900;
	  line-height: 28px;}
	  .contactopt .textpar p{font-size: 16px;
		font-style: normal;
		font-weight: 400;
		line-height: 24px}
		
		.contactopt .textpar a{text-decoration: none;color: inherit}




.footer {
position: relative;
width: 100%;
padding: 40px 64px 126px 64px;
background: url(assets/images/7383e9c42aff6fe0f54718ea05b0be32c01dfa66.png)
no-repeat center;
background-size: cover;
z-index: 373;
}

.footer-links a {
position: relative;
color: #ffffff;
font-size: 18px;
font-weight: 600;
line-height: 27px;
text-align: left;
white-space: nowrap;
z-index: 381;
display: table;
text-decoration: none
}

.footercontact h6 {

position: relative;
color: #ffffff;
font-size: 22px;
font-weight: 900;
line-height: 33px;
text-align: left;
white-space: nowrap;
z-index: 394;
margin-bottom: 8px
}

.footercontact p {
flex-grow: 1;
flex-shrink: 0;
flex-basis: auto;
position: relative;
color: #ffffff;
font-size: 18px;
font-weight: 600;
line-height: 27px;
text-align: left;
white-space: nowrap;
z-index: 396;
margin-bottom: 8px

}

.footerbuttons .button-primary-small {
width: 170px;
margin-bottom: 24px;
display: inline-block;
}
.footerbuttons .primary-small {
width: 170px;
}

.footerbuttons {
text-align: right;
}


  #map_canvas, #map_canvas2 {
	height: 436px;
}
#map_canvas2 {
display: none;
}


.gallery .col-12{padding: 0px}
.gallery .grid-container {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 30px;
padding: 30px 16px 0;
box-sizing: border-box;
}
.gallery .column {
	display: grid;
	gap: 30px;
}
.gallery .grid-item {
	position: relative;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}
.gallery .top-left {
padding-bottom: 83.33%;
}
.gallery .top-right {
	padding-bottom: 58%;
}
.gallery .bottom-right {
	padding-bottom: 101%;
}
.gallery .bottom-left {
	padding-bottom: 66.33%;
}



.page-template-about .gallery{padding-bottom: 60px}



/* Media Queries */
@media (max-width: 768px) {
  h1, .h1 { font-size: 36px; }
  h2, .h2 { font-size: 28px; }
  .hero { min-height: 400px; }
}




/* Add this at the end of your existing CSS file */

/* Large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) {
  h1, .h1, .hero h1, .homepackages h2, .washpackages h2, .special h2, .highlight h2, .faqintro h1, .contactdesc h2 { 
	font-size: 40px;
	line-height: 43px;
  }
  h2, .h2, .faqoutro h2 { 
	font-size: 28px; 
  }
  
  .footer-links a{font-size: 15px}
  .footercontact h6{font-size: 18px}
  .footercontact p{font-size: 15px;
	  line-height: 22px;}
	  .footercontact {
	  padding-left: 30px;
	  }
	  
	  .specimg{position: relative;
		  display: flex;
		  height: 0px;
		  padding-bottom: 43%;}
		  
		  .specimg img {
		  object-fit: cover;
		  height: 100%;
		  position: absolute;
		  width: 100%;
		  display: table;
		  }
		  .highlight h2 br{display: none}
}

/* Medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {
  h1, .h1, .hero h1, .homepackages h2, .washpackages h2, .special h2, .highlight h2, .faqintro h1, .contactdesc h2 { 
font-size: 34px;
  line-height: 38px;
  }
  h2, .h2, .faqoutro h2 { 
	font-size: 24px; 
  }
  p, .hero p, .homepackages p, .washpackages p, .special p, .highlight p, .faqintro p, .faqoutro p, .contactdesc p { 
	font-size: 16px; 
  }
  .homecareers p {
	font-size: 18px;
  }
  .navbar-brand img {
	height: 60px;
  }
  .footer-links a {
	font-size: 16px;
  }
  .footercontact h6 {
	font-size: 20px;
  }
  .footercontact p {
	font-size: 16px;
  }
  .contactopt .textpar h3 {
	font-size: 18px;
  }
  .contactopt .textpar p {
	font-size: 15px;
  }
  
  .topnav a{font-size: 14px;margin: 0 8px;}
  .button-primary-small{font-size: 14px;  padding: 8px 15px 8px 15px;}
  .topphone{font-size: 14px}
  .membership-login{font-size: 14px}
  
  .footerbuttons {
  margin-top: 30px;

  }
  
  .footerbuttons .button-primary-small {
  width: 153px;
  padding: 10px 20px 10px 20px;
  vertical-align: top;
  margin-right: 10px;
  }
  
  .specimg{position: relative;
	display: flex;
	height: 0px;
	padding-bottom: 48%;}
	
	.specimg img {
	object-fit: cover;
	height: 100%;
	position: absolute;
	width: 100%;
	display: table;
	}
	.highlight h2 br{display: none}
	.spectxt {
	padding: 0 30px;
	}
	.hltxt {
	padding: 0 30px 0 30px;
	}
}

/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {
	
	
	
	
	
  h1, .h1, .hero h1, .homepackages h2, .washpackages h2, .special h2, .highlight h2, .faqintro h1, .contactdesc h2 { 
	font-size: 32px; 
  }
  h2, .h2, .faqoutro h2 { 
	font-size: 22px; 
  }
  p, .hero p, .homepackages p, .washpackages p, .special p, .highlight p, .faqintro p, .faqoutro p, .contactdesc p { 
	font-size: 15px; 
  }
  .homecareers p {
	font-size: 16px;text-align: center
  }
  .btn-primary, .btn-secondary, .primary-small, .button-primary-small {
	font-size: 14px;
	padding: 6px 16px;
  }
  .testimonial .quote {
	font-size: 16px;
  }
  .testimonial .quotesource {
	font-size: 14px;
  }
  .footer-links a {
	font-size: 15px;
	margin: 5px auto;
  }
  #menu-footer {
  margin-top: 30px;
  }
  .footercontact {margin-top: 30px;padding-left: 12px;}
  .footercontact h6 {
	font-size: 18px;
	text-align: center
  }
  .footercontact p {
	font-size: 15px;
	text-align: center

  }
  .contactopt .textpar h3 {
	font-size: 16px;
  }
  .contactopt .textpar p {
	font-size: 14px;
  }
  .hero, .homepackages, .washpackages, .homecareers, .testimonials, .special, .highlight, .faq, .contact, .footer {
	padding-left: 15px;
	padding-right: 15px;
  }
  .spectxt, .hltxt, .aclist {
	padding: 30px 15px;
  }
  .footerbuttons {
	text-align: left;
	margin-top: 20px;
  }
  .nav-bar-2 .right {
	text-align: right;
	display: none;
	}
  .col-md-3.toplogo {
  margin-bottom: 0px;
  }
  
  
  
  
  .togglepar {
	  display: inline-flex;
	  text-align: right;
	  flex-wrap: wrap;
	  vertical-align: middle;
	  justify-content: flex-end;
	  padding-top: 7px;
	  padding-top: 7px;
	  position: relative;
	  z-index: 1001;
  }
  
  header .hamburger {
	  display: inline !important;
	  width: auto;
	  float: right;
	  margin-top: 0px;
	  padding-right: 0px;
	  z-index: 11;
	  position: relative;
	  vertical-align: middle;
	  padding: 0px;
  }
  
  .hamburger-box {
	  width: 30px;
  }
  
  .hamburger-inner, .hamburger-inner:after, .hamburger-inner:before {
	  height: 2px !important;
	  width: 30px !important;
	  border-radius: none !important;
	  background: var(--primary-color) !important;
  }
  
  #header .topnav {
	  display: none;
  }
  
 .opennav #header .topnav {
 display: block;
 position: absolute;
 background: white;
 left: 0px;
 top: 0px;
 height: auto;
 width: 100vw;
 z-index: 1000;
 top: 100%;
 padding-bottom: 30px;
 padding-left: 0px;padding-right: 0px
 }
  
  #menu.desk {
	  display: none;
  }
  
  #menu.mobile {
	  display: block;
	  position: fixed;
	  width: 100%;
	  left: 0px;
	  top: 121px;
  }
  
  .menu-item {
	  display: table;
	  text-align: center;
	  width: 100%;
	  text-transform: uppercase;
	  border-top:1px solid #aaa
  }
.menu-item a {
  width: 100%;
  padding: 16px 0;
  display: table;
  text-align: center;
  margin: 0px
  }
  .navpar {
  text-align: center;
  }
  .nav-bar-2{position: relative;padding: 15px 0;}
  #menu {
  display: table;
  vertical-align: middle;
  width: 100%;
  }
  #menu-main-menu{width:100%;display:table;}
  
  
  .hero{height:500px}
  
  .packright {
  text-align: center;
  }
  
  .content-11f {
  text-align: center;
  }
  .testimonial{margin: 10px 0}
  .footerlogo{text-align: center}
  .footerbuttons .button-primary-small{display: table;margin-left:auto;margin-right:auto;}
  .footerbuttons .primary-small{display: table;margin-left:auto;margin-right:auto;}
  
  .special .button-primary-small {
  margin: auto;
  }
  
  
  
  .gallery .grid-container{	gap: 16px;}
  .gallery .column {
	  gap: 16px;
  }
  
  .special .container {
  padding: 0 12px;
  }
  
}

/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
  h1, .h1, .hero h1, .homepackages h2, .washpackages h2, .special h2, .highlight h2, .faqintro h1, .contactdesc h2 { 
	font-size: 28px; 
  }
  h2, .h2, .faqoutro h2 { 
	font-size: 20px; 
  }
  
  
  .actxt h2{	font-size: 35px;}
  .footercontact {margin-top: 30px;padding-left: 12px;}



}