/***************************************************************
 GENERAL STYLES & SITE STRUCTURE
***************************************************************/
body {
  background:#e8e8e8!important;
  font-weight:300!important;
  color:#373737!important;
  font-size:16px!important;
  line-height:1.8!important;
}
a, a:hover {
  -webkit-transition:all 0.3s;
  transition:all 0.3s;
  -moz-transition:all 0.3s;
}
.content-box a {
  padding-bottom:2px;
  border-bottom:1px solid #ccc;
}
.content-box a:hover {
  border-bottom-color:#000;
}

h3 {
  text-transform:uppercase;
  letter-spacing:0.02em;
  font-weight:300;
  color:#ffa800;
  font-size:21px;
  padding:0;
  margin:0;
  margin-bottom:13px;
}

p.small-quote {
  font-style: italic;
  padding-left: 15px;
  border-left: 2px solid #ffa800;
}

img.logo {
  height:90px;
}


#GdprPermission, #MarketingPermission {
  float:left;
  clear:left;
}

#GdprLabel, #MarketingLabel {
  margin-top:0 !important;
  margin-left:20px !important;
}

#agreeToTerms {
  padding:10px;
  border:1px solid red;
  background-color: #f2dede;
  color: red;
  text-transform: uppercase;
  font-size:13px;
}

.section {
  padding:80px 0;
}
.section.no-bottom {
  padding-bottom:0;
}
.content-box {
  background:#fff;
  padding:58px;
  position:relative;
}
.content-box.three-col {
  padding:33px;
}
.content-box.three-col .content {
  height:210px;
}
.content-box.three-col .button {
  position: absolute;
  margin-top: 0;
  width:294px;
  padding-left: 0;
  padding-right: 0;
  bottom: -34px;
  text-align: center;
}
.content-box.orange-last {
  background:#ffa800;
  color:#fff;
}
.content-box.orange-last a {
  color:#fff;
  border-bottom-color:#ddd;
}
.content-box.orange-last a:hover {
  border-bottom-color:#fff;
}
.content-box.orange-last .content {
  height:auto;
}
.content-box.orange-last .content p {
  margin-bottom:0;
}
.content-box .image-top, .content-box .image-bottom, .content-box .image-centered-vertically {
  width:260px;
  height:340px;
  overflow:hidden;
  -webkit-box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.2);
  -moz-box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.2);
  box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.2);
}
.content-box .image-top .inner, .content-box .image-bottom .inner, .content-box .image-centered-vertically .inner {
  position:relative;
}
.content-box .image-top img, .content-box .image-bottom img, .content-box .image-centered-vertically img  {
  width:100%;
}
.content-box .image-top .inner .subtitle, .content-box .image-bottom .inner .subtitle, .content-box .image-centered-vertically .inner .subtitle {
  position: absolute;
  bottom: 15px;
  left: 0;
  background: rgba(266,266,266,0.7);
  font-size: 12px;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #373737;
  padding: 8px 15px;
  font-weight: 400;
}
.content-box .image-top {
  position:absolute;
  top:-25px;
  right:150px;
  height:230px;
}
.content-box .image-bottom {
  position:absolute;
  right:-30px;
  bottom:-30px;
  height:340px;
}
.content-box .image-centered-vertically.right {
  position:absolute;
  right:-30px;
  bottom:-30px;
  height:121%;
}
.content-box .image-centered-vertically.left {
  position:absolute;
  left:-30px;
  bottom:-30px;
  height:121%;
}
.content-box .image-centered-vertically.map {
  position: absolute;
  right: -30px;
  bottom: 0;
  top: 0;
  margin: auto;
  height: 600px;
}
.content-box .adjustImage {
  height: auto!important;
  top: -35px!important;
  bottom: auto!important;
}
.button, .button:visited, .button:active {
  background:#ffa800;
  font-size:16px;
  letter-spacing:0.03em;
  text-transform:uppercase;
  color:#fff;
  padding:22px 36px !important;
  border-bottom:0!important;
  margin-top:35px;
  display:inline-block;
  -webkit-transition:all 0.3s;
  transition:all 0.3s;
  -moz-transition:all 0.3s;
}
.button:hover, .button:focus {
  background:#e09a12;
  color:#fff;
  -webkit-transition:all 0.3s;
  transition:all 0.3s;
  -moz-transition:all 0.3s;
}
p.heading {
  font-size:21px;
  color:#ffa800;
  line-height:1.7!important;
}


#header {
  padding:10px 0;
  background:#fff;
}
ul#nav, ul#nav li {
  padding:0;
  margin:0;
  list-style:none;
}
ul#nav {
  margin-top:22px;
  float:right;
}
ul#nav li {
  display:inline-block;
  margin:0 1px;
}
ul#nav li a {
  font-size:16px;
  display:block;
  color:#5d5d5d;
  padding:8px 16px;
}
ul#nav li a:hover, ul#nav li a:focus {
  color:#ffa800;
}
ul#nav li.active a {
  color:#fff;
  background:#ffa800;
}
ul#nav li.active a:hover, ul#nav li.active a:focus {
  color:#fff;
}

