/* LOAD CUSTOM FONTS 
--------------------------------------------------------------------------------*/


@font-face {
font-family: 'miso-light-webfont';
src: url('../fonts/miso-light-webfont.eot');
src: url('../fonts/miso-light-webfont.eot?#iefix') format('embedded-opentype'),
     url('../fonts/miso-light-webfont.woff') format('woff'),
     url('../fonts/miso-light-webfont.ttf') format('truetype'),
     url('../fonts/miso-light-webfont.svg#MisoLight') format('svg');
font-weight: normal;
font-style: normal;
}


@font-face {
font-family: 'miso-webfont';
src: url('../fonts/miso-webfont.eot');
src: url('../fonts/miso-webfont.eot?#iefix') format('embedded-opentype'),
     url('../fonts/miso-webfont.woff') format('woff'),
     url('../fonts/miso-webfont.ttf') format('truetype'),
     url('../fonts/miso-webfont.svg#MisoRegular') format('svg');
font-weight: normal;
font-style: normal;

}


@font-face {
  font-family: 'Red Hat Display Regular';
  src:  url('../../fonts/redhatdisplay-regular.eot');
  src:  url('../../fonts/redhatdisplay-regular.eot?#iefix') format('embedded-opentype'),
        url('../../fonts/redhatdisplay-regular.woff') format('woff'),
        url('../../fonts/redhatdisplay-regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Red Hat Display Bold';
  src:  url('../../fonts/redhatdisplay-bold.eot');
  src:  url('../../fonts/redhatdisplay-bold.eot?#iefix') format('embedded-opentype'),
        url('../../fonts/redhatdisplay-bold.woff') format('woff'),
        url('../../fonts/redhatdisplay-bold.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}



@font-face {
 font-family: bebas-neue;
 src: url("//www.miamicarwash.ca/BebasNeue.otf"); /* EOT file for IE */
}

@font-face {
 font-family: gill-sans;
 src: url("//www.miamicarwash.ca/GillSansMT.ttf"); /* EOT file for IE */
}

@font-face {
 font-family: monaco;
 src: url("//www.miamicarwash.ca/monaco.ttf"); /* EOT file for IE */
}

h102 {font-size: 1.3vw; color:white; font-family: 'Red Hat Display Bold'; text-transform:uppercase; }
h103 {font-size: 1.0vw; color:white; font-family: 'Red Hat Display Regular'; text-transform:uppercase; }

a, a:link, a:visited, a:hover { 
  font-size: 36px; 
  font-family:Helvetica; 
  color:white;
  text-align: center; 
  text-transform:uppercase; 
  font-weight: 400; margin:0px; 	
  padding: 10px 20px 10px 20px; 
  display:inline; 
  text-decoration: none; 
}

body { 	margin-left: 0px; margin-top: 0px; margin-right: 0px; background-color: black;}

span {
	font-size: 24px;
	text-transform: uppercase;
	padding: 0px;
}

li {
  /*
  background-color: rgba(255,255,255,0.1);
  border-radius: 10px;
  */
}

* {
  min-height: 0;
  min-width: 0;
}


.slideshow {
  position: relative;
  z-index: 1;
  height: 100%;
  margin: 0px auto;
  
  * {
    outline: none;
  }
  
  .slider {
    box-shadow: 0 20px 50px -25px rgba(0, 0, 0, 1);
  }
  
  .slider-track {
    transition: all 10s ease;
  }
  
  .item {
    height: 100%;
    position: relative;
    z-index: 1;
    
    img {
      width: 100%;
      transition: all 10s ease;
      transform: scale(1.0);
    }
    
    &.slick-active img {
      transform: scale(1.2);
    }
  }
}

.linear-text-gradient {
	background: linear-gradient(to top, #0594BC, #ACE7F4);
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
	font-weight: 800;
}


#top_section {
	background-color: rgba(0,0,0,0);
	/* background-image: linear-gradient(90deg, rgba(255,255,255,0) 50%, rgba(255,255,255,0.1) 100%); /* linear-gradient(90deg, #00d2ff 0%, #8BEBFF 100%); */
	left: 0px;
	margin-left: 0px;
	margin-top: 0px;
	padding-bottom: 0px;
}

#phone_number_DIV {
  display:relative; 
  margin-top: 10px;
  border: 0px solid yellow; 
  padding: 3px 20px 0px 20px; 
  height: 63px;
  min-width: 550px;
  text-align: right; 
}

.our_services-info-text h1 {
  font-size: calc(0.8em + 0.5vw);
}

.heading-left {
  z-index: 2000; 
  position: absolute; 
  left: 20px; 
  top: 50px; 
  background-color: rgba(0,0,0,0.7); 
  padding: 20px 40px; 
  display: inline-block;
}

.heading-right {
  z-index: 2000; 
  position: absolute; 
  right: 20px; 
  top: 50px; 
  background-color: rgba(0,0,0,0.7); 
  padding: 20px 40px; 
  display: inline-block;
}

.business-description {
  margin-top:10px;  
  margin-bottom: 30px;
  text-align:right; 
}

.service-box {
  /* text-align: left; */
  border: 1px solid rgba(0,0,0,0.1);
  padding: 20px 20px 40px 20px;
  margin-bottom: 50px;
  border-radius: 25px;
  /* background-color: rgba(0,0,0,0.8); */
  background-image: linear-gradient(165deg, rgba(255,255,255,0.1) 0%, rgba(255,255,255,0.03) 100%); /* linear-gradient(90deg, #00d2ff 0%, #8BEBFF 100%); */
}

.service-box2 { 
  /* text-align: left; */
  border: 1px solid rgba(0,0,0,0.7);
  padding: 30px 0px 20px 20px;
  margin: 45px 0px 0px 0px;
  border-radius: 30px;
  /* background-color: rgba(0,0,0,0.8); */
  background-image: linear-gradient(165deg, rgba(0,0,0,0.95) 0%, rgba(0,0,0,0.4) 70%); /* linear-gradient(90deg, #00d2ff 0%, #8BEBFF 100%); */
  min-height: 220px;
  max-width: fit-content;
}

.service-box3, .service-box4, .service-box5, .service-box6, .service-box7, .newly_featured { 
  /* text-align: left; */
  border: 1px solid rgba(0,0,0,0.7);
  padding: 30px 0px 20px 20px;
  margin: 45px 0px 0px 10px;
  border-radius: 30px;
  /* background-color: rgba(0,0,0,0.8); */
  background-image: linear-gradient(165deg, rgba(12,73,119,0.95) 0%, rgba(0,0,35,0.4) 70%); /* linear-gradient(90deg, #00d2ff 0%, #8BEBFF 100%); */
  min-height: 220px;
  max-width: fit-content;
}

.service-box4 { 
  background-image: linear-gradient(330deg, rgba(0,0,0,0.65) 10%, rgba(0,0,0,0.72) 30%, rgba(241,120,0,1) 100%); /* linear-gradient(90deg, #00d2ff 0%, #8BEBFF 100%); */
}

.service-box5 { 
  background-image: linear-gradient(-15deg, rgba(0,0,0,0.65) 50%, rgba(0,165,255,0.6) 90%); /* linear-gradient(90deg, #00d2ff 0%, #8BEBFF 100%); */
}

.service-box6 { 
  background-image: linear-gradient(-15deg, rgba(0,0,0,0.65) 50%, rgba(255,0,225,0.6) 90%); /* linear-gradient(90deg, #00d2ff 0%, #8BEBFF 100%); */
}


.service-box7 { 
  background-image: linear-gradient(90deg, rgba(0,0,0,1.0) -20%, rgba(0,0,30,0.70) 20%, rgba(0,0,30,0.70) 30%, rgba(0,0,0,1.0) 100%); /* linear-gradient(90deg, #00d2ff 0%, #8BEBFF 100%); */
  border: 2px solid rgba(250,173,27,0.7);
}


.service-box, .service-box2, .service-box3, .service-box4, .service-box5, .service-box6, .service-box7, .newly_featured {
  text-align: left;
  max-width: 1200px;
  padding-left: 30px;
  margin-right: 30px;
}


.washbook-box, .newly_featured {
  padding-right: 0px;
  margin: 0px 10px 10px 0px;
  min-height: 180px;
}

.newly_featured {
  border: 2px solid rgba(255,255,255,1); 
  background-color: rgba(255,255,255,0.3); 
  background-image: linear-gradient(0deg, rgba(255,255,255,0.3) 0%, rgba(255,255,255,0.9) 70%);
}


.section-heading {
  padding-top: 20px;
  padding-left: 30px;
  padding-bottom: 0px;
}


.service-details-box { 
  border: 0px solid red; 
  position: absolute; 
  bottom: 0; 
  width: 100%; 
  right: 20px; 
}


.right-side {
  text-align:right; 
  padding-right: 20px; 
  margin-top: 8px;
  border: 0px solid orange;  /* For testing purposes */
  position: relative; 
  min-height: 220px;
}


.service-heading-bg {
  /* background-image: linear-gradient(90deg, #09c2de 0%, #8FE3F0 70%); /* linear-gradient(90deg, #00d2ff 0%, #8BEBFF 100%); */
  /* background-image: linear-gradient(90deg, #09c2de 0%, #8FE3F0 70%); */
  padding: 0px 0px 0px 0px;
  
  border-radius: 5px;
  text-align: left;
  width: 100%;
  margin-bottom: 30px;
}

.service-heading-bottom_border {
  background-image: linear-gradient(90deg, rgba(9,194,222,0.2) 0%, rgba(143, 227, 240, 0.7) 70%);
  height: 1px;
  margin: 15px 0px 15px 0px;
  opacity: 0.9;
}

.orange-divider, .blue-divider, .pink-divider {
  background-image: linear-gradient(90deg, rgba(250,173,27,0.2) 0%, rgba(250,173,27,0.7) 70%);
  height: 1px;
  margin: 15px 0px 15px 0px;
  opacity: 0.9;
}

.blue-divider {
  background-image: linear-gradient(90deg, rgba(4,169,211,0.2) 0%, rgba(4,169,211,0.7) 70%);
}

.pink-divider {
  background-image: linear-gradient(90deg, rgba(228,93,191,0.2) 0%, rgba(228,93,191,0.7) 70%);
}

.orange_thick_divider, .blue_thick_divider, .pink_thick_divider {
  background-image: linear-gradient(90deg, rgba(235,231,14, 1.0) 0%, rgba(250,173,27, 1.0) 30%, rgba(250,173,27,0.0) 100%);
  height: 4px;
  margin: 0px 0px 0px 0px;
  opacity: 0.9;
}

.orange_middle_divider {
   background-image: linear-gradient(90deg, rgba(0,0,0, 1.0) 0%, rgba(0,0,0,0.7) 70%);
}


.blue_thick_divider {
  background-image: linear-gradient(90deg, rgba(172,244,252, 1.0) 0%, rgba(4,169,211, 1.0) 30%, rgba(4,169,211,0.0) 100%);
}

.pink_thick_divider {
  background-image: linear-gradient(90deg, rgba(249,199,237, 1.0) 0%, rgba(228,93,191, 1.0) 30%, rgba(228,93,191,0.0) 100%);
}


.category-heading-border {
  background-image: linear-gradient(90deg, rgba(143, 227, 240, 1.0) 0%, rgba(9,194,222,0.0) 100%);
  height: 1px;
  margin: 0px 0px 0px 0px;
  opacity: 0.9;
}

.category-heading-border-top {
  background-image: linear-gradient(90deg, rgba(255, 255, 255, 1.0) 0%, rgba(9,194,222,0.0) 100%);
  height: 1px;
  margin: 0px 0px 0px 0px;
  opacity: 0.9;
}

.category-heading-border-top-light {
  background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.3) 0%, rgba(9,194,222,0.0) 100%);
  height: 1px;
  margin: 0px 0px 0px 0px;
  opacity: 0.9;
}

