body {
	font-family: 'Lora', serif;
  font-size: .9rem;
}

.container img {
	width:100%;
}

h1 {
	text-align: center;
	color:#343434;
	font-size: 1.2rem;
	font-weight: 300;
	margin-top:10px;
}
/*@media (min-width:768px) {
h1 {
	margin-top:58px;
}
} */

h2 {
	text-align: center;
	color:#343434;
	font-size: 1.0rem;
	text-transform: uppercase;
	font-weight: 300;
	line-height: 1.2rem;
	margin-top:10px;
}
h3 {
	font-size: 1.9rem;
	font-weight: 400;
	margin-bottom:22px;
}
h4 {
	color:#343434;
	font-size: 1rem;
	text-transform: uppercase;
	font-weight: 700;
	margin-top: 30px;
}


h2 a {
	color:#343434;
	text-decoration: none;
}

a {
	color:#343434;
}
label {
	color:#343434;
	font-size: 1rem;
	text-transform: uppercase;
	font-weight: 300;
	line-height: 1.2rem;
	margin-top:10px;
	margin-bottom: 8px;
}
input {
	width: 100%;
    border: #343434 1px solid;
    border-radius: 5px;
    height: 38px;
    margin-bottom:10px;
}
textarea {
	width: 100%;
    border: #343434 1px solid;
    border-radius: 5px;
    height: 138px;
}
form button {
    border-radius: 5px;
    color:white;
    text-transform: uppercase;
    background-color:#343434;
    border: 0px;
    padding: 6px;
    width: 30%;
    text-align: left;
    padding-left:20px;
    margin-top:12px;
    margin-right: 4%;
}
header {
	background: #343434;
  margin-bottom:10px;
}


/* Navbar */

.navigation-clean {
  padding-top: .75rem;
  padding-bottom: .75rem;
  color: #333;
  border-radius: 0;
  box-shadow: none;
  border: none;
  margin-bottom: 0;
}

@media (min-width:768px) {
  .navigation-clean {
    padding-top: 0.6rem;
    padding-bottom: 0.6rem;
    text-transform: uppercase;
  }
}

.navigation-clean .navbar-brand {
	width:220px;
	margin-left:14px;
}
@media screen and (max-width: 1999px) {
.navigation-clean .navbar-brand {
	width:254px;
	margin-left:14px;
}
}

.navigation-clean .navbar-brand:hover {
  color: #222;
}

.navigation-clean .navbar-toggler {
  border-color: #ddd;
}

.navigation-clean .navbar-toggler:hover, .navigation-clean .navbar-toggler:focus {
  background: none;
}

.navigation-clean .navbar-toggler {
  color: #888;
}

.navigation-clean.navbar-light .navbar-nav .nav-link.active, .navigation-clean.navbar-light .navbar-nav .nav-link.active:focus, .navigation-clean.navbar-light .navbar-nav .nav-link.active:hover {
  color: #8f8f8f;
  box-shadow: none;
  background: none;
  pointer-events: none;
}

.navigation-clean.navbar .navbar-nav .nav-link {
  padding-left: 18px;
  padding-right: 18px;
}

.navigation-clean.navbar-light .navbar-nav .nav-link {
  color: #ffffff;
  font-size: .8rem;
  padding-top: 0;
  padding-bottom: 0;
  
}
@media (min-width: 992px) {
.navigation-clean .navbar-nav > li {
	border-right: #fff solid 1px;
}
}
.navigation-clean .navbar-nav > li:last-child {
	border-right: #fff solid 0px;
}
.navigation-clean.navbar-light .navbar-nav .nav-link:focus, .navigation-clean.navbar-light .navbar-nav .nav-link:hover {
  color: #8f8f8f !important;
  background-color: transparent;
}

.navigation-clean .navbar-nav > li > .dropdown-menu {
  margin-top: 8px;
  box-shadow: none;
  background-color: #343434;
  border-radius: 2px;
}

.navigation-clean .dropdown-menu .dropdown-item:focus, .navigation-clean .dropdown-menu .dropdown-item {
  line-height: 2;
  color: #fff;
  font-size: .8rem;
}

