/**********************************
Description...: screen sass
Author........: hello@satur9.co.uk
Last Changed..: 06/05/2025
Notes #1......:
*********************************/
/******************
Settings **/
@font-face {
  font-family: 'myriadpro';
  src: url("../data/fonts/MyriadPro-Regular.woff2") format("woff2"), url("../data/fonts/MyriadPro-Regular.woff") format("woff"), url("../data/fonts/MyriadPro-Regular.ttf") format("truetype");
}
@font-face {
  font-family: 'bodonimoda';
  src: url("../data/fonts/BodoniModa.woff2") format("woff2"), url("../data/fonts/BodoniModa.woff") format("woff"), url("../data/fonts/BodoniModa.ttf") format("truetype");
}
/******************
Layout**/
* {
  padding: 0;
  margin: 0;
  border: 0;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

body {
  font-family: 'raleway','myriadpro',helvetica,arial,sans-serif;
  font-display: swap;
  font-size: 100%;
  font-weight: 300;
  text-align: center;
  cursor: default;
  scroll-behavior: smooth;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

.container {
  position: relative;
  width: 1720px;
  margin: 0 auto;
  padding: 0 64px;
  text-align: left;
}
.container.container--full {
  max-width: 1720px;
  margin: 0 auto;
  padding: 0;
}

article, aside, details, figcaption, figure, figcaption, footer, header, menu,
nav, section, video {
  display: block;
}

h2, h3, h4, h5, h6, th, .btn, [type="submit"] {
  font-family: "bodoni moda", serif;
  font-weight: 600;
}

img {
  vertical-align: middle;
  max-width: 100%;
  height: auto;
}

/*make svg <img>s fluid in IE */
img.svg, object.svg {
  width: 100%;
}

/******************
Skip-to**/
.skip a {
  position: absolute;
  left: -9999px;
}
.skip a:focus, .skip a:active {
  width: 100%;
  top: 0;
  left: 0;
  z-index: 99;
  text-align: center;
  font-size: 0.8em;
  padding: 6px 0;
  outline: none;
}

/******************
Logo Area **/
#header {
  position: absolute;
  z-index: 99;
  width: 100%;
  padding: 56px 0 0;
}
#header .container {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

.header--cta {
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

.header-hero {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  width: 100%;
  min-height: 100vh;
  background: url(../img/banners/banner-01a.jpg) center no-repeat;
  background-size: 100%;
}
.header-hero .container {
  text-align: center;
  z-index: 1;
}
.header-hero .header-hero--txt {
  position: relative;
  z-index: 99;
  min-width: 100%;
  padding: 6% 0 2.5%;
  background-color: rgba(255, 255, 255, 0.8);
}
.header-hero .header-hero--txt h1, .header-hero .header-hero--txt p {
  display: block;
  position: relative;
  width: 100%;
  height: 0;
  text-indent: -9999px;
  margin: 0 auto;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
.header-hero .header-hero--txt h1 {
  padding-bottom: 16.88%;
  background-image: url(../img/logo.png);
}
.header-hero .header-hero--txt p {
  padding-bottom: 4.5%;
  background-image: url(../img/tagline.png);
}
.header-hero .header-hero--txt ul {
  margin-top: 40px;
}
.header-hero .header-hero--txt ul li {
  display: inline-block;
  list-style: none;
  font-size: 0.8em;
  line-height: 0.8em;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 3.5px;
  padding-right: 8px;
  margin: 0 8px 0 0;
  border-right: 1.5px solid #223241;
}
.header-hero .header-hero--txt ul li:last-child {
  padding-right: 0;
  margin-right: 0;
  border-right: 0;
}
.header-hero .header-hero--txt ul li a:hover {
  color: #080b0f;
  text-decoration: none;
}
.header-hero .header-hero--txt a:link, .header-hero .header-hero--txt a:visited {
  color: #223241;
}
.header-hero .header-hero--txt .btn a {
  margin: 0;
}
.header-hero.header-hero--mini {
  min-height: 50vh;
}

/******************
Main Content**/
.main-content {
  position: relative;
  min-width: 100%;
  padding: 64px 0;
  /******************
  Section Theming **/
}
.main-content.main-content--full {
  min-height: 100vh;
}
.main-content.main-content--slim {
  padding: 0;
}
.main-content.main-content--slim img {
  max-width: 1720px;
}
.main-content .main-content--pad {
  text-align: center;
  padding: 0 14% 64px;
}
.main-content header {
  text-align: center;
  margin: 0 0 32px;
}
.main-content h2 {
  font-size: 2.8em;
  line-height: 1em;
  margin: 0 0 24px;
}
.main-content h3, .main-content h4, .main-content h5, .main-content h6 {
  font-size: 1.6em;
  font-weight: 500;
  margin: 40px 0 14px;
}
.main-content p {
  font-size: 1.1em;
  line-height: 1.7em;
  letter-spacing: -0.25px;
  margin: 0 0 22px;
}
.main-content ul, .main-content ol, .main-content dl {
  margin: 32px 0;
}
.main-content ul li, .main-content ol li, .main-content dl li {
  list-style: disc;
  font-size: 1.3em;
  line-height: 1.5em;
  margin: 0 40px 20px;
}
.main-content ul.quicker li, .main-content ol.quicker li, .main-content dl.quicker li {
  margin-bottom: 4px;
}
.main-content ol li {
  list-style: decimal;
}
.main-content img.alignright {
  float: right;
  max-width: 30%;
  margin: 0 0 30px 50px;
}
.main-content img.alignleft {
  float: left;
  max-width: 30%;
  margin: 0 50px 30px 0;
}
.main-content img.alignnone {
  margin: 30px 0;
}
.main-content.main-content--alt-01 {
  padding-top: 170px;
  padding-bottom: 0;
  background-color: #d8d4d3;
}
.main-content.main-content--alt-01 p {
  text-wrap: balance;
  margin-bottom: 0;
}
.main-content.main-content--alt-01 .btn {
  margin-top: 50px;
}
.main-content.main-content--alt-01 .img-set {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  max-width: 1720px;
  margin: 0 auto;
}
.main-content.main-content--alt-01 .img-set div {
  overflow: hidden;
}
.main-content.main-content--alt-01 .img-set div img {
  -webkit-transition: all 0.7s ease-in-out;
  -moz-transition: all 0.7s ease-in-out;
  -ms-transition: all 0.7s ease-in-out;
  -o-transition: all 0.7s ease-in-out;
  transition: all 0.7s ease-in-out;
}
.main-content.main-content--alt-01 .img-set div img:hover {
  -webkit-transform: scale(1.15);
  -moz-transform: scale(1.15);
  -ms-transform: scale(1.15);
  -o-transform: scale(1.15);
  transform: scale(1.15);
}
.main-content.main-content--alt-02 {
  padding-top: 170px;
  background-color: #a09793;
}
.main-content.main-content--alt-02 h2 {
  color: #fff;
}
.main-content#ourservices {
  padding-bottom: 16px;
}
.main-content#ourservices h2 {
  color: #a09793;
}
.main-content.main-content--alt-04 {
  min-width: 1px;
  max-width: 1720px;
  padding: 100px 0 64px;
  margin: 54px auto 0;
  border-width: 44px 32px;
  border-style: solid;
  border-color: #d8d4d3;
}
.main-content.main-content--alt-04 .container {
  width: auto;
  margin: 0;
  padding: 0 240px 0 120px;
}
.main-content.main-content--alt-04 .inspection-book {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.main-content.main-content--alt-04 .inspection-book .inspection-book--intro {
  width: 28%;
}
.main-content.main-content--alt-04 .inspection-book .inspection-book--intro h3 {
  font-size: 4.1em;
  line-height: 1.2em;
  margin: 0 0 20px;
}
.main-content.main-content--alt-04 .inspection-book .inspection-book--intro p {
  max-width: 70%;
  line-height: 1.5em;
}
.main-content.main-content--alt-04 .inspection-book .inspection-book--intro p.cd-cal {
  max-width: none;
  font-family: "bodoni moda", serif;
  font-size: 1.9em;
  margin: 0;
}
.main-content.main-content--alt-04 .inspection-book .inspection-book--intro p.cd-eml {
  max-width: none;
  font-weight: 600;
  margin: 0 0 10px;
}
.main-content.main-content--alt-04 .inspection-book .inspection-book--intro p.cd-eml a {
  color: #111;
}
.main-content.main-content--alt-04 .inspection-book .inspection-book--form {
  width: 52%;
}

/******************
Cards **/
.service-holder {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 100px 0 0;
}
.service-holder section {
  width: 33.333%;
  margin: 0 0% 32px;
}
.service-holder.service-holder--choices section {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  width: 31.333%;
  margin: 0 1% 88px;
}
.service-holder.service-holder--choices section .service-holder--txt {
  padding-right: 32px;
}
.service-holder.service-holder--choices section .service-holder--txt h3 {
  color: #fff;
  font-size: 1.425em;
  font-weight: 600;
  line-height: 1.3em;
  margin: 0 0 6px;
}
.service-holder.service-holder--choices section .service-holder--txt p {
  line-height: 1.8em;
  margin: 0;
}
.service-holder.service-holder--choices section .service-holder--num {
  text-align: right;
  min-width: 80px;
  font-family: "bodoni moda", serif;
  color: #fff;
  font-size: 7em;
  font-weight: 900;
  line-height: 0.85em;
  margin-right: 48px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.service-holder.service-holder--choices section .service-holder--num span {
  position: relative;
  clip-path: polygon(0 0, 100% 0, 100% 55%, 0 82%);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.service-holder.service-holder--choices section:hover .service-holder--num {
  line-height: 0.75em;
}
.service-holder.service-holder--choices section:hover .service-holder--num span {
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}
.service-holder.service-holder--services {
  margin: 26px 0 0;
  padding: 0 8%;
}
.service-holder.service-holder--services section {
  width: 22%;
  margin: 0 5.666%;
}
.service-holder.service-holder--services section .service-holder--txt {
  text-align: center;
}
.service-holder.service-holder--services section .service-holder--txt img {
  display: none;
}
.service-holder.service-holder--services section .service-holder--txt h3 {
  color: #223241;
  font-size: 2.425em;
  font-weight: 600;
  line-height: 1.3em;
  margin: 0 0 16px;
}
.service-holder.service-holder--services section .service-holder--txt h3 a {
  color: #223241;
}
.service-holder.service-holder--services section .service-holder--txt p {
  color: #a09793;
  line-height: 1.35em;
  margin: 0;
}
.service-holder.service-holder--services section .service-holder--num {
  font-size: 5em;
  margin-right: 24px;
}
.service-holder.service-holder--pricing {
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  padding: 0 64px;
  margin: 64px 0 0;
  background-color: #223241;
}
.service-holder.service-holder--pricing section {
  width: 50%;
  padding: 2% 6.8%;
  margin: 0 0%;
  background-color: #223241;
  border-right: 26px solid #fff;
}
.service-holder.service-holder--pricing section .service-holder--txt {
  color: #a09793;
}
.service-holder.service-holder--pricing section .service-holder--txt h4 {
  font-size: 2.55em;
  margin: 0;
}
.service-holder.service-holder--pricing section .service-holder--txt dl {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 16px 0 0;
}
.service-holder.service-holder--pricing section .service-holder--txt dl dt {
  width: 72%;
  font-size: 1.6em;
  margin: 0 0 6px;
}
.service-holder.service-holder--pricing section .service-holder--txt dl dd {
  width: 28%;
  font-size: 1.75em;
  font-weight: 600;
}
.service-holder.service-holder--pricing section:nth-child(even) {
  border-right: 0;
  border-left: 26px solid #fff;
}

/******************
Buttons **/
.btn {
  display: inline-block;
}
.btn a {
  cursor: pointer;
  display: inline-block;
  text-align: center;
  color: #fff;
  font-size: 1.7em;
  font-weight: 300;
  padding: 10px 90px;
  margin: 0;
  background-color: #223241;
  border-radius: 100px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.btn a span {
  display: none;
}
.btn a:link, .btn a:visited {
  color: #fff;
  font-weight: 300;
}
.btn a:hover, .btn a:active, .btn a:focus {
  text-decoration: none;
  background-color: #2b3f52;
}
.btn a.pdf, .btn a.doc, .btn a.ext {
  padding-right: 40px;
  background-position: 94% center;
}
.btn.btn--middle {
  text-align: center;
  margin: 4px 4px 6px;
}
.btn.btn--icn01a a, .btn.btn--icn01b a, .btn.btn--icn01c a {
  padding-right: 50px;
  background-repeat: no-repeat;
  background-position: 85% center;
  background-size: 20px;
}
.btn.btn--icn01a a {
  background-image: url(../img/icon-phone-01a.png);
}
.btn.btn--icn01b a {
  background-image: url(../img/icon-email.png);
}
.btn.btn--icn01c a {
  background-image: url(../img/icon-web.png);
}
.btn.btn--register a {
  padding-right: 44px;
  background-repeat: no-repeat;
  background-position: 92% center;
  background-size: 16px;
  background-image: url(../img/icon-ext-01b.png);
}

/******************
Web Form **/
.wpcf7 {
  margin: 0;
  /**CF7 stuff**/
}
.wpcf7 * {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.wpcf7 legend {
  color: #fff;
  font-size: 1.25em;
  font-weight: 700;
  padding: 10px 30px;
  margin: 0 auto;
  border-radius: 8px;
  background-color: #223241;
}
.wpcf7 fieldset {
  position: relative;
  text-align: left;
  padding: 0;
}
.wpcf7 p {
  clear: left;
  font-size: 1em;
  margin: 0 0 20px;
}
.wpcf7 p.pmpro_form_hint {
  font-size: 0.8em;
  margin: 0;
}
.wpcf7 hr {
  float: left;
  width: 100%;
  margin: 30px 0;
}
.wpcf7 ul {
  margin: 0;
}
.wpcf7 ul li {
  float: left;
  width: 100%;
  font-size: 1em;
  list-style: none;
  margin: 0 0% 12px 0;
  padding: 0;
}
.wpcf7 ul li:nth-child(odd) {
  margin-right: 0;
}
.wpcf7 ul li.half {
  width: 45%;
  margin-right: 10%;
}
.wpcf7 ul li.half-end {
  margin-right: 0;
}
.wpcf7 ul li.clear-left {
  clear: left;
  margin: 60px 0 0;
}
.wpcf7 ul li.choices {
  margin-bottom: 24px;
}
.wpcf7 ul li.choices label {
  display: inline-block;
  margin-right: 60px;
}
.wpcf7 ul li.choices label.selected {
  font-weight: 600;
}
.wpcf7 ul li.choices label.intro {
  display: block;
  margin: 0 0 16px;
}
.wpcf7 label {
  cursor: pointer;
  display: block;
  font-size: 1em;
  margin: 0 0 6px;
}
.wpcf7 input[type="text"], .wpcf7 input[type="tel"], .wpcf7 input[type="email"], .wpcf7 input[type="date"] {
  width: 100%;
  font-family: inherit;
  font-size: 1em;
  font-weight: 600;
  padding: 10px 0;
  background-color: transparent;
  border-bottom: 1px solid #5f5f5f;
}
.wpcf7 input[type="checkbox"], .wpcf7 input[type="radio"] {
  margin-right: 8px;
  -webkit-transform: scale(1.3);
  -moz-transform: scale(1.3);
  -ms-transform: scale(1.3);
  -o-transform: scale(1.3);
  transform: scale(1.3);
}
.wpcf7 input:focus {
  border-color: #0c0;
  outline: none;
}
.wpcf7 input::placeholder {
  opacity: 0;
  filter: alpha(opacity=0);
  color: #5f5f5f;
}
.wpcf7 input[type="submit"] {
  cursor: pointer;
  text-align: center;
  color: #fff;
  font-size: 1.7em;
  font-weight: 300;
  padding: 10px 90px;
  margin: 0;
  background-color: #223241;
  border-radius: 100px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.wpcf7 input[type="submit"]:hover, .wpcf7 input[type="submit"]:active, .wpcf7 input[type="submit"]:focus {
  background-color: #2b3f52;
}
.wpcf7 select {
  width: 100%;
  min-height: 42px;
  font-size: 0.95em;
  padding: 10px;
  background-color: #d2d2d2;
  border: 1px solid #b8b8b8;
}
.wpcf7 textarea {
  resize: vertical;
  font-family: inherit;
  width: 100%;
  height: 140px;
  min-height: 140px;
  font-size: 1em;
  font-weight: 600;
  padding: 10px 0;
  background-color: transparent;
  border-bottom: 1px solid #5f5f5f;
}
.wpcf7 textarea:focus {
  border-color: #0c0;
}
.wpcf7 .wpcf7-list-item {
  margin-left: 0;
}
.wpcf7 form .wpcf7-response-output {
  font-weight: 700;
  padding: 10px;
}
.wpcf7 form.sent {
  margin-bottom: 160px;
}
.wpcf7 form.sent fieldset {
  display: none;
}

/******************
Pop Up **/
/*fancybox*/
.fancybox-bg,
.fancybox__backdrop {
  background-color: rgba(255, 255, 255, 0.7) !important;
}

/******************
Modal **/
#modal-1 {
  display: none;
  position: relative;
  text-align: left;
  max-width: 90%;
  padding: 180px 0 0px;
  margin-top: -40px;
  background: #223241 url(../img/bg-00a.png) right 30px no-repeat;
  background-size: 91% 68%;
}
#modal-1 .modal-container {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  max-width: 1500px;
  color: #dad4c7;
  padding: 0 21% 0 9%;
}
#modal-1 .modal-container .modal-txt {
  width: 40%;
  margin-right: 8%;
  margin-top: 32px;
}
#modal-1 .modal-container .modal-txt h4 {
  font-size: 3.8em;
  line-height: 1.1em;
  margin: 0 0 20px;
}
#modal-1 .modal-container .modal-txt p {
  color: #fff;
  font-size: 1em;
}
#modal-1 .modal-container .modal-form {
  width: 52%;
  padding: 70px 0;
}
#modal-1 .modal-container .modal-form .wpcf7 ul li.half:nth-child(even) {
  margin-right: 0;
}
#modal-1 .modal-container .modal-form .wpcf7 ul li.submit {
  margin: 130px 0 0;
}
#modal-1 .modal-container .modal-form .wpcf7 input[type="text"], #modal-1 .modal-container .modal-form .wpcf7 input[type="tel"], #modal-1 .modal-container .modal-form .wpcf7 input[type="email"] {
  color: #fff;
  border-color: #dad4c7;
}
#modal-1 .modal-container .modal-form .wpcf7 input[type="submit"] {
  color: #223241;
  background-color: #dad4c7;
}
#modal-1 .modal-container .modal-form .wpcf7 input[type="submit"]:hover, #modal-1 .modal-container .modal-form .wpcf7 input[type="submit"]:active, #modal-1 .modal-container .modal-form .wpcf7 input[type="submit"]:focus {
  background-color: #e4e0d6;
}
#modal-1 .modal-container .modal-form .wpcf7 input:focus {
  border-color: #0c0;
  outline: none;
}
#modal-1 button {
  cursor: pointer;
  position: absolute;
  top: 24px;
  left: 24px;
  width: 30px;
  height: 30px;
  color: #d8d4d3;
  font-size: 0;
  padding: 0;
  background: url(../img/svg/icon-close.svg) center no-repeat;
  background-size: contain;
}

