/* -------------------------------------------------------------------- */
/* ------------------------------ MIXINS ------------------------------ */
/* -------------------------------------------------------------------- */

.clearfix {
*zoom: 1;
}
.clearfix:before, 
.clearfix:after {
display: table;
content: "";
}
.clearfix:after {
clear: both;
}

.hide {
display: none;
}
.invisible {
visibility: hidden;
overflow: hidden;
height: 0px;
}

.hide-overflow {
overflow: hidden;
}

.align-left {
text-align: left;
}
.align-center {
text-align: center;
}
.align-right {
text-align: right;
}

.pad-top {
padding-top: 25px;
}
.pad-bottom {
padding-bottom: 25px;
}
.large-pad-bottom {
padding-bottom: 60px;
}
.fix-pad-top {
padding-top: 40px;
}

.margin-top {
margin-top: 25px;
}
.margin-bottom {
margin-bottom: 25px;
}


/* -------------------------------------------------------------------- */
/* ------------------------------- PAGE ------------------------------- */
/* -------------------------------------------------------------------- */
html {
position: relative;
min-height: 100%;
-webkit-overflow-scrolling: touch;
-webkit-tap-highlight-color: #f3f5f6;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
background-color: #fff;
scroll-behavior: smooth;
/*background-color: #333d47;*/
}

body {
margin: 0px;
padding: 0px;
width: 100%;
background-color: transparent;
font-family: Libre Franklin, arial, sans-serif;
font-style: normal;
font-variant: normal;
font-weight: 300;
font-size: 16px;
line-height: normal;
overflow-y: scroll;
background-color: transparent;
color: #1a1a1a;
margin-bottom: 0px;
}

.page-content {
margin-top: 0px;
}

.no-gutter {
margin-left: 0px;
margin-right: 0px;
padding-left: 0px;
padding-right: 0px;
}
.no-padding {
padding-left: 0px;
padding-right: 0px;
}

.tight-gutter {
padding-bottom: 12px;
}

.container {
max-width: 1300px;
padding-left: 20px;
padding-right: 20px;
}
.container-fluid {
max-width: 100%;
}
.container-no-gutter {
padding-left: 0px;
padding-right: 0px;
}

.page-video {
width: 100%;
margin-bottom: 10px;
}

/* -------------------------------------------------------------------- */
/* --------------------------- TYPOGRAPHY ----------------------------- */
/* -------------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 {
margin: 0px;
color: inherit;
text-rendering: optimizelegibility;
font-family: Libre Franklin, arial, sans-serif;
font-style: normal;
font-variant: normal;
font-weight: 300;
line-height: normal;
text-transform: none;
}
h1,.h1 {
margin-bottom: 10px;
line-height: 1.1;
font-size: 2em;
color:#7bb062;
}
h2,.h2 {
margin-bottom: 16px;
font-size: 1.5em;
}
h3,.h3 {
margin-bottom: 15px;
font-size: 1.25em;
}
h4,.h4 {
margin-bottom: 15px;
font-size: 1.2em;
}
h5,.h5 {
margin-bottom: 15px;
font-size: 1.1em;
}
h6,.h6 {
font-size: 1em;
margin-bottom: 0px;
}
b {
font-weight: 600;
}
p {
font-family: Libre Franklin, arial, sans-serif;
margin-bottom: 15px;
font-size: 1em;
font-weight: 300;
}
p.lead {
font-size: 18px;
line-height: 22px;
}

ul {
font-family: Libre Franklin, arial, sans-serif;
font-weight: 300;
}

li {
margin-bottom: 6px;
}

h1.no-margin,
h2.no-margin,
h3.no-margin,
h4.no-margin,
h5.no-margin,
h6.no-margin {
margin-bottom: 2px;
}
p.no-margin {
margin: 0px;
}

/* -------------------------------------------------------------------- */
/* ----------------------------- COLOURS ------------------------------ */
/* -------------------------------------------------------------------- */