.category-heading-border-middle-light {
  background-image: linear-gradient(90deg, rgba(0,0,0, 1.0) 0%, rgba(0,0,0,0.7) 70%);
  margin: 0px 0px 0px 0px;
  opacity: 0.9;
  padding: 5px 5px 5px 15px;
}

.heading-border-teal {
  background-image: linear-gradient(90deg, rgba(9,194,222, 1.0) 0%, rgba(9,194,222,0.6) 70%);
  margin: 0px 0px 0px 0px;
  opacity: 0.9;
  padding: 5px 5px 5px 15px;
}

.category-heading-border-middle {
  background-image: linear-gradient(90deg, rgba(255, 255, 255, 0.15) 0%, rgba(9,194,222,0.0) 70%);
  margin: 0px 0px 0px 0px;
  opacity: 0.9;
  padding: 5px 5px 5px 15px;
}

.category-heading-border-middle h1, .category-heading-border-middle-light h1 {
  font-size: calc(1.5em + 1.5vw); 
  padding: 15px 0px 15px 20px;
}  


.wash_feature-border, .subtitle-border-bottom {
  height: 3px;
  opacity: 0.9;
  margin-bottom: 0.6vw;
}

.wash_feature-border-middle h1 {
  font-size: 2.0vmin;
}


.wash_feature-border-middle {
  background-image: linear-gradient(-90deg, rgba(255, 255, 255, 0.15) 0%, rgba(255,255,255,0.02) 70%);
  margin: 0px 0px 0px 0px;
  opacity: 0.9;
  padding: 5px 5px 5px 15px;
}