/******************
Footer **/
/******************
Footer**/
#footer {
  width: 100%;
  color: #d8d4d3;
  padding: 132px 0 80px;
  background-color: #223241;
}
#footer .container {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
#footer section {
  position: relative;
  width: 64%;
  margin-right: 9%;
}
#footer section:first-child {
  text-align: center;
  width: 27%;
}
#footer section:last-child {
  -webkit-align-content: center;
  align-content: center;
  margin-right: 0;
}
#footer section h6 {
  position: absolute;
  left: -9999px;
}
#footer section ul li {
  list-style: none;
  font-size: 1.1em;
  margin: 0 0 2px;
}
#footer section ul li.cd-cal {
  font-family: "bodoni moda", serif;
  font-size: 1.9em;
}
#footer section ul li.cd-eml {
  font-weight: 500;
  margin: 0 0 10px;
}
#footer section ul li.cd-loc {
  position: relative;
  line-height: 24px;
}
#footer section ul li.cd-loc a {
  padding-left: 24px;
}
#footer section ul li.cd-loc a:before {
  display: block;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 16px;
  height: 24px;
  background: url(../img/icon-loc-01a.png) no-repeat;
  background-size: contain;
}
#footer section .btn {
  margin-top: 96px;
}
#footer section .btn a {
  color: #223241;
  background-color: #d8d4d3;
}
#footer section .btn a:link, #footer section .btn a:visited {
  color: #223241;
}
#footer section .btn a:hover, #footer section .btn a:active, #footer section .btn a:focus {
  background-color: #e4e1e1;
}
#footer section a:link, #footer section a:visited {
  color: #d8d4d3;
}
#footer section .social-icons {
  position: absolute;
  bottom: -20px;
  right: 0;
  max-width: 58px;
}
#footer section .social-icons a {
  border-color: #d8d4d3;
  margin: 6px 0 0;
}
#footer section .social-icons a.sc-fb {
  background-image: url(../img/social-facebook-01a.png);
}
#footer section .social-icons a.sc-in {
  background-image: url(../img/social-instagram-01a.png);
}
#footer .container--second section:last-child {
  padding: 0 64px 0 31%;
  -webkit-align-self: flex-end;
  align-self: flex-end;
}