.light-green {
	color: #7bb062;
}

.dark-green {
	color: #6c9f7f;
}

/* -------------------------------------------------------------------- */
/* ----------------------------- ANCHORS ------------------------------ */
/* -------------------------------------------------------------------- */

a {
color: #6c9f7f;
text-decoration: none;
-webkit-transition: color 0.2s ease, background-color 0.2s ease;
-moz-transition: color 0.2s ease, background-color 0.2s ease;
-ms-transition: color 0.2s ease, background-color 0.2s ease;
-o-transition: color 0.2s ease, background-color 0.2s ease;
transition: color 0.2s ease, background-color 0.2s ease;
}
a:visited,
a:focus,
a:active {
text-decoration: none;
}

a:hover {
color:#7bb062;
text-decoration: none;
}


/* -------------------------------------------------------------------- */
/* ------------------------------ ICONS ------------------------------- */
/* -------------------------------------------------------------------- */


/* -------------------------------------------------------------------- */
/* ------------------------------ HEADER ------------------------------ */
/* -------------------------------------------------------------------- */

.header {
z-index: 15;
width: 100%;
position: relative;
}
.header-link {
width: 75%;
display: block;
}
.header-logo {
height: 90px;
background-image: url('/assets/img/scs-logo.png');
background-size: contain;
background-repeat: no-repeat;
}

.header-container {
height: 150px;
top: 0px;
margin: 0px;
padding: 30px 0px;
background-color: rgba(0,0,0,0);;
overflow: hidden;
}

.header-container-no-line {
height: 150px;
top: 0px;
margin: 0px;
padding: 30px 0px;
background-color: rgba(0,0,0,0);
overflow: hidden;
border-bottom: 0px;
}

/* nav button */
.open-nav-button {
float: right;
cursor: pointer;
padding-top: 20px;
}
.open-nav-button .line {
width: 40px;
height: 6px;
background-color: #6c9f7f;
margin: 8px 0px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
}
.open-nav-button:hover .line {
background-color: #7bb062;
}

/* mobile nav */
.nav-open .header-links-col {
position: static;
}
.nav-open .header {
overflow: visible;
}
.header-links {
position: relative;
height: 0px;
opacity: 0;
overflow: hidden;
-webkit-transition: opacity 0.4s ease;
-moz-transition: opacity 0.4s ease;
-ms-transition: opacity 0.4s ease;
-o-transition: opacity 0.4s ease;
transition: opacity 0.4s ease;
}
.nav-open .header-links {
position: fixed;
z-index: 99;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
opacity: 1;
background-color: #6c9f7f;
padding: 30px 15px;
}
.close-nav-button {
display: none;
}
.nav-open .close-nav-button {
display: block;
cursor: pointer;
float: right;
width: 40px;
height: 40px;
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI0LjMuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9ItCh0LvQvtC5XzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAzMiAzMiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMzIgMzI7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDojRkZGRkZGO3N0cm9rZTojRkZGRkZGO3N0cm9rZS13aWR0aDoyO3N0cm9rZS1taXRlcmxpbWl0OjEwO30KPC9zdHlsZT4KPHBhdGggaWQ9IkNsb3NlIiBjbGFzcz0ic3QwIiBkPSJNMTcuNSwxNmw4LjItOC4yYzAuNC0wLjQsMC40LTEsMC0xLjRjLTAuNC0wLjQtMS0wLjQtMS40LDBMMTYsMTQuNkw3LjcsNi4zYy0wLjQtMC40LTEtMC40LTEuNCwwCgljLTAuNCwwLjQtMC40LDEsMCwxLjRsOC4zLDguM2wtOC4zLDguM2MtMC40LDAuNC0wLjQsMSwwLDEuNGMwLjQsMC40LDEsMC40LDEuNCwwbDguMy04LjNsOC4zLDguM2MwLjQsMC40LDEsMC40LDEuNCwwCgljMC40LTAuNCwwLjQtMSwwLTEuNEwxNy41LDE2eiIvPgo8L3N2Zz4K);
background-size: 100%;
background-repeat: no-repeat;
background-position: 50%;
opacity: 1;
-webkit-transition: opacity 0.4s ease;
-moz-transition: opacity 0.4s ease;
-ms-transition: opacity 0.4s ease;
-o-transition: opacity 0.4s ease;
transition: opacity 0.4s ease;
}
.nav-open .close-nav-button:hover {
opacity: 1;
}
.header-links-container {
width: 100%;
left: 0px;
margin: 0px;
padding: 0px;
}
.header-links ul {
top: 0px;
left: 0px;
margin: 0px;
padding: 0px;
list-style: none;
line-height: 20px;
font-size: 22px;
}
.header-links ul li {
list-style: none;
width: 100%;
}
.header-links a {
display: inline-block;
padding: 20px;
color: #ffffff;
font-weight: 300;
}
.header-links a:active,
.header-links a:visited {
color: #ffffff;
}
	