.wash_feature-border-top {
  background-image: linear-gradient(-90deg, rgba(255, 255, 255, 0.2) 0%, rgba(9,194,222,0.0) 100%);
  height: 1px;
  margin: 0px 0px 0px 0px;
  opacity: 0.9;
}


.subtitle-border-top {
  background-image: linear-gradient(90deg, rgba(255, 255, 255, 0.1) 0%, rgba(255,255,255,0.3) 100%);
  height: 1px;
  margin: 0px 0px 0px 0px;
  opacity: 0.9;
  
}

.subtitle-middle {
  background-image: linear-gradient(340deg, rgba(255, 255, 255, 0.25) 0%, rgba(255,255,255,0.02) 70%);
  margin: 0px 0px 0px 0px;
  opacity: 0.9;
  padding: 5px 5px 5px 15px;
}

.subtitle-middle h1 {
  font-size: 2.0vmin;
}

.service-heading { font-size: 36px;  color: white; }
.service-description { font-size: calc(1.2em + 0.5vw); color: #cccccc; line-height: 32px; font-weight: 50; }

.service-description span {
  font-size: 28px;
}



.aboutus-description { font-size: 22px; color: #09c2de; line-height: 29px; }
.giftcard-description { font-size: 22px; color: #b7b7b7; line-height: 29px; font-weight: 200; }

.service-suitable-text { font-size: calc(1.2em + 0.5vw); color: #62D8EA; line-height: 32px; font-weight: 50; padding: 0px; }



.service-extra_details { font-size: calc(1.2em + 0.5vw); color: white; line-height: calc(1.2em + 0.5vw); font-weight: 50; padding: 0px;}


.giftcard-heading-text { 
  font-size: calc(1.1em + 0.4vw);
  color: #006699; 
  line-height: 32px; 
  font-weight: 500; 
  padding: 0px; 
}

.hours-text { font-size: calc(1.2em + 0.5vw); color: #62D8EA; line-height: calc(1.2em + 0.5vw); font-weight: 50; padding: 0px; }

#view_packages_text {
  font-size: calc(0.6em + 0.8vw);
  margin-top: 15px; 
  border-bottom: 1px solid rgba(228,93,191,1.0); 
  padding: 3px;
}

.highlighted-text { font-size: calc(0.8em + 0.4vw); display:inline; color: #62D8EA; font-weight: 50; font-family: miso-light-webfont }
.extra-margin-space { margin-top: 60px; }

.highlight-item { font-size: calc(1.3em + 0.2vw); background-color: rgba(255,255,255,0.07); padding: 8px 5px 5px 5px; display: block; margin: 8px; max-width: 500px; }

#google-maps-icon, #apple-maps-icon, #request_appointment-icon, #contact_us_phone-btn, .buy_washbook-btn {
  color: white; 
  background-color: rgba(0,0,0,0.8);
  padding: 12px 40px 8px 40px;
  border-radius: 15px;
  font-size: 40px;
  border: 2px solid rgba(9,194,222,0.6);
  text-align: left;
  background-image: linear-gradient(120deg, rgba(255,255,255,0.15) 0%, rgba(255,255,255,0.2) 70%); 
  white-space: nowrap
}

#request_appointment-icon, #contact_us_phone-btn, .buy_washbook-btn {
  padding: 12px 30px 8px 30px;
  display: inline-block;
}

.buy_washbook-btn {
  margin-bottom: 20px;
}

.customer_detail-btn {
  display: none;
}


#contact_us_phone-btn {
  margin-right: 20px;
}

.build-btn, .nextAddvehicle-btn, .cancel-btn, .prompt-list-btn {
	padding: 15px 35px 10px 35px;
	background-color: rgba(0,0,0,0.03);
    border: 1px solid rgba(9,194,222, 0.5);	
	-moz-border-radius: 5px/*{cornerRadius}*/; 
	-webkit-border-radius: 5px/*{cornerRadius}*/; 
	border-radius: 5px/*{cornerRadius}*/;     
	transition: 0.5s;
	cursor:pointer;
}


#google-maps-icon:hover, #apple-maps-icon:hover, .contact-us-phone:hover, #request_appointment-icon:hover, .customer-form-btn:hover, #contact_us_phone-btn:hover, .buy_washbook-btn:hover, .phone_number-clickable:hover {
  background-color: rgba(9,194,222,0.8);
  background-image: linear-gradient(120deg, rgba(255,255,255,0.05) 0%, rgba(255,255,255,0.2) 70%);
  border: 2px solid rgba(0,102,153,0.6);
  transition: all 0.5s;
}

.customer-form-btn, .phone_number-clickable {
  display: inline-block;
  color: white; 
  background-color: rgba(0,0,0,0.8);
  padding: 12px 30px 12px 30px;
  border-radius: 15px;
  font-size: calc(1.3em + 0.5vw);
  border: 2px solid rgba(9,194,222,0.6);
  text-align: left;
  background-image: linear-gradient(120deg, rgba(255,255,255,0.15) 0%, rgba(255,255,255,0.2) 70%); 
  white-space: nowrap;
}

.customer-form-btn h95, .phone_number-clickable h95 {
  display: inline; 
  color: white; 
  font-size: calc(0.7em + 0.5vw);
  padding-left: 20px;
}

.flex-btn-container {
  display: flex;
  align-items: center;
  max-width: 320px;
  margin: 0px;
}

#ship_to_address, #customer_pickup,  #send_via_email, #washbook_reload {
  /* background-color: #056ED5; /* black */;
  background-image: linear-gradient(-30deg, rgba(255,255,255,0.02) 0%, rgba(255,255,255,0.08) 70%); 
  border-radius: 10px;
  padding: 10px;
  margin: 5px;
}