/******************
Global Styles**/
.line, hr {
  clear: both;
  height: 1px;
  font-size: 0;
  margin: 64px 0%;
  border-bottom: 1px solid #c5c5c5;
}

.clearing {
  clear: both;
}

.error {
  color: #f00;
}

.win {
  color: #090;
}

.hide {
  position: absolute;
  left: -9999px;
}

.remove {
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}

.tiny {
  font-size: 0.7em;
}

.central {
  text-align: center;
}

.no-function {
  pointer-events: none;
}

.webkit-blurry-fix {
  box-shadow: 0 0 1px transparent;
}

.nice-scrolly-area {
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}

em {
  font-style: italic;
}

q {
  font-style: italic;
  display: block;
}

address {
  font-style: normal;
}

acronym, abbr {
  cursor: help;
  border-bottom: 1px dotted #000;
}

/******************
Links + slectors**/
a:link, a:visited {
  color: #223241;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

a:active, a:focus {
  /*outline:none;*/
  color: #000;
  background-color: rgba(34, 50, 65, 0.1);
  text-decoration: underline;
}

:focus:not(:focus-visible) {
  outline: none;
}

::selection {
  background-color: rgba(34, 50, 65, 0.1);
}

::-moz-selection {
  background-color: rgba(34, 50, 65, 0.1);
}

input[type="text"]:disabled {
  background-color: #ccc;
}

input:checked {
  border: 1px solid #090;
}

/******************
Clearfix**/
.clearfix:after {
  visibility: hidden;
  display: block;
  clear: both;
  content: ".";
  font-size: 0;
  height: 0;
}

/******************
Social Icons **/
.social-icons {
  -webkit-transition: opacity 0.3s ease-in-out;
  -moz-transition: opacity 0.3s ease-in-out;
  -ms-transition: opacity 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}
.social-icons a {
  display: inline-block;
  width: 58px;
  height: 58px;
  margin-right: 18px;
  border: 1.5px solid #fff;
  border-radius: 50%;
  background-size: 45%;
  background-repeat: no-repeat;
  background-position: center;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.social-icons a.sc-fb {
  background-image: url(../img/social-facebook-01b.png);
}
.social-icons a.sc-in {
  background-image: url(../img/social-instagram-01b.png);
}
.social-icons a:hover {
  opacity: 0.5;
  filter: alpha(opacity=50);
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -o-transform: scale(1.05);
  transform: scale(1.05);
}
.social-icons a span {
  position: absolute;
  left: -9999px;
}

/******************
Pages (not used) **/
/******************
JavaScript Events **/
#header.color-normal .header--cta .btn a {
  background-color: #223241;
}
#header.color-dark .header--cta .btn a {
  color: #223241;
  background-color: #fff;
}
#header.color-off {
  z-index: 0;
}
#header.color-off .header--cta .btn a {
  opacity: 0;
  filter: alpha(opacity=0);
}

/*# sourceMappingURL=style.css.map */