.header-links a:hover,
.header-links a:focus {
color: #7bb062;
}

/* -------------------------------------------------------------------- */
/* ------------------------------- MAIN ------------------------------- */
/* -------------------------------------------------------------------- */

.no-results {
padding: 60px 0px;
text-align: center;
}

.block {
display:block;
height: auto;
width:100%;
}

.block img {
height: auto;
width: 100%;
}

/* -------------------------------------------------------------------- */
/* ------------------------------ SWIPER ------------------------------ */
/* -------------------------------------------------------------------- */

.swiper-pagination {
text-align: left;
padding-left: 20px;
padding-right: 20px;
position: relative;
}
.swiper-container-horizontal .swiper-pagination-bullets .swiper-pagination-bullet {
width: 13px;
height: 13px;
background-color: #000;
margin: 0px 10px 0px 0px;
}
.swiper-pagination-bullet-active {
background-color: #000;
}
.swiper-container-horizontal .swiper-pagination-bullets {
bottom: 0px;
}

.slide-block {
position: relative;
height: 350px;
background-size: 100%;
background-size: cover;
background-repeat: no-repeat;
background-position: 50%;
}
.slide-block a {
position: absolute;
z-index: 2;
}
.slide-block .page-link {
display: block;
position: absolute;
top: 0px;
padding: 0px 25px 0px 6px;
}

.slide-heading-block-mobile {
display: block;
background-color: #fff;
width: 100%;
min-height: 100px;
padding: 25px 0px;
margin-top: 0px;
margin-bottom: 0px;
}
.slide-heading-block-mobile h1.slide-heading {
overflow: hidden;
max-height: 24px;
font-size: 20px;
line-height: 22px;
margin-bottom: 0px;
}
.slide-heading-block-mobile h1.slide-heading + h1.slide-heading {
max-height: 46px;
}
.slide-heading-block-desktop {
display: none;
}

.swiper-title {
max-width: 1300px; 
margin: 0 auto;
}

/* -------------------------------------------------------------------- */
/* ------------------------------ POPUP ------------------------------- */
/* -------------------------------------------------------------------- */

.mask {
z-index: -1;
opacity: 0;
height: 0 !important;
width: 0;
overflow: hidden;
-webkit-transition: opacity 0.4s ease;
-moz-transition: opacity 0.4s ease;
-ms-transition: opacity 0.4s ease;
-o-transition: opacity 0.4s ease;
transition: opacity 0.4s ease;
}
.mask.visible {
position: fixed;
z-index: 15;
top: 0;
left: 0;
opacity: 1;
height: 100% !important;
width: 100%;
background-color: rgba(255, 255, 255, 0.75);
}

label {
display: inline-block;
max-width: 100%;
margin-bottom: 15px;
font-weight: normal;
color: #6c9f7f;
}

input {
background-color:#F2F2F2;
border: 0px;
border-radius: 3px;
box-shadow:none;
font-size:1em;
padding: 10px;
}