.flex_paypal-btn-container {
  display: flex;
  align-items: center;
  border: 1px solid #09c2de;
}

.flex_paypal-btn-container h102 {
  font-size: calc(1.1em + 0vw);
}

#business-type-text {
  font-size: calc(1.2em + 0.6vw);
  /* font-size: clamp(1.2rem, 1rem + 3.5vw, 4rem); */
  font-weight: 400;
}

#google_map {
  width: 100%;
  height: 100%;
}

#wash_features_section, #our_services_section, #contact_us_section, #washbook_section, #faq_section, #giftcard_section {
	text-align:left; 
	padding: 50px 0px 105px 0px;
}

#contact_us_section, #washbook_section, #giftcard_section {
	background-color: black;
	left: 0px;
	margin-left: 0px;
	width: 100%;
	margin-top: 0px;
}

#washbook_section, #giftcard_section {
	background-color: white;
	background-image: url('../images/bg-light.jpg');
	/* display: none; */
}

.slideshow_image {
	position: relative; 
}	

.giftcard_list_item {
  margin: 10px;
}

.giftcard-info-text {
  border: 2px solid rgba(255,255,255,1); 
  /*background-color: rgba(9,194,222,.05);*/
  background-color: rgba(255,255,255,0.3); 
  background-image: linear-gradient(0deg, rgba(255,255,255,0.3) 0%, rgba(255,255,255,0.9) 70%);
  border-radius: 15px;
  padding: 15px 35px 15px 35px;
  margin: 0px 0px 30px 0px;
  display: flex;
}

.giftcard-add-to-cart:hover {
  transition: all 1.5s;
  /* background-image: linear-gradient(165deg, rgba(9,194,222,0.45) 0%, rgba(0,102,153,0.6) 70%); /* linear-gradient(90deg, #00d2ff 0%, #8BEBFF 100%); */
  background-color: black;
}


.washbook-add-to-cart:hover {
  transition: all 1.5s;
  /* background-image: linear-gradient(165deg, rgba(9,194,222,0.45) 0%, rgba(0,102,153,0.6) 70%); /* linear-gradient(90deg, #00d2ff 0%, #8BEBFF 100%); */
  background-color: #006699;
}


.giftcard_list_item {
  margin: 10px;
}

