@charset "UTF-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;700&display=swap');

.start {margin-top:100px; margin-bottom:100px;}
.startDeep {margin-top:200px; margin-bottom:10px;}
.startDeeper {margin-top:250px; margin-bottom:50px;}		
.greyStart {background-color: #f1f1f2; padding: 50px 0px 0px 0px;}
.grey{background-color: #f1f1f2; padding: 50px 0px;}
.greyBG {background-color: #f1f1f2;}
.cara {margin-top: 70px;}
.noPads {margin:0 !important;padding: 0 !important;}

.fivePads {margin:0 !important;padding: 5px !important;}
.testimonial {outline: 1px solid #eebd30; padding: 40px; text-align: left !important; outline-offset: -10px; }
.testimonial02 {outline: 1px solid #eebd30; padding: 25px 35px; text-align: left !important; outline-offset: -10px; margin-left: -10px; }
.show {
  display: block;
}

.terry {
margin-top: 75px;	
}


.modal {z-index: 9999 !important;}

.services {padding-top: 3%;}

/* Navbar Start */
.contacts {
background-color: #1b1b1b !important; 
padding: 10px 0px; 
z-index: 8888;}

.contactLeft {
text-align: left !important; 
margin-bottom:0px !important; 
font-family: 'Open Sans', Arial, Helvetica, sans-serif !important;
font-weight: 300;
font-size:14px;}

.contactRight {
text-align: right !important; 
margin-bottom:0px !important; 
font-family: 'Open Sans', Arial, Helvetica, sans-serif !important;
font-weight: 300;
font-size:14px;}

.whiteBackground { background-color: #ffffff !important;}

.navbar-dark{background-color: #1b1b1b !important;}

.nav-link {
color:#000000 !important;
font-size:17px;
font-weight: 300;
font-family: Gotham, 'Open Sans', Arial, Helvetica, sans-serif;
margin: 0px 8px;
}

.topnav-right {text-align: right !important; float: right !important;}

.nav-link:hover {
color:#000000 !important;
opacity: .4;
}

.navigation{margin-top: 50px; padding: 15px 0px;}

.bg-light {background-color: #ffffff !important; border-bottom: 1px solid #f1f1f2;}

.activeLink {opacity: .25;}
/* Navbar End */



/* Links Start */
.whiteLink {color: #ffffff !important; }
.whiteLink:hover {color: #ffffff !important; 
text-decoration: none;
opacity: .6;}

.blackLink {color: #000000 !important; }
.blackLink:hover {color: #000000 !important; 
text-decoration: none;
opacity: .6;}
/* Links Start */



/* Carousel Start */
.containerImage {
  position: relative;
  text-align: center;
  color: white;
}

.carousel-item {
  height:75vh;
  background: no-repeat center center scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
margin-top: 80px;
	
}


.ci-gallery {
  height:100%;
margin-top: 0px;
	
}

.galleryImg {margin-top:15px; margin-bottom:15px; }

.carousel-caption {
position: absolute;
	width: 75%;
    top: 50%;  /* position the top  edge of the element at the middle of the parent */
    left: 50%; /* position the left edge of the element at the middle of the parent */

    transform: translate(-50%, -50%); /* This is a shorthand of
                                         translateX(-50%) and translateY(-50%) */
}

.carousel-gallery-homepage {margin-top: 0px !important; height: 100% !important;}


/* Carousel End */




/* Footer Start */
.footer{
	background-color: #1b1b1b !important; 
	padding-top:50px;
	padding-bottom:50px;
	margin-top: 200px;
}

.list-unstyled{
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
font-weight: 300;
font-size: 15px;
line-height: 25px;
	color:#ffffff;
}


.copyright {
font-family: 'Open Sans', Helvetica, Arial, sans-serif;
font-weight: 300;
font-size: 11px;
line-height: 20px;
margin-top: 10px;
color:#ffffff !important;
}


.copyrightSection {
margin-top:20px;
border-top:1px solid #ffff;

}
/* Footer End */


/* Fonts Start */


h1 {
font-family: Gotham, 'Open Sans', Arial, Helvetica, sans-serif;
font-size: 60px;
line-height: 60px;
text-align: left;
color: #000000;
	margin-bottom: 20px;
}

h2 {
font-family: Gotham, 'Open Sans', Arial, Helvetica, sans-serif;
font-size: 45px;
line-height: 50px;
text-align: center;
color: #000000;
	margin-bottom: 20px;
}



h3 {
font-family: Gotham, 'Open Sans', Arial, Helvetica, sans-serif;
font-size: 30px;
line-height: 38px;
text-align: center;
color: #000000;
	margin-bottom: 10px;
}

h4 {
font-family: Gotham, 'Open Sans', Arial, Helvetica, sans-serif;
font-size: 20px;
line-height: 24px;
text-align: center;
color: #000000;
	margin-bottom: 50px;
}


h5 {
font-family: Gotham, 'Open Sans', Arial, Helvetica, sans-serif;
font-size: 18px;
line-height: 24px;
text-align: center;
color: #ffffff;
}

p {
font-family: 'Open Sans', Arial, Helvetica, sans-serif;
font-size: 14px;
line-height: 24px;
text-align: center;
color: #000000;
}

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

.quote{
font-size:25px;
line-height: 50px;
font-family: Audiowide, Arial, Helvetica, sans-serif;
color: #eebd30;
text-align: left;
	padding-bottom: 0px;
	margin-bottom: 5px;
}

.wHours {line-height: 3rem;}

p.servicesIntro {
font-family: 'Open Sans', Arial, Helvetica, sans-serif;
font-size: 11px;
line-height: 16px;
text-align: center;
color: #000000;
}

p.terryText {
font-family: 'Open Sans', Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 20px;
text-align: left;
color: #000000;
}

.quote02{
font-size:18px;
line-height: 24px;
font-family: Audiowide, Arial, Helvetica, sans-serif;
color: #eebd30;
text-align: left;
	padding-bottom: 0px;
	margin-bottom: 5px;
}
/* Fonts End */



/* Buttons Start */
.btn-outline-dark {font-family: 'Open Sans', Montserrat, Arial, Helvetica, sans-serif;
font-size: 14px;
line-height: 22px;
color: #000000;
border: 1px solid #000000;
border-radius: 30px;
text-align: center !important;}

.btn-outline-dark:hover {
color: #ffffff;
border: 1px solid #000000;
background-color: #000000;}


.btn-outline-yellow {font-family: 'Open Sans', Montserrat, Arial, Helvetica, sans-serif;
font-size: 16px;
line-height: 22px;
color: #000000;
border: 1px solid #eebd30;
border-radius: 30px;
text-align: center !important;
margin-top: 30px; 
padding-left: 20px; padding-right: 20px;}

.btn-outline-yellow:hover {
color: #000000;
border: 1px solid #eebd30;
background-color: #eebd30;}


.btn-outline-light {font-family: 'Open Sans', Montserrat, Arial, Helvetica, sans-serif;
font-size: 14px;
line-height: 22px;
color: #ffffff;
border-radius: 30px;
text-align: left !important;margin-top: 15px;}

/* Buttons End */

/* Breadcrumb Start */
.breadcrumb {background-color: #f1f1f2; width: 100vw;}
.breadcrumb-item {font-family: 'Open Sans', Arial, Helvetica, sans-serif;
font-size: 11px;
line-height: 24px;
color: #000000;}
/* Breadcrumb End */










.row > .column {
  padding: 0 8px;
}

.row:after {
  content: "";
  display: table;
  clear: both;
}

/* Create four equal columns that floats next to eachother */
.column {
  float: left;
  width: 25%;
}

/* The Modal (background) */
.modal {
  display: none;
  position: fixed;
  z-index: 1;
  padding-top: 50px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.9);
}

/* Modal Content */
.modal-content {
  position: relative;
  background-color: rgba(0,0,0,0);
  margin: auto;
  padding: 0;
	width:65%;
  max-width: 1200px;
}

.modal-contentH {
  position: relative;
  background-color: rgba(0,0,0,0);
  margin: auto;
  padding: 0;
height:600px;
	width: 485px;
}

/* The Close Button */
.close {
  color: white;
  position: absolute;
  top: 10px;
  right: 25px;
  font-size: 35px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: #999;
  text-decoration: none;
  cursor: pointer;
}

/* Hide the slides by default */
.mySlides {
  display: none;
}

/* Next & previous buttons */
.prev,
.next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  padding: 16px;
  margin-top: -50px;
  color: white !important;
background-color: rgba(0, 0, 0, 0.5) !important;	
  font-weight: bold;
  font-size: 20px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
  -webkit-user-select: none;
}

/* Position the "next button" to the right */
.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover,
.next:hover {
  background-color: rgba(0, 0, 0, 0.8);
}

/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

/* Caption text */
.caption-container {
  text-align: center;
  background-color: black;
  padding: 2px 16px;
  color: white;
}

img.demo {
  opacity: 0.6;
}

.active,
.demo:hover {
  opacity: 1;
}

img.hover-shadow {
  transition: 0.3s;
}

.hover-shadow:hover {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}


@media only screen and (max-width: 1200px) {
.terry {
margin-top: 25px;	
}	
}


@media only screen and (max-width: 992px) {
	
}


@media only screen and (max-width: 414px) {
	
h1 {
font-size: 40px;
line-height: 42px;
text-align: center;

}	
	
.start {margin-top:50px; margin-bottom:50px;}	
.startDeep {margin-top:200px; margin-bottom:50px;}
.startDeeper {margin-top:250px; margin-bottom:50px;}		
	
	
.contactLeft {text-align: center !important; }
.contactRight {text-align: center !important; }
	
.navbar-brand {margin-left: 10px; margin-top: 10px;}	
.navbar-toggler {margin-right: 10px;}
	
.left {text-align: center !important;}	
.quote {text-align: center !important;}	
	
.hpGallery {margin-top: 20px;}	
	
.column {
  float: left;
  width: 50% !important;
  display: none; /* Hide all elements by default */
}	
	
.terry {
margin-top: 0px;
	padding: 50px;
}
	
.GalleryMob {margin-top:300px; margin-bottom:50px;}	
	
}