textarea {
background-color:#F2F2F2;
border: 0px;
border-radius: 3px;
box-shadow:none;
font-size:1em;
padding: 10px;
width: 100%;
}

button[type="submit"] {
background-color: #6c9f7f;
color: #ffffff;
border: none;
padding:15px;
}

button[type="submit"]:hover {
background-color: #7bb062;
color: #ffffff;
}

.freeform-row .freeform-column .freeform-label {
font-weight:normal;
}

/* -------------------------------------------------------------------- */
/* ------------------------------ FOOTER ------------------------------ */
/* -------------------------------------------------------------------- */

footer {
margin: 0px;
padding: 30px 0px;
background-color: #F2F2F2;
color: #1a1a1a;
font-family: Libre Franklin, arial, sans-serif;
font-size: 14px;
}

.footer-logo {
width: 100%;
display: inline-block;
height: 65px;
background-image: url('/assets/img/scs-logo.png');
background-size: contain;
background-repeat: no-repeat;
}

.footer-links {
padding: 0px;
}

.footer-creds {
width:49.5%;
display: inline-block;
padding: 0px 25px;
float: left;
}	

.footer-creds img {
	width: 100%;
    display: inline-block;
}

.footer-links ul {
margin: 0px;
padding: 0px;
list-style: none;
line-height: 20px;
font-size: 14px;
float: left;
}

.footer-links ul li {
list-style: none;
padding: 30px 15px;
display: block;
}

footer p {
font-family: Libre Franklin, arial, sans-serif;
}

footer b {
font-weight: 400;
color: #1a1a1a;
}

footer a,
footer a:active,
footer a:visited,
footer a:focus {
color: #1a1a1a;
}

footer a:hover {
color: #6c9f7f;
}


/* -------------------------------------------------------------------- */
/* ------------------------------ MEDIAS ------------------------------ */
/* -------------------------------------------------------------------- */

/* Very Small devices (phones, 480px and up) */
@media only screen and (min-width: 480px) {

}


/* Small devices (tablets, 768px and up) */
@media only screen and (min-width: 840px) {

.container {
width: inherit;
padding-left: 40px;
padding-right: 40px;
}
.container-fluid {
padding-left: 0px;
padding-right: 0px;
}	
	
.footer-links {
float:right;
}
	
.footer-links ul {
margin: 0px;
padding: 0px;
list-style: none;
}
	
.footer-links ul li {
display: inline-block;
}

/* Medium devices (desktops, 992px and up) */
@media only screen and (min-width: 992px) {
	
/* header */

.header {
}
.header-link {
width: auto;
}
.header-links-col,
.nav-open .header-links-col {
position: relative;
}
.nav-open .header {
overflow: hidden;
}
.header-links,
.nav-open .header-links {
height: auto;
opacity: 1;
background-color: transparent;
z-index: initial;
padding: 20px 0px;
}
.open-nav-button {
display: none;
}
.close-nav-button,
.nav-open .close-nav-button {
display: none;
}
.header-links-container {
position: relative;
top: 0px;
left: 0px;
margin: 0px;
}
.header-links ul {
list-style: none;
float: right;
line-height: 20px;
font-size: 14px;
text-align: left;
}
.header-links ul + ul {
margin-left: 25px;
}
.header-links ul li {
list-style: none;
width: 100%;
display: inline;
padding: 0px;
}
.header a {
padding: 0px;
}

.header-links a {
display: inline-block;
padding: 15px;
color: #1a1a1a;
font-weight: 300;
}   

.header-links a:active,
.header-links a:visited,
.header-links a:focus {
color: #1a1a1a;
}
.header-links a:hover{
color: #6c9f7f;
}
	
.footer-creds {
width:24.5%;
}	
	
}
/* Large devices (large desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
}
/* XLarge devices (large desktops, 1366px and up) */
@media only screen and (min-width: 1366px) {
}