.giftcard-info-text {
  border: 2px solid rgba(255,255,255,1); 
  /*background-color: rgba(9,194,222,.05);*/
  background-color: rgba(255,255,255,0.3); 
  background-image: linear-gradient(0deg, rgba(255,255,255,0.3) 0%, rgba(255,255,255,0.9) 70%);
  border-radius: 15px;
  padding: 15px 35px 15px 35px;
  margin: 0px 0px 30px 0px;
  display: flex;
}

.light_grey_bg {
  background-image: url('shared/images/bg-light.jpg');
}  

.giftcard-text{
  color: #606060; 
  font-weight: 500; 
  text-transform:none;
  font-size: 24px;
  text-align: left;
}

.receipt_line_name {
  display: inline-block;
  width: 75px;
}

.washbook-box {
	background-color: rgba(4,169,211,0.5);
}
	

.washbook-box .pack_name {
  font-size: calc(1.5em + 1.0vw);
  padding-left: 0px; 
  padding-right: 10px;
}

.washbook-box .wash_name {
  font-size: calc(1.0em + 0.3vw);
  padding: 0px;
}

.washbook-box .washbook_purchase_price {
  font-size: calc(1.5em + 0.7vw);
  color: white;
}

.washbook-box .washbook_purchase_no_expiry {
  font-size: calc(0.4em + 0.5vw);
  margin-right: 10px;
}

.washbook-add-to-cart, .giftcard-add-to-cart, .paypal_form-btn {
  font-family: 'Red Hat Display Bold';
  margin: 0px 0px 0px 0px;
  color: white; 
  background-color: rgba(0,0,0,0.2);
  padding: 10px 20px;
  font-size: calc(1.2em + 0.4vw);
  text-align: center;
  border-radius: 5px;
  border: 1px solid white;
  background-image: linear-gradient(165deg, rgba(255,255,255,0.15) 0%, rgba(255,255,255,0.3) 70%); /* linear-gradient(90deg, #00d2ff 0%, #8BEBFF 100%); */
  transition: all 1.5s;
  min-width: 150px;
  margin: 20px 30px 0px 0px;

}

.giftcard-add-to-cart {
  background-color: #006699; 
  margin: 20px 0px 10px 0px;
  font-size: calc(1.0em + 0.2vw);
}

.faq-subtitle-text {
  color: white;
  font-size: calc(1.5em + 0.6vw);
}

.paypal_form-btn {
    background-color: #09c2de;
    background-image: linear-gradient(165deg, rgba(0,0,0,0.1) 0%, rgba(255,255,255,0.3) 70%);
    margin: 20px 30px 20px 30px;
    font-size: calc(0.8em + 0.4vw);
    border: 2px solid rgba(0,40,60,0.2);
}

.paypal_form-btn:hover {
    background-color: black;
}

#shopping_cart_icon {
  width: 40px;
  height: 40px;
  float: right;
}

#shopping_cart_paypal_icon {
  height: 28px;
  width: auto;
  margin-left: 20px;
  margin-top: 4px;
}

.our_services-info-text { 
  /*background-color: rgba(9,194,222,.05);*/
  background-color: rgba(0,0,0,0.1); 
  background-image: linear-gradient(90deg, rgba(255,255,255,0.1) 0%, rgba(255,255,255,0.01) 70%);
  border-radius: 15px;
  padding: 25px 15px 5px 15px;
  margin: 0px 0px 10px 0px;  
  text-align: left;
  max-width: 1200px;
  margin-right: 30px;  
}

#map_mobile {
  
}


#our_services_section, #faq_section {
  background-image: url('../images/bg-dark.jpg');
}


.hours_of_operation-box {
  background-color: rgba(255,255,255,0.1);
  border: 1px solid rgba(9,194,222,0.3);
  padding: 20px;
  margin: 10px;
}

.faq_box {
  background-color: rgba(0,0,0,0.3);
  padding: 0px 0px 10px 0px;
  margin-bottom: 40px;
  margin-right: 30px;
}

.faq-question {
  background-color: rgba(0,0,0,0.8);
  padding: 20px 30px 15px 30px;
  margin-bottom: 20px;
}

.faq-answer {
  padding: 15px 15px 20px 25px;
  margin-bottom: 10px;
}

.faq-answer-text {
  font-size: 32px;
  color: #ababab;
  line-height: 34px;
  text-transform: none;
}


.address-tag {
  font-family:Helvetica;
  text-transform:uppercase;
  font-size: 18px;
  background-color: #000000;
  border: 1px solid #09c2de;
  border-radius: 10px;
  padding: 10px 20px;
  color: #ffffff;
}

/* HTML marker styles */
.price-tag {
  background-color: #006699;
  border-radius: 8px;
  color: #FFFFFF;
  font-size: 16px;
  padding: 10px 20px;
  position: relative;
}

.price-tag::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 100%;
  transform: translate(-50%, 0);
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 8px solid #006699;
}


.clock-icon {
  height: 24px;
  width: 24px;
  padding-top: 0px;
}

.teal_bottom_border {
  border-bottom: 2px solid rgba(9,194,222,1.0);
}

.white_bottom_border {
  border-bottom: 2px solid rgba(255,255,255,1.0);
}

#main-content {
  margin-top:0px;
}

#delivery_text_div {
  margin: 20px 30px 10px 30px;
  display: none; 
  padding: 20px 15px 20px 15px; 
  border-radius: 8px;
  border: 1px solid rgba(255,255,255,0.2);
}


.flex-container {
    display: flex;
}

