﻿/* Home page */
/* Stop user from selecting the text when they click on the button */
.home-page {
  display: block;
  /* Slide show  */
  /* What we do content block */
}
.home-page .slideshow {
  position: relative;
  /* Slideshow controls style rules. */
}
.home-page .slideshow #slidesContainer {
  margin: 0 auto;
  width: 100%;
  height: 100%;
  overflow: auto;
  /* allow scrollbar */
  position: relative;
}
.home-page .slideshow #slidesContainer .slide {
  -moz-background-size: 100% 100%;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  margin-bottom: 10px;
}
.home-page .slideshow #slidesContainer .slide img {
  height: 700px;
  width: 100%;
}
.home-page .slideshow #slidesContainer .slide .button-message {
  color: white;
  position: relative;
  top: -55px;
  height: 0;
  font-size: 20pt;
  text-transform: uppercase;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: default;
}
.home-page .slideshow #slidesContainer .slide .message1 {
  left: 75%;
}
.home-page .slideshow #slidesContainer .slide .message2 {
  left: 86%;
}
.home-page .slideshow #slidesContainer .slide .start-button-container {
  position: relative;
  top: -220px;
  left: 295px;
  height: 0px;
  width: 0px;
  overflow: visible;
}
.home-page .slideshow #slidesContainer .slide .start-button-container .start-button {
  border: white solid;
  height: 65px;
  width: 240px;
  font-size: 30pt;
  padding-top: 5px;
  color: #203234;
  background: #fbc100 url(/Images/medium_next.png) no-repeat right center;
}
.home-page .slideshow .control {
  width: 60px;
  height: 60px;
  text-indent: -10000px;
  position: absolute;
  cursor: pointer;
}
.home-page .slideshow #leftControl {
  top: 89%;
  left: 1%;
  background-image: url(/Images/previous.png);
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.home-page .slideshow #rightControl {
  top: 89%;
  left: 94%;
  background-image: url(/Images/next.png);
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.home-page .what-we-do {
  /* Text and button on the LHS */
  /* The image on the RHS */
}
.home-page .what-we-do .header {
  text-align: center;
  font-size: 45pt;
  color: #363636;
}
.home-page .what-we-do .text {
  font-size: 14pt;
  float: left;
  width: 40%;
  padding: 5%;
  font-weight: bold;
}
.home-page .what-we-do .text .btn .btn-text {
  float: left;
}
.home-page .what-we-do .text .btn .btn-text .explore-our-services {
  background-color: transparent;
  color: #902720;
  font-size: 14pt;
  padding: 0;
  margin: 5px 0 5px 5px;
  font-weight: bold;
}
.home-page .what-we-do .text .btn .btn-image {
  float: left;
  height: 100%;
  height: 40px;
  width: 40px;
  margin-left: 2%;
}
.home-page .what-we-do .text .btn .btn-image img {
  height: auto;
  width: auto;
  max-height: 40px;
  max-width: 40px;
}
.home-page .what-we-do .image {
  width: 40%;
  float: left;
  margin: 0 auto;
}
.home-page .what-we-do .image img {
  height: 100%;
  width: 100%;
}
.home-page .testimonials {
  position: relative;
  top: 0;
  left: 0;
  background-image: url(/Images/Pictures/Home_page/testimonials_background.png);
  height: 200px;
  width: auto;
  -moz-background-size: 100% 100%;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
}
.home-page .testimonials .gallery {
  position: relative;
  top: 20%;
  left: 25%;
  background-color: transparent;
  height: 50%;
  width: 50%;
}
.home-page .testimonials .gallery .slidesjs-container {
  height: 100% !important;
  width: 100% !important;
}
.home-page .testimonials .gallery .slidesjs-container .slidesjs-control {
  height: 100% !important;
  width: 100% !important;
}
.home-page .testimonials .gallery img {
  height: 100%;
  width: 100%;
}
.home-page .q-and-a {
  position: relative;
  top: 0px;
  left: 0px;
  height: 100px;
}
.home-page .q-and-a input {
  height: 80%;
  width: 10%;
  margin: 1% 45%;
  text-align: center;
  background-color: transparent;
  color: #363636;
  padding: 1%;
  font-size: 40pt;
}
/* Used on both home page and services page */
.bottom-gallery,
.MultiGallery {
  background-color: #293435;
  margin: 0 auto;
  width: 100%;
  height: 100%;
  overflow: auto;
  /* allow scrollbar */
  position: relative;
  padding-top: 1%;
  /* Slideshow controls style rules. */
}
.bottom-gallery .gallery-header,
.MultiGallery .gallery-header {
  font-size: 28pt;
}
.bottom-gallery h3,
.MultiGallery h3 {
  color: white;
  margin-left: 5%;
}
.bottom-gallery #Container,
.MultiGallery #Container {
  margin: 1% 0% 2% 0%;
  width: 100%;
  height: 100%;
  overflow: auto;
  /* allow scrollbar */
  position: relative;
}
.bottom-gallery #Container .gallery-picture,
.MultiGallery #Container .gallery-picture {
  width: 400px;
}
.bottom-gallery .control-btm,
.MultiGallery .control-btm {
  width: 60px;
  height: 60px;
  text-indent: -10000px;
  position: absolute;
  cursor: pointer;
}
.bottom-gallery #leftControl-btm,
.MultiGallery #leftControl-btm {
  top: 40%;
  left: 1%;
  background-image: url(/Images/previous.png);
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.bottom-gallery #rightControl-btm,
.MultiGallery #rightControl-btm {
  top: 40%;
  left: 94%;
  background-image: url(/Images/next.png);
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
/*# sourceMappingURL=home_page.css.map */