#footer {
  width:100%;
  background:#fff;
  padding:35px 0;
  font-size:14px;
  color:#4b4b4b;
}
#footer a, #footer a:visited, #footer a:active {
  color:#4b4b4b;
}
#footer a:hover, #footer a:focus {
  color:#000;
}
#footer .content {
  width:90%;
}
#footer .content-smaller {
  width:80%;
}
#footer strong {
  font-weight:400;
}

.cycle-slideshow#slider {
  height:480px;
  overflow:hidden;
  position:relative;
}
.cycle-slideshow#slider img {
  width:100%;
}
.cycle-slideshow#slider .cycle-caption {
  z-index:999;
  position:absolute;
  top:0;
  bottom:0;
  left:0;
  width:100%;
  text-align:center;
  margin:auto;
  height:140px;
}
.cycle-slideshow#slider .cycle-caption h2 {
  text-transform:uppercase;
  font-size:60px;
  line-height:68px;
  color:#fff;
  font-weight:300;
  letter-spacing:0.02em;
  margin:0;
  padding:0;
  text-shadow: 0px 0px 15px rgba(0,0,0,0.7);
}
.cycle-slideshow#slider .cycle-prev, .cycle-slideshow#slider .cycle-next {
  top:0;
  bottom:0;
  position:absolute;
  text-align:center;
  color:#ffa800;
  background:#fff;
  margin:auto;
  height:58px;
  width:58px;
  line-height:58px;
  font-size:28px;
  font-weight:400;
  z-index:9999;
  cursor:pointer;
  -webkit-transition:all 0.3s;
  transition:all 0.3s;
  -moz-transition:all 0.3s;
}
.cycle-slideshow#slider .cycle-prev:hover, .cycle-slideshow#slider .cycle-next:hover {
  background:#efefee;
  -webkit-transition:all 0.3s;
  transition:all 0.3s;
  -moz-transition:all 0.3s;
}
.cycle-slideshow#slider .cycle-prev {
  left:0;
}
.cycle-slideshow#slider .cycle-next {
  right:0;
}

.cycle-slideshow.cutdown#slider {
  height:250px;
}
.cycle-slideshow.cutdown#slider .cycle-caption {
  height:70px;
}
.cycle-slideshow.cutdown#slider img {
  width:auto;
}

.question {
  padding: 10px 0;
  font-size: 20px;
  border-bottom: 1px solid orange;
  margin-bottom:5px;
  cursor:pointer;
}
.question:hover {
  color:#000;
}
.question.active {
  color:#ffa800
}
.question .q-text {
  font-weight:500;
  color:#666;
  margin-right:5px;
}
.answer {
  display:none;
  padding-top:5px;
}
.answer.active {
  displaY:block;
}


#EnquiryForm label {
  display:block;
  font-size:13px;
  text-transform:uppercase;
  font-weight:300;
  margin-top:15px;
  position:relative;
}
#EnquiryForm label .required {
  color: red;
  font-size: 22px;
  position: absolute;
  top: -5px;
  margin-left: 2px;
}
#EnquiryForm input[type=text], #EnquiryForm select, #EnquiryForm textarea {
  padding:10px;
  width:100%;
  outline:none;
  border:1px solid #ccc;
}
#EnquiryForm input[type=text]:focus, #EnquiryForm select:focus, #EnquiryForm textarea:focus {
  background:#efefee;
  box-shadow:none;
  -webkit-box-shadow:none;
  -moz-box-shadow:none;
  outline:none;
  border:1px solid #b0b0b0;
}
#EnquiryForm select {
  border-radius:0;
  -webkit-border-radius:0;
  -moz-border-radius:0;
  -webkit-appearance: none;
  background:transparent;
  z-index:999;
}
#EnquiryForm .select-container {
  position:relative;
}
#EnquiryForm .select-container .arrow {
  position:absolute;
  right:15px;
  top:13px;
  font-size:22px;
}
#EnquiryForm .button {
  outline:none;
  border:0;
}

#contactSlider {
  width:100%;
  overflow:hidden;
}
#contactSlider .cycle-slideshow {
  display:inline-block;
}

.homepage-page .content-box .image-top, .homepage-page .content-box .image-bottom, .homepage-page .content-box .image-centered-vertically {
  width:260px;
}
.homepage-page .content-box .image-top {
  right:130px;
  height: 290px;
  width: 400px;
}
@media (max-width: 1200px) {
  .homepage-page .content-box .image-top {
    right: 100px;
  }
}