.flex-child-wbc, .flex-child-wbc-lower, .flex-child-gc, .flex-child-gc-lower {
  flex: 1;
}

.flex-child, .flex-child-2, .flex-child-3, .flex-child-5 {
    flex: 1;
    border: 0px solid yellow;
}  


.flex-child-5:first-child {
	flex: 0 1 60%;
    margin-right: 10px;
    border: 2px solid orange;
} 


.flex-child-2:first-child {
	flex: 0 1 450px;
    margin-right: 20px;
    border: 0px solid orange;
}

.flex-child-2:last-child {
	flex: 0 1 450px;
    margin-right: 20px;
    border: 0px solid orange;
} 

.flex-child-gap {
    flex: 0 1 3%;
    border: 0px solid yellow;
} 

.flex-child-equal {
    flex: 1;
    /* border: 2px solid purple; */
}

.flex-child-30 {
    flex: 0 1 30%;
    border: 0px solid yellow;
} 


.flex-child-menu, .flex-child-menu2, .flex-child-menu3 {
	flex: 1;
}

.flex-child-menu:last-child {
	flex: 1;
	flex: 0 1 140px;
    margin-right: 20px;	
}

.flex-child-menu2:last-child {
	flex: 1;
	flex: 0 1 20%;
}

.flex-child-menu3:last-child {
	flex: 1;
	flex: 0 1 30%;
}

.flex-child-heading {
	flex: 1;
}
	
.flex-child-heading:first-child {
	flex: 1;
	flex: 0 1 65%;
}



#overlay {
    position: fixed; /* Sit on top of the page content */
    display: none; /* Hidden by default */
    width: 100%; /* Full width (cover the whole page) */
    height: 100%; /* Full height (cover the whole page) */
    top: 0; 
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.88); /* Black background with opacity */
    z-index: 100; /* Specify a stack order in case you're using a different order for other elements */
    cursor: pointer; /* Add a pointer on hover */
    
}

.business-description-text {
  font-size: calc(0.7em + .4vw);
  text-transform: none;
  font-family: 'Red Hat Display Regular';
}

.rounded_corners {
  border-radius: 8px;
}

.customer_form, .paypal_form {
  background-color: rgba(0,0,0,1.0);
  background-image: linear-gradient(135deg, rgba(22, 94, 122, 1.0) 0%, rgba(16,28,97,0.8) 100%);
  border: 1px solid rgba(2,111,209,1.0);
  border-radius: 20px;
  cursor:default;
  display:none;
  position: absolute; /* or absolute */
  
  text-align:center;
  z-index:101;
  padding: 20px;
  width: 750px;
  top: 4000px;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -45%)
}

.paypal_form {
  width: 650px;
}

/*
.paypal_form {
  background-color: rgba(0,0,0,1.0);
  background-image: linear-gradient(90deg, rgba(255, 255, 255, 0.10) 0%, rgba(255,255,255,0.20) 50%, rgba(255, 255, 255, 0.10) 100%);
  width: 700px;
}
*/

.close_customer_form, .close_paypal_form  {
	padding: 7px 12px 7px 12px;
	background-color: rgba(255,255,255,0.14);
    border: 1px solid rgba(9,194,222, 1.0);	
	-moz-border-radius: 5px/*{cornerRadius}*/; 
	-webkit-border-radius: 5px/*{cornerRadius}*/; 
	border-radius: 5px/*{cornerRadius}*/;     
	transition: 0.5s;
	cursor:pointer;
	color: #09c2de;
	text-align: center;
  	font-family: Helvetica;
  	text-transform:uppercase;
  	font-size: 18px;
  	display: inline-block;
  	margin: 12px 12px 0px 0px;
  	float: right;
  	z-index:50;
}

.customer_form_section {
  background-color: rgba(24,27,49,1);
  border-radius: 10px;
  -moz-border-radius: 10px/*{cornerRadius}*/; 
  -webkit-border-radius: 10px/*{cornerRadius}*/;   
  padding: 15px 10px 15px 10px;
  margin-bottom: 20px;
  transition: all 0.5s;
}

.customer_form_section:hover {
  background-color: #16223A;
  transition: all 0.5s;
}

.customer_form_header {
  color: white; 
  font-size: calc(0.8em + 0.2vw); 
  padding: 5px;
  letter-spacing: .06rem;
  font-family: 'Red Hat Display Bold';
}

.customer_form_label {
  color: white; 
  font-size: calc(0.7em + 0.2vw); 
  padding: 5px;
  padding-right: 15px;
}

input, textarea {
  background-color: rgba(255,255,255,0.3);
  color: #ffffff;
  border: 0px solid;    
  padding: 8px 10px 5px 10px;
  /* margin-top:-7px; */
  margin-top:0px;
  font-family: miso-webfont;
  font-size: calc(1.0em + 0.2vw);
  float: center;
  text-transform:uppercase;
  /* border: 1px solid rgba(9,194,222,0.4); */
  border-radius: 5px;
  -moz-border-radius: 5px/*{cornerRadius}*/; 
  -webkit-border-radius: 5px/*{cornerRadius}*/;     
}

.form_input {
  width: 170px;
  max-width: 170px;
}


input[disabled] {pointer-events:none}

textarea#notes_input, textarea#paypal_notes_input {
	width: 80%;
	height: 37px;
	font-size: calc(1.0em + 0.2vw);
}

input#datetimepicker {
  background-color: rgba(255,255,255,0.3);
  border: 1px rgba(255,255,255,0.3);
  -moz-border-radius: 5px/*{cornerRadius}*/; 
  -webkit-border-radius: 5px/*{cornerRadius}*/; 
  border-radius: 5px/*{cornerRadius}*/;     
  width: 230px;
  text-align: center;
  font-size: calc(1.0em + 0.2vw);
  margin: 5px 20px;
  padding: 10px;
  color: white;
}


.service_type-btn {
  background-color: #056ED5;
  border: 1px solid rgba(9,194,222,0.1);
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px; 
  border-radius: 20px;
  padding: 8px 10px 10px 0;
  margin: 10px;
  display:inline-block;
}

.service_type-btn h8 {
   color: white; 
   font-size: calc(0.7em + 0.2vw); 
   padding: 13px 10px 10px 20px;
}

.selected_box {
  border: 1px solid rgba(6,216,141,1.0);
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px; 
  border-radius: 20px;
  /* background-color: rgba(23,165,52,1.0); */
  background-color: rgba(5,152,191,1.0);
  background-image: linear-gradient(0deg, rgba(5,152,191,1.0) 0%, rgba(0,40,60,0.3) 100%);
  
}	

.service_type-btn:hover {
  border: 1px solid rgba(255,255,255,0.8);
  -moz-border-radius: 20px/*{cornerRadius}*/; 
  -webkit-border-radius: 20px/*{cornerRadius}*/; 
  border-radius: 20px/*{cornerRadius}*/;  
  /* background-color: rgba(216,14,125,1.0); */	
}

.red_border {
	border: 2px solid rgba(255,0,0,0.5);
}	


#MCW_logo-medium {
  position: relative;
  top: 5px;
  max-width: 90%;
  height: auto;
  margin-bottom: 10px;
}

#phone_icon {
  max-width: 20px;
  height: auto;
}

#vehicle_info_icon {
  max-width: 40px;
  height: auto;
}


.customer_form-close_btn, .customer_form-disable-btn, .paypal_form-close_btn {
  margin: 30px 30px 20px 30px;
  color: white; 
  background-color: rgba(9,194,222,1.0);
  padding: 10px 20px;
  font-size: 30px;
  text-align: center;
  border-radius: 5px;
  background-image: linear-gradient(165deg, rgba(9,194,222,0.95) 0%, rgba(0,102,153,0.4) 70%); /* linear-gradient(90deg, #00d2ff 0%, #8BEBFF 100%); */
  transition: all 1.5s;
}

.customer_form-close_btn:hover, .paypal_form-close_btn, .paypal_form-close_btn:hover {
  background-image: linear-gradient(165deg, rgba(9,194,222,0.95) 0%, rgba(0,102,153,0.1) 70%); /* linear-gradient(90deg, #00d2ff 0%, #8BEBFF 100%); */
}

.enable-btn, .customer_form-close_btn, .customer_form-close_btn:hover {
  background-color: rgba(5,152,191,1.0);
  border: 1px solid rgba(9,194,222,0.1);
  font-size: calc(1.3em + 0.2vw);
  -moz-border-radius: 10px/*{cornerRadius}*/; 
  -webkit-border-radius: 10px/*{cornerRadius}*/; 
  border-radius: 10px/*{cornerRadius}*/;   
  /* background-image: linear-gradient(180deg, rgba(216,14,125,1.0) 0%, rgba(234,80,164,1.0) 100%); */
  background-image: linear-gradient(180deg, rgba(5,152,191,1.0) 0%, rgba(255,255,255,0.2) 100%);
  display: inline-block;
  padding: 10px 40px;
}

.enable-btn h95, .disable-btn h95, .customer_form-close_btn h95 {
  color: white; font-size: calc(0.7em + 0.2vw);
  font-family: 'Red Hat Display Bold';
}

.disable-btn {
  background-color: rgba(0,0,0,0.2);
  background-image: none;
  font-size: calc(1.3em + 0.2vw);
  -moz-border-radius: 10px/*{cornerRadius}*/; 
  -webkit-border-radius: 10px/*{cornerRadius}*/; 
  border-radius: 10px/*{cornerRadius}*/;   
  display: inline-block;
  padding: 10px 40px;	
  opacity: 0.7;	
}

.customer_form-row, .paypal_form-row {
  padding: 10px; 
  height: 40px;
  border-bottom: 1px solid rgba(9,194,222,0.25);
}

.paypal_form-row {
	height: 20px;
}

.scheduler_icon-image {
  height: calc(1.0em + 0.6vw);
  width: calc(1.0em + 0.6vw);
  position: relative;
}

.scheduler_icon_customer_form-image {
  height: calc(2.0em + 0.6vw);
  width: calc(2.0em + 0.6vw);
  position: relative;
}

.iphone_icon-image {
  height: calc(1.0em + 0.6vw);
  width: calc(0.64em + 0.384vw);
  position: relative;
}

.success_checkmark {
  color:#12ff39; 
  padding: 30px 25px 10px 25px;
  font-size: 60px; 
  margin-top: 80px;
  border: 2px solid #12ff39;
  border-radius: 80px/*{cornerRadius}*/;  
}


.small-btn, .smallSelected-btn {
	padding: 10px 20px;
	background-color: rgba(255,255,255,0.8);
    border: 1px solid rgba(9,194,222, 1.0);	
	-moz-border-radius: 5px/*{cornerRadius}*/; 
	-webkit-border-radius: 5px/*{cornerRadius}*/; 
	border-radius: 5px/*{cornerRadius}*/;     
	transition: 0.5s;
	cursor:pointer;
	color: black;
	text-align: center;
  	font-family: Helvetica;
  	text-transform:uppercase;
  	font-size: 16px;
  	display: inline-block;
  	/* margin-bottom: 20px; */
  	margin-left: 0px;
}

.small-btn:hover {
	background-color: rgba(9,194,222, 0.15);
    border: 1px solid rgba(9,194,222, 1.0);
	transition: 0.3s;
	color: #006699;
}


.checkbox_checked, .checkbox_unchecked {
	display:inline-block; 
	text-align: center; 
	padding: 8px 10px; 
	background-color: rgba(255,255,255,0.15); 
	/* border: 1px solid rgba(255,255,255,1); */
	-moz-border-radius: 5px/*{cornerRadius}*/; 
	-webkit-border-radius: 5px/*{cornerRadius}*/; 
	border-radius: 5px/*{cornerRadius}*/;
}

.check_checked, .check_unchecked {
	display:inline-block; 
	text-align: center; 
	padding: 0px 4px; 
	background-color: rgba(255,255,255,0.15); 
	/* border: 1px solid rgba(255,255,255,1); */
	-moz-border-radius: 5px/*{cornerRadius}*/; 
	-webkit-border-radius: 5px/*{cornerRadius}*/; 
	border-radius: 5px/*{cornerRadius}*/;
	margin-right: 10px;
}

.paypal_form_section_heading {
  display: inline-block; 
  width: 95%; 
  margin-top: 15px; 
  margin-bottom: 20px; 
  background-color: black; 
  background-image: linear-gradient(90deg, rgba(255, 255, 255, 0.70) 0%, rgba(255,255,255,0.90) 50%, rgba(255, 255, 255, 0.70) 100%); 
  border-radius: 4px; 
  padding: 5px;
}  

.checkbox_checked { font-size: calc(1.3em + 0.4vw); color:#33FF00; }
.checkbox_unchecked { font-size: calc(1.3em + 0.4vw); color:rgba(255,255,255,0.15); }

.check_checked { font-size: calc(1.1em + 0.2vw); color:#33FF00; }
.check_unchecked { font-size: calc(1.1em + 0.2vw); color:rgba(255,255,255,0.15); }


#ship_to_address:hover, #customer_pickup:hover, #send_via_email:hover, #washbook_reload:hover {
   border: 1px solid #33FF00;
}

.selected_green {
   border: 1px solid #33FF00;
}

input.washbook_input {
	max-width: 240px;
	text-align: center;
	-moz-border-radius: 5px/*{cornerRadius}*/; 
	-webkit-border-radius: 5px/*{cornerRadius}*/; 
	border-radius: 5px/*{cornerRadius}*/;	
	background-color: rgba(0,0,0,0.05);
	border: 1px solid #656565;
	color: white;
	font-size: calc(1.3em + 0.4vw);
	
}

input.phone_number_input, .giftcard_name_input {
	max-width: 240px;
	text-align: center;
	-moz-border-radius: 5px/*{cornerRadius}*/; 
	-webkit-border-radius: 5px/*{cornerRadius}*/; 
	border-radius: 5px/*{cornerRadius}*/;	
	background-color: rgba(0,0,0,0.05);
	border: 1px solid #656565;
	color: white;
	font-size: calc(1.3em + 0.4vw);
	
}

#cart_empty-text h87 {
  font-size: calc(1.4em + 0.3vw);
}

.giftcard_list_item h87 {
  font-size: calc(1.6em + 0.3vw);
  line-height: calc(1.6em + 0.3vw);
  color: black;
}
  
.paypal_text_small h87 {
  font-size: calc(1.2em + 0.3vw);
  color: white;
}  

.paypal_text_medium h87 {
  font-size: calc(1.4em + 0.3vw);
  color: white;
} 

.paypal_text_large h87 {
  font-size: calc(1.6em + 0.3vw);
  color: white;
} 




/* SEARCH/DROP DOWN 
--------------------------------------------------------------------------------*/
.typeahead, .tt-query, .tt-hint {
  background-color: rgba(255,255,255,0.16) !important;
  color: white;
  padding: 8px 10px 5px 10px;
  font-family: miso-webfont;
  font-size: calc(0.65em + 0.2vw);
  cursor: pointer;
  width: 170px;
  text-transform:uppercase; 
  text-align: left;
  margin-top: 0px;
  margin-bottom: 0px;
}

.tt-hint {
	color: #181B31; /*Text Colour for the suggested search query in the text box */
	background-color: rgba(255,255,255,0.3);
}
.tt-dropdown-menu {
	background-color: #f8f8f8;
	border: 1px solid rgba(0, 0, 0, 0.2);
	border-radius: 8px;
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	margin-top: 0px;
	padding: 8px 0;
	width: 200px;
	font-family: miso-webfont;
}

.tt-query:focus {
	background-color: #056ED5;
}	

.tt-suggestion { /* List that populates with search result selectable options */
	text-align: left;
	font-size: calc(0.8em + 0.2vw);
	line-height: calc(1.2em + 0.2vw)px;
	padding: 8px 20px 5px 20px;
	border-bottom: 1px solid rgba(0,40,60,0.1);
}
.tt-suggestion.tt-is-under-cursor {
	background-color: #056ED5;
	color: #FFFFFF;
}
.tt-suggestion p {
	margin: 0;
}