.navigation-clean .dropdown-menu .dropdown-item:focus, .navigation-clean .dropdown-menu .dropdown-item:hover {
  background: #eee;
  color: inherit;
}


/* animated nav */

.hamburger {
  padding: 15px 15px;
  display: inline-block;
  cursor: pointer;
  transition-property: opacity, filter;
  transition-duration: 0.15s;
  transition-timing-function: linear;
  font: inherit;
  color: inherit;
  text-transform: none;
  background-color: transparent;
  border: 0;
  margin: 0;
  overflow: visible; }
  .hamburger:hover {
    opacity: 0.7; }
  .hamburger.is-active:hover {
    opacity: 0.7; }
  .hamburger.is-active .hamburger-inner,
  .hamburger.is-active .hamburger-inner::before,
  .hamburger.is-active .hamburger-inner::after {
    background-color: #fff; }

.hamburger-box {
  width: 30px;
  height: 16px;
  display: inline-block;
  position: relative; }

.hamburger-inner {
  display: block;
  top: 50%;
  margin-top: -2px; }
  .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
    width: 30px;
    height: 3px;
    background-color: #fff;
    border-radius: 4px;
    position: absolute;
    transition-property: transform;
    transition-duration: 0.15s;
    transition-timing-function: ease; }
  .hamburger-inner::before, .hamburger-inner::after {
    content: "";
    display: block; }
  .hamburger-inner::before {
    top: -10px; }
  .hamburger-inner::after {
    bottom: -10px; }

.hamburger--slider .hamburger-inner {
  top: 2px; }
  .hamburger--slider .hamburger-inner::before {
    top: 10px;
    transition-property: transform, opacity;
    transition-timing-function: ease;
    transition-duration: 0.15s; }
  .hamburger--slider .hamburger-inner::after {
    top: 20px; }

.hamburger--slider.is-active .hamburger-inner {
  transform: translate3d(0, 10px, 0) rotate(45deg); }
  .hamburger--slider.is-active .hamburger-inner::before {
    transform: rotate(-45deg) translate3d(-5.71429px, -6px, 0);
    opacity: 0; }
  .hamburger--slider.is-active .hamburger-inner::after {
    transform: translate3d(0, -20px, 0) rotate(-90deg); }
    
/* animated nav end */

/* edit responsive nav instigation */



@media (min-width: 995px) {
	
 .hamburger {
	 display:none;
	 }
	 
 }  
@media (max-width: 995px) {

 .navigation-clean.navbar-light .navbar-nav .nav-link {
    padding-top: 25px;
}
.phone-link img {
    width: 30px;
    margin: 20px;
}
	 
 }

/* custom styles */   

.dropdown-item.active, .dropdown-item:active {
    background-color: #343434;
 }   
    

.txtblock {
	margin: 30px 10%;
  text-align: justify;
  text-align-last: center;
}



/*
.blocks .row .col-md-4 {
	margin-top: 40px;
	padding-left:50px;
	padding-right:50px;
}
@media (max-width: 2000px) {
	.blocks .row .col-md-4 {
	padding-left:3vw;
	padding-right:3vw;
}
}
*/


figcaption {
	font-size: 12px;
	font-style: italic;
	line-height: 15px;
	text-align: center;
}
a.photocredit {
	display: block;
	color:white;
	font-size:12px;
	margin-top:-20px;
	text-align: right;
	padding-right:6px;
	text-shadow: 1px 1px 10px #000;
	text-decoration:none;
}
/*
.row .col-md-4:first-child {
	padding-left:12px;
	padding-right:56px;
}
.row .col-md-4:last-child {
	padding-left:56px;
	padding-right:12px;
}

*/


.hero, .hero-services, .hero-contact, .hero-about{
	height: 495px;
    background-size: cover;
    background-position: center top;
    padding: 255px 24% 120px 24%;
    font-weight: 400;
}

.hero {
	background-image: url("/assets/img/hero-home.jpg");
}
.hero-services {
	background-image: url("/assets/img/hero-services.jpg");
}
.hero-contact {
	background-image: url("/assets/img/hero-contact.jpg");
}
.hero-about {
	background-image: url("/assets/img/hero-about.jpg");
}


hr {
	background-color:#343434;
	height:16px!important;
	margin-top:0px;
	opacity:1;
}

.content .col-md-6 img {
	padding-top:30px;
	padding-bottom:10px;
}
.content .col img {
	padding-top:45px;
	padding-bottom:10px;
}

/* @media (min-width:768px) {

.content .col img {
	padding-right:40px;
	padding-left:40px;
}

.content .col-md-6:first-child img {
	padding-left:40px;
	padding-right:10px;
}
.content .col-md-6:last-child img {
	padding-left:10px;
	padding-right:40px;
}
} */



footer {
	text-align: center;
	font-size: 0.85rem;
	margin-bottom:40px;
}
footer .social {
	margin-top:14px;
}
footer .social img {
	margin:10px;
	width:40px;
}
.footerlinks ul {
	padding-left:0;
}
.footerlinks li {
	display: inline-block;
	text-transform: uppercase;
	border-right: #000 solid 1px;
	padding: 0px 11px;
	line-height: 14px;
	margin-top: 20px;
}
.footerlinks li:last-child {
	border-right: #000 solid 0px;
}
.footerlinks li a {
	color:#000;
	text-decoration: none;
	}

 
.centre {
	text-align: center;
}
.green {
	color:#343434;
}
.lowercase {
	text-transform: none;
}

.contact a {
	text-decoration: none;
}

a.btn {
  background-color: #343439;
  color:white;
  font-size: 14px;
  font-weight: 400;
  border-radius: 6px;
  padding: 6px 52px;
  margin-top:24px;
}
a.btn:hover {
  color:#8f8f8f;
}
figure {
  margin: 3.2rem;
  margin-bottom:1rem;
}
@media (max-width: 1206px) {
 figure {
    margin: 1.6rem 0.2rem 1.2rem 0.2rem;
  }
  }
  
  
figure img {
  border-radius: 10px;
}

.blocks figure {
  margin: 0.6rem 1.2rem 3rem 1.2rem;
}

@media (max-width: 768px) {
.blocks figure {
  margin: 2.6rem 0.2rem 1.2rem 0.2rem;
}
}
/* animation */

.fader, .fadenext {
	  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.fader, .fadenext {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

/* Add some delay to second element */

.fadenext {
	animation-delay: 0.3s;
}




/* slider */


* {box-sizing: border-box}


/* Slideshow container */
.slideshow-container {
  position: relative;
  color: #212529;
}

/* Slides */
.mySlides {
  display: none;
  padding: 50px 50px 0px 50px;
  text-align: center;
  font-style: italic;
}

@media (min-width: 1024px) {
.mySlides {
padding: 50px 150px 0px 150px;
}
}

/* Next & previous buttons */
.prev, .next {
  cursor: pointer;
  position: absolute;
  top: 56%;
  width: auto;
  margin-top: -30px;
  padding: 16px;
  color: #fff;
  font-weight: bold;
  font-size: 20px;
  border-radius: 0 3px 3px 0;
  user-select: none;
}
.prev img, .next img {
  width: 12px;
}
@media (min-width: 640px) {
  .prev, .next {
      top: 68%;
    }
  }

/* Position the "next button" to the right */
.next {
  position: absolute;
  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 {
  color: #54B6E7;
}

/* The dot/bullet/indicator container */
.dot-container {
    text-align: center;
    padding: 10px;
}

/* The dots/bullets/indicators */
.dot {
  cursor: pointer;
  height: 15px;
  width: 15px;
  margin: 0 2px;
  border: 1px solid #212529;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

/* Add a background color to the active dot/circle */
.active, .dot:hover {
  background-color: #212529;
}

/* Add an italic font style to all quotes */
q {font-style: italic;
  font-weight: 700;
}

/* Add a color to the author */
.author {
  color: #212529;
  padding-top:14px;
}