html {
line-height: 1.15; -webkit-text-size-adjust: 100%; }  body {
margin: 0;
} h1 {
font-size: 2em;
margin: 0.67em 0;
}  hr {
box-sizing: content-box; height: 0; overflow: visible; } pre {
font-family: monospace, monospace; font-size: 1em; }  a {
background-color: transparent;
} abbr[title] {
border-bottom: none; text-decoration: underline; text-decoration: underline dotted; } b,
strong {
font-weight: bolder;
} code,
kbd,
samp {
font-family: monospace, monospace; font-size: 1em; } small {
font-size: 80%;
} sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}  img {
border-style: none;
}  button,
input,
optgroup,
select,
textarea {
font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0; } button,
input { overflow: visible;
} button,
select { text-transform: none;
} button,
[type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button;
} button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0;
} button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText;
} fieldset {
padding: 0.35em 0.75em 0.625em;
} legend {
box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; } progress {
vertical-align: baseline;
} textarea {
overflow: auto;
} [type="checkbox"],
[type="radio"] {
box-sizing: border-box; padding: 0; } [type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto;
} [type="search"] {
-webkit-appearance: textfield; outline-offset: -2px; } [type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
} ::-webkit-file-upload-button {
-webkit-appearance: button; font: inherit; }  details {
display: block;
} summary {
display: list-item;
}  template {
display: none;
} [hidden] {
display: none;
} body,
button,
input,
select,
optgroup,
textarea {
color: #404040;
font-family: "Roboto", sans-serif;
font-size: 16px;
font-size: 1rem;
line-height: 1.5;
}
h1, h2, h3, h4, h5, h6 {
clear: both;
}
p {
margin-bottom: 1.5em;
}
dfn, cite, em, i {
font-style: italic;
}
blockquote {
margin: 0 1.5em;
}
address {
margin: 0 0 1.5em;
}
pre {
background: #eee;
font-family: "Courier 10 Pitch", Courier, monospace;
font-size: 15px;
font-size: 0.9375rem;
line-height: 1.6;
margin-bottom: 1.6em;
max-width: 100%;
overflow: auto;
padding: 1.6em;
}
code, kbd, tt, var {
font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
font-size: 15px;
font-size: 0.9375rem;
}
abbr, acronym {
border-bottom: 1px dotted #666;
cursor: help;
}
mark, ins {
background: #fff9c0;
text-decoration: none;
}
big {
font-size: 125%;
} html {
box-sizing: border-box;
}
*,
*:before,
*:after { box-sizing: inherit;
}
body {
background: #fff; }
hr {
background-color: #ccc;
border: 0;
height: 1px;
margin-bottom: 1.5em;
}
ul, ol {
margin: 0 0 1.5em 3em;
}
ul {
list-style: disc;
}
ol {
list-style: decimal;
}
li > ul,
li > ol {
margin-bottom: 0;
margin-left: 1.5em;
}
dt {
font-weight: bold;
}
dd {
margin: 0 1.5em 1.5em;
}
img {
height: auto; max-width: 100%; }
figure {
margin: 1em 0; }
table {
margin: 0 0 1.5em;
width: 100%;
}
a {
text-decoration: none;
} button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
border: 1px solid;
border-color: #ccc #ccc #bbb;
border-radius: 3px;
background: #e6e6e6;
color: rgba(0, 0, 0, 0.8);
font-size: 12px;
font-size: 0.75rem;
line-height: 1;
padding: .5em 1em;
}
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
border-color: #ccc #bbb #aaa;
}
button:active, button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
border-color: #aaa #bbb #bbb;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
color: #666;
border: 1px solid #ccc;
border-radius: 3px;
padding: 3px;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
color: #111;
}
select {
border: 1px solid #ccc;
}
textarea {
width: 100%;
}
#login-page {
height: 75vh;
position: relative;
}
#login-page .login-cont {
width: 50%;
margin: 2em auto;
}
#login-page .login-cont .login-box-p {
border: solid 1px #38F9D7;
border-radius: 5px;
margin: 0 auto;
padding: 2em;
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
position: relative;
}
#login-page .login-cont .login-box-p .login-logo {
margin-bottom: 2em;
}
#login-page .login-cont .login-box-p .login-logo h6 {
text-align: center;
font-size: 2em;
margin-bottom: 1.25em;
}
#login-page .login-cont .login-box-p .login-logo h6 a {
color: #000;
}
#login-page .login-cont .login-box-p .login-logo h6:after {
content: '';
display: block;
height: 3px;
width: 45%;
margin: 0 auto;
background: #38F9D7;
}
#login-page .login-cont .login-box-p .login-logo a {
display: block;
}
#login-page .login-cont .login-box-p .login-logo img {
display: block;
width: 100%;
max-width: 125px;
height: auto;
margin: 0 auto;
}
#login-page .login-cont .login-box-p .error {
color: #ed4337;
}
#login-page .login-cont .login-box-p .success {
color: #38F9D7;
}
#login-page .login-cont .login-box-p #loginform .login-username, #login-page .login-cont .login-box-p #loginform .login-password {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: 1.5em;
}
#login-page .login-cont .login-box-p #loginform .login-username label, #login-page .login-cont .login-box-p #loginform .login-password label {
width: 100%;
}
#login-page .login-cont .login-box-p #loginform .login-username input, #login-page .login-cont .login-box-p #loginform .login-password input {
width: 100%;
}
#login-page .login-cont .login-box-p #loginform .login-remember label input {
margin-right: .5em;
}
#login-page .login-cont .login-box-p #loginform .login-submit {
margin: 1.5em 0;
text-align: center;
}
#login-page .login-cont .login-box-p #loginform .login-submit #wp-submit {
cursor: pointer;
background: #fff;
color: #38F9D7;
font-weight: 700;
font-size: 1em;
border: solid 1px #38F9D7;
padding: .5em 3em;
transition: all 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}
#login-page .login-cont .login-box-p #loginform .login-submit #wp-submit:hover {
background: #38F9D7;
color: #fff;
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}
#login-page .login-cont .login-box-p .lost-password {
text-align: center;
}
#login-page .login-cont .login-box-p .lost-password a {
font-size: .875em;
color: #000;
display: inline-block;
margin: 0 auto;
transition: color 400ms linear;
}
#login-page .login-cont .login-box-p .lost-password a:hover {
color: #38F9D7;
}
#login-page .login-cont .login-box-p .lost-password a:after {
content: '';
display: block;
height: 1px;
width: 0;
margin: 3px auto 0 auto;
background: #000;
transition: width 400ms linear;
}
#login-page .login-cont .login-box-p .lost-password a:hover:after {
width: 90%;
}
#login-page .login-cont .login-box-p .binate-logo {
position: absolute;
bottom: 1em;
right: 1em;
}
#login-page .login-cont .login-box-p .binate-logo a img {
width: 100%;
height: auto;
display: block;
max-width: 30px;
}
@media screen and (max-width: 1300px) {
#login-page .login-cont .login-box-p {
margin-top: 3em;
}
}
@media screen and (max-width: 900px) {
#login-page .login-cont {
width: 70%;
}
}
@media screen and (max-width: 600px) {
#login-page .login-cont {
width: 100%;
}
#login-page .login-cont .login-box-p {
border: 0;
box-shadow: unset;
padding: 0;
margin-top: 2em;
}
#login-page .login-cont .login-box-p .login-logo {
margin-bottom: 3em;
}
#login-page .login-cont .login-box-p .login-logo h6 {
font-size: 1em;
}
#login-page .login-cont .login-box-p #loginform .login-submit {
margin-top: 3em;
}
#login-page .login-cont .login-box-p .binate-logo {
position: absolute;
width: 100%;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
bottom: unset;
right: unset;
left: 50%;
transform: translateX(-50%);
}
} .top-banner-slider {
position: relative;
z-index: 1;
height: auto;
}
.top-banner-slider ul {
width: 100%;
height: auto;
margin: 0;
padding: 0;
list-style: none;
opacity: 0;
transition: opacity 400ms linear;
}
.top-banner-slider ul.slick-initialized {
opacity: 1;
}
.top-banner-slider ul.image-slider li .video-container {
overflow: hidden;
}
.top-banner-slider ul.image-slider li .video-container #stem-video {
display: block;
position: relative;
z-index: 1;
width: 100%;
height: auto;
}
.top-banner-slider .container {
position: absolute;
z-index: 4;
bottom: 3em;
left: 50%;
transform: translateX(-50%);
}
.top-banner-slider .container ul {
width: 50%;
margin: 0;
list-style: none;
opacity: 0;
transition: opacity 400ms linear;
}
.top-banner-slider .container ul.slick-initialized {
opacity: 1;
}
.top-banner-slider .container ul .slick-track {
padding: 1em 0;
}
.top-banner-slider .container ul li {
padding: 3em 2em;
border-radius: 70px;
background: rgba(255, 255, 255, 0.7);
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}
.top-banner-slider .container ul li h1, .top-banner-slider .container ul li h2, .top-banner-slider .container ul li h3, .top-banner-slider .container ul li h4, .top-banner-slider .container ul li h5, .top-banner-slider .container ul li h6 {
color: #12343b;
margin: 0 0 .75em 0;
font-size: 3em;
line-height: 1.1em;
font-weight: 900;
text-transform: uppercase;
}
.top-banner-slider .container ul li p {
color: #2d545e;
}
.top-banner-slider .container ul li p:last-child {
margin: 0;
}
@media screen and (max-width: 1300px) {
.top-banner-slider .container ul li h1, .top-banner-slider .container ul li h2, .top-banner-slider .container ul li h3, .top-banner-slider .container ul li h4, .top-banner-slider .container ul li h5, .top-banner-slider .container ul li h6 {
font-size: 2.75em;
}
}
@media screen and (max-width: 900px) {
.top-banner-slider .container ul {
width: 60%;
}
.top-banner-slider .container ul li h1, .top-banner-slider .container ul li h2, .top-banner-slider .container ul li h3, .top-banner-slider .container ul li h4, .top-banner-slider .container ul li h5, .top-banner-slider .container ul li h6 {
font-size: 2em;
}
}
@media screen and (max-width: 600px) {
.top-banner-slider .container {
bottom: unset;
top: 50%;
transform: translate(-50%, -50%);
}
.top-banner-slider .container ul {
width: 100%;
}
.top-banner-slider .container ul li h1, .top-banner-slider .container ul li h2, .top-banner-slider .container ul li h3, .top-banner-slider .container ul li h4, .top-banner-slider .container ul li h5, .top-banner-slider .container ul li h6 {
font-size: 1.5em;
}
.top-banner-slider .container ul li p br {
display: none;
}
}
.ajax-posts {
margin: 2em 0;
}
.ajax-posts .container .blog-posts {
margin: 0;
}
.ajax-posts .container .blog-posts .blog-posts-item {
margin-bottom: .5em;
}
.ajax-posts .container .blog-posts .blog-posts-item a {
color: #404040;
transition: color 400ms linear;
}
.ajax-posts .container .blog-posts .blog-posts-item a:hover {
color: #38F9D7;
}
.ajax-posts .container #load-more-blog {
margin: 1em 0;
cursor: pointer;
}
.binate-modal, .binate-modal-b, .binate-modal-c {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(18, 52, 59, 0.9);
z-index: 99;
display: none;
opacity: 0;
transition: all 400ms linear;
}
.binate-modal.modal-opacity, .binate-modal-b.modal-opacity, .binate-modal-c.modal-opacity {
opacity: 1;
}
.binate-modal.modal-display, .binate-modal-b.modal-display, .binate-modal-c.modal-display {
display: block;
}
.binate-modal .lime-circle, .binate-modal-b .lime-circle, .binate-modal-c .lime-circle {
position: absolute;
z-index: 1;
top: 0;
left: 0;
width: 400px;
height: 400px;
border-radius: 50%;
background: #0ee6cd;
transform: translate(-25%, 25%);
}
.binate-modal .golden-cogs, .binate-modal-b .golden-cogs, .binate-modal-c .golden-cogs {
width: 300px;
height: 300px;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
position: absolute;
z-index: 1;
top: 0;
right: 0;
transform: translate(-25%, 0);
}
.binate-modal .golden-cog, .binate-modal-b .golden-cog, .binate-modal-c .golden-cog {
width: 300px;
height: 300px;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
position: absolute;
z-index: 1;
bottom: 0;
left: 0;
transform: translate(25%, -5%);
}
.binate-modal .shape, .binate-modal-b .shape, .binate-modal-c .shape {
width: 300px;
height: 300px;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
position: absolute;
z-index: 1;
bottom: 0;
right: 0;
transform: translate(-15%, -15%);
}
.binate-modal .binate-modal-form, .binate-modal-b .binate-modal-form, .binate-modal-c .binate-modal-form {
width: 60vw;
max-height: 90vh;
background: #fff;
position: absolute;
z-index: 2;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
border-radius: 70px;
overflow: scroll;
}
.binate-modal .binate-modal-form .binate-modal-closer, .binate-modal-b .binate-modal-form .binate-modal-closer, .binate-modal-c .binate-modal-form .binate-modal-closer {
position: fixed;
z-index: 1000;
top: 1.5em;
right: 4em;
}
.binate-modal .binate-modal-form .binate-modal-closer p a i, .binate-modal-b .binate-modal-form .binate-modal-closer p a i, .binate-modal-c .binate-modal-form .binate-modal-closer p a i {
font-size: 2em;
color: #aaa;
transition: all 400ms linear;
}
.binate-modal .binate-modal-form .binate-modal-closer p a i.closer-animate, .binate-modal-b .binate-modal-form .binate-modal-closer p a i.closer-animate, .binate-modal-c .binate-modal-form .binate-modal-closer p a i.closer-animate {
transform: rotate(180deg);
}
.binate-modal .binate-modal-form .binate-modal-closer p a:hover i, .binate-modal-b .binate-modal-form .binate-modal-closer p a:hover i, .binate-modal-c .binate-modal-form .binate-modal-closer p a:hover i {
color: #0ee6cd;
}
.binate-modal .binate-modal-form .binate-modal-content, .binate-modal-b .binate-modal-form .binate-modal-content, .binate-modal-c .binate-modal-form .binate-modal-content {
padding: 4em;
}
.binate-modal .binate-modal-form .binate-modal-content a, .binate-modal-b .binate-modal-form .binate-modal-content a, .binate-modal-c .binate-modal-form .binate-modal-content a {
color: #12343b;
}
.binate-modal .binate-modal-form .binate-modal-content .title, .binate-modal-b .binate-modal-form .binate-modal-content .title, .binate-modal-c .binate-modal-form .binate-modal-content .title {
text-align: center;
color: #12343b;
margin-bottom: 2em;
}
.binate-modal .binate-modal-form .binate-modal-content .title .main-heading, .binate-modal-b .binate-modal-form .binate-modal-content .title .main-heading, .binate-modal-c .binate-modal-form .binate-modal-content .title .main-heading {
text-transform: uppercase;
margin: 0 0 .5em 0;
}
.binate-modal .binate-modal-form .binate-modal-content .title .main-heading:after, .binate-modal-b .binate-modal-form .binate-modal-content .title .main-heading:after, .binate-modal-c .binate-modal-form .binate-modal-content .title .main-heading:after {
content: '';
display: block;
height: 2px;
background: #C89666;
margin: .25em auto 0 auto;
width: 30%;
}
.binate-modal .binate-modal-form .binate-modal-content .row, .binate-modal-b .binate-modal-form .binate-modal-content .row, .binate-modal-c .binate-modal-form .binate-modal-content .row {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
margin-bottom: 2em;
}
.binate-modal .binate-modal-form .binate-modal-content .row .col, .binate-modal-b .binate-modal-form .binate-modal-content .row .col, .binate-modal-c .binate-modal-form .binate-modal-content .row .col {
width: 49%;
}
.binate-modal .binate-modal-form .binate-modal-content .row .col span input, .binate-modal-b .binate-modal-form .binate-modal-content .row .col span input, .binate-modal-c .binate-modal-form .binate-modal-content .row .col span input {
width: 100%;
padding: .5em;
border: solid 1px #0ee6cd;
border-radius: 12px;
background: #fff;
}
.binate-modal .binate-modal-form .binate-modal-content .row .col span input:-ms-input-placeholder, .binate-modal-b .binate-modal-form .binate-modal-content .row .col span input:-ms-input-placeholder, .binate-modal-c .binate-modal-form .binate-modal-content .row .col span input:-ms-input-placeholder {
color: #12343b;
}
.binate-modal .binate-modal-form .binate-modal-content .row .col span input::placeholder, .binate-modal-b .binate-modal-form .binate-modal-content .row .col span input::placeholder, .binate-modal-c .binate-modal-form .binate-modal-content .row .col span input::placeholder {
color: #12343b;
}
.binate-modal .binate-modal-form .binate-modal-content .row .col span select, .binate-modal-b .binate-modal-form .binate-modal-content .row .col span select, .binate-modal-c .binate-modal-form .binate-modal-content .row .col span select {
width: 100%;
padding: .5em;
border: solid 1px #0ee6cd;
border-radius: 12px;
background: #fff;
}
.binate-modal .binate-modal-form .binate-modal-content .acceptance-row, .binate-modal-b .binate-modal-form .binate-modal-content .acceptance-row, .binate-modal-c .binate-modal-form .binate-modal-content .acceptance-row {
margin-bottom: 2em;
}
.binate-modal .binate-modal-form .binate-modal-content .insights-row, .binate-modal-b .binate-modal-form .binate-modal-content .insights-row, .binate-modal-c .binate-modal-form .binate-modal-content .insights-row {
margin-bottom: 2em;
}
.binate-modal .binate-modal-form .binate-modal-content .submit-row, .binate-modal-b .binate-modal-form .binate-modal-content .submit-row, .binate-modal-c .binate-modal-form .binate-modal-content .submit-row {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.binate-modal .binate-modal-form .binate-modal-content .submit-row p, .binate-modal-b .binate-modal-form .binate-modal-content .submit-row p, .binate-modal-c .binate-modal-form .binate-modal-content .submit-row p {
width: 100%;
text-align: center;
}
.binate-modal .binate-modal-form .binate-modal-content .submit-row .wpcf7-submit, .binate-modal-b .binate-modal-form .binate-modal-content .submit-row .wpcf7-submit, .binate-modal-c .binate-modal-form .binate-modal-content .submit-row .wpcf7-submit {
cursor: pointer;
border: solid 2px #0ee6cd;
border-radius: 12px;
background: none;
text-transform: uppercase;
padding: .5em 3em;
font-size: 1.25em;
transition: all 400ms linear;
}
.binate-modal .binate-modal-form .binate-modal-content .submit-row .wpcf7-submit:hover, .binate-modal-b .binate-modal-form .binate-modal-content .submit-row .wpcf7-submit:hover, .binate-modal-c .binate-modal-form .binate-modal-content .submit-row .wpcf7-submit:hover {
background: #0ee6cd;
color: #fff;
}
.binate-modal .binate-modal-form .binate-modal-content .submit-row .ajax-loader, .binate-modal-b .binate-modal-form .binate-modal-content .submit-row .ajax-loader, .binate-modal-c .binate-modal-form .binate-modal-content .submit-row .ajax-loader {
display: none;
}
@media screen and (max-width: 900px) {
.binate-modal .lime-circle, .binate-modal-b .lime-circle, .binate-modal-c .lime-circle {
width: 200px;
height: 200px;
}
.binate-modal .golden-cogs, .binate-modal-b .golden-cogs, .binate-modal-c .golden-cogs {
width: 150px;
height: 150px;
transform: translate(-15%, 0);
}
.binate-modal .golden-cog, .binate-modal-b .golden-cog, .binate-modal-c .golden-cog {
width: 150px;
height: 150px;
transform: translate(15%, -25%);
}
.binate-modal .shape, .binate-modal-b .shape, .binate-modal-c .shape {
width: 150px;
height: 150px;
transform: translate(-15%, -15%);
}
.binate-modal .binate-modal-form, .binate-modal-b .binate-modal-form, .binate-modal-c .binate-modal-form {
width: 80vw;
}
}
@media screen and (max-width: 600px) {
.binate-modal .lime-circle, .binate-modal-b .lime-circle, .binate-modal-c .lime-circle {
width: 100px;
height: 100px;
}
.binate-modal .golden-cogs, .binate-modal-b .golden-cogs, .binate-modal-c .golden-cogs {
width: 75px;
height: 75px;
transform: translate(-15%, 15%);
}
.binate-modal .golden-cog, .binate-modal-b .golden-cog, .binate-modal-c .golden-cog {
width: 75px;
height: 75px;
}
.binate-modal .shape, .binate-modal-b .shape, .binate-modal-c .shape {
width: 75px;
height: 75px;
}
.binate-modal .binate-modal-form, .binate-modal-b .binate-modal-form, .binate-modal-c .binate-modal-form {
border-radius: 35px;
min-height: unset;
max-height: 90vh;
overflow: scroll;
}
.binate-modal .binate-modal-form .binate-modal-closer, .binate-modal-b .binate-modal-form .binate-modal-closer, .binate-modal-c .binate-modal-form .binate-modal-closer {
top: 1em;
right: 1em;
}
.binate-modal .binate-modal-form .binate-modal-closer p a i, .binate-modal-b .binate-modal-form .binate-modal-closer p a i, .binate-modal-c .binate-modal-form .binate-modal-closer p a i {
font-size: 1.5em;
}
.binate-modal .binate-modal-form .binate-modal-content, .binate-modal-b .binate-modal-form .binate-modal-content, .binate-modal-c .binate-modal-form .binate-modal-content {
padding: 2em 1em;
}
.binate-modal .binate-modal-form .binate-modal-content .title p, .binate-modal-b .binate-modal-form .binate-modal-content .title p, .binate-modal-c .binate-modal-form .binate-modal-content .title p {
font-size: 11px;
}
.binate-modal .binate-modal-form .binate-modal-content .row, .binate-modal-b .binate-modal-form .binate-modal-content .row, .binate-modal-c .binate-modal-form .binate-modal-content .row {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: 0;
}
.binate-modal .binate-modal-form .binate-modal-content .row .col, .binate-modal-b .binate-modal-form .binate-modal-content .row .col, .binate-modal-c .binate-modal-form .binate-modal-content .row .col {
width: 100%;
margin-bottom: 1em;
}
.binate-modal .binate-modal-form .binate-modal-content .row .col span input, .binate-modal-b .binate-modal-form .binate-modal-content .row .col span input, .binate-modal-c .binate-modal-form .binate-modal-content .row .col span input {
font-size: 11px;
}
.binate-modal .binate-modal-form .binate-modal-content .row .col span select, .binate-modal-b .binate-modal-form .binate-modal-content .row .col span select, .binate-modal-c .binate-modal-form .binate-modal-content .row .col span select {
font-size: 11px;
}
.binate-modal .binate-modal-form .binate-modal-content .acceptance-row, .binate-modal-b .binate-modal-form .binate-modal-content .acceptance-row, .binate-modal-c .binate-modal-form .binate-modal-content .acceptance-row {
margin-bottom: 1em;
font-size: 11px;
}
.binate-modal .binate-modal-form .binate-modal-content .insights-row, .binate-modal-b .binate-modal-form .binate-modal-content .insights-row, .binate-modal-c .binate-modal-form .binate-modal-content .insights-row {
font-size: 11px;
}
.binate-modal .binate-modal-form .binate-modal-content .submit-row .wpcf7-submit, .binate-modal-b .binate-modal-form .binate-modal-content .submit-row .wpcf7-submit, .binate-modal-c .binate-modal-form .binate-modal-content .submit-row .wpcf7-submit {
font-size: 0.875em;
}
}
.cv-file {
padding: 1em 0;
}
.seeker-employer-section {
position: relative;
margin: 4em 0;
}
.seeker-employer-section .golden-cog {
width: 400px;
height: 400px;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
position: absolute;
top: 0;
left: 0;
transform: translate(-50%, -50%);
}
.seeker-employer-section .container .row {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
}
.seeker-employer-section .container .row .col {
width: 48%;
border-radius: 70px;
padding: 1em 4em 2em 4em;
background: linear-gradient(180deg, #12343b 0%, #2d545e 100%);
color: #fff;
text-align: center;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}
.seeker-employer-section .container .row .col h1, .seeker-employer-section .container .row .col h2, .seeker-employer-section .container .row .col h3, .seeker-employer-section .container .row .col h4, .seeker-employer-section .container .row .col h5, .seeker-employer-section .container .row .col h6 {
font-size: 2.5em;
text-transform: uppercase;
}
.seeker-employer-section .container .row .col h1:after, .seeker-employer-section .container .row .col h2:after, .seeker-employer-section .container .row .col h3:after, .seeker-employer-section .container .row .col h4:after, .seeker-employer-section .container .row .col h5:after, .seeker-employer-section .container .row .col h6:after {
content: '';
display: block;
height: 2px;
background: #C89666;
margin-top: .25em;
width: 100%;
}
.seeker-employer-section .container .row .col .buttons {
margin: 2em 0;
}
@media screen and (max-width: 1300px) {
.seeker-employer-section {
margin: 3em 0;
}
.seeker-employer-section .container .row .col h1, .seeker-employer-section .container .row .col h2, .seeker-employer-section .container .row .col h3, .seeker-employer-section .container .row .col h4, .seeker-employer-section .container .row .col h5, .seeker-employer-section .container .row .col h6 {
font-size: 2em;
}
}
@media screen and (max-width: 900px) {
.seeker-employer-section {
margin: 2em 0;
}
.seeker-employer-section .golden-cog {
width: 200px;
height: 200px;
}
.seeker-employer-section .container .row {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.seeker-employer-section .container .row .col {
width: 100%;
margin-bottom: 2em;
}
.seeker-employer-section .container .row .col h1, .seeker-employer-section .container .row .col h2, .seeker-employer-section .container .row .col h3, .seeker-employer-section .container .row .col h4, .seeker-employer-section .container .row .col h5, .seeker-employer-section .container .row .col h6 {
font-size: 1.5em;
}
}
@media screen and (max-width: 600px) {
.seeker-employer-section {
margin-bottom: 0;
}
.seeker-employer-section .container .row .col {
padding: 2em;
}
.seeker-employer-section .container .row .col h1, .seeker-employer-section .container .row .col h2, .seeker-employer-section .container .row .col h3, .seeker-employer-section .container .row .col h4, .seeker-employer-section .container .row .col h5, .seeker-employer-section .container .row .col h6 {
font-size: 1.25em;
}
}
.recruitment-specialists-section {
background: linear-gradient(180deg, #12343b 0%, #2d545e 100%);
padding: 4em 0;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}
.recruitment-specialists-section .container {
text-align: center;
color: #fff;
}
.recruitment-specialists-section .container .content {
padding: 0 4em;
}
.recruitment-specialists-section .container .content h1, .recruitment-specialists-section .container .content h2, .recruitment-specialists-section .container .content h3, .recruitment-specialists-section .container .content h4, .recruitment-specialists-section .container .content h5, .recruitment-specialists-section .container .content h6 {
font-size: 2.5em;
text-transform: uppercase;
}
.recruitment-specialists-section .container .content h1:after, .recruitment-specialists-section .container .content h2:after, .recruitment-specialists-section .container .content h3:after, .recruitment-specialists-section .container .content h4:after, .recruitment-specialists-section .container .content h5:after, .recruitment-specialists-section .container .content h6:after {
content: '';
display: block;
height: 2px;
background: #C89666;
width: 25%;
margin: .25em auto 0 auto;
}
@media screen and (max-width: 1300px) {
.recruitment-specialists-section {
padding: 3em 0;
}
.recruitment-specialists-section .container .content h1, .recruitment-specialists-section .container .content h2, .recruitment-specialists-section .container .content h3, .recruitment-specialists-section .container .content h4, .recruitment-specialists-section .container .content h5, .recruitment-specialists-section .container .content h6 {
font-size: 2em;
}
}
@media screen and (max-width: 900px) {
.recruitment-specialists-section {
padding: 2em 0;
}
.recruitment-specialists-section .container .content h1, .recruitment-specialists-section .container .content h2, .recruitment-specialists-section .container .content h3, .recruitment-specialists-section .container .content h4, .recruitment-specialists-section .container .content h5, .recruitment-specialists-section .container .content h6 {
font-size: 1.5em;
}
.recruitment-specialists-section .container .content p br {
display: none;
}
}
@media screen and (max-width: 600px) {
.recruitment-specialists-section .container .content {
padding: 0;
}
.recruitment-specialists-section .container .content h1, .recruitment-specialists-section .container .content h2, .recruitment-specialists-section .container .content h3, .recruitment-specialists-section .container .content h4, .recruitment-specialists-section .container .content h5, .recruitment-specialists-section .container .content h6 {
font-size: 1.25em;
}
}
.ideal-job-section {
margin-top: 4em;
}
.ideal-job-section .title .container {
text-align: center;
}
.ideal-job-section .title .container h1, .ideal-job-section .title .container h2, .ideal-job-section .title .container h3, .ideal-job-section .title .container h4, .ideal-job-section .title .container h5, .ideal-job-section .title .container h6 {
font-size: 2.5em;
text-transform: uppercase;
display: inline-block;
color: #12343b;
}
.ideal-job-section .title .container h1:after, .ideal-job-section .title .container h2:after, .ideal-job-section .title .container h3:after, .ideal-job-section .title .container h4:after, .ideal-job-section .title .container h5:after, .ideal-job-section .title .container h6:after {
content: '';
display: block;
height: 2px;
background: #C89666;
margin-top: .25em;
width: 100%;
}
.ideal-job-section .title .container .buttons {
width: 40%;
margin: 3em auto 0 auto;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
}
.ideal-job-section .content {
position: relative;
width: 100%;
height: 75vh;
margin-bottom: 4em;
}
.ideal-job-section .content .line {
stroke: #C89666;
stroke-width: 3px;
}
.ideal-job-section .content svg {
position: absolute;
width: 100%;
height: 100%;
}
.ideal-job-section .content .circle {
width: 150px;
height: 150px;
border: solid 2px #2d545e;
border-radius: 50%;
position: absolute;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
}
.ideal-job-section .content .circle .circle-anchor {
display: block;
width: 80%;
height: 80%;
transform: scale(0.9);
transition: all 400ms linear;
}
.ideal-job-section .content .circle .circle-anchor:hover {
transform: scale(1);
}
.ideal-job-section .content .circle .circle-anchor.circle-anchor-toggled {
transform: scale(1);
}
.ideal-job-section .content .circle .circle-image {
width: 100%;
height: 100%;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
.ideal-job-section .content .circle#circle-1 {
top: 0;
left: 0;
background: #2d545e;
transform: translate(-15%, -50%);
}
.ideal-job-section .content .circle#engineering-circle {
top: 25%;
left: 0;
background-color: #fff;
transform: translate(250%, -50%);
}
.ideal-job-section .content .circle#science-circle {
top: 50%;
left: 50%;
background-color: #fff;
transform: translate(-50%, -50%);
}
.ideal-job-section .content .circle#supply-circle {
top: 25%;
right: 0;
background-color: #fff;
transform: translate(-250%, -50%);
}
.ideal-job-section .content .circle#circle-2 {
top: 50%;
right: 0;
background: #12343b;
transform: translate(15%, -100%);
}
.ideal-job-section .content .circle#circle-3 {
bottom: 0;
left: 0;
background: #12343b;
transform: translate(-10%, -100%);
}
.ideal-job-section .content .circle#manufacturing-circle {
bottom: 0;
left: 0;
background-color: #fff;
transform: translate(250%, -50%);
}
.ideal-job-section .content .circle#executive-circle {
bottom: 0;
right: 0;
background-color: #fff;
transform: translate(-250%, -50%);
}
.ideal-job-section .content .circle#circle-4 {
bottom: 0;
right: 0;
background: #2d545e;
transform: translate(10%, 25%);
}
.ideal-job-section .content .circle .circle-p {
white-space: nowrap;
position: absolute;
bottom: -3.25em;
text-transform: uppercase;
text-align: center;
font-size: 14px;
font-weight: 700;
}
.ideal-job-section .content .circle .circle-p a {
color: #12343b;
transition: color 400ms linear;
}
.ideal-job-section .content .circle .circle-p a:hover {
color: #0ee6cd;
}
.ideal-job-section .content .circle .circle-p a.a-toggled {
color: #0ee6cd;
}
@media screen and (max-width: 1300px) {
.ideal-job-section .title .container h1, .ideal-job-section .title .container h2, .ideal-job-section .title .container h3, .ideal-job-section .title .container h4, .ideal-job-section .title .container h5, .ideal-job-section .title .container h6 {
font-size: 2em;
}
.ideal-job-section .content .circle#engineering-circle {
transform: translate(150%, -50%);
}
.ideal-job-section .content .circle#supply-circle {
transform: translate(-150%, -50%);
}
.ideal-job-section .content .circle#manufacturing-circle {
transform: translate(175%, -50%);
}
.ideal-job-section .content .circle#executive-circle {
transform: translate(-185%, -50%);
}
}
@media screen and (max-width: 900px) {
.ideal-job-section .title .container h1, .ideal-job-section .title .container h2, .ideal-job-section .title .container h3, .ideal-job-section .title .container h4, .ideal-job-section .title .container h5, .ideal-job-section .title .container h6 {
font-size: 1.5em;
}
.ideal-job-section .title .container .buttons {
margin-top: 2em;
width: 60%;
}
.ideal-job-section .content .circle#engineering-circle {
transform: translate(50%, -50%);
}
.ideal-job-section .content .circle#supply-circle {
transform: translate(-80%, -50%);
}
.ideal-job-section .content .circle#circle-2 {
transform: translate(35%, -50%);
}
.ideal-job-section .content .circle#circle-3 {
transform: translate(-10%, -200%);
}
.ideal-job-section .content .circle#manufacturing-circle {
transform: translate(65%, -50%);
}
.ideal-job-section .content .circle#executive-circle {
transform: translate(-85%, -100%);
}
.ideal-job-section .content .circle .circle-p {
background: #fff;
}
}
@media screen and (max-width: 600px) {
.ideal-job-section {
margin-top: 2em;
}
.ideal-job-section .title .container h1, .ideal-job-section .title .container h2, .ideal-job-section .title .container h3, .ideal-job-section .title .container h4, .ideal-job-section .title .container h5, .ideal-job-section .title .container h6 {
font-size: 1.25em;
}
.ideal-job-section .title .container .buttons {
margin-top: 2em;
width: 100%;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.ideal-job-section .title .container .buttons p {
margin-bottom: 2em;
width: 100%;
}
.ideal-job-section .content {
height: 569px;
margin-bottom: 0;
}
.ideal-job-section .content .line.line-1 {
display: none;
}
.ideal-job-section .content .line.line-4 {
display: none;
}
.ideal-job-section .content .line.line-5 {
display: none;
}
.ideal-job-section .content .line.line-8 {
display: none;
}
.ideal-job-section .content .circle {
width: 100px;
height: 100px;
}
.ideal-job-section .content .circle#circle-1 {
display: none;
}
.ideal-job-section .content .circle#engineering-circle {
top: 10%;
transform: translate(25%, -50%);
}
.ideal-job-section .content .circle#science-circle {
transform: translate(-50%, -100%);
}
.ideal-job-section .content .circle#supply-circle {
top: 15%;
transform: translate(-40%, -50%);
}
.ideal-job-section .content .circle#circle-2 {
display: none;
}
.ideal-job-section .content .circle#circle-3 {
display: none;
}
.ideal-job-section .content .circle#manufacturing-circle {
transform: translate(15%, -100%);
}
.ideal-job-section .content .circle#executive-circle {
transform: translate(-50%, -150%);
}
.ideal-job-section .content .circle#circle-4 {
display: none;
}
.ideal-job-section .content .circle .circle-p {
font-size: 11px;
}
}
.social-callout-section {
background: linear-gradient(180deg, #12343b 0%, #2d545e 100%);
padding: 2em 0;
text-align: center;
margin-bottom: 2em;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}
.social-callout-section h1, .social-callout-section h2, .social-callout-section h3, .social-callout-section h4, .social-callout-section h5, .social-callout-section h6, .social-callout-section p {
font-size: 2.5em;
text-transform: uppercase;
color: #fff;
margin: 0;
}
.social-callout-section h1 a, .social-callout-section h2 a, .social-callout-section h3 a, .social-callout-section h4 a, .social-callout-section h5 a, .social-callout-section h6 a, .social-callout-section p a {
color: #fff;
transition: color 400ms linear;
}
.social-callout-section h1 a:hover, .social-callout-section h2 a:hover, .social-callout-section h3 a:hover, .social-callout-section h4 a:hover, .social-callout-section h5 a:hover, .social-callout-section h6 a:hover, .social-callout-section p a:hover {
color: #0ee6cd;
}
@media screen and (max-width: 1300px) {
.social-callout-section h1, .social-callout-section h2, .social-callout-section h3, .social-callout-section h4, .social-callout-section h5, .social-callout-section h6, .social-callout-section p {
font-size: 2em;
}
}
@media screen and (max-width: 900px) {
.social-callout-section h1, .social-callout-section h2, .social-callout-section h3, .social-callout-section h4, .social-callout-section h5, .social-callout-section h6, .social-callout-section p {
font-size: 1.5em;
}
}
@media screen and (max-width: 600px) {
.social-callout-section {
padding: 1em 0;
margin-bottom: 1em;
}
.social-callout-section h1, .social-callout-section h2, .social-callout-section h3, .social-callout-section h4, .social-callout-section h5, .social-callout-section h6, .social-callout-section p {
font-size: 1.25em;
}
}
.about-us-section {
background: linear-gradient(180deg, #12343b 0%, #2d545e 100%);
color: #fff;
border-top: solid 2px #C89666;
border-bottom: solid 2px #C89666;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
margin-bottom: 2em;
}
.about-us-section .row {
display: -ms-flexbox;
display: flex;
}
.about-us-section .row .col.col-1 {
width: 40%;
background-size: cover;
background-position: center;
-webkit-clip-path: polygon(0 0, 80% 0%, 100% 100%, 0% 100%);
clip-path: polygon(0 0, 80% 0%, 100% 100%, 0% 100%);
}
.about-us-section .row .col.col-2 {
padding: 4em;
width: 60%;
}
.about-us-section .row .col.col-2 h1, .about-us-section .row .col.col-2 h2, .about-us-section .row .col.col-2 h3, .about-us-section .row .col.col-2 h4, .about-us-section .row .col.col-2 h5, .about-us-section .row .col.col-2 h6 {
font-size: 2.5em;
text-transform: uppercase;
}
.about-us-section .row .col.col-2 h1:after, .about-us-section .row .col.col-2 h2:after, .about-us-section .row .col.col-2 h3:after, .about-us-section .row .col.col-2 h4:after, .about-us-section .row .col.col-2 h5:after, .about-us-section .row .col.col-2 h6:after {
content: '';
display: block;
height: 2px;
background: #C89666;
width: 40%;
margin-top: .25em;
}
.about-us-section .row .col.col-2 .cta {
margin-top: 3em;
}
@media screen and (max-width: 1300px) {
.about-us-section .row .col.col-2 h1, .about-us-section .row .col.col-2 h2, .about-us-section .row .col.col-2 h3, .about-us-section .row .col.col-2 h4, .about-us-section .row .col.col-2 h5, .about-us-section .row .col.col-2 h6 {
font-size: 2em;
}
}
@media screen and (max-width: 900px) {
.about-us-section .row .col.col-2 {
padding: 4em 2em;
}
.about-us-section .row .col.col-2 h1, .about-us-section .row .col.col-2 h2, .about-us-section .row .col.col-2 h3, .about-us-section .row .col.col-2 h4, .about-us-section .row .col.col-2 h5, .about-us-section .row .col.col-2 h6 {
font-size: 1.5em;
}
}
@media screen and (max-width: 600px) {
.about-us-section {
background: unset;
}
.about-us-section .row {
position: relative;
}
.about-us-section .row .col.col-1 {
width: 100%;
-webkit-clip-path: unset;
clip-path: unset;
position: absolute;
z-index: 1;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.about-us-section .row .col.col-2 {
padding: 2em 1em;
position: relative;
z-index: 2;
width: 100%;
background: rgba(18, 52, 59, 0.7);
}
.about-us-section .row .col.col-2 h1, .about-us-section .row .col.col-2 h2, .about-us-section .row .col.col-2 h3, .about-us-section .row .col.col-2 h4, .about-us-section .row .col.col-2 h5, .about-us-section .row .col.col-2 h6 {
font-size: 1.25em;
}
.about-us-section .row .col.col-2 .cta {
margin-top: 2em;
}
}
.testimonials-section {
position: relative;
padding: 4em 0 6em 0;
margin-bottom: 2em;
background-size: cover;
background-position: center;
}
.testimonials-section .shape {
position: absolute;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
width: 300px;
height: 300px;
bottom: 0;
left: 0;
transform: translateY(10%);
}
.testimonials-section .cog {
background-size: contain;
background-repeat: no-repeat;
background-position: center;
position: absolute;
}
.testimonials-section .cog.cog-1 {
z-index: 1;
width: 250px;
height: 250px;
bottom: 0;
left: 50%;
transform: translate(-40%, 10%);
}
.testimonials-section .cog.cog-2 {
z-index: 2;
width: 150px;
height: 150px;
top: 0;
right: 0;
transform: translate(-100%, 25%);
}
.testimonials-section .cog.cog-3 {
z-index: 1;
width: 100px;
height: 100px;
top: 0;
right: 0;
transform: translate(-275%, 125%);
}
.testimonials-section .main-heading {
text-align: center;
color: #12343b;
margin-bottom: 1.5em;
}
.testimonials-section .main-heading:after {
content: '';
display: block;
height: 2px;
background: #C89666;
width: 25%;
margin: .25em auto 0 auto;
}
.testimonials-section ul {
position: relative;
z-index: 3;
padding-bottom: 2em;
margin: 0;
margin-left: -2em;
margin-top: 2em;
}
.testimonials-section ul li {
margin-left: 2em;
background: #DAB489;
padding: 4em 2em; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}
.testimonials-section ul li .id-testimonial {
display: none;
}
.testimonials-section ul li p {
color: #12343b;
}
.testimonials-section ul li p a.testimonial-read-more {
text-transform: lowercase;
margin-left: 1em;
font-weight: lighter;
color: #12343b;
transition: color 400ms linear;
display: inline-block;
}
.testimonials-section ul li p a.testimonial-read-more:hover {
color: #2d545e;
}
.testimonials-section ul li .testimonial-speaker {
text-transform: unset;
margin-top: 2em;
text-align: right;
font-weight: lighter;
}
.testimonials-section .testimonial-modal {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(18, 52, 59, 0.7);
z-index: 99;
display: none;
opacity: 0;
transition: all 400ms linear;
}
.testimonials-section .testimonial-modal .testimonial-id {
display: none;
}
.testimonials-section .testimonial-modal.modal-opacity {
opacity: 1;
}
.testimonials-section .testimonial-modal.modal-display {
display: block;
}
.testimonials-section .testimonial-modal .testimonial-modal-form {
width: 70%;
max-height: 75%;
overflow: scroll;
background: #fff;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
border-radius: 4px;
}
.testimonials-section .testimonial-modal .testimonial-modal-form .testimonial-modal-closer {
position: fixed;
z-index: 1000;
top: 1em;
right: 1.5em;
}
.testimonials-section .testimonial-modal .testimonial-modal-form .testimonial-modal-closer p a i {
font-size: 1.5em;
color: #12343b;
transition: all 400ms linear;
}
.testimonials-section .testimonial-modal .testimonial-modal-form .testimonial-modal-closer p a i.closer-animate {
transform: rotate(180deg);
}
.testimonials-section .testimonial-modal .testimonial-modal-form .testimonial-modal-closer p a:hover i {
color: #0ee6cd;
}
.testimonials-section .testimonial-modal .testimonial-modal-form .testimonial-modal-content {
margin: 3em 6em;
}
.testimonials-section .testimonial-modal .testimonial-modal-form .testimonial-modal-content:before {
content: '';
display: block;
background: #C89666;
width: 40%;
height: 2px;
margin: 0 auto 2em auto;
}
.testimonials-section .testimonial-modal .testimonial-modal-form .testimonial-modal-content:after {
content: '';
display: block;
background: #C89666;
width: 40%;
height: 2px;
margin: 2em auto 0 auto;
}
.testimonials-section .testimonial-modal .testimonial-modal-form .testimonial-modal-content .testimonial-speaker {
font-weight: 900;
color: #12343b;
}
@media screen and (max-width: 1300px) {
.testimonials-section {
padding-top: 3em;
}
.testimonials-section ul li {
padding: 3em 1em 2em 1em;
}
.testimonials-section .testimonial-modal .testimonial-modal-form .testimonial-modal-content {
margin: 3em;
}
}
@media screen and (max-width: 900px) {
.testimonials-section {
padding: 4em 0 0 0;
}
.testimonials-section .shape {
position: absolute;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
width: 300px;
height: 300px;
bottom: 0;
left: 0;
transform: translateY(10%);
}
.testimonials-section .cog {
background-size: contain;
background-repeat: no-repeat;
background-position: center;
position: absolute;
}
.testimonials-section .cog.cog-1 {
width: 200px;
height: 200px;
transform: translate(20%, 20%);
}
.testimonials-section .cog.cog-2 {
width: 100px;
height: 100px;
transform: translate(-100%, -5%);
}
.testimonials-section .cog.cog-3 {
width: 50px;
height: 50px;
transform: translate(-375%, 125%);
}
.testimonials-section .banner-heading {
margin-bottom: 1em;
}
.testimonials-section .testimonial-modal .testimonial-modal-form {
width: 80%;
}
}
@media screen and (max-width: 600px) {
.testimonials-section {
padding: 1em 0 0 0;
}
.testimonials-section .shape {
width: 150px;
height: 150px;
}
.testimonials-section .cog.cog-2 {
display: none;
}
.testimonials-section .cog.cog-3 {
transform: translate(-100%, 125%);
}
.testimonials-section ul {
margin-top: 0;
padding-bottom: 1em;
}
.testimonials-section .testimonial-modal .testimonial-modal-form {
width: 90%;
max-height: 90%;
transform: translate(-50%, -45%);
}
.testimonials-section .testimonial-modal .testimonial-modal-form .testimonial-modal-content {
margin: 3em 1em;
}
}
.stem-cookie-banner {
background: linear-gradient(180deg, #12343b 0%, #2d545e 100%);
border: 0;
}
.stem-cookie-banner .wrap-container {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
}
.stem-cookie-banner .wrap-container .lwpcngNotice_message {
width: 60%;
display: block;
text-align: left;
}
.stem-cookie-banner .wrap-container .lwpcngNotice_buttons {
width: 30%;
display: block;
}
.stem-cookie-banner .lwpcngNotice_accept, .stem-cookie-banner .lwpcngNotice_reject {
color: #fff;
border-color: #fff;
border-radius: 6px;
transition: all 400ms linear;
padding-left: 2em;
padding-right: 2em;
}
.stem-cookie-banner .lwpcngNotice_accept:hover, .stem-cookie-banner .lwpcngNotice_reject:hover {
background: #fff;
color: #C89666;
}
.stem-cookie-banner .lwpcngNotice_more a {
color: #fff;
}
@media screen and (max-width: 600px) {
.stem-cookie-banner .wrap-container {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.stem-cookie-banner .wrap-container .lwpcngNotice_message {
width: 100%;
}
.stem-cookie-banner .wrap-container .lwpcngNotice_buttons {
margin-top: .25em;
width: 100%;
}
}
.footer-cta {
padding: 2em 0;
}
.footer-cta .container .row {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
}
.footer-cta .container .row .col {
width: 48%;
}
.footer-cta .container .row .col p {
font-size: 1.25em;
text-transform: uppercase;
}
.footer-cta .container .row .col p a {
display: block;
text-align: center;
width: 100%;
padding: .75em 2em;
}
@media screen and (max-width: 900px) {
.footer-cta .container .row .col p {
font-size: 1em;
}
}
@media screen and (max-width: 600px) {
.footer-cta {
padding: .5em 0;
}
.footer-cta .container .row {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.footer-cta .container .row .col {
width: 100%;
}
.footer-cta .container .row .col p {
font-size: 0.875em;
}
}
.about-banner-section {
position: relative;
height: 80vh;
}
.about-banner-section .about-line {
stroke: #C89666;
stroke-width: 3px;
}
.about-banner-section svg {
position: absolute;
width: 100%;
height: 100%;
}
.about-banner-section .about-banner-image {
background-size: cover;
background-position: center;
background-color: #C89666;
width: 35vw;
height: 35vw;
border-radius: 50%;
position: absolute;
top: 0;
right: 0;
transform: translate(15%, -15%);
}
.about-banner-section .about-banner-sub-image {
background-size: cover;
background-position: center;
background-color: #DAB489;
width: 15vw;
height: 15vw;
border-radius: 50%;
position: absolute;
bottom: 0;
left: 50%;
transform: translate(15%, 0);
}
.about-banner-section .about-banner-circle-1 {
background-color: #12343b;
position: absolute;
top: 0;
left: 50%;
transform: translate(0, -35%);
width: 12vw;
height: 12vw;
border-radius: 50%;
}
.about-banner-section .about-banner-circle-2 {
background-color: #2d545e;
position: absolute;
bottom: 0;
right: 0;
width: 8vw;
height: 8vw;
border-radius: 50%;
transform: translate(-50%, 0);
}
.about-banner-section .container .row {
display: -ms-flexbox;
display: flex;
}
.about-banner-section .container .row .col.col-1 {
padding-top: 8em;
width: 60%;
}
.about-banner-section .container .row .col.col-1 h1, .about-banner-section .container .row .col.col-1 h2, .about-banner-section .container .row .col.col-1 h3, .about-banner-section .container .row .col.col-1 h4, .about-banner-section .container .row .col.col-1 h5, .about-banner-section .container .row .col.col-1 h6 {
font-size: 3em;
color: #12343b;
text-transform: uppercase;
line-height: 1.1em;
}
.about-banner-section .container .row .col.col-1 p {
width: 80%;
}
.about-banner-section .container .row .col.col-2 {
width: 40%;
}
@media screen and (max-width: 1300px) {
.about-banner-section {
height: 75vh;
}
.about-banner-section .about-banner-sub-image {
transform: translate(50%, 0);
}
.about-banner-section .container .row .col.col-1 {
padding-top: 6em;
}
.about-banner-section .container .row .col.col-1 h1, .about-banner-section .container .row .col.col-1 h2, .about-banner-section .container .row .col.col-1 h3, .about-banner-section .container .row .col.col-1 h4, .about-banner-section .container .row .col.col-1 h5, .about-banner-section .container .row .col.col-1 h6 {
font-size: 2.75em;
}
}
@media screen and (max-width: 900px) {
.about-banner-section {
height: 50vh;
}
.about-banner-section .about-banner-sub-image {
transform: translate(25%, -200%);
}
.about-banner-section .about-banner-circle-2 {
transform: translate(-50%, -300%);
}
.about-banner-section .container .row .col.col-1 {
padding-top: 4em;
}
.about-banner-section .container .row .col.col-1 h1, .about-banner-section .container .row .col.col-1 h2, .about-banner-section .container .row .col.col-1 h3, .about-banner-section .container .row .col.col-1 h4, .about-banner-section .container .row .col.col-1 h5, .about-banner-section .container .row .col.col-1 h6 {
font-size: 2em;
}
}
@media screen and (max-width: 600px) {
.about-banner-section {
height: 450px;
}
.about-banner-section .about-line.about-line-3 {
display: none;
}
.about-banner-section .about-banner-sub-image {
bottom: unset;
top: 0;
left: unset;
right: 0;
transform: translate(-10%, 250%);
}
.about-banner-section .about-banner-circle-2 {
display: none;
}
.about-banner-section .container .row .col.col-1 {
padding-top: 2em;
width: 80%;
}
.about-banner-section .container .row .col.col-1 h1, .about-banner-section .container .row .col.col-1 h2, .about-banner-section .container .row .col.col-1 h3, .about-banner-section .container .row .col.col-1 h4, .about-banner-section .container .row .col.col-1 h5, .about-banner-section .container .row .col.col-1 h6 {
font-size: 1.5em;
width: 90%;
}
.about-banner-section .container .row .col.col-1 p {
width: 100%;
}
.about-banner-section .container .row .col.col-2 {
display: none;
}
}
.ingredients-section {
position: relative;
margin: 4em 0 6em 0;
}
.ingredients-section .golden-cog {
width: 400px;
height: 400px;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
position: absolute;
top: 0;
left: 0;
transform: translate(-50%, -50%);
}
.ingredients-section .shape {
position: absolute;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
width: 300px;
height: 300px;
bottom: 0;
right: 0;
transform: translateY(50%);
}
.ingredients-section .container .content {
text-align: center;
padding: 0 8em;
}
.ingredients-section .container .content h1, .ingredients-section .container .content h2, .ingredients-section .container .content h3, .ingredients-section .container .content h4, .ingredients-section .container .content h5, .ingredients-section .container .content h6 {
font-size: 2.5em;
text-transform: uppercase;
display: inline-block;
color: #12343b;
line-height: 1.2em;
}
.ingredients-section .container .content h1:after, .ingredients-section .container .content h2:after, .ingredients-section .container .content h3:after, .ingredients-section .container .content h4:after, .ingredients-section .container .content h5:after, .ingredients-section .container .content h6:after {
content: '';
display: block;
height: 2px;
background: #C89666;
width: 60%;
margin: .25em auto 0 auto;
}
@media screen and (max-width: 1300px) {
.ingredients-section {
margin-top: 3em;
}
.ingredients-section .golden-cog {
width: 300px;
height: 300px;
}
.ingredients-section .shape {
width: 200px;
height: 200px;
transform: translateY(75%);
}
.ingredients-section .container .content {
padding: 0 6em;
}
.ingredients-section .container .content h1, .ingredients-section .container .content h2, .ingredients-section .container .content h3, .ingredients-section .container .content h4, .ingredients-section .container .content h5, .ingredients-section .container .content h6 {
font-size: 2em;
}
}
@media screen and (max-width: 900px) {
.ingredients-section {
margin-top: 0;
margin-bottom: 4em;
}
.ingredients-section .golden-cog {
width: 200px;
height: 200px;
transform: translate(-75%, -50%);
}
.ingredients-section .shape {
width: 100px;
height: 100px;
}
.ingredients-section .container .content {
padding: 0;
}
.ingredients-section .container .content h1, .ingredients-section .container .content h2, .ingredients-section .container .content h3, .ingredients-section .container .content h4, .ingredients-section .container .content h5, .ingredients-section .container .content h6 {
font-size: 1.5em;
}
}
@media screen and (max-width: 600px) {
.ingredients-section {
margin-bottom: 2em;
}
.ingredients-section .golden-cog {
left: unset;
right: 0;
width: 150px;
height: 150px;
transform: translate(50%, -50%);
}
.ingredients-section .container .content {
text-align: left;
}
.ingredients-section .container .content h1, .ingredients-section .container .content h2, .ingredients-section .container .content h3, .ingredients-section .container .content h4, .ingredients-section .container .content h5, .ingredients-section .container .content h6 {
font-size: 1.25em;
}
}
.directors-section .container .title .main-heading {
text-transform: uppercase;
color: #12343b;
}
.directors-section .container .title .main-heading:after {
content: '';
display: block;
height: 2px;
background: #C89666;
width: 30%;
margin-top: .25em;
}
.directors-section .container .directors {
margin-top: 4em;
}
.directors-section .container .directors .directors-row {
padding: 0 4em;
}
.directors-section .container .directors .directors-row:nth-child(even) .first-row {
position: relative;
}
.directors-section .container .directors .directors-row:nth-child(even) .first-row .green-circle {
display: none;
}
.directors-section .container .directors .directors-row:nth-child(even) .first-row .gold-circle {
display: block;
width: 350px;
height: 350px;
background: #DAB489;
border-radius: 50%;
position: absolute;
bottom: 0;
left: 0;
transform: translate(-50%, 50%);
}
.directors-section .container .directors .directors-row:nth-child(even) .first-row .lime-cog {
display: none;
}
.directors-section .container .directors .directors-row:nth-child(even) .first-row .gold-cog {
display: block;
width: 300px;
height: 300px;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
position: absolute;
top: 0;
right: 0;
transform: translate(50%, -25%);
}
.directors-section .container .directors .directors-row:nth-child(even) .second-row .shape {
display: none;
}
.directors-section .container .directors .directors-row:nth-child(even) .second-row .shape-2 {
display: block;
position: absolute;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
width: 200px;
height: 200px;
top: 0;
right: 0;
transform: translate(100%, -100%);
}
.directors-section .container .directors .directors-row:nth-child(even) .second-row .bio .row .col.col-1 {
top: 50%;
left: unset;
right: 0;
transform: translate(25%, -50%);
}
.directors-section .container .directors .directors-row:nth-child(even) .second-row .bio .row .col.col-2 .inner-row .inner-col.inner-col-1 {
-ms-flex-order: 2;
order: 2;
}
.directors-section .container .directors .directors-row:nth-child(even) .second-row .bio .row .col.col-2 .inner-row .inner-col.inner-col-2 {
-ms-flex-order: 1;
order: 1;
}
.directors-section .container .directors .directors-row:nth-child(even) .second-row .bio .row .col.col-2 .inner-row .inner-col .bio-content {
padding: 4em 0 4em 4em;
}
.directors-section .container .directors .directors-row .main-heading {
text-transform: uppercase;
color: #12343b;
}
.directors-section .container .directors .directors-row .first-row {
position: relative;
}
.directors-section .container .directors .directors-row .first-row .green-circle {
width: 350px;
height: 350px;
background: #2d545e;
border-radius: 50%;
position: absolute;
top: 0;
left: 0;
transform: translate(-50%, 30%);
}
.directors-section .container .directors .directors-row .first-row .gold-circle {
display: none;
}
.directors-section .container .directors .directors-row .first-row .lime-cog {
width: 400px;
height: 400px;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
position: absolute;
bottom: 0;
right: 0;
transform: translate(50%, 30%);
}
.directors-section .container .directors .directors-row .first-row .gold-cog {
display: none;
}
.directors-section .container .directors .directors-row .first-row .video {
border-radius: 70px;
overflow: hidden;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}
.directors-section .container .directors .directors-row .first-row .video .director-video {
display: block;
position: relative;
z-index: 1;
width: 100%;
height: auto;
}
.directors-section .container .directors .directors-row .second-row {
position: relative;
}
.directors-section .container .directors .directors-row .second-row .shape {
position: absolute;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
width: 200px;
height: 200px;
top: 0;
left: 0;
transform: translate(-100%, -50%);
}
.directors-section .container .directors .directors-row .second-row .shape-2 {
display: none;
}
.directors-section .container .directors .directors-row .second-row .bio {
margin: 6em 0 3em 0;
}
.directors-section .container .directors .directors-row .second-row .bio .row {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
position: relative;
min-height: 500px;
}
.directors-section .container .directors .directors-row .second-row .bio .row .col {
position: relative;
}
.directors-section .container .directors .directors-row .second-row .bio .row .col.col-1 {
position: absolute;
top: 50%;
left: 0;
transform: translate(-25%, -50%);
z-index: 2;
}
.directors-section .container .directors .directors-row .second-row .bio .row .col.col-1 .bio-image {
width: 500px;
height: 500px;
background-size: cover;
background-position: center;
border-radius: 50%;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}
.directors-section .container .directors .directors-row .second-row .bio .row .col.col-2 {
width: 100%;
z-index: 1;
}
.directors-section .container .directors .directors-row .second-row .bio .row .col.col-2 .inner-row {
display: -ms-flexbox;
display: flex;
background: #2d545e;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
border-radius: 70px;
}
.directors-section .container .directors .directors-row .second-row .bio .row .col.col-2 .inner-row .inner-col.inner-col-1 {
width: 35%;
}
.directors-section .container .directors .directors-row .second-row .bio .row .col.col-2 .inner-row .inner-col.inner-col-2 {
width: 65%;
}
.directors-section .container .directors .directors-row .second-row .bio .row .col.col-2 .inner-row .inner-col .bio-content {
color: #fff;
padding: 4em 4em 4em 0;
}
@media screen and (max-width: 1300px) {
.directors-section .container .directors .directors-row:nth-child(even) .first-row .gold-circle {
width: 300px;
height: 300px;
transform: translate(-25%, 35%);
}
.directors-section .container .directors .directors-row:nth-child(even) .first-row .gold-cog {
width: 250px;
height: 250px;
transform: translate(35%, -50%);
}
.directors-section .container .directors .directors-row:nth-child(even) .second-row .shape-2 {
transform: translate(50%, -75%);
width: 150px;
height: 150px;
}
.directors-section .container .directors .directors-row:nth-child(even) .second-row .bio .row .col.col-1 {
transform: translate(5%, -50%);
}
.directors-section .container .directors .directors-row .first-row .green-circle {
width: 300px;
height: 300px;
transform: translate(-25%, 30%);
}
.directors-section .container .directors .directors-row .first-row .lime-cog {
width: 300px;
height: 300px;
transform: translate(30%, 60%);
}
.directors-section .container .directors .directors-row .second-row .shape {
transform: translate(-50%, -50%);
}
.directors-section .container .directors .directors-row .second-row .bio .row {
min-height: 450px;
}
.directors-section .container .directors .directors-row .second-row .bio .row .col.col-1 {
transform: translate(-5%, -50%);
}
.directors-section .container .directors .directors-row .second-row .bio .row .col.col-1 .bio-image {
width: 450px;
height: 450px;
}
.directors-section .container .directors .directors-row .second-row .bio .row .col.col-2 .inner-row .inner-col.inner-col-1 {
width: 45%;
}
.directors-section .container .directors .directors-row .second-row .bio .row .col.col-2 .inner-row .inner-col.inner-col-2 {
width: 55%;
}
}
@media screen and (max-width: 900px) {
.directors-section .container .directors .directors-row:nth-child(even) .first-row .gold-circle {
width: 150px;
height: 150px;
}
.directors-section .container .directors .directors-row:nth-child(even) .first-row .gold-cog {
width: 150px;
height: 150px;
}
.directors-section .container .directors .directors-row:nth-child(even) .second-row .shape-2 {
width: 100px;
height: 100px;
}
.directors-section .container .directors .directors-row:nth-child(even) .second-row .bio .row .col.col-1 {
transform: translate(25%, -50%);
}
.directors-section .container .directors .directors-row .first-row .green-circle {
width: 150px;
height: 150px;
transform: translate(-40%, 30%);
}
.directors-section .container .directors .directors-row .first-row .lime-cog {
width: 150px;
height: 150px;
}
.directors-section .container .directors .directors-row .second-row .shape {
width: 100px;
height: 100px;
}
.directors-section .container .directors .directors-row .second-row .bio {
margin-top: 3em;
margin-bottom: 0;
}
.directors-section .container .directors .directors-row .second-row .bio .row .col.col-1 {
min-height: 350px;
transform: translate(-25%, -50%);
}
.directors-section .container .directors .directors-row .second-row .bio .row .col.col-1 .bio-image {
width: 350px;
height: 350px;
}
.directors-section .container .directors .directors-row .second-row .bio .row .col.col-2 .inner-row .inner-col.inner-col-1 {
width: 50%;
}
.directors-section .container .directors .directors-row .second-row .bio .row .col.col-2 .inner-row .inner-col.inner-col-2 {
width: 50%;
}
.directors-section .container .directors .directors-row .second-row .bio .row .col.col-2 .inner-row .inner-col .bio-content {
padding: 3em 4em 3em 0;
}
}
@media screen and (max-width: 600px) {
.directors-section .container .directors {
margin-top: 2em;
}
.directors-section .container .directors .directors-row {
padding: 0;
}
.directors-section .container .directors .directors-row:nth-child(even) .second-row .bio .row .col.col-1 {
position: relative;
width: 100%;
top: unset;
left: unset;
min-height: unset;
transform: unset;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
}
.directors-section .container .directors .directors-row:nth-child(even) .second-row .bio .row .col.col-1 .bio-image {
width: 70vw;
height: 70vw;
}
.directors-section .container .directors .directors-row:nth-child(even) .second-row .bio .row .col.col-2 .inner-row .inner-col .bio-content {
padding: 1em;
}
.directors-section .container .directors .directors-row .first-row .video {
border-radius: 7px;
}
.directors-section .container .directors .directors-row .second-row {
margin-bottom: 2em;
}
.directors-section .container .directors .directors-row .second-row .shape {
transform: translate(-20%, -15%);
}
.directors-section .container .directors .directors-row .second-row .bio .row {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.directors-section .container .directors .directors-row .second-row .bio .row .col.col-1 {
position: relative;
width: 100%;
top: unset;
left: unset;
min-height: unset;
transform: unset;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
}
.directors-section .container .directors .directors-row .second-row .bio .row .col.col-1 .bio-image {
width: 70vw;
height: 70vw;
}
.directors-section .container .directors .directors-row .second-row .bio .row .col.col-2 .inner-row {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
border-radius: 7px;
}
.directors-section .container .directors .directors-row .second-row .bio .row .col.col-2 .inner-row .inner-col.inner-col-1 {
width: 100%;
}
.directors-section .container .directors .directors-row .second-row .bio .row .col.col-2 .inner-row .inner-col.inner-col-2 {
width: 100%;
}
.directors-section .container .directors .directors-row .second-row .bio .row .col.col-2 .inner-row .inner-col .bio-content {
padding: 1em;
}
.directors-section .container .directors .directors-row .second-row .bio .row .col.col-2 .inner-row .inner-col .bio-content p {
margin: 0;
}
}
.company-values-section {
background: #2d545e;
padding: 6em 0 4em 0;
position: relative;
margin-bottom: 2em;
}
.company-values-section .cv-line {
stroke: #C89666;
stroke-width: 3px;
}
.company-values-section svg {
position: absolute;
width: 100%;
height: 100%;
}
.company-values-section .container {
color: #fff;
}
.company-values-section .container .title {
text-align: center;
margin-bottom: 6em;
}
.company-values-section .container .title h1, .company-values-section .container .title h2, .company-values-section .container .title h3, .company-values-section .container .title h4, .company-values-section .container .title h5, .company-values-section .container .title h6 {
font-size: 2.5em;
text-transform: uppercase;
}
.company-values-section .container .title h1:after, .company-values-section .container .title h2:after, .company-values-section .container .title h3:after, .company-values-section .container .title h4:after, .company-values-section .container .title h5:after, .company-values-section .container .title h6:after {
content: '';
display: block;
height: 2px;
background: #C89666;
width: 25%;
margin: .25em auto 0 auto;
}
.company-values-section .container ul {
margin: 0;
}
.company-values-section .container ul li {
margin-bottom: 4em;
}
.company-values-section .container ul li:nth-child(even) .row .col.col-1 {
-ms-flex-order: 2;
order: 2;
}
.company-values-section .container ul li:nth-child(even) .row .col.col-2 {
-ms-flex-order: 3;
order: 3;
}
.company-values-section .container ul li:nth-child(even) .row .col.col-3 {
-ms-flex-order: 1;
order: 1;
}
.company-values-section .container ul li .row {
display: -ms-flexbox;
display: flex;
}
.company-values-section .container ul li .row .col.col-1 {
width: 20%;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: end;
justify-content: flex-end;
padding-right: 4em;
background: #2d545e;
}
.company-values-section .container ul li .row .col.col-1 .value-icon {
background-size: contain;
background-repeat: no-repeat;
background-position: center;
width: 150px;
height: 150px;
}
.company-values-section .container ul li .row .col.col-2 {
width: 40%;
background: #2d545e;
}
.company-values-section .container ul li .row .col.col-2 h1, .company-values-section .container ul li .row .col.col-2 h2, .company-values-section .container ul li .row .col.col-2 h3, .company-values-section .container ul li .row .col.col-2 h4, .company-values-section .container ul li .row .col.col-2 h5, .company-values-section .container ul li .row .col.col-2 h6 {
font-size: 2.5em;
text-transform: uppercase;
}
.company-values-section .container ul li .row .col.col-2 h1:after, .company-values-section .container ul li .row .col.col-2 h2:after, .company-values-section .container ul li .row .col.col-2 h3:after, .company-values-section .container ul li .row .col.col-2 h4:after, .company-values-section .container ul li .row .col.col-2 h5:after, .company-values-section .container ul li .row .col.col-2 h6:after {
content: '';
display: block;
height: 2px;
background: #C89666;
width: 40%;
margin-top: .25em;
}
.company-values-section .container ul li .row .col.col-3 {
width: 30%;
}
@media screen and (max-width: 1300px) {
.company-values-section .container .title h1, .company-values-section .container .title h2, .company-values-section .container .title h3, .company-values-section .container .title h4, .company-values-section .container .title h5, .company-values-section .container .title h6 {
font-size: 2em;
}
.company-values-section .container ul li .row {
-ms-flex-pack: end;
justify-content: flex-end;
}
.company-values-section .container ul li .row .col.col-2 h1, .company-values-section .container ul li .row .col.col-2 h2, .company-values-section .container ul li .row .col.col-2 h3, .company-values-section .container ul li .row .col.col-2 h4, .company-values-section .container ul li .row .col.col-2 h5, .company-values-section .container ul li .row .col.col-2 h6 {
font-size: 2em;
}
}
@media screen and (max-width: 900px) {
.company-values-section {
padding: 3em 0 2em 0;
}
.company-values-section .container .title {
margin-bottom: 5em;
}
.company-values-section .container .title h1, .company-values-section .container .title h2, .company-values-section .container .title h3, .company-values-section .container .title h4, .company-values-section .container .title h5, .company-values-section .container .title h6 {
font-size: 1.5em;
}
.company-values-section .container ul li .row .col.col-1 {
padding-right: 1em;
}
.company-values-section .container ul li .row .col.col-2 h1, .company-values-section .container ul li .row .col.col-2 h2, .company-values-section .container ul li .row .col.col-2 h3, .company-values-section .container ul li .row .col.col-2 h4, .company-values-section .container ul li .row .col.col-2 h5, .company-values-section .container ul li .row .col.col-2 h6 {
font-size: 1.5em;
}
.company-values-section .container ul li .row .col.col-3 {
width: 15%;
}
}
@media screen and (max-width: 600px) {
.company-values-section .cv-line {
display: none;
}
.company-values-section .container .title {
margin-bottom: 2em;
}
.company-values-section .container .title h1, .company-values-section .container .title h2, .company-values-section .container .title h3, .company-values-section .container .title h4, .company-values-section .container .title h5, .company-values-section .container .title h6 {
font-size: 1.25em;
}
.company-values-section .container ul li {
margin-bottom: 2em;
}
.company-values-section .container ul li .row {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.company-values-section .container ul li .row .col.col-1 {
width: 100%;
-ms-flex-pack: start;
justify-content: flex-start;
margin-bottom: 1em;
}
.company-values-section .container ul li .row .col.col-1 .value-icon {
width: 75px;
height: 75px;
}
.company-values-section .container ul li .row .col.col-2 {
width: 100%;
}
.company-values-section .container ul li .row .col.col-2 h1, .company-values-section .container ul li .row .col.col-2 h2, .company-values-section .container ul li .row .col.col-2 h3, .company-values-section .container ul li .row .col.col-2 h4, .company-values-section .container ul li .row .col.col-2 h5, .company-values-section .container ul li .row .col.col-2 h6 {
font-size: 1.25em;
}
.company-values-section .container ul li .row .col.col-3 {
width: 0;
}
}
.contact-banner-section {
position: relative;
z-index: 2;
}
.contact-banner-section .contact-banner-map {
position: absolute;
top: 0;
right: 0;
width: 50vw;
height: 55vh;
background-size: cover;
background-position: center;
border-radius: 0 0 0 70px;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}
.contact-banner-section .container .row {
display: -ms-flexbox;
display: flex;
min-height: 55vh;
}
.contact-banner-section .container .row .col {
width: 50%;
}
.contact-banner-section .container .row .col.col-1 {
padding-top: 6em;
}
.contact-banner-section .container .row .col.col-1 .banner-heading {
color: #2d545e;
text-transform: uppercase;
}
.contact-banner-section .container .row .col .inner-row {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
}
.contact-banner-section .container .row .col .inner-row .inner-col {
width: 48%;
}
.contact-banner-section .container .row .col .inner-row .inner-col h1, .contact-banner-section .container .row .col .inner-row .inner-col h2, .contact-banner-section .container .row .col .inner-row .inner-col h3, .contact-banner-section .container .row .col .inner-row .inner-col h4, .contact-banner-section .container .row .col .inner-row .inner-col h5, .contact-banner-section .container .row .col .inner-row .inner-col h6 {
font-size: 1.25em;
color: #2d545e;
text-transform: uppercase;
}
.contact-banner-section .container .row .col .inner-row .inner-col h1:after, .contact-banner-section .container .row .col .inner-row .inner-col h2:after, .contact-banner-section .container .row .col .inner-row .inner-col h3:after, .contact-banner-section .container .row .col .inner-row .inner-col h4:after, .contact-banner-section .container .row .col .inner-row .inner-col h5:after, .contact-banner-section .container .row .col .inner-row .inner-col h6:after {
content: '';
display: block;
height: 2px;
background: #C89666;
width: 40%;
margin-top: .25em;
}
.contact-banner-section .container .row .col .inner-row .inner-col p a {
color: #2d545e;
transition: color 400ms linear;
}
.contact-banner-section .container .row .col .inner-row .inner-col p a:hover {
color: #0ee6cd;
}
@media screen and (max-width: 1300px) {
.contact-banner-section .container .row .col.col-1 {
padding-top: 4em;
}
}
@media screen and (max-width: 900px) {
.contact-banner-section .contact-banner-map {
height: unset;
width: unset;
bottom: 0;
left: 0;
border-radius: 0;
}
.contact-banner-section .container {
background: rgba(255, 255, 255, 0.5);
padding: 0;
}
.contact-banner-section .container .row {
padding: 0 2em;
min-height: 40vh;
}
.contact-banner-section .container .row .col.col-1 {
padding-top: 2em;
width: 100%;
}
.contact-banner-section .container .row .col.col-2 {
width: 0;
}
.contact-banner-section .container .row .col .inner-row .inner-col h1, .contact-banner-section .container .row .col .inner-row .inner-col h2, .contact-banner-section .container .row .col .inner-row .inner-col h3, .contact-banner-section .container .row .col .inner-row .inner-col h4, .contact-banner-section .container .row .col .inner-row .inner-col h5, .contact-banner-section .container .row .col .inner-row .inner-col h6 {
font-size: 1em;
}
}
@media screen and (max-width: 600px) {
.contact-banner-section .container .row {
padding: 0 1em;
}
.contact-banner-section .container .row .col .inner-row .inner-col h1, .contact-banner-section .container .row .col .inner-row .inner-col h2, .contact-banner-section .container .row .col .inner-row .inner-col h3, .contact-banner-section .container .row .col .inner-row .inner-col h4, .contact-banner-section .container .row .col .inner-row .inner-col h5, .contact-banner-section .container .row .col .inner-row .inner-col h6 {
font-size: 0.875em;
}
}
.contact-content-section {
position: relative;
z-index: 1;
padding-top: 4em;
}
.contact-content-section .shape {
position: absolute;
top: 0;
right: 0;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
width: 300px;
height: 300px;
transform: translate(15%, 5%);
}
.contact-content-section .office-row {
position: relative;
min-height: 50vw;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
}
.contact-content-section .office-row:nth-child(odd) .office-image {
left: unset;
right: 0;
transform: translate(15%, 0);
}
.contact-content-section .office-row:nth-child(odd) .row .col.col-1 {
-ms-flex-order: 2;
order: 2;
}
.contact-content-section .office-row:nth-child(odd) .row .col.col-2 {
-ms-flex-order: 1;
order: 1;
}
.contact-content-section .office-row .office-image {
background-size: cover;
background-position: center;
border-radius: 50%;
width: 50vw;
height: 50vw;
position: absolute;
z-index: 2;
top: 0;
left: 0;
transform: translate(-15%, 0);
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}
.contact-content-section .office-row .container {
position: relative;
z-index: 1;
}
.contact-content-section .office-row .container .row {
display: -ms-flexbox;
display: flex;
border-radius: 70px;
color: #fff;
}
.contact-content-section .office-row .container .row.green-row {
background: #2d545e;
}
.contact-content-section .office-row .container .row.green-row .col.col-2 {
padding: 4em;
}
.contact-content-section .office-row .container .row .col.col-1 {
width: 40%;
}
.contact-content-section .office-row .container .row .col.col-2 {
width: 60%;
padding-left: 4em;
}
.contact-content-section .office-row .container .row .col.col-2 .main-heading {
color: #2d545e;
text-transform: uppercase;
}
.contact-content-section .office-row .container .row .col.col-2 p {
margin: 0;
}
@media screen and (max-width: 900px) {
.contact-content-section .shape {
width: 150px;
height: 150px;
}
.contact-content-section .office-row {
margin-bottom: 2em;
}
.contact-content-section .office-row .container .row.green-row .col.col-2 {
padding: 2em;
}
.contact-content-section .office-row .container .row .col.col-2 {
padding-left: 2em;
}
}
@media screen and (max-width: 600px) {
.contact-content-section {
padding-top: 1.5em;
}
.contact-content-section .shape {
display: none;
}
.contact-content-section .office-row {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: center;
justify-content: center;
}
.contact-content-section .office-row:nth-child(odd) .office-image {
right: unset;
transform: unset;
}
.contact-content-section .office-row .office-image {
-ms-flex-order: 2;
order: 2;
position: relative;
top: unset;
left: unset;
transform: unset;
border-radius: 70px;
width: 100vw;
margin: 1em 1em 0 1em;
}
.contact-content-section .office-row .container {
-ms-flex-order: 1;
order: 1;
}
.contact-content-section .office-row .container .row.green-row {
background: #fff;
}
.contact-content-section .office-row .container .row.green-row .col.col-2 {
padding: 0;
}
.contact-content-section .office-row .container .row .col.col-1 {
width: 0;
}
.contact-content-section .office-row .container .row .col.col-2 {
padding-left: 0;
width: 100%;
}
.contact-content-section .office-row .container .row .col.col-2 p {
color: #12343b;
}
}
.employer-banner-section {
position: relative;
height: 80vh;
}
.employer-banner-section .employer-line {
stroke: #C89666;
stroke-width: 3px;
}
.employer-banner-section svg {
position: absolute;
width: 100%;
height: 100%;
}
.employer-banner-section .employer-banner-image {
background-size: cover;
background-position: center;
background-color: #C89666;
width: 35vw;
height: 35vw;
border-radius: 50%;
position: absolute;
top: 0;
left: 0;
transform: translate(-15%, -15%);
}
.employer-banner-section .employer-banner-sub-image {
background-size: cover;
background-position: center;
background-color: #DAB489;
width: 15vw;
height: 15vw;
border-radius: 50%;
position: absolute;
bottom: 0;
right: 50%;
transform: translate(-15%, 0);
}
.employer-banner-section .employer-banner-circle-1 {
background-color: #12343b;
position: absolute;
top: 0;
right: 50%;
transform: translate(0, -35%);
width: 12vw;
height: 12vw;
border-radius: 50%;
}
.employer-banner-section .employer-banner-circle-2 {
background-color: #2d545e;
position: absolute;
bottom: 0;
left: 0;
width: 8vw;
height: 8vw;
border-radius: 50%;
transform: translate(50%, 0);
}
.employer-banner-section .container .row {
display: -ms-flexbox;
display: flex;
}
.employer-banner-section .container .row .col.col-1 {
padding-top: 8em;
width: 60%;
}
.employer-banner-section .container .row .col.col-1 h1, .employer-banner-section .container .row .col.col-1 h2, .employer-banner-section .container .row .col.col-1 h3, .employer-banner-section .container .row .col.col-1 h4, .employer-banner-section .container .row .col.col-1 h5, .employer-banner-section .container .row .col.col-1 h6 {
font-size: 3em;
color: #12343b;
text-transform: uppercase;
line-height: 1.1em;
}
.employer-banner-section .container .row .col.col-1 p {
width: 80%;
}
.employer-banner-section .container .row .col.col-2 {
width: 40%;
}
@media screen and (max-width: 1300px) {
.employer-banner-section {
height: 75vh;
}
.employer-banner-section .employer-banner-sub-image {
transform: translate(50%, 0);
}
.employer-banner-section .container .row .col.col-1 {
padding-top: 6em;
}
.employer-banner-section .container .row .col.col-1 h1, .employer-banner-section .container .row .col.col-1 h2, .employer-banner-section .container .row .col.col-1 h3, .employer-banner-section .container .row .col.col-1 h4, .employer-banner-section .container .row .col.col-1 h5, .employer-banner-section .container .row .col.col-1 h6 {
font-size: 2.75em;
}
}
@media screen and (max-width: 900px) {
.employer-banner-section {
height: 50vh;
}
.employer-banner-section .employer-banner-sub-image {
transform: translate(25%, -200%);
}
.employer-banner-section .employer-banner-circle-2 {
transform: translate(-50%, -300%);
}
.employer-banner-section .container .row .col.col-1 {
padding-top: 4em;
}
.employer-banner-section .container .row .col.col-1 h1, .employer-banner-section .container .row .col.col-1 h2, .employer-banner-section .container .row .col.col-1 h3, .employer-banner-section .container .row .col.col-1 h4, .employer-banner-section .container .row .col.col-1 h5, .employer-banner-section .container .row .col.col-1 h6 {
font-size: 2em;
}
}
@media screen and (max-width: 600px) {
.employer-banner-section {
height: 55vh;
}
.employer-banner-section .employer-line.about-line-3 {
display: none;
}
.employer-banner-section .employer-banner-sub-image {
bottom: unset;
top: 0;
left: 0;
transform: translate(-10%, 250%);
}
.employer-banner-section .employer-banner-circle-2 {
display: none;
}
.employer-banner-section .container .row .col.col-1 {
padding-top: 2em;
width: 80%;
}
.employer-banner-section .container .row .col.col-1 h1, .employer-banner-section .container .row .col.col-1 h2, .employer-banner-section .container .row .col.col-1 h3, .employer-banner-section .container .row .col.col-1 h4, .employer-banner-section .container .row .col.col-1 h5, .employer-banner-section .container .row .col.col-1 h6 {
font-size: 1.5em;
width: 90%;
}
.employer-banner-section .container .row .col.col-1 p {
width: 100%;
}
.employer-banner-section .container .row .col.col-2 {
display: none;
}
}
.market-insights-banner-section {
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}
.market-insights-banner-section .row {
display: -ms-flexbox;
display: flex;
}
.market-insights-banner-section .row .col {
min-height: 55vh;
width: 50%;
background-size: cover;
background-position: center;
position: relative;
}
.market-insights-banner-section .row .col .button {
position: absolute;
bottom: 4em;
}
.market-insights-banner-section .row .col .button .sub-heading {
text-transform: uppercase;
margin: 0;
}
.market-insights-banner-section .row .col .button .sub-heading a {
display: block;
color: #fff;
padding: 1.25em 3em;
background: #12343b;
border-radius: 38px;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.market-insights-banner-section .row .col .button .sub-heading a:hover {
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}
.market-insights-banner-section .row .col .button .sub-heading a:after {
content: '';
display: block;
height: 2px;
background: #C89666;
width: 100%;
margin-top: .25em;
}
.market-insights-banner-section .row .col.col-1 {
border-right: solid 2px #fff;
}
.market-insights-banner-section .row .col.col-1 .button {
right: 4em;
}
.market-insights-banner-section .row .col.col-2 {
border-left: solid 2px #fff;
}
.market-insights-banner-section .row .col.col-2 .button {
left: 4em;
}
@media screen and (max-width: 900px) {
.market-insights-banner-section .row .col {
min-height: 35vh;
}
.market-insights-banner-section .row .col .button .sub-heading a {
white-space: nowrap;
}
.market-insights-banner-section .row .col.col-1 .button {
right: unset;
left: 50%;
transform: translateX(-50%);
}
.market-insights-banner-section .row .col.col-2 .button {
left: 50%;
transform: translateX(-50%);
}
}
@media screen and (max-width: 600px) {
.market-insights-banner-section .row {
display: block;
}
.market-insights-banner-section .row .col {
width: 100%;
}
.market-insights-banner-section .row .col.col-1 {
border: 0;
}
.market-insights-banner-section .row .col.col-2 {
border: 0;
}
}
.market-insights-content-section {
margin-top: 4em;
}
.market-insights-content-section .title .container .banner-heading {
text-transform: uppercase;
color: #12343b;
margin: 0;
}
.market-insights-content-section .buttons {
margin: 4em 0;
}
.market-insights-content-section .buttons .container .buttons-content {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
width: 70%;
}
.market-insights-content-section .buttons .container .buttons-content p a.mics-button {
white-space: nowrap;
padding: 1em 2em;
border-radius: 20px;
text-transform: uppercase;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
transition: all 400ms linear;
}
.market-insights-content-section .buttons .container .buttons-content p a.mics-button.mics-button-1 {
border: solid 2px #12343b;
color: #12343b;
padding: 1em 3em;
}
.market-insights-content-section .buttons .container .buttons-content p a.mics-button.mics-button-1:hover {
background: #12343b;
color: #fff;
}
.market-insights-content-section .buttons .container .buttons-content p a.mics-button.mics-button-2 {
border: solid 2px #C89666;
background: #C89666;
color: #fff;
}
.market-insights-content-section .buttons .container .buttons-content p a.mics-button.mics-button-2:hover {
background: #fff;
color: #C89666;
}
.market-insights-content-section .buttons .container .buttons-content p a.mics-button.mics-button-3 {
border: solid 2px #C89666;
color: #C89666;
}
.market-insights-content-section .buttons .container .buttons-content p a.mics-button.mics-button-3:hover {
background: #C89666;
color: #fff;
}
.market-insights-content-section .buttons .container .buttons-content p a.mics-button.selected {
border-color: #0ee6cd;
}
.market-insights-content-section .container .ajax-posts .blog-posts {
margin: 0;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-left: -5.333%;
}
.market-insights-content-section .container .ajax-posts .blog-posts .blog-posts-item {
position: relative;
width: 28%;
margin-bottom: 4em;
margin-left: 5.333%;
}
.market-insights-content-section .container .ajax-posts .blog-posts .blog-posts-item .item-image {
position: relative;
z-index: 2;
background-size: cover;
background-position: center;
width: 100%;
height: 25vh;
border-radius: 35px;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
display: -ms-flexbox;
display: flex;
-ms-flex-pack: end;
justify-content: flex-end;
-ms-flex-align: end;
align-items: flex-end;
padding: 1em;
}
.market-insights-content-section .container .ajax-posts .blog-posts .blog-posts-item .item-image.default {
background-color: #12343b;
background-size: contain;
background-repeat: no-repeat;
}
.market-insights-content-section .container .ajax-posts .blog-posts .blog-posts-item .item-image p {
margin: 0;
border: solid 1px;
padding: .5em 2em;
border-radius: 14px;
font-size: 11px;
text-transform: uppercase;
}
.market-insights-content-section .container .ajax-posts .blog-posts .blog-posts-item .item-image p.hidden {
display: none;
}
.market-insights-content-section .container .ajax-posts .blog-posts .blog-posts-item .item-image p.employers-insights {
background-color: #fff;
color: #C89666;
border-color: #C89666;
}
.market-insights-content-section .container .ajax-posts .blog-posts .blog-posts-item .item-image p.jobseekers-insights {
background-color: #C89666;
color: #fff;
border-color: #C89666;
}
.market-insights-content-section .container .ajax-posts .blog-posts .blog-posts-item .item-link {
z-index: 1;
width: 100%;
border-radius: 35px;
padding: 1em 0;
}
.market-insights-content-section .container .ajax-posts .blog-posts .blog-posts-item .item-link .heading {
font-weight: 900;
}
.market-insights-content-section .container .ajax-posts .blog-posts .blog-posts-item .item-link .read-more {
font-size: .9em;
}
.market-insights-content-section .container .ajax-posts .blog-posts .blog-posts-item .item-link .read-more:after {
content: '';
display: block;
height: 2px;
background: #C89666;
width: 100%;
margin-top: .25em;
}
.market-insights-content-section .container .ajax-posts .blog-posts .blog-posts-item .item-link p {
width: 100%;
margin: 0;
}
.market-insights-content-section .container .ajax-posts .blog-posts .blog-posts-item .item-link p a {
color: #12343b;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: justify;
justify-content: space-between;
transition: color 400ms linear;
}
.market-insights-content-section .container .ajax-posts .load-more-button {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
}
.market-insights-content-section .container .ajax-posts .load-more-button #load-more-blog {
font-size: 1em;
margin: 1em 0;
cursor: pointer;
text-transform: uppercase;
white-space: nowrap;
border-radius: 20px;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
transition: all 400ms linear;
border: solid 2px #12343b;
color: #12343b;
padding: 1em 3em;
background-color: #fff;
font-weight: bolder;
}
.market-insights-content-section .container .ajax-posts .load-more-button #load-more-blog:hover {
background: #12343b;
color: #fff;
}
.market-insights-content-section .container .ajax-posts .load-more-button #load-more-blog.hidden {
display: none;
}
@media screen and (max-width: 1300px) {
.market-insights-content-section {
margin-top: 3em;
}
.market-insights-content-section .container .ajax-posts .blog-posts .blog-posts-item {
width: 27%;
}
}
@media screen and (max-width: 900px) {
.market-insights-content-section {
margin-top: 2em;
}
.market-insights-content-section .buttons {
margin: 2em 0;
}
.market-insights-content-section .buttons .container .buttons-content {
width: 100%;
}
.market-insights-content-section .container .ajax-posts {
margin-bottom: 0;
}
.market-insights-content-section .container .ajax-posts .blog-posts {
margin-left: 0;
-ms-flex-pack: justify;
justify-content: space-between;
}
.market-insights-content-section .container .ajax-posts .blog-posts .blog-posts-item {
width: 48%;
margin-left: 0;
margin-bottom: 2em;
}
.market-insights-content-section .container .ajax-posts .blog-posts .blog-posts-item .item-image {
border-radius: 35px 35px 0 0;
}
.market-insights-content-section .container .ajax-posts .blog-posts .blog-posts-item .item-link {
position: relative;
top: unset;
left: unset;
transform: unset;
height: unset;
padding: 1em;
border-radius: 0 0 35px 35px;
}
.market-insights-content-section .container .ajax-posts .blog-posts .blog-posts-item .item-link p {
font-size: 12px;
}
}
@media screen and (max-width: 600px) {
.market-insights-content-section .buttons {
margin-top: 1em;
}
.market-insights-content-section .buttons .container .buttons-content {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.market-insights-content-section .buttons .container .buttons-content p {
font-size: 12px;
width: 100%;
margin-bottom: 1em;
}
.market-insights-content-section .buttons .container .buttons-content p a {
display: inline-block;
text-align: center;
width: 100%;
}
.market-insights-content-section .container .ajax-posts .blog-posts .blog-posts-item {
width: 100%;
margin-bottom: 1em;
}
}
.single-post-banner-section {
position: relative;
}
.single-post-banner-section .single-post-line {
stroke: #C89666;
stroke-width: 3px;
}
.single-post-banner-section svg {
position: absolute;
width: 100%;
height: 100%;
}
.single-post-banner-section .single-post-banner-image {
background-size: cover;
background-position: center;
background-color: #C89666;
width: 35vw;
height: 35vw;
border-radius: 50%;
position: absolute;
top: 0;
right: 0;
transform: translate(15%, -15%);
}
.single-post-banner-section .single-post-banner-sub-image {
background-size: cover;
background-position: center;
background-color: #DAB489;
width: 15vw;
height: 15vw;
border-radius: 50%;
position: absolute;
bottom: 0;
left: 50%;
transform: translate(15%, 0);
}
.single-post-banner-section .single-post-banner-circle-1 {
background-color: #12343b;
position: absolute;
top: 0;
left: 50%;
transform: translate(0, -35%);
width: 12vw;
height: 12vw;
border-radius: 50%;
}
.single-post-banner-section .single-post-banner-circle-2 {
background-color: #2d545e;
position: absolute;
bottom: 0;
right: 0;
width: 8vw;
height: 8vw;
border-radius: 50%;
transform: translate(-50%, 0);
}
.single-post-banner-section .container .row {
display: -ms-flexbox;
display: flex;
}
.single-post-banner-section .container .row .col.col-1 {
padding-top: 8em;
width: 60%;
}
.single-post-banner-section .container .row .col.col-1 h1, .single-post-banner-section .container .row .col.col-1 h2, .single-post-banner-section .container .row .col.col-1 h3, .single-post-banner-section .container .row .col.col-1 h4, .single-post-banner-section .container .row .col.col-1 h5, .single-post-banner-section .container .row .col.col-1 h6 {
font-size: 3em;
color: #12343b;
line-height: 1.1em;
}
.single-post-banner-section .container .row .col.col-1 p {
width: 80%;
}
.single-post-banner-section .container .row .col.col-2 {
width: 40%;
}
@media screen and (max-width: 1300px) {
.single-post-banner-section .single-post-banner-sub-image {
transform: translate(50%, 0);
}
.single-post-banner-section .single-post-banner-circle-1 {
transform: translate(0, -40%);
}
.single-post-banner-section .container .row .col.col-1 h1, .single-post-banner-section .container .row .col.col-1 h2, .single-post-banner-section .container .row .col.col-1 h3, .single-post-banner-section .container .row .col.col-1 h4, .single-post-banner-section .container .row .col.col-1 h5, .single-post-banner-section .container .row .col.col-1 h6 {
font-size: 2.75em;
}
}
@media screen and (max-width: 900px) {
.single-post-banner-section .single-post-banner-sub-image {
transform: translate(25%, -200%);
}
.single-post-banner-section .single-post-banner-circle-2 {
transform: translate(-50%, -300%);
}
.single-post-banner-section .container .row .col.col-1 {
padding-top: 4em;
}
.single-post-banner-section .container .row .col.col-1 h1, .single-post-banner-section .container .row .col.col-1 h2, .single-post-banner-section .container .row .col.col-1 h3, .single-post-banner-section .container .row .col.col-1 h4, .single-post-banner-section .container .row .col.col-1 h5, .single-post-banner-section .container .row .col.col-1 h6 {
font-size: 2em;
}
}
@media screen and (max-width: 600px) {
.single-post-banner-section {
height: unset;
}
.single-post-banner-section .single-post-line.single-post-line-3 {
display: none;
}
.single-post-banner-section .single-post-banner-sub-image {
bottom: unset;
top: 0;
left: unset;
right: 0;
transform: translate(-10%, 250%);
}
.single-post-banner-section .single-post-banner-circle-2 {
display: none;
}
.single-post-banner-section .container .row .col.col-1 {
padding-top: 2em;
width: 80%;
}
.single-post-banner-section .container .row .col.col-1 h1, .single-post-banner-section .container .row .col.col-1 h2, .single-post-banner-section .container .row .col.col-1 h3, .single-post-banner-section .container .row .col.col-1 h4, .single-post-banner-section .container .row .col.col-1 h5, .single-post-banner-section .container .row .col.col-1 h6 {
font-size: 1.5em;
width: 90%;
}
.single-post-banner-section .container .row .col.col-1 p {
width: 100%;
}
.single-post-banner-section .container .row .col.col-2 {
display: none;
}
}
.more-market-insights-section {
margin-top: 4em;
}
.more-market-insights-section .title {
margin-bottom: 2em;
}
.more-market-insights-section .title .container {
text-align: center;
}
.more-market-insights-section .title .container h1, .more-market-insights-section .title .container h2, .more-market-insights-section .title .container h3, .more-market-insights-section .title .container h4, .more-market-insights-section .title .container h5, .more-market-insights-section .title .container h6 {
font-size: 2.5em;
text-transform: uppercase;
display: inline-block;
color: #12343b;
}
.more-market-insights-section .title .container h1:after, .more-market-insights-section .title .container h2:after, .more-market-insights-section .title .container h3:after, .more-market-insights-section .title .container h4:after, .more-market-insights-section .title .container h5:after, .more-market-insights-section .title .container h6:after {
content: '';
display: block;
height: 2px;
background: #C89666;
margin-top: .25em;
width: 100%;
}
.more-market-insights-section .title .container .buttons {
width: 30%;
margin: 3em auto 0 auto;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
}
.more-market-insights-section .blog-posts-more {
opacity: 0;
transition: opacity 400ms linear;
margin-left: -6em;
}
.more-market-insights-section .blog-posts-more.slick-initialized {
opacity: 1;
}
.more-market-insights-section .blog-posts-more .slick-track {
padding-bottom: 2em;
}
.more-market-insights-section .blog-posts-more .blog-posts-item {
position: relative;
margin-left: 6em;
}
.more-market-insights-section .blog-posts-more .blog-posts-item .item-image {
position: relative;
z-index: 2;
background-size: cover;
background-position: center;
width: 100%;
height: 25vh;
border-radius: 35px;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
display: -ms-flexbox;
display: flex;
-ms-flex-pack: end;
justify-content: flex-end;
-ms-flex-align: end;
align-items: flex-end;
padding: 1em;
}
.more-market-insights-section .blog-posts-more .blog-posts-item .item-image.default {
background-color: #12343b;
background-size: contain;
background-repeat: no-repeat;
}
.more-market-insights-section .blog-posts-more .blog-posts-item .item-image p {
margin: 0;
border: solid 1px;
padding: .5em 2em;
border-radius: 14px;
font-size: 11px;
text-transform: uppercase;
}
.more-market-insights-section .blog-posts-more .blog-posts-item .item-image p.hidden {
display: none;
}
.more-market-insights-section .blog-posts-more .blog-posts-item .item-image p.employers-insights {
background-color: #fff;
color: #C89666;
border-color: #C89666;
}
.more-market-insights-section .blog-posts-more .blog-posts-item .item-image p.jobseekers-insights {
background-color: #C89666;
color: #fff;
border-color: #C89666;
}
.more-market-insights-section .blog-posts-more .blog-posts-item .item-link {
z-index: 1;
width: 100%;
border-radius: 35px;
padding: 1em 0;
}
.more-market-insights-section .blog-posts-more .blog-posts-item .item-link .heading {
font-weight: 900;
}
.more-market-insights-section .blog-posts-more .blog-posts-item .item-link .read-more {
font-size: .9em;
}
.more-market-insights-section .blog-posts-more .blog-posts-item .item-link .read-more:after {
content: '';
display: block;
height: 2px;
background: #C89666;
width: 100%;
margin-top: .25em;
}
.more-market-insights-section .blog-posts-more .blog-posts-item .item-link p {
width: 100%;
margin: 0;
}
.more-market-insights-section .blog-posts-more .blog-posts-item .item-link p a {
color: #12343b;
}
.more-market-insights-section .load-more-button {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
margin: 1em 0;
}
@media screen and (max-width: 1300px) {
.more-market-insights-section .title .container h1, .more-market-insights-section .title .container h2, .more-market-insights-section .title .container h3, .more-market-insights-section .title .container h4, .more-market-insights-section .title .container h5, .more-market-insights-section .title .container h6 {
font-size: 2em;
}
.more-market-insights-section .blog-posts-more {
margin-left: -4em;
}
.more-market-insights-section .blog-posts-more .blog-posts-item {
margin-left: 4em;
}
.more-market-insights-section .blog-posts-more .blog-posts-item .item-image p {
font-size: 10px;
}
.more-market-insights-section .blog-posts-more .blog-posts-item .item-link p {
font-size: 12px;
}
}
@media screen and (max-width: 900px) {
.more-market-insights-section .title .container h1, .more-market-insights-section .title .container h2, .more-market-insights-section .title .container h3, .more-market-insights-section .title .container h4, .more-market-insights-section .title .container h5, .more-market-insights-section .title .container h6 {
font-size: 1.5em;
}
}
@media screen and (max-width: 600px) {
.more-market-insights-section {
margin-top: 1em;
}
.more-market-insights-section .title {
margin-bottom: 1em;
}
.more-market-insights-section .title .container h1, .more-market-insights-section .title .container h2, .more-market-insights-section .title .container h3, .more-market-insights-section .title .container h4, .more-market-insights-section .title .container h5, .more-market-insights-section .title .container h6 {
font-size: 1.25em;
}
.more-market-insights-section .blog-posts-more {
margin-left: -6em;
}
.more-market-insights-section .blog-posts-more .slick-track {
padding-bottom: 0;
}
.more-market-insights-section .blog-posts-more .blog-posts-item .item-image {
transform: translate(5%, 0);
}
.more-market-insights-section .blog-posts-more .blog-posts-item .item-link {
transform: translate(5%, 5%);
}
}
.single-post-extra-content-section {
margin-top: 4em;
background: linear-gradient(180deg, #12343b 0%, #2d545e 100%);
}
.single-post-extra-content-section .normal-content {
background-color: #fff;
padding: 2em 1em;
font-size: 20px;
}
.single-post-extra-content-section .normal-content .container {
max-width: 900px;
}
.single-post-extra-content-section .normal-content .container li {
list-style: circle;
}
.single-post-extra-content-section .additional-image {
background-size: cover;
background-position: center;
width: 100%;
height: 50vh;
}
.single-post-extra-content-section .additional-content {
padding-top: 4em;
padding-bottom: 8em;
position: relative;
}
.single-post-extra-content-section .additional-content .shape {
position: absolute;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
width: 200px;
height: 200px;
bottom: 0;
left: 0;
transform: translate(10%, -10%) rotate(20deg);
}
.single-post-extra-content-section .additional-content .container .row {
display: -ms-flexbox;
display: flex;
}
.single-post-extra-content-section .additional-content .container .row .col {
width: 50%;
color: #fff;
}
.single-post-extra-content-section .additional-content .container .row .col.col-1 .main-heading {
text-transform: uppercase;
}
.single-post-extra-content-section .additional-content .container .row .col.col-1 .main-heading:after {
content: '';
display: block;
height: 2px;
background: #C89666;
width: 60%;
margin: .25em 0 0 0;
}
.single-post-extra-content-section .additional-content .container .row .col.col-2 {
padding-left: 4em;
}
.single-post-extra-content-section .additional-quote {
padding-bottom: 4em;
}
.single-post-extra-content-section .additional-quote .container {
text-align: center;
}
.single-post-extra-content-section .additional-quote .container h1, .single-post-extra-content-section .additional-quote .container h2, .single-post-extra-content-section .additional-quote .container h3, .single-post-extra-content-section .additional-quote .container h4, .single-post-extra-content-section .additional-quote .container h5, .single-post-extra-content-section .additional-quote .container h6, .single-post-extra-content-section .additional-quote .container p {
font-size: 2.5em;
color: #fff;
text-transform: uppercase;
line-height: 1.25em;
}
.single-post-extra-content-section .additional-quote .container ul {
margin: 0;
color: #fff;
}
.single-post-extra-content-section .additional-quote:after {
content: '';
display: block;
height: 2px;
background: #C89666;
width: 40%;
margin: .25em auto 0 auto;
}
.single-post-extra-content-section .statistics-section {
position: relative;
margin-bottom: 6em;
}
.single-post-extra-content-section .statistics-section.stats-1 {
margin-top: 2em;
min-height: 35vh;
margin-bottom: 0;
}
.single-post-extra-content-section .statistics-section.stats-1 .stat-line.stat-line-1 {
display: none;
}
.single-post-extra-content-section .statistics-section.stats-1 .stat.stat-1 {
left: 50%;
transform: translateX(-50%);
}
.single-post-extra-content-section .statistics-section.stats-1 .circle.circle-1, .single-post-extra-content-section .statistics-section.stats-1 .circle.circle-2, .single-post-extra-content-section .statistics-section.stats-1 .circle.circle-3, .single-post-extra-content-section .statistics-section.stats-1 .circle.circle-4, .single-post-extra-content-section .statistics-section.stats-1 .circle.circle-5, .single-post-extra-content-section .statistics-section.stats-1 .circle.circle-6 {
display: none;
}
.single-post-extra-content-section .statistics-section.stats-2 {
margin-top: 4em;
min-height: 55vh;
margin-bottom: 0;
}
.single-post-extra-content-section .statistics-section.stats-2 .stat-line.stat-line-1 {
display: none;
}
.single-post-extra-content-section .statistics-section.stats-2 .stat.stat-1 {
transform: translateX(175%);
}
.single-post-extra-content-section .statistics-section.stats-2 .circle.circle-1, .single-post-extra-content-section .statistics-section.stats-2 .circle.circle-4, .single-post-extra-content-section .statistics-section.stats-2 .circle.circle-5, .single-post-extra-content-section .statistics-section.stats-2 .circle.circle-6 {
display: none;
}
.single-post-extra-content-section .statistics-section.stats-3 {
min-height: 75vh;
margin-bottom: 0;
}
.single-post-extra-content-section .statistics-section.stats-3 .stat.stat-3 {
transform: translate(200%, -20%);
}
.single-post-extra-content-section .statistics-section.stats-3 .circle.circle-4, .single-post-extra-content-section .statistics-section.stats-3 .circle.circle-5, .single-post-extra-content-section .statistics-section.stats-3 .circle.circle-6 {
display: none;
}
.single-post-extra-content-section .statistics-section.stats-4 {
min-height: 75vh;
margin-bottom: 0;
}
.single-post-extra-content-section .statistics-section.stats-4 .stat.stat-3 {
transform: translate(175%, -30%);
}
.single-post-extra-content-section .statistics-section.stats-4 .stat.stat-4 {
transform: translate(-150%, 0);
}
.single-post-extra-content-section .statistics-section.stats-4 .circle.circle-5, .single-post-extra-content-section .statistics-section.stats-4 .circle.circle-6 {
display: none;
}
.single-post-extra-content-section .statistics-section.stats-5 {
min-height: 100vh;
}
.single-post-extra-content-section .statistics-section.stats-5 .circle.circle-5 {
display: none;
}
.single-post-extra-content-section .statistics-section.stats-6 {
min-height: 100vh;
}
.single-post-extra-content-section .statistics-section .stat-line {
stroke: #C89666;
stroke-width: 3px;
}
.single-post-extra-content-section .statistics-section svg {
position: absolute;
width: 100%;
height: 100%;
}
.single-post-extra-content-section .statistics-section .stat {
background: #DAB489;
max-width: 15vw;
height: 15vw;
color: #12343b;
padding: 2em;
text-align: center;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
border-radius: 50%;
position: absolute;
}
.single-post-extra-content-section .statistics-section .stat h1, .single-post-extra-content-section .statistics-section .stat h2, .single-post-extra-content-section .statistics-section .stat h3, .single-post-extra-content-section .statistics-section .stat h4, .single-post-extra-content-section .statistics-section .stat h5, .single-post-extra-content-section .statistics-section .stat h6 {
font-size: 1em;
margin: 0;
}
.single-post-extra-content-section .statistics-section .stat p {
font-size: 1em;
margin: 0;
}
.single-post-extra-content-section .statistics-section .stat br {
display: none;
}
.single-post-extra-content-section .statistics-section .stat.stat-1 {
top: 0;
left: 0;
transform: translateX(100%);
}
.single-post-extra-content-section .statistics-section .stat.stat-2 {
top: 0;
right: 0;
transform: translate(-200%, 15%);
}
.single-post-extra-content-section .statistics-section .stat.stat-3 {
top: 50%;
left: 0;
transform: translate(175%, -60%);
}
.single-post-extra-content-section .statistics-section .stat.stat-4 {
top: 50%;
right: 0;
transform: translate(-150%, -25%);
}
.single-post-extra-content-section .statistics-section .stat.stat-5 {
bottom: 0;
left: 50%;
transform: translate(-50%, -5%);
}
.single-post-extra-content-section .statistics-section .stat.stat-6 {
bottom: 0;
left: 0;
transform: translate(100%, -25%);
}
.single-post-extra-content-section .statistics-section .circle {
position: absolute;
border-radius: 50%;
}
.single-post-extra-content-section .statistics-section .circle.circle-1 {
width: 12vw;
height: 12vw;
background: #0ee6cd;
top: 0;
left: 0;
transform: translate(-15%, 150%);
}
.single-post-extra-content-section .statistics-section .circle.circle-2 {
width: 6vw;
height: 6vw;
background: #2d545e;
top: 0;
right: 0;
transform: translate(-200%, 6%);
}
.single-post-extra-content-section .statistics-section .circle.circle-3 {
width: 4vw;
height: 4vw;
background: #0ee6cd;
top: 0;
right: 0;
transform: translate(-450%, 400%);
}
.single-post-extra-content-section .statistics-section .circle.circle-4 {
width: 12vw;
height: 12vw;
background: #2d545e;
top: 0;
right: 0;
transform: translate(15%, 175%);
}
.single-post-extra-content-section .statistics-section .circle.circle-5 {
width: 4vw;
height: 4vw;
background: #0ee6cd;
left: 0;
bottom: 0;
transform: translate(100%, -100%);
}
.single-post-extra-content-section .statistics-section .circle.circle-6 {
width: 4vw;
height: 4vw;
background: #0ee6cd;
bottom: 0;
right: 0;
transform: translate(-650%, -100%);
}
@media screen and (max-width: 1300px) {
.single-post-extra-content-section .additional-image {
height: 40vh;
}
.single-post-extra-content-section .additional-content .container .row .col.col-2 {
padding-left: 0;
padding-right: 2em;
}
.single-post-extra-content-section .additional-quote .container h1, .single-post-extra-content-section .additional-quote .container h2, .single-post-extra-content-section .additional-quote .container h3, .single-post-extra-content-section .additional-quote .container h4, .single-post-extra-content-section .additional-quote .container h5, .single-post-extra-content-section .additional-quote .container h6, .single-post-extra-content-section .additional-quote .container p {
font-size: 2em;
}
.single-post-extra-content-section .statistics-section .stat h1, .single-post-extra-content-section .statistics-section .stat h2, .single-post-extra-content-section .statistics-section .stat h3, .single-post-extra-content-section .statistics-section .stat h4, .single-post-extra-content-section .statistics-section .stat h5, .single-post-extra-content-section .statistics-section .stat h6 {
font-size: .875em;
}
.single-post-extra-content-section .statistics-section .stat p {
font-size: .875em;
}
}
@media screen and (max-width: 900px) {
.single-post-extra-content-section {
margin-top: 2em;
}
.single-post-extra-content-section .additional-image {
height: 30vh;
}
.single-post-extra-content-section .additional-quote .container h1, .single-post-extra-content-section .additional-quote .container h2, .single-post-extra-content-section .additional-quote .container h3, .single-post-extra-content-section .additional-quote .container h4, .single-post-extra-content-section .additional-quote .container h5, .single-post-extra-content-section .additional-quote .container h6, .single-post-extra-content-section .additional-quote .container p {
font-size: 1.5em;
}
.single-post-extra-content-section .statistics-section {
margin-bottom: 0;
}
.single-post-extra-content-section .statistics-section.stats-2 {
margin-top: 0;
margin-bottom: 2em;
min-height: 35vh;
}
.single-post-extra-content-section .statistics-section.stats-2 .stat.stat-1 {
transform: translate(15%, 0);
}
.single-post-extra-content-section .statistics-section.stats-2 .stat.stat-2 {
transform: translate(-100%, 50%);
}
.single-post-extra-content-section .statistics-section.stats-2 .circle.circle-2 {
transform: translate(-600%, 0);
}
.single-post-extra-content-section .statistics-section.stats-3 {
min-height: 65vh;
}
.single-post-extra-content-section .statistics-section.stats-3 .stat.stat-1 {
transform: translate(50%, 0);
}
.single-post-extra-content-section .statistics-section.stats-3 .stat.stat-2 {
transform: translate(-15%, 35%);
}
.single-post-extra-content-section .statistics-section.stats-3 .stat.stat-3 {
transform: translate(75%, 150%);
}
.single-post-extra-content-section .statistics-section.stats-4 {
min-height: 65vh;
}
.single-post-extra-content-section .statistics-section.stats-4 .stat.stat-1 {
transform: translate(50%, 0);
}
.single-post-extra-content-section .statistics-section.stats-4 .stat.stat-2 {
transform: translate(-25%, -15%);
}
.single-post-extra-content-section .statistics-section.stats-4 .stat.stat-3 {
transform: translate(15%, 150%);
}
.single-post-extra-content-section .statistics-section.stats-4 .stat.stat-4 {
transform: translate(-65%, 125%);
}
.single-post-extra-content-section .statistics-section .stat {
max-width: 30vw;
height: 30vw;
}
.single-post-extra-content-section .statistics-section .stat.stat-1 {
transform: translateX(50%);
}
.single-post-extra-content-section .statistics-section .stat.stat-2 {
transform: translate(-50%, 25%);
}
.single-post-extra-content-section .statistics-section .stat.stat-3 {
top: 0;
transform: translate(15%, 125%);
}
.single-post-extra-content-section .statistics-section .stat.stat-4 {
top: 0;
transform: translate(-25%, 150%);
}
.single-post-extra-content-section .statistics-section .stat.stat-5 {
transform: translate(-25%, -75%);
}
.single-post-extra-content-section .statistics-section .stat.stat-6 {
transform: translate(5%, -100%);
}
.single-post-extra-content-section .statistics-section .circle.circle-5 {
transform: translate(50%, -350%);
}
.single-post-extra-content-section .statistics-section .circle.circle-6 {
transform: translate(-100%, -500%);
}
}
@media screen and (max-width: 600px) {
.single-post-extra-content-section {
margin-top: 0;
margin-bottom: 2em;
}
.single-post-extra-content-section .additional-image {
height: 20vh;
}
.single-post-extra-content-section .additional-content {
padding-top: 1em;
padding-bottom: 1em;
}
.single-post-extra-content-section .additional-content .shape {
display: none;
}
.single-post-extra-content-section .additional-content .container .row {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.single-post-extra-content-section .additional-content .container .row .col {
width: 100%;
}
.single-post-extra-content-section .additional-content .container .row .col.col-2 {
padding-right: 0;
}
.single-post-extra-content-section .additional-quote {
padding-bottom: 2em;
}
.single-post-extra-content-section .additional-quote .container h1, .single-post-extra-content-section .additional-quote .container h2, .single-post-extra-content-section .additional-quote .container h3, .single-post-extra-content-section .additional-quote .container h4, .single-post-extra-content-section .additional-quote .container h5, .single-post-extra-content-section .additional-quote .container h6, .single-post-extra-content-section .additional-quote .container p {
font-size: 0.875em;
}
.single-post-extra-content-section .additional-quote .container h1 br, .single-post-extra-content-section .additional-quote .container h2 br, .single-post-extra-content-section .additional-quote .container h3 br, .single-post-extra-content-section .additional-quote .container h4 br, .single-post-extra-content-section .additional-quote .container h5 br, .single-post-extra-content-section .additional-quote .container h6 br, .single-post-extra-content-section .additional-quote .container p br {
display: none;
}
.single-post-extra-content-section .statistics-section.stats-1 {
min-height: 285px;
margin-bottom: 0;
}
.single-post-extra-content-section .statistics-section.stats-1 .circle {
display: none;
}
.single-post-extra-content-section .statistics-section.stats-1 .stat-line {
display: none;
}
.single-post-extra-content-section .statistics-section.stats-1 .stat {
max-width: 225px;
width: 225px;
height: 225px;
}
.single-post-extra-content-section .statistics-section.stats-1 .stat.stat-1 {
transform: translate(-50%, 0);
}
.single-post-extra-content-section .statistics-section.stats-2 {
min-height: 488px;
margin-bottom: 0;
}
.single-post-extra-content-section .statistics-section.stats-2 .circle {
display: none;
}
.single-post-extra-content-section .statistics-section.stats-2 .stat-line.stat-line-1 {
display: none;
}
.single-post-extra-content-section .statistics-section.stats-2 .stat-line.stat-line-3 {
display: none;
}
.single-post-extra-content-section .statistics-section.stats-2 .stat-line.stat-line-4 {
display: none;
}
.single-post-extra-content-section .statistics-section.stats-2 .stat-line.stat-line-7 {
display: none;
}
.single-post-extra-content-section .statistics-section.stats-2 .stat-line.stat-line-9 {
display: none;
}
.single-post-extra-content-section .statistics-section.stats-2 .stat-line.stat-line-11 {
display: none;
}
.single-post-extra-content-section .statistics-section.stats-2 .stat {
max-width: 225px;
width: 225px;
height: 225px;
}
.single-post-extra-content-section .statistics-section.stats-2 .stat.stat-1 {
transform: translate(5%, 0);
}
.single-post-extra-content-section .statistics-section.stats-2 .stat.stat-2 {
transform: translate(-5%, 100%);
}
.single-post-extra-content-section .statistics-section.stats-2 .stat.stat-3 {
transform: translate(5%, 200%);
}
.single-post-extra-content-section .statistics-section.stats-2 .stat.stat-4 {
transform: translate(-5%, 300%);
}
.single-post-extra-content-section .statistics-section.stats-2 .stat.stat-5 {
right: unset;
left: 0;
transform: translate(5%, -5%);
}
.single-post-extra-content-section .statistics-section.stats-3 {
min-height: 731px;
margin-bottom: 0;
}
.single-post-extra-content-section .statistics-section.stats-3 .circle {
display: none;
}
.single-post-extra-content-section .statistics-section.stats-3 .stat-line.stat-line-1 {
display: none;
}
.single-post-extra-content-section .statistics-section.stats-3 .stat-line.stat-line-3 {
display: none;
}
.single-post-extra-content-section .statistics-section.stats-3 .stat-line.stat-line-4 {
display: none;
}
.single-post-extra-content-section .statistics-section.stats-3 .stat-line.stat-line-7 {
display: none;
}
.single-post-extra-content-section .statistics-section.stats-3 .stat-line.stat-line-9 {
display: none;
}
.single-post-extra-content-section .statistics-section.stats-3 .stat-line.stat-line-11 {
display: none;
}
.single-post-extra-content-section .statistics-section.stats-3 .stat {
max-width: 225px;
width: 225px;
height: 225px;
}
.single-post-extra-content-section .statistics-section.stats-3 .stat.stat-1 {
transform: translate(5%, 0);
}
.single-post-extra-content-section .statistics-section.stats-3 .stat.stat-2 {
transform: translate(-5%, 100%);
}
.single-post-extra-content-section .statistics-section.stats-3 .stat.stat-3 {
transform: translate(5%, 200%);
}
.single-post-extra-content-section .statistics-section.stats-3 .stat.stat-4 {
transform: translate(-5%, 300%);
}
.single-post-extra-content-section .statistics-section.stats-3 .stat.stat-5 {
right: unset;
left: 0;
transform: translate(5%, -5%);
}
.single-post-extra-content-section .statistics-section.stats-4 {
min-height: 934px;
margin-bottom: 0;
}
.single-post-extra-content-section .statistics-section.stats-4 .circle {
display: none;
}
.single-post-extra-content-section .statistics-section.stats-4 .stat-line.stat-line-1 {
display: none;
}
.single-post-extra-content-section .statistics-section.stats-4 .stat-line.stat-line-3 {
display: none;
}
.single-post-extra-content-section .statistics-section.stats-4 .stat-line.stat-line-4 {
display: none;
}
.single-post-extra-content-section .statistics-section.stats-4 .stat-line.stat-line-7 {
display: none;
}
.single-post-extra-content-section .statistics-section.stats-4 .stat-line.stat-line-9 {
display: none;
}
.single-post-extra-content-section .statistics-section.stats-4 .stat-line.stat-line-11 {
display: none;
}
.single-post-extra-content-section .statistics-section.stats-4 .stat {
max-width: 225px;
width: 225px;
height: 225px;
}
.single-post-extra-content-section .statistics-section.stats-4 .stat.stat-1 {
transform: translate(5%, 0);
}
.single-post-extra-content-section .statistics-section.stats-4 .stat.stat-2 {
transform: translate(-5%, 100%);
}
.single-post-extra-content-section .statistics-section.stats-4 .stat.stat-3 {
transform: translate(5%, 200%);
}
.single-post-extra-content-section .statistics-section.stats-4 .stat.stat-4 {
transform: translate(-5%, 300%);
}
.single-post-extra-content-section .statistics-section.stats-4 .stat.stat-5 {
right: unset;
left: 0;
transform: translate(5%, -5%);
}
.single-post-extra-content-section .statistics-section.stats-5 {
min-height: 1137px;
margin-bottom: 2em;
}
.single-post-extra-content-section .statistics-section.stats-5 .circle {
display: none;
}
.single-post-extra-content-section .statistics-section.stats-5 .stat-line.stat-line-1 {
display: none;
}
.single-post-extra-content-section .statistics-section.stats-5 .stat-line.stat-line-3 {
display: none;
}
.single-post-extra-content-section .statistics-section.stats-5 .stat-line.stat-line-4 {
display: none;
}
.single-post-extra-content-section .statistics-section.stats-5 .stat-line.stat-line-7 {
display: none;
}
.single-post-extra-content-section .statistics-section.stats-5 .stat-line.stat-line-9 {
display: none;
}
.single-post-extra-content-section .statistics-section.stats-5 .stat-line.stat-line-11 {
display: none;
}
.single-post-extra-content-section .statistics-section.stats-5 .stat {
max-width: 225px;
width: 225px;
height: 225px;
}
.single-post-extra-content-section .statistics-section.stats-5 .stat.stat-1 {
transform: translate(5%, 0);
}
.single-post-extra-content-section .statistics-section.stats-5 .stat.stat-2 {
transform: translate(-5%, 100%);
}
.single-post-extra-content-section .statistics-section.stats-5 .stat.stat-3 {
transform: translate(5%, 200%);
}
.single-post-extra-content-section .statistics-section.stats-5 .stat.stat-4 {
transform: translate(-5%, 300%);
}
.single-post-extra-content-section .statistics-section.stats-5 .stat.stat-5 {
right: unset;
left: 0;
transform: translate(5%, -5%);
}
.single-post-extra-content-section .statistics-section.stats-6 {
min-height: 1381px;
margin-bottom: 2em;
}
.single-post-extra-content-section .statistics-section.stats-6 .circle {
display: none;
}
.single-post-extra-content-section .statistics-section.stats-6 .stat-line.stat-line-1 {
display: none;
}
.single-post-extra-content-section .statistics-section.stats-6 .stat-line.stat-line-3 {
display: none;
}
.single-post-extra-content-section .statistics-section.stats-6 .stat-line.stat-line-4 {
display: none;
}
.single-post-extra-content-section .statistics-section.stats-6 .stat-line.stat-line-7 {
display: none;
}
.single-post-extra-content-section .statistics-section.stats-6 .stat-line.stat-line-9 {
display: none;
}
.single-post-extra-content-section .statistics-section.stats-6 .stat-line.stat-line-11 {
display: none;
}
.single-post-extra-content-section .statistics-section.stats-6 .stat {
max-width: 225px;
width: 225px;
height: 225px;
}
.single-post-extra-content-section .statistics-section.stats-6 .stat.stat-1 {
transform: translate(5%, 0);
}
.single-post-extra-content-section .statistics-section.stats-6 .stat.stat-2 {
transform: translate(-5%, 100%);
}
.single-post-extra-content-section .statistics-section.stats-6 .stat.stat-3 {
transform: translate(5%, 200%);
}
.single-post-extra-content-section .statistics-section.stats-6 .stat.stat-4 {
transform: translate(-5%, 300%);
}
.single-post-extra-content-section .statistics-section.stats-6 .stat.stat-5 {
right: unset;
left: 0;
transform: translate(5%, -105%);
}
.single-post-extra-content-section .statistics-section.stats-6 .stat.stat-6 {
left: unset;
right: 0;
transform: translate(-5%, 0);
}
}
.solutions-services-banner-section {
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}
.solutions-services-banner-section .row {
display: -ms-flexbox;
display: flex;
}
.solutions-services-banner-section .row .col {
min-height: 55vh;
width: 50%;
background-size: cover;
background-position: center;
position: relative;
}
.solutions-services-banner-section .row .col .button {
position: absolute;
bottom: 4em;
}
.solutions-services-banner-section .row .col .button .sub-heading {
text-transform: uppercase;
margin: 0;
}
.solutions-services-banner-section .row .col .button .sub-heading a {
display: block;
color: #fff;
padding: 1.25em 3em;
background: #12343b;
border-radius: 38px;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.solutions-services-banner-section .row .col .button .sub-heading a:hover {
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}
.solutions-services-banner-section .row .col .button .sub-heading a:after {
content: '';
display: block;
height: 2px;
background: #C89666;
width: 100%;
margin-top: .25em;
}
.solutions-services-banner-section .row .col.col-1 {
border-right: solid 2px #fff;
}
.solutions-services-banner-section .row .col.col-1 .button {
right: 4em;
}
.solutions-services-banner-section .row .col.col-2 {
border-left: solid 2px #fff;
}
.solutions-services-banner-section .row .col.col-2 .button {
left: 4em;
}
@media screen and (max-width: 900px) {
.solutions-services-banner-section .row .col {
min-height: 35vh;
}
.solutions-services-banner-section .row .col .button .sub-heading a {
white-space: nowrap;
}
.solutions-services-banner-section .row .col.col-1 .button {
right: unset;
left: 50%;
transform: translateX(-50%);
}
.solutions-services-banner-section .row .col.col-2 .button {
left: 50%;
transform: translateX(-50%);
}
}
@media screen and (max-width: 600px) {
.solutions-services-banner-section .row {
display: block;
}
.solutions-services-banner-section .row .col {
width: 100%;
}
.solutions-services-banner-section .row .col.col-1 {
border: 0;
}
.solutions-services-banner-section .row .col.col-2 {
border: 0;
}
}
.simple-banner-section {
background-color: #2d545e;
background-size: cover;
background-position: top;
height: 55vh;
display: -ms-flexbox;
display: flex;
-ms-flex-align: end;
align-items: flex-end;
}
.simple-banner-section .video-container {
position: absolute;
z-index: 1;
}
.simple-banner-section .video-container {
overflow: hidden;
width: 100%;
}
.simple-banner-section .video-container #stem-video {
display: block;
position: relative;
z-index: 1;
width: 100%;
height: auto;
}
.simple-banner-section .container {
height: 100%;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
z-index: 2;
}
.simple-banner-section .container .banner-heading {
color: #fff;
margin-bottom: 1em;
line-height: 1.1em;
text-shadow: 2px 2px #12343b;
}
@media screen and (max-width: 900px) {
.simple-banner-section {
height: 32vh;
}
}
@media screen and (max-width: 600px) {
.simple-banner-section {
height: 160px;
}
}
.problems-solutions-section {
position: relative;
}
.problems-solutions-section svg {
position: absolute;
width: 100%;
height: 100%;
}
@media screen and (max-width: 900px) {
.problems-solutions-section svg {
display: none;
}
}
.problems-solutions-section svg .bubble-line {
stroke-width: 3px;
}
.problems-solutions-section .bubble {
position: absolute;
border-radius: 50%;
top: 0;
right: 0;
background-size: cover;
background-position: center;
}
@media screen and (max-width: 900px) {
.problems-solutions-section .bubble {
display: none;
}
}
.problems-solutions-section .bubble.bubble-1 {
width: 125px;
height: 125px;
}
.problems-solutions-section .bubble.bubble-2 {
width: 200px;
height: 200px;
}
.problems-solutions-section .bubble.bubble-3 {
width: 100px;
height: 100px;
}
.problems-solutions-section .shape {
position: absolute;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
width: 400px;
height: 400px;
top: 0;
right: 0;
transform: translate(15%, 25%) rotate(190deg);
}
.problems-solutions-section .container {
position: relative;
}
.problems-solutions-section .container svg {
position: absolute;
width: 100%;
height: 100%;
}
.problems-solutions-section .container svg .problems-line {
stroke: #C89666;
stroke-width: 3px;
}
.problems-solutions-section .container .row {
display: -ms-flexbox;
display: flex;
margin-top: 4em;
margin-bottom: 6em;
position: relative;
}
.problems-solutions-section .container .row:last-child .circle.gold {
position: absolute;
z-index: 1;
background: #DAB489;
width: 300px;
height: 300px;
border-radius: 50%;
top: 0;
right: 0;
transform: translate(40%, -40%);
}
.problems-solutions-section .container .row:last-child .lime-cog {
width: 200px;
height: 200px;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
position: absolute;
z-index: 1;
top: 0;
right: 0;
transform: translate(50%, -50%);
}
.problems-solutions-section .container .row:nth-child(odd) .col.col-1 {
-ms-flex-order: 2;
order: 2;
}
.problems-solutions-section .container .row:nth-child(odd) .col.col-2 {
-ms-flex-order: 1;
order: 1;
}
.problems-solutions-section .container .row:nth-child(even) .lime-cog {
width: 300px;
height: 300px;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
position: absolute;
z-index: 1;
bottom: 0;
left: 0;
transform: translate(-50%, 50%);
}
.problems-solutions-section .container .row .col {
position: relative;
z-index: 2;
}
.problems-solutions-section .container .row .col.col-1 {
width: 55%;
}
.problems-solutions-section .container .row .col.col-1 .problem-solution {
background: linear-gradient(180deg, #12343b 0%, #2d545e 100%);
border-radius: 100px;
padding: 4em 6em;
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}
.problems-solutions-section .container .row .col.col-1 .problem-solution .title {
margin-bottom: 3em;
}
.problems-solutions-section .container .row .col.col-1 .problem-solution .title .sub-heading {
text-align: center;
color: #fff;
text-transform: uppercase;
}
.problems-solutions-section .container .row .col.col-1 .problem-solution .title .sub-heading:after {
content: '';
display: block;
height: 2px;
background: #C89666;
margin: .25em auto 0 auto;
width: 60%;
}
.problems-solutions-section .container .row .col.col-1 .problem-solution ul {
margin: 0;
list-style: disc;
}
.problems-solutions-section .container .row .col.col-1 .problem-solution ul li {
color: #fff;
margin-bottom: 2em;
}
.problems-solutions-section .container .row .col.col-1 .problem-solution ul li:after {
content: '';
display: block;
height: 2px;
background: #C89666;
margin-top: 1.5em;
margin-left: -1em;
width: 25%;
}
.problems-solutions-section .container .row .col.col-1 .problem-solution ul li p {
margin: 0;
}
.problems-solutions-section .container .row .col.col-2 {
width: 45%;
position: relative;
}
.problems-solutions-section .container .row .col.col-2 svg {
position: absolute;
width: 100%;
height: 100%;
}
.problems-solutions-section .container .row .col.col-2 svg .side-image-line {
stroke: #C89666;
stroke-width: 3px;
}
.problems-solutions-section .container .row .col.col-2 .side-image {
background-color: #C89666;
background-size: cover;
background-position: center;
width: 400px;
height: 400px;
border-radius: 50%;
position: absolute;
z-index: 1;
top: 0;
left: 0;
transform: translate(-55%, 15%);
}
.problems-solutions-section .container .row .col.col-2 .sub-side-image {
background-color: #12343b;
background-size: cover;
background-position: center;
width: 200px;
height: 200px;
border-radius: 50%;
position: absolute;
z-index: 1;
bottom: 0;
right: 0;
transform: translate(-50%, -100%);
}
.problems-solutions-section .container .row .col.col-2 .gold-circle {
background: #DAB489;
width: 150px;
height: 150px;
border-radius: 50%;
position: absolute;
z-index: 1;
top: 0;
right: 0;
transform: translate(-100%, 5%);
}
.problems-solutions-section .container .row .col.col-2 .green-circle {
background: #2d545e;
width: 100px;
height: 100px;
border-radius: 50%;
position: absolute;
z-index: 1;
bottom: 0;
left: 0;
transform: translate(15%, -50%);
}
@media screen and (max-width: 1300px) {
.problems-solutions-section .container .row .col.col-2 .side-image {
transform: translate(-25%, 5%);
}
.problems-solutions-section .container .row .col.col-2 .sub-side-image {
transform: translate(-50%, -50%);
}
.problems-solutions-section .container .row .col.col-2 .gold-circle {
transform: translate(-15%, 0);
}
.problems-solutions-section .container .row .col.col-2 .green-circle {
transform: translate(0, -100%);
}
}
@media screen and (max-width: 900px) {
.problems-solutions-section .container svg .problems-line {
display: none;
}
.problems-solutions-section .container .row {
margin-top: 2em;
margin-bottom: 3em;
}
.problems-solutions-section .container .row .col.col-1 {
width: 100%;
}
.problems-solutions-section .container .row .col.col-2 {
display: none;
}
}
@media screen and (max-width: 600px) {
.problems-solutions-section .container .row {
margin-bottom: 1em;
}
.problems-solutions-section .container .row:nth-child(even) .lime-cog {
display: none;
}
.problems-solutions-section .container .row .col.col-1 .problem-solution {
padding: 2em;
border-radius: 50px;
}
.problems-solutions-section .container .row .col.col-1 .problem-solution .title {
margin-bottom: 1.5em;
}
.problems-solutions-section .container .row .col.col-1 .problem-solution ul li:after {
width: 50%;
}
}
.jobseeker-journey-section {
position: relative;
min-height: 1600px;
}
.jobseeker-journey-section svg {
position: absolute;
width: 100%;
height: 100%;
}
.jobseeker-journey-section svg .jobseeker-journey-line {
stroke: #C89666;
stroke-width: 3px;
}
.jobseeker-journey-section .title {
margin-bottom: 4em;
}
.jobseeker-journey-section .title .container .banner-heading {
text-align: center;
color: #12343b;
text-transform: uppercase;
}
.jobseeker-journey-section .title .container .banner-heading:after {
content: '';
display: block;
height: 2px;
background: #C89666;
margin: .25em auto 0 auto;
width: 30%;
}
.jobseeker-journey-section .green-circle {
position: absolute;
border-radius: 50%;
}
.jobseeker-journey-section .green-circle.green-circle-1 {
background: #2d545e;
width: 100px;
height: 100px;
top: 0;
left: 0;
transform: translate(50%, 500%);
}
.jobseeker-journey-section .green-circle.green-circle-2 {
width: 100px;
height: 100px;
background: #12343b;
top: 0;
right: 0;
transform: translate(-100%, 150%);
}
.jobseeker-journey-section .green-circle.green-circle-3 {
width: 150px;
height: 150px;
background: #2d545e;
top: 0;
right: 0;
transform: translate(-300%, 450%);
}
.jobseeker-journey-section .green-circle.green-circle-4 {
width: 150px;
height: 150px;
background: #12343b;
top: 0;
left: 0;
transform: translate(25%, 550%);
}
.jobseeker-journey-section .green-circle.green-circle-5 {
width: 150px;
height: 150px;
background: #2d545e;
bottom: 0;
right: 0;
transform: translate(-75%, -100%);
}
.jobseeker-journey-section .circle {
background: #DAB489;
text-align: center;
width: 300px;
height: 300px;
border-radius: 50%;
position: absolute;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
}
.jobseeker-journey-section .circle .circle-number {
font-size: 6em;
position: absolute;
top: 0;
left: 0;
color: #12343b;
font-weight: bolder;
transform: translate(25%, -25%);
}
.jobseeker-journey-section .circle .content {
padding: .5em 1em;
color: #12343b;
}
.jobseeker-journey-section .circle .content h1, .jobseeker-journey-section .circle .content h2, .jobseeker-journey-section .circle .content h3, .jobseeker-journey-section .circle .content h4, .jobseeker-journey-section .circle .content h5, .jobseeker-journey-section .circle .content h6 {
font-size: 1.25em;
text-transform: uppercase;
}
.jobseeker-journey-section .circle .content h1:after, .jobseeker-journey-section .circle .content h2:after, .jobseeker-journey-section .circle .content h3:after, .jobseeker-journey-section .circle .content h4:after, .jobseeker-journey-section .circle .content h5:after, .jobseeker-journey-section .circle .content h6:after {
content: '';
display: block;
height: 2px;
background: #C89666;
margin: .25em auto 0 auto;
width: 60%;
}
.jobseeker-journey-section .circle.circle-1 {
top: 0;
left: 0;
transform: translate(75%, 50%);
}
.jobseeker-journey-section .circle.circle-2 {
top: 0;
right: 0;
transform: translate(-125%, 75%);
}
.jobseeker-journey-section .circle.circle-3 {
top: 0;
left: 50%;
transform: translate(-100%, 175%);
}
.jobseeker-journey-section .circle.circle-4 {
top: 0;
left: 0;
transform: translate(100%, 300%);
}
.jobseeker-journey-section .circle.circle-5 {
top: 0;
right: 0;
transform: translate(-100%, 325%);
}
.jobseeker-journey-section .circle.circle-6 {
top: 0;
left: 50%;
transform: translate(-60%, 425%);
}
@media screen and (max-width: 1300px) {
.jobseeker-journey-section .green-circle.green-circle-3 {
transform: translate(-200%, 450%);
}
.jobseeker-journey-section .green-circle.green-circle-4 {
transform: translate(25%, 450%);
}
.jobseeker-journey-section .circle.circle-1 {
transform: translate(25%, 50%);
}
.jobseeker-journey-section .circle.circle-2 {
transform: translate(-75%, 75%);
}
.jobseeker-journey-section .circle.circle-3 {
transform: translate(-100%, 175%);
}
.jobseeker-journey-section .circle.circle-4 {
transform: translate(50%, 300%);
}
.jobseeker-journey-section .circle.circle-5 {
transform: translate(-75%, 325%);
}
.jobseeker-journey-section .circle.circle-6 {
transform: translate(-60%, 425%);
}
}
@media screen and (max-width: 900px) {
.jobseeker-journey-section .green-circle.green-circle-1 {
transform: translate(5%, 450%);
}
.jobseeker-journey-section .green-circle.green-circle-2 {
transform: translate(-15%, 100%);
}
.jobseeker-journey-section .green-circle.green-circle-3 {
transform: translate(-75%, 375%);
}
.jobseeker-journey-section .green-circle.green-circle-4 {
transform: translate(15%, 550%);
}
.jobseeker-journey-section .green-circle.green-circle-5 {
transform: translate(-25%, -200%);
}
.jobseeker-journey-section .circle.circle-1 {
transform: translate(15%, 50%);
}
.jobseeker-journey-section .circle.circle-2 {
transform: translate(-15%, 75%);
}
.jobseeker-journey-section .circle.circle-3 {
transform: translate(-100%, 175%);
}
.jobseeker-journey-section .circle.circle-4 {
left: unset;
right: 0;
transform: translate(-15%, 250%);
}
.jobseeker-journey-section .circle.circle-5 {
right: unset;
left: 0;
transform: translate(15%, 335%);
}
.jobseeker-journey-section .circle.circle-6 {
transform: translate(-20%, 425%);
}
}
@media screen and (max-width: 600px) {
.jobseeker-journey-section {
margin-top: 2em;
min-height: 2125px;
}
.jobseeker-journey-section svg .jobseeker-journey-line.jobseeker-journey-line-1, .jobseeker-journey-section svg .jobseeker-journey-line.jobseeker-journey-line-3, .jobseeker-journey-section svg .jobseeker-journey-line.jobseeker-journey-line-5, .jobseeker-journey-section svg .jobseeker-journey-line.jobseeker-journey-line-7, .jobseeker-journey-section svg .jobseeker-journey-line.jobseeker-journey-line-9 {
display: none;
}
.jobseeker-journey-section .title .container .banner-heading {
font-size: 1.25em;
}
.jobseeker-journey-section .green-circle {
display: none;
}
.jobseeker-journey-section .circle.circle-1 {
transform: translate(-50%, 25%);
left: 50%;
}
.jobseeker-journey-section .circle.circle-2 {
left: 50%;
transform: translate(-50%, 140%);
}
.jobseeker-journey-section .circle.circle-3 {
transform: translate(-50%, 255%);
}
.jobseeker-journey-section .circle.circle-4 {
left: 50%;
right: unset;
transform: translate(-50%, 370%);
}
.jobseeker-journey-section .circle.circle-5 {
right: unset;
left: 50%;
transform: translate(-50%, 485%);
}
.jobseeker-journey-section .circle.circle-6 {
transform: translate(-50%, 600%);
}
}
.employer-journey-section {
padding-top: 4em;
position: relative;
}
.employer-journey-section .lime-circle {
width: 400px;
height: 400px;
background: #0ee6cd;
border-radius: 50%;
position: absolute;
top: 0;
right: 0;
transform: translate(25%, -5%);
}
.employer-journey-section .gold-cog {
width: 400px;
height: 400px;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
position: absolute;
top: 50%;
left: 0;
transform: translate(-50%, -25%);
}
.employer-journey-section .shape {
position: absolute;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
width: 250px;
height: 250px;
bottom: 0;
right: 0;
transform: translate(20%, -100%) rotate(80deg);
}
.employer-journey-section .title {
margin-bottom: 4em;
position: relative;
z-index: 3;
}
.employer-journey-section .title .container .banner-heading {
text-align: center;
color: #12343b;
text-transform: uppercase;
}
.employer-journey-section .title .container .banner-heading:after {
content: '';
display: block;
height: 2px;
background: #C89666;
margin: .25em auto 0 auto;
width: 30%;
}
.employer-journey-section .container .row {
display: -ms-flexbox;
display: flex;
margin-bottom: 4em;
}
.employer-journey-section .container .row:nth-child(even) .col.col-1 {
-ms-flex-order: 2;
order: 2;
}
.employer-journey-section .container .row:nth-child(even) .col.col-2 {
-ms-flex-order: 1;
order: 1;
}
.employer-journey-section .container .row:nth-child(even) .col.col-2 .step-image {
transform: translateX(-10%);
}
.employer-journey-section .container .row:last-child {
margin-bottom: 0;
}
.employer-journey-section .container .row .col.col-1 {
width: 50%;
color: #12343b;
position: relative;
z-index: 1;
}
.employer-journey-section .container .row .col.col-1 .gold-circle {
width: 300px;
height: 300px;
background: #DAB489;
border-radius: 50%;
position: absolute;
z-index: 1;
top: 0;
left: 0;
transform: translate(-40%, -10%);
}
.employer-journey-section .container .row .col.col-1 p.step-number {
font-weight: bolder;
font-size: 6em;
position: absolute;
z-index: 2;
top: 0;
left: 0;
transform: translate(-150%, -50%);
}
.employer-journey-section .container .row .col.col-1 .content {
position: relative;
z-index: 3;
}
.employer-journey-section .container .row .col.col-1 h1, .employer-journey-section .container .row .col.col-1 h2, .employer-journey-section .container .row .col.col-1 h3, .employer-journey-section .container .row .col.col-1 h4, .employer-journey-section .container .row .col.col-1 h5, .employer-journey-section .container .row .col.col-1 h6 {
font-size: 1.25em;
}
.employer-journey-section .container .row .col.col-1 h1:after, .employer-journey-section .container .row .col.col-1 h2:after, .employer-journey-section .container .row .col.col-1 h3:after, .employer-journey-section .container .row .col.col-1 h4:after, .employer-journey-section .container .row .col.col-1 h5:after, .employer-journey-section .container .row .col.col-1 h6:after {
content: '';
display: block;
height: 2px;
background: #C89666;
margin-top: .5em;
width: 30%;
}
.employer-journey-section .container .row .col.col-1 ul {
list-style: disc;
}
.employer-journey-section .container .row .col.col-1 ul li {
margin-bottom: 1em;
}
.employer-journey-section .container .row .col.col-1 .cta {
position: relative;
z-index: 3;
margin-top: 2em;
}
.employer-journey-section .container .row .col.col-1 .cta p {
text-transform: uppercase;
margin-bottom: 1.5em;
}
.employer-journey-section .container .row .col.col-2 {
width: 50%;
padding: 1em;
position: relative;
z-index: 2;
}
.employer-journey-section .container .row .col.col-2 .step-image {
background-size: cover;
background-position: center;
width: 100%;
height: 100%;
transform: translateX(10%);
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}
@media screen and (max-width: 1300px) {
.employer-journey-section .lime-circle {
width: 300px;
height: 300px;
}
.employer-journey-section .gold-cog {
width: 300px;
height: 300px;
}
.employer-journey-section .container .row:last-child {
margin-bottom: 0;
}
.employer-journey-section .container .row .col.col-1 .gold-circle {
transform: translate(-25%, -40%);
}
.employer-journey-section .container .row .col.col-1 p.step-number {
transform: translate(0, -80%);
}
.employer-journey-section .container .row .col.col-2 {
padding: 3em;
}
}
@media screen and (max-width: 900px) {
.employer-journey-section .shape {
width: 150px;
height: 150px;
}
.employer-journey-section .container .row {
margin-bottom: 6em;
}
.employer-journey-section .container .row .col.col-1 {
width: 90%;
}
.employer-journey-section .container .row .col.col-1 .gold-circle {
width: 200px;
height: 200px;
}
.employer-journey-section .container .row .col.col-2 {
display: none;
}
}
@media screen and (max-width: 600px) {
.employer-journey-section {
padding-top: 2em;
}
.employer-journey-section .lime-circle {
display: none;
}
.employer-journey-section .gold-cog {
width: 200px;
height: 200px;
left: unset;
right: 0;
transform: translate(50%, -50%);
}
.employer-journey-section .shape {
display: none;
}
.employer-journey-section .container .row {
margin-bottom: 4em;
}
.employer-journey-section .container .row .col.col-1 {
width: 100%;
}
.employer-journey-section .container .row .col.col-1 .gold-circle {
width: 150px;
height: 150px;
}
.employer-journey-section .container .row .col.col-1 p.step-number {
font-size: 4em;
}
}
.free-consultation-section {
background: linear-gradient(180deg, #12343b 0%, #2d545e 100%);
padding: 4em 0;
position: relative;
}
.free-consultation-section .shape {
position: absolute;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
width: 150px;
height: 150px;
bottom: 0;
right: 0;
transform: translate(-50%, -25%);
}
.free-consultation-section .container .title {
margin-bottom: 3em;
}
.free-consultation-section .container .title .main-heading {
text-align: center;
color: #fff;
text-transform: uppercase;
margin: 0;
}
.free-consultation-section .container .title .main-heading:after {
content: '';
display: block;
height: 2px;
background: #C89666;
margin: .25em auto 0 auto;
width: 30%;
}
.free-consultation-section .container .row {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
margin-bottom: 2em;
}
.free-consultation-section .container .row .col {
width: 30%;
color: #fff;
}
.free-consultation-section .container .row .col .sub-heading {
margin: 0;
}
.free-consultation-section .container .row .col .sub-heading a {
color: #fff;
transition: color 400ms linear;
}
.free-consultation-section .container .row .col .sub-heading a:hover {
color: #0ee6cd;
}
.free-consultation-section .container .row .col .sub-heading a i {
margin-right: .5em;
}
.free-consultation-section .container .row .col.col-2 {
text-align: center;
}
.free-consultation-section .container .cta {
text-align: center;
}
.free-consultation-section .container .cta .sub-p {
margin: 1em;
color: #fff;
text-transform: capitalize;
}
.free-consultation-section .container .cta p {
text-transform: uppercase;
margin: 0;
}
@media screen and (max-width: 1300px) {
.free-consultation-section .shape {
transform: translate(-25%, -15%);
}
}
@media screen and (max-width: 900px) {
.free-consultation-section .shape {
width: 100px;
height: 100px;
transform: translate(-15%, -5%);
}
.free-consultation-section .container .row .col {
width: 50%;
}
}
@media screen and (max-width: 600px) {
.free-consultation-section {
padding: 2em 0;
}
.free-consultation-section .shape {
width: 50px;
height: 50px;
transform: translate(-15%, -15%);
}
.free-consultation-section .container .title {
margin-bottom: 1.5em;
}
.free-consultation-section .container .row {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.free-consultation-section .container .row .col {
width: 100%;
}
.free-consultation-section .container .row .col.col-1 {
text-align: center;
}
.free-consultation-section .container .row .col.col-2 {
text-align: center;
}
}
.three-solutions-section {
position: relative;
padding: 2em 0;
min-height: 1500px;
}
.three-solutions-section svg {
position: absolute;
width: 100%;
height: 100%;
}
.three-solutions-section svg .three-solutions-line {
stroke: #C89666;
stroke-width: 3px;
}
.three-solutions-section .title .container .banner-heading {
text-align: center;
color: #12343b;
text-transform: uppercase;
}
.three-solutions-section .title .container .banner-heading:after {
content: '';
display: block;
height: 2px;
background: #C89666;
margin: .25em auto 0 auto;
width: 25%;
}
.three-solutions-section .green-circle {
width: 150px;
height: 150px;
background: #12343b;
border-radius: 50%;
position: absolute;
}
.three-solutions-section .green-circle.green-circle-1 {
top: 50%;
left: 0;
transform: translate(75%, 50%);
}
.three-solutions-section .green-circle.green-circle-2 {
top: 0;
right: 0;
transform: translate(-75%, 175%);
}
.three-solutions-section .green-circle.green-circle-3 {
bottom: 0;
right: 0;
transform: translate(-250%, -100%);
}
.three-solutions-section .circle {
width: 500px;
height: 500px;
background: #DAB489;
border-radius: 50%;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
color: #12343b;
position: absolute;
}
.three-solutions-section .circle .solution-step {
position: absolute;
top: 0;
left: 0;
font-size: 6em;
font-weight: bolder;
transform: translate(50%, 0);
}
.three-solutions-section .circle .content {
padding: 0 3em;
}
.three-solutions-section .circle .content h1, .three-solutions-section .circle .content h2, .three-solutions-section .circle .content h3, .three-solutions-section .circle .content h4, .three-solutions-section .circle .content h5, .three-solutions-section .circle .content h6 {
text-align: center;
text-transform: uppercase;
font-size: 1.25em;
}
.three-solutions-section .circle.circle-1 {
top: 0;
left: 0;
transform: translate(40%, 40%);
}
.three-solutions-section .circle.circle-2 {
top: 0;
right: 0;
transform: translate(-35%, 100%);
}
.three-solutions-section .circle.circle-3 {
top: 0;
left: 0;
transform: translate(80%, 185%);
}
@media screen and (max-width: 1300px) {
.three-solutions-section .green-circle.green-circle-1 {
transform: translate(75%, 10%);
}
.three-solutions-section .circle.circle-1 {
transform: translate(15%, 40%);
}
.three-solutions-section .circle.circle-2 {
transform: translate(-25%, 100%);
}
.three-solutions-section .circle.circle-3 {
transform: translate(30%, 185%);
}
}
@media screen and (max-width: 900px) {
.three-solutions-section .green-circle.green-circle-1 {
transform: translate(25%, -50%);
}
.three-solutions-section .green-circle.green-circle-2 {
transform: translate(-50%, 150%);
}
.three-solutions-section .green-circle.green-circle-3 {
transform: translate(-50%, -200%);
}
.three-solutions-section .circle {
width: 450px;
height: 450px;
}
.three-solutions-section .circle .content h1, .three-solutions-section .circle .content h2, .three-solutions-section .circle .content h3, .three-solutions-section .circle .content h4, .three-solutions-section .circle .content h5, .three-solutions-section .circle .content h6 {
font-size: 1em;
}
.three-solutions-section .circle.circle-1 {
transform: translate(5%, 30%);
}
.three-solutions-section .circle.circle-2 {
transform: translate(-5%, 125%);
}
.three-solutions-section .circle.circle-3 {
transform: translate(10%, 225%);
}
}
@media screen and (max-width: 600px) {
.three-solutions-section {
min-height: 1250px;
}
.three-solutions-section svg .three-solutions-line.three-solutions-line-1 {
display: none;
}
.three-solutions-section svg .three-solutions-line.three-solutions-line-3 {
display: none;
}
.three-solutions-section svg .three-solutions-line.three-solutions-line-5 {
display: none;
}
.three-solutions-section .green-circle {
display: none;
}
.three-solutions-section .circle {
width: 340px;
height: 340px;
}
.three-solutions-section .circle .content h1, .three-solutions-section .circle .content h2, .three-solutions-section .circle .content h3, .three-solutions-section .circle .content h4, .three-solutions-section .circle .content h5, .three-solutions-section .circle .content h6 {
font-size: 0.875em;
}
.three-solutions-section .circle.circle-1 {
top: 0;
left: 50%;
transform: translate(-50%, 35%);
}
.three-solutions-section .circle.circle-2 {
top: 0;
left: 50%;
transform: translate(-50%, 145%);
}
.three-solutions-section .circle.circle-3 {
bottom: unset;
right: unset;
top: 0;
left: 50%;
transform: translate(-50%, 255%);
}
}
.leave-your-details-section {
background: linear-gradient(180deg, #12343b 0%, #2d545e 100%);
padding: 8em 0;
position: relative;
}
.leave-your-details-section .lime-circle {
position: absolute;
z-index: 1;
top: 0;
left: 0;
width: 400px;
height: 400px;
border-radius: 50%;
background: #0ee6cd;
transform: translate(-25%, 25%);
}
.leave-your-details-section .golden-cogs {
width: 300px;
height: 300px;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
position: absolute;
top: 0;
right: 0;
transform: translate(-25%, 0);
}
.leave-your-details-section .golden-cog {
width: 300px;
height: 300px;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
position: absolute;
bottom: 0;
left: 0;
transform: translate(25%, -5%);
}
.leave-your-details-section .shape {
width: 300px;
height: 300px;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
position: absolute;
bottom: 0;
right: 0;
transform: translate(-15%, -15%);
}
.leave-your-details-section .container {
position: relative;
z-index: 5;
}
.leave-your-details-section .container .stem-contact-form {
color: #12343b;
padding: 4em;
width: 90%;
margin: 0 auto;
background: #fff;
border-radius: 70px;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}
.leave-your-details-section .container .stem-contact-form a {
color: #12343b;
}
.leave-your-details-section .container .stem-contact-form .title {
text-align: center;
color: #12343b;
margin-bottom: 2em;
}
.leave-your-details-section .container .stem-contact-form .title .main-heading {
text-transform: uppercase;
margin: 0 0 .5em 0;
}
.leave-your-details-section .container .stem-contact-form .title .main-heading:after {
content: '';
display: block;
height: 2px;
background: #C89666;
margin: .25em auto 0 auto;
width: 30%;
}
.leave-your-details-section .container .stem-contact-form .row {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
margin-bottom: 2em;
}
.leave-your-details-section .container .stem-contact-form .row .col {
width: 49%;
}
.leave-your-details-section .container .stem-contact-form .row .col span input {
width: 100%;
padding: .5em;
border: solid 1px #12343b;
border-radius: 12px;
background: #fff;
}
.leave-your-details-section .container .stem-contact-form .row .col span input:-ms-input-placeholder {
color: #12343b;
}
.leave-your-details-section .container .stem-contact-form .row .col span input::placeholder {
color: #12343b;
}
.leave-your-details-section .container .stem-contact-form .row .col span select {
width: 100%;
padding: .5em;
border: solid 1px #12343b;
border-radius: 12px;
background: #fff;
}
.leave-your-details-section .container .stem-contact-form .acceptance-row {
margin-bottom: 2em;
}
.leave-your-details-section .container .stem-contact-form .insights-row {
margin-bottom: 2em;
}
.leave-your-details-section .container .stem-contact-form .submit-row {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
}
.leave-your-details-section .container .stem-contact-form .submit-row .wpcf7-submit {
cursor: pointer;
border: solid 2px #12343b;
border-radius: 12px;
background: none;
text-transform: uppercase;
padding: .5em 3em;
font-size: 1.25em;
transition: all 400ms linear;
}
.leave-your-details-section .container .stem-contact-form .submit-row .wpcf7-submit:hover {
background: #0ee6cd;
color: #fff;
}
.leave-your-details-section .container .stem-contact-form .submit-row .ajax-loader {
display: none;
}
@media screen and (max-width: 900px) {
.leave-your-details-section .lime-circle {
width: 200px;
height: 200px;
}
.leave-your-details-section .golden-cogs {
width: 150px;
height: 150px;
transform: translate(-15%, 0);
}
.leave-your-details-section .golden-cog {
width: 150px;
height: 150px;
transform: translate(15%, -25%);
}
.leave-your-details-section .shape {
width: 150px;
height: 150px;
transform: translate(-15%, -15%);
}
}
@media screen and (max-width: 600px) {
.leave-your-details-section {
padding: 4em 0;
}
.leave-your-details-section .lime-circle {
width: 100px;
height: 100px;
}
.leave-your-details-section .golden-cogs {
width: 75px;
height: 75px;
transform: translate(-15%, 15%);
}
.leave-your-details-section .golden-cog {
width: 75px;
height: 75px;
}
.leave-your-details-section .shape {
width: 75px;
height: 75px;
}
.leave-your-details-section .container .stem-contact-form {
padding: 2em 1em;
border-radius: 35px;
}
.leave-your-details-section .container .stem-contact-form .row {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: 0;
}
.leave-your-details-section .container .stem-contact-form .row .col {
margin-bottom: 1em;
width: 100%;
}
.leave-your-details-section .container .stem-contact-form .acceptance-row {
margin-bottom: 1em;
}
.leave-your-details-section .container .stem-contact-form .submit-row .wpcf7-submit {
font-size: 1em;
}
}
.job-adder-section {
padding: 4em 0 0 0;
}
.job-adder-section .container .title .main-heading {
color: #12343b;
text-transform: uppercase;
}
.job-adder-section .container .title .main-heading:after {
content: '';
display: block;
height: 2px;
background: #C89666;
margin-top: .25em;
width: 25%;
}
.job-adder-section .container #ja-jobs-widget .powered-by-jobadder {
display: none;
}
.job-adder-section .container #ja-jobs-widget .ja-job-search {
margin-bottom: 3em;
}
.job-adder-section .container #ja-jobs-widget .ja-job-search .ja-form {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-align: center;
align-items: center;
}
.job-adder-section .container #ja-jobs-widget .ja-job-search .ja-form .ja-field-container {
margin-left: 1em;
}
.job-adder-section .container #ja-jobs-widget .ja-job-search .ja-form .ja-field-container:first-child {
margin-left: 0;
}
.job-adder-section .container #ja-jobs-widget .ja-job-search .ja-form .ja-field-container:nth-child(2) {
display: none;
}
.job-adder-section .container #ja-jobs-widget .ja-job-search .ja-form .ja-field-container .ja-field select, .job-adder-section .container #ja-jobs-widget .ja-job-search .ja-form .ja-field-container .ja-field input {
border: solid 2px #C89666;
background: #fff;
color: #12343b;
padding: .25em;
border-radius: 6px;
}
.job-adder-section .container #ja-jobs-widget .ja-job-search .ja-form .ja-submit {
margin-left: 1em;
}
.job-adder-section .container #ja-jobs-widget .ja-job-search .ja-form .ja-submit input {
cursor: pointer;
border-radius: 6px;
font-size: 1em;
border: solid 2px #C89666;
background: #C89666;
color: #fff;
padding: .5em 3em;
transition: all 400ms linear;
}
.job-adder-section .container #ja-jobs-widget .ja-job-search .ja-form .ja-submit input:hover {
background: #fff;
color: #C89666;
}
.job-adder-section .container #ja-jobs-widget .ja-job-list-container {
position: relative;
}
.job-adder-section .container #ja-jobs-widget .ja-job-list-container p.no-jobs-content {
padding: 1em 2em 0 2em;
color: #12343b;
}
.job-adder-section .container #ja-jobs-widget .ja-job-list-container .ja-job-list .job {
border-radius: 6px;
padding: 1em 2em 2em 2em;
margin-bottom: 2em;
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.job-adder-section .container #ja-jobs-widget .ja-job-list-container .ja-job-list .job:hover {
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.job-adder-section .container #ja-jobs-widget .ja-job-list-container .ja-job-list .job:last-child {
border-bottom: 0;
}
.job-adder-section .container #ja-jobs-widget .ja-job-list-container .ja-job-list .job .title {
font-size: 1.25em;
margin: 0 0 .75em 0;
text-transform: uppercase;
display: inline-block;
}
.job-adder-section .container #ja-jobs-widget .ja-job-list-container .ja-job-list .job .title:after {
content: '';
display: block;
height: 2px;
background: #C89666;
margin-top: .25em;
width: 70%;
}
.job-adder-section .container #ja-jobs-widget .ja-job-list-container .ja-job-list .job .title a {
color: #12343b;
}
.job-adder-section .container #ja-jobs-widget .ja-job-list-container .ja-job-list .job .meta ul.classifications {
margin: 0 0 1em 0;
display: -ms-flexbox;
display: flex;
}
.job-adder-section .container #ja-jobs-widget .ja-job-list-container .ja-job-list .job .meta ul.classifications li {
color: #C89666;
font-weight: lighter;
margin-left: 1em;
}
.job-adder-section .container #ja-jobs-widget .ja-job-list-container .ja-job-list .job .meta ul.classifications li:first-child {
margin-left: 0;
}
.job-adder-section .container #ja-jobs-widget .ja-job-list-container .ja-job-list .job p.date-posted {
color: #12343b;
font-weight: bolder;
}
.job-adder-section .container #ja-jobs-widget .ja-job-list-container .ja-job-list .job p.summary {
width: 60%;
margin-bottom: 2em;
}
.job-adder-section .container #ja-jobs-widget .ja-job-list-container .ja-job-list .job a.view-details {
border: solid 2px #C89666;
padding: .5em 2em;
border-radius: 4px;
color: #C89666;
transition: all 400ms linear;
}
.job-adder-section .container #ja-jobs-widget .ja-job-list-container .ja-job-list .job a.view-details:hover {
background: #C89666;
color: #fff;
}
.job-adder-section .container #ja-jobs-widget .ja-job-list-container .ja-pager-container {
padding: 0 2em .5em 2em;
position: absolute;
left: 0;
bottom: 0;
transform: translate(-25%, 150%);
}
.job-adder-section .container #ja-jobs-widget .ja-job-list-container .ja-pager-container .ja-pager {
margin-left: -.5em;
}
.job-adder-section .container #ja-jobs-widget .ja-job-list-container .ja-pager-container .ja-pager span {
color: #12343b;
margin-left: .5em;
}
.job-adder-section .container #ja-jobs-widget .ja-job-list-container .ja-pager-container .ja-pager a {
margin-left: .5em;
color: #12343b;
transition: color 400ms linear;
}
.job-adder-section .container #ja-jobs-widget .ja-job-list-container .ja-pager-container .ja-pager a:hover {
color: #0ee6cd;
}
.job-adder-section .container #ja-jobs-widget .ja-job-list-container .ja-pager-container .ja-pager-summary {
font-size: .875em;
color: #12343b;
}
.job-adder-section .container #ja-jobs-widget .powered-by-jobadder a {
font-size: .875em;
color: #0ee6cd;
transition: color 400ms linear;
}
.job-adder-section .container #ja-jobs-widget .powered-by-jobadder a:hover {
color: #12343b;
}
.job-adder-section .container #ja-jobs-widget .ja-job-details .title {
font-size: 1.25em;
margin: 0 0 .25em 0;
text-transform: uppercase;
display: inline-block;
color: #12343b;
}
.job-adder-section .container #ja-jobs-widget .ja-job-details .meta ul.classifications {
margin: 0 0 1em 0;
display: -ms-flexbox;
display: flex;
}
.job-adder-section .container #ja-jobs-widget .ja-job-details .meta ul.classifications li {
color: #C89666;
font-weight: lighter;
margin-left: 1em;
}
.job-adder-section .container #ja-jobs-widget .ja-job-details .meta ul.classifications li:first-child {
margin-left: 0;
}
.job-adder-section .container #ja-jobs-widget .ja-job-details .meta p.date-posted {
color: #12343b;
font-weight: bolder;
}
.job-adder-section .container #ja-jobs-widget .ja-job-details ul.bullet-points {
list-style: disc;
font-size: .875em;
}
.job-adder-section .container #ja-jobs-widget .ja-job-details .description {
margin-bottom: 2em;
}
.job-adder-section .container #ja-jobs-widget .ja-job-details .apply {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.job-adder-section .container #ja-jobs-widget .ja-job-details .apply a.back-link {
width: 100%;
-ms-flex-order: 2;
order: 2;
color: #12343b;
transition: color 400ms linear;
font-size: .875em;
}
.job-adder-section .container #ja-jobs-widget .ja-job-details .apply a.back-link:before {
content: '<';
margin-right: .5em;
}
.job-adder-section .container #ja-jobs-widget .ja-job-details .apply a.back-link:hover {
color: #0ee6cd;
}
.job-adder-section .container #ja-jobs-widget .ja-job-details .apply input {
-ms-flex-order: 1;
order: 1;
font-size: 1em;
margin-bottom: 1em;
cursor: pointer;
border: solid 2px #C89666;
padding: .5em 2em;
border-radius: 4px;
color: #C89666;
background: none;
transition: all 400ms linear;
}
.job-adder-section .container #ja-jobs-widget .ja-job-details .apply input:hover {
background: #C89666;
color: #fff;
}
@media screen and (max-width: 900px) {
.job-adder-section {
padding-top: 2em;
}
.job-adder-section .container #ja-jobs-widget .ja-job-search .ja-form {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: justify;
justify-content: space-between;
}
.job-adder-section .container #ja-jobs-widget .ja-job-search .ja-form .ja-field-container {
width: 49%;
margin-left: 0;
margin-bottom: 1em;
}
.job-adder-section .container #ja-jobs-widget .ja-job-search .ja-form .ja-field-container .ja-field select {
width: 100%;
}
.job-adder-section .container #ja-jobs-widget .ja-job-search .ja-form .ja-submit {
margin-left: 0;
}
.job-adder-section .container #ja-jobs-widget .ja-job-list-container .ja-job-list .job .title {
font-size: 1em;
}
.job-adder-section .container #ja-jobs-widget .ja-job-details .title {
font-size: 1em;
}
}
@media screen and (max-width: 600px) {
.job-adder-section {
margin-bottom: 2em;
}
.job-adder-section .container #ja-jobs-widget .ja-job-search {
margin-bottom: 1.5em;
}
.job-adder-section .container #ja-jobs-widget .ja-job-search .ja-form .ja-field-container {
width: 100%;
}
.job-adder-section .container #ja-jobs-widget .ja-job-search .ja-form .ja-submit {
width: 100%;
}
.job-adder-section .container #ja-jobs-widget .ja-job-search .ja-form .ja-submit input {
width: 100%;
background: #C89666;
color: #fff;
}
.job-adder-section .container #ja-jobs-widget .ja-job-search .ja-form .ja-submit input:hover {
background: #fff;
color: #C89666;
}
.job-adder-section .container #ja-jobs-widget .ja-job-list-container .ja-job-list .job {
padding: 1em 1em 2em 1em;
}
.job-adder-section .container #ja-jobs-widget .ja-job-list-container .ja-job-list .job .title {
font-size: 0.875em;
}
.job-adder-section .container #ja-jobs-widget .ja-job-list-container .ja-job-list .job .meta ul.classifications {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.job-adder-section .container #ja-jobs-widget .ja-job-list-container .ja-job-list .job .meta ul.classifications li {
width: 100%;
margin-left: 0;
font-size: .875em;
}
.job-adder-section .container #ja-jobs-widget .ja-job-list-container .ja-job-list .job p.summary {
width: 100%;
}
.job-adder-section .container #ja-jobs-widget .ja-job-list-container .ja-job-list .job a.view-details {
width: 100%;
display: block;
text-align: center;
font-size: .875em;
}
.job-adder-section .container #ja-jobs-widget .ja-job-list-container .ja-pager-container .ja-pager {
font-size: .875em;
}
.job-adder-section .container #ja-jobs-widget .powered-by-jobadder a {
display: block;
width: 100%;
text-align: right;
}
.job-adder-section .container #ja-jobs-widget .ja-job-details .title {
font-size: 0.875em;
}
.job-adder-section .container #ja-jobs-widget .ja-job-details .meta ul.classifications {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.job-adder-section .container #ja-jobs-widget .ja-job-details .meta ul.classifications li {
width: 100%;
margin-left: 0;
font-size: .875em;
}
.job-adder-section .container #ja-jobs-widget .ja-job-details .description {
font-size: .875em;
}
.job-adder-section .container #ja-jobs-widget .ja-job-details .apply input {
width: 100%;
}
}  .screen-reader-text {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
-webkit-clip-path: inset(50%);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute !important;
width: 1px;
word-wrap: normal !important; }
.screen-reader-text:focus {
background-color: #f1f1f1;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
-webkit-clip-path: none;
clip-path: none;
color: #21759b;
display: block;
font-size: 14px;
font-size: 0.875rem;
font-weight: bold;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000; } #content[tabindex="-1"]:focus {
outline: 0;
} .alignleft {
display: inline;
float: left;
margin-right: 1.5em;
}
.alignright {
display: inline;
float: right;
margin-left: 1.5em;
}
.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
} .clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
content: "";
display: table;
table-layout: fixed;
}
.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
clear: both;
} .widget {
margin: 0 0 1.5em; }
.widget select {
max-width: 100%;
}  body {
font-family: "Opens Sans", sans-serif;
font-size: 16px;
}
.site {
overflow-x: hidden;
}
.container {
width: 100%;
max-width: 1300px;
margin: 0 auto;
position: relative;
z-index: 2;
}
@media screen and (max-width: 1300px) {
.container {
padding: 0 2em;
}
}
@media screen and (max-width: 600px) {
.container {
padding: 0 1em;
}
}
#page {
opacity: 1;
transition: all 400ms linear;
position: relative;
z-index: 1;
}
#page.page-smooth-loaded {
left: 100%;
}
#page.page-hide {
opacity: 0;
}
#page.page-show {
left: 0;
}
.default-page {
margin-top: 2em;
}
.default-page .container .banner-heading {
color: #12343b;
text-transform: uppercase;
}
h1, h2, h3, h4, h5, h6 {
margin: 0 0 1em 0;
}
.banner-heading {
font-size: 3em;
font-weight: 700;
margin-bottom: .5em;
}
@media screen and (max-width: 1300px) {
.banner-heading {
font-size: 2.75em;
}
}
@media screen and (max-width: 900px) {
.banner-heading {
font-size: 2em;
}
}
@media screen and (max-width: 600px) {
.banner-heading {
font-size: 1.5em;
}
}
.main-heading {
font-size: 2.5em;
font-weight: 700;
margin-bottom: .75em;
}
@media screen and (max-width: 1300px) {
.main-heading {
font-size: 2em;
}
}
@media screen and (max-width: 900px) {
.main-heading {
font-size: 1.5em;
}
}
@media screen and (max-width: 600px) {
.main-heading {
font-size: 1.25em;
}
}
.sub-heading {
font-size: 1.25em;
font-weight: 700;
margin-bottom: .5em;
}
@media screen and (max-width: 900px) {
.sub-heading {
font-size: 1em;
}
}
@media screen and (max-width: 600px) {
.sub-heading {
font-size: 0.875em;
}
}
.binate-button {
padding: .5em 2em;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
transition: all 400ms linear;
border-radius: 4px;
font-weight: 700;
white-space: nowrap;
}
.binate-button.large {
padding: .5em 4em;
}
.binate-button.green {
border: solid 2px #12343b;
background: #12343b;
color: #e1b382;
}
.binate-button.green:hover {
background: linear-gradient(180deg, #DAB489 0%, #FFF3E5 100%);
color: #12343b;
}
.binate-button.green-simple {
border: solid 2px #12343b;
color: #12343b;
}
.binate-button.green-simple:hover {
background: #12343b;
color: #fff;
}
.binate-button.green-solid {
border: solid 2px #C89666;
background: #12343b;
color: #C89666;
}
.binate-button.green-solid:hover {
background: #C89666;
color: #12343b;
}
.binate-button.green-beige {
border: solid 2px #2d545e;
background: linear-gradient(180deg, #DAB489 0%, #FFF3E5 100%);
color: #2d545e;
}
.binate-button.green-beige:hover {
background: #2d545e;
color: #e1b382;
}
.binate-button.light-green {
border: solid 2px #0ee6cd;
background: #0ee6cd;
color: #12343b;
}
.binate-button.light-green:hover {
background: #12343b;
color: #0ee6cd;
}
.binate-button.light-green-simple {
border: solid 2px #12343b;
background: #fff;
color: #12343b;
}
.binate-button.light-green-simple:hover {
background: #12343b;
color: #fff;
}
.binate-button.white-light-green {
border: solid 2px #0ee6cd;
background: #0ee6cd;
color: #fff;
}
.binate-button.white-light-green:hover {
background: #12343b;
color: #0ee6cd;
}
.binate-button.light-green-alt {
border: solid 2px #0ee6cd;
background: #12343b;
color: #0ee6cd;
}
.binate-button.light-green-alt:hover {
background: #0ee6cd;
color: #12343b;
}
.binate-button.light-green-white {
border: solid 2px #0ee6cd;
background: #fff;
color: #0ee6cd;
}
.binate-button.light-green-white:hover {
background: #0ee6cd;
color: #12343b;
}
.binate-button.gold {
border: solid 2px #DAB489;
background: #DAB489;
color: #fff;
transition: all 400ms linear;
}
.binate-button.gold:hover {
background: #fff;
color: #DAB489;
}
.binate-button.gold-white {
border: solid 2px #DAB489;
background: #fff;
color: #DAB489;
transition: all 400ms linear;
}
.binate-button.gold-white:hover {
background: #DAB489;
color: #fff;
}
.binate-button.gold-white-clear {
border: solid 2px #DAB489;
background: none;
color: #DAB489;
transition: all 400ms linear;
}
.binate-button.gold-white-clear:hover {
background: #DAB489;
color: #fff;
}
p {
margin: 0 0 1em 0;
font-size: 20px;
}
@media screen and (max-width: 600px) {
p {
font-size: 14px;
}
}
a {
text-decoration: none;
}
ul {
margin: 0 0 .875em .875em;
padding: 0;
list-style: none;
}
ol {
margin: 0 0 .875em 1.5em;
padding: 0;
}
input, textarea, select {
outline: none;
}
.grecaptcha-badge {
visibility: hidden;
}
.blur {
filter: blur(8px);
}
.blink_me {
animation: blinker 1.5s linear infinite;
}
@keyframes blinker {
50% {
opacity: 0;
}
}
.responsiveTracker {
width: 0;
visibility: hidden;
}
@media screen and (max-width: 1300px) {
.responsiveTracker {
width: 50%;
}
}
@media screen and (max-width: 900px) {
.responsiveTracker {
width: 75%;
}
}
@media screen and (max-width: 600px) {
.responsiveTracker {
width: 100%;
}
} .sticky {
display: block;
}
.updated:not(.published) {
display: none;
}
.page-links {
clear: both;
}
#ajax-area {
width: 100%;
}
#ajax-area #ajax-button {
cursor: pointer;
background: linear-gradient(98deg, #38F9D7 0%, #f3f3f3 100%);
border: 0;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
color: #fff;
transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}
#ajax-area #ajax-button:hover {
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}
#ajax-area .ajax-sample {
margin-bottom: 0;
}
#ajax-area .loader {
border: 8px solid #f3f3f3;
border-top: 8px solid #38F9D7;
border-radius: 50%;
width: 30px;
height: 30px;
animation: spin 2s linear infinite;
}
#ajax-area .loader-text {
font-weight: 700;
margin-top: 1em;
}
#ajax-area .error-text {
text-align: center;
margin-top: 4em;
}
@keyframes spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
} .comment-content a {
word-wrap: break-word;
}
.bypostauthor {
display: block;
} .site-header-container .site-header {
background: linear-gradient(180deg, #DAB489 0%, #FFF3E5 100%);
padding: .75em 0;
display: block;
position: relative;
z-index: 999;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}
.site-header-container .site-header.site-header-toggled {
position: fixed;
width: 100%;
}
.site-header-container .site-header .container {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-align: center;
align-items: center;
}
.site-header-container .site-header .container .site-branding {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
}
.site-header-container .site-header .container .site-branding .site-branding-logo a img {
display: block;
width: 100%;
max-width: 265px;
height: auto;
}
.site-header-container .site-header .container .site-branding h1 {
margin-bottom: 0;
}
.site-header-container .site-header .container .site-branding h1 a {
color: #12343b;
}
.site-header-container .site-header .container .nav-area {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-align: center;
align-items: center;
}
.site-header-container .site-header .container .nav-area .main-navigation ul {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-align: center;
align-items: center;
margin: 0;
}
.site-header-container .site-header .container .nav-area .main-navigation ul li {
padding: 0 1em;
position: relative;
display: inline-block;
text-align: center;
font-size: 12px;
white-space: nowrap;
}
.site-header-container .site-header .container .nav-area .main-navigation ul li.current-menu-item a:after {
width: 90%;
}
.site-header-container .site-header .container .nav-area .main-navigation ul li:hover .sub-menu {
display: -ms-flexbox;
display: flex;
}
.site-header-container .site-header .container .nav-area .main-navigation ul li a {
color: #12343b;
font-weight: 700;
text-transform: uppercase;
transition: all 400ms linear;
display: inline-block;
}
.site-header-container .site-header .container .nav-area .main-navigation ul li a:after {
content: '';
display: block;
height: 2px;
width: 0;
background: #12343b;
margin: 0 auto;
transition: width 400ms linear;
}
.site-header-container .site-header .container .nav-area .main-navigation ul li a:hover:after {
width: 90%;
}
.site-header-container .site-header .container .nav-area .main-navigation ul li .sub-menu {
background: linear-gradient(180deg, #DAB489 0%, #FFF3E5 100%);
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0;
padding: .5em;
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
display: none;
position: absolute;
width: 250px;
}
.site-header-container .site-header .container .nav-area .main-navigation ul li .sub-menu li {
width: 100%;
border-bottom: solid 1px #12343b;
margin-bottom: .5em;
padding: 0;
padding-bottom: .5em;
}
.site-header-container .site-header .container .nav-area .main-navigation ul li .sub-menu li:last-child {
border-bottom: 0;
margin-bottom: 0;
padding-bottom: 0;
}
.site-header-container .site-header .container .nav-area .main-navigation ul li .sub-menu li a {
color: #12343b;
transition: color 400ms linear;
}
.site-header-container .site-header .container .nav-area .main-navigation ul li .sub-menu li a:after {
display: none;
}
.site-header-container .site-header .container .nav-area .header-buttons {
margin-left: 1em;
}
.site-header-container .site-header .container .nav-area .header-buttons ul {
margin: 0;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-align: center;
align-items: center;
}
.site-header-container .site-header .container .nav-area .header-buttons ul li {
padding: 0 .5em;
position: relative;
display: inline-block;
font-size: 12px;
text-transform: uppercase;
}
.site-header-container .site-header .container .nav-area .header-buttons ul li:last-child {
padding-right: 0;
}
.site-header-container .site-header .container .nav-mobile {
display: none;
}
@media screen and (max-width: 1300px) {
.site-header-container .site-header .container .site-branding .site-branding-logo a img {
max-width: 200px;
}
}
@media screen and (max-width: 900px) {
.site-header-container .site-header {
padding: 1.25em 0 0 0;
}
.site-header-container .site-header .container {
padding: 0;
position: relative;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: center;
justify-content: center;
}
.site-header-container .site-header .container .site-branding {
-ms-flex-order: 1;
order: 1;
}
.site-header-container .site-header .container .site-branding .site-branding-logo a img {
max-width: 175px;
}
.site-header-container .site-header .container .nav-area {
padding-top: 1em;
width: 100%;
-ms-flex-order: 3;
order: 3;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.site-header-container .site-header .container .nav-area .main-navigation {
display: none;
width: 100%;
padding-top: 0;
}
.site-header-container .site-header .container .nav-area .main-navigation ul {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.site-header-container .site-header .container .nav-area .main-navigation ul li {
width: 100%;
margin-bottom: .75em;
padding-bottom: .75em;
padding-left: 0;
padding-right: 0;
border-bottom: solid 1px #2d545e;
}
.site-header-container .site-header .container .nav-area .main-navigation ul li a {
color: #2d545e;
}
.site-header-container .site-header .container .nav-area .main-navigation ul li:first-child {
border-top: solid 1px #2d545e;
padding-top: .75em;
}
.site-header-container .site-header .container .nav-area .main-navigation ul li .sub-menu {
display: -ms-flexbox;
display: flex;
position: relative;
box-shadow: unset;
width: 100%;
background: none;
}
.site-header-container .site-header .container .nav-area .main-navigation ul li .sub-menu li {
border: 0;
padding-bottom: 0;
font-size: .875em;
}
.site-header-container .site-header .container .nav-area .main-navigation ul li .sub-menu li a {
color: #2d545e;
}
.site-header-container .site-header .container .nav-area .header-buttons {
display: none;
width: 100%;
margin: 0;
}
.site-header-container .site-header .container .nav-area .header-buttons ul {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.site-header-container .site-header .container .nav-area .header-buttons ul li {
text-align: center;
width: 100%;
margin-bottom: .75em;
padding-bottom: .75em;
padding-left: 0;
padding-right: 0;
border-bottom: solid 1px #2d545e;
}
.site-header-container .site-header .container .nav-area .header-buttons ul li:last-child {
border: 0;
margin-bottom: 0;
}
.site-header-container .site-header .container .nav-area .header-buttons ul li a {
background: none;
border: 0;
color: #2d545e;
box-shadow: none;
}
.site-header-container .site-header .container .nav-mobile {
position: absolute;
top: 1.5em;
right: 1em;
width: 35px;
display: block;
}
.site-header-container .site-header .container .nav-mobile #nav-toggle {
cursor: pointer;
}
.site-header-container .site-header .container .nav-mobile #nav-toggle span {
margin-top: -2.5px;
}
.site-header-container .site-header .container .nav-mobile #nav-toggle span,
.site-header-container .site-header .container .nav-mobile #nav-toggle span:before,
.site-header-container .site-header .container .nav-mobile #nav-toggle span:after {
cursor: pointer;
border-radius: 2px;
height: 5px;
width: 35px;
position: absolute;
display: block;
content: '';
transition: all 300ms ease-in-out;
background: #2d545e;
}
.site-header-container .site-header .container .nav-mobile #nav-toggle span:before {
top: -10px;
}
.site-header-container .site-header .container .nav-mobile #nav-toggle span:after {
top: 10px;
}
.site-header-container .site-header .container .nav-mobile #nav-toggle.active span {
background-color: transparent;
background: unset;
}
.site-header-container .site-header .container .nav-mobile #nav-toggle.active span:before, .site-header-container .site-header .container .nav-mobile #nav-toggle.active span:after {
top: 0;
}
.site-header-container .site-header .container .nav-mobile #nav-toggle.active span:before {
transform: rotate(45deg);
}
.site-header-container .site-header .container .nav-mobile #nav-toggle.active span:after {
transform: rotate(-45deg);
}
}
@media screen and (max-width: 600px) {
.site-header-container .site-header .container .site-branding .site-branding-logo a img {
max-width: 100px;
}
.site-header-container .site-header .container .nav-mobile {
top: .75em;
}
} .front-page .container h1 {
color: #38F9D7;
}   .employer-page .social-callout-section {
padding: 4em 0;
margin-bottom: 0;
background: #000;
}
.employer-page .free-consultation-section {
background: linear-gradient(180deg, #DAB489 0%, #C89666 100%);
}
.employer-page .free-consultation-section .shape {
position: absolute;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
width: 150px;
height: 150px;
bottom: 0;
right: unset;
left: 0;
transform: translate(50%, -25%) rotate(90deg);
}
.employer-page .free-consultation-section .container .title .main-heading {
color: #12343b;
}
.employer-page .free-consultation-section .container .row .col {
color: #12343b;
}
.employer-page .free-consultation-section .container .row .col .sub-heading a {
color: #12343b;
}
.employer-page .free-consultation-section .container .row .col .sub-heading a i {
color: #fff;
}
.employer-page .free-consultation-section .container .cta {
display: none;
}
@media screen and (max-width: 600px) {
.employer-page .free-consultation-section .shape {
display: none;
}
}    .jobseeker-solutions-services-page .problems-solutions-section svg .bubble-line {
stroke: #C89666;
}
.jobseeker-solutions-services-page .problems-solutions-section .bubble.bubble-1 {
background-color: #C89666;
transform: translate(-150%, 125%);
}
.jobseeker-solutions-services-page .problems-solutions-section .bubble.bubble-2 {
background-color: #C89666;
transform: translate(20%, 85%);
}
.jobseeker-solutions-services-page .problems-solutions-section .bubble.bubble-3 {
background-color: #C89666;
transform: translate(-75%, 385%);
}
.jobseeker-solutions-services-page .problems-solutions-section .shape.green {
display: none;
}
.jobseeker-solutions-services-page .problems-solutions-section .container .row:last-child .circle.gold {
display: none;
}
.jobseeker-solutions-services-page .problems-solutions-section .container .row:nth-child(even) .lime-cog {
display: none;
}
.jobseeker-solutions-services-page .about-us-section {
margin-bottom: 0;
} .employer-solutions-services-page .problems-solutions-section svg .bubble-line {
stroke: #0ee6cd;
}
.employer-solutions-services-page .problems-solutions-section .bubble.bubble-1 {
background-color: #2d545e;
transform: translate(-100%, 290%);
}
.employer-solutions-services-page .problems-solutions-section .bubble.bubble-2 {
background-color: #12343b;
transform: translate(25%, 75%);
}
.employer-solutions-services-page .problems-solutions-section .bubble.bubble-3 {
background-color: #2d545e;
transform: translate(-165%, 115%);
}
.employer-solutions-services-page .problems-solutions-section .shape.green {
transform: translate(15%, 25%) rotate(-60deg);
}
.employer-solutions-services-page .problems-solutions-section .shape.gold {
display: none;
}
.employer-solutions-services-page .problems-solutions-section .container .row:nth-child(odd) .lime-cog {
display: none;
}
.employer-solutions-services-page .problems-solutions-section .container .row .col.col-2 .side-image {
top: 0;
left: 0;
transform: translate(-55%, 35%);
}
.employer-solutions-services-page .problems-solutions-section .container .row .col.col-2 .sub-side-image {
bottom: 0;
right: 0;
transform: translate(-50%, -125%);
}
.employer-solutions-services-page .problems-solutions-section .container .row .col.col-2 .gold-circle {
background: #0ee6cd;
top: 0;
right: 0;
transform: translate(-100%, 5%);
}
.employer-solutions-services-page .problems-solutions-section .container .row .col.col-2 .green-circle {
bottom: 0;
left: 0;
transform: translate(50%, -56%);
}
.employer-solutions-services-page .about-us-section {
margin-bottom: 0;
}
@media screen and (max-width: 1300px) {
.employer-solutions-services-page .problems-solutions-section .container .row .col.col-2 .side-image {
transform: translate(-25%, 35%);
}
.employer-solutions-services-page .problems-solutions-section .container .row .col.col-2 .sub-side-image {
transform: translate(-50%, -125%);
}
.employer-solutions-services-page .problems-solutions-section .container .row .col.col-2 .gold-circle {
transform: translate(-100%, 5%);
}
.employer-solutions-services-page .problems-solutions-section .container .row .col.col-2 .green-circle {
transform: translate(50%, -150%);
}
} .site-footer {
width: 100%;
background: linear-gradient(180deg, #12343b 0%, #2d545e 100%);
position: relative;
z-index: 2;
}
.site-footer .wpcf7-response-output {
color: #fff;
}
.site-footer .container .row {
display: -ms-flexbox;
display: flex;
margin-bottom: 1em;
}
.site-footer .container .row .col h1, .site-footer .container .row .col h2, .site-footer .container .row .col h3, .site-footer .container .row .col h4, .site-footer .container .row .col h5, .site-footer .container .row .col h6 {
color: #fff;
font-size: 1em;
white-space: nowrap;
}
.site-footer .container .row .col p {
color: #DAB489;
}
.site-footer .container .row .col p a {
color: #DAB489;
transition: color 400ms linear;
}
.site-footer .container .row .col p a:hover {
color: #fff;
}
.site-footer .container .row .col.col-1 {
width: 30%;
margin: 3em 0 2em 0;
}
.site-footer .container .row .col.col-1 img {
display: block;
width: 100%;
max-width: 225px;
height: auto;
}
.site-footer .container .row .col.col-1 .social-block {
margin-top: 1em;
}
.site-footer .container .row .col.col-1 .social-block ul {
margin: 0;
display: -ms-flexbox;
display: flex;
}
.site-footer .container .row .col.col-1 .social-block ul li {
padding: 0 1em;
}
.site-footer .container .row .col.col-1 .social-block ul li a {
color: #DAB489;
transition: color 400ms linear;
font-size: 1em;
}
.site-footer .container .row .col.col-1 .social-block ul li a:hover {
color: #fff;
}
.site-footer .container .row .col.col-2 {
width: 70%;
margin-top: 3em;
}
.site-footer .container .row .col.col-2 .row {
margin: 0;
}
.site-footer .container .row .col.col-2 .row .col.col-1 {
margin: 0;
}
.site-footer .container .row .col.col-2 .row .col.col-1 p {
font-size: 12px;
margin: 0 0 .25em 0;
}
.site-footer .container .row .col.col-2 .row .col.col-1 p:first-child {
text-transform: uppercase;
}
.site-footer .container .row .col.col-2 .row .col.col-2, .site-footer .container .row .col.col-2 .row .col.col-3 {
margin: 0;
margin-left: 4em;
}
.site-footer .container .row .col.col-2 .row .col.col-2 ul, .site-footer .container .row .col.col-2 .row .col.col-3 ul {
margin: 0;
}
.site-footer .container .row .col.col-2 .row .col.col-2 ul li, .site-footer .container .row .col.col-2 .row .col.col-3 ul li {
margin-bottom: .5em;
white-space: nowrap;
color: #DAB489;
text-transform: uppercase;
font-size: 12px;
}
.site-footer .container .row .col.col-2 .row .col.col-2 ul li a, .site-footer .container .row .col.col-2 .row .col.col-3 ul li a {
color: #DAB489;
transition: color 400ms linear;
}
.site-footer .container .row .col.col-2 .row .col.col-2 ul li a:hover, .site-footer .container .row .col.col-2 .row .col.col-3 ul li a:hover {
color: #fff;
}
.site-footer .container .row .col.col-2 .row .col.col-4 {
margin: 0;
margin-left: 4em;
}
.site-footer .container .row .col.col-2 .row .col.col-4 p {
color: #DAB489;
font-size: 12px;
}
.site-footer .container .row .col.col-2 .row .col.col-4 .row {
margin: 0;
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-align: center;
align-items: center;
}
.site-footer .container .row .col.col-2 .row .col.col-4 .row .col {
margin-left: 0;
width: unset;
}
.site-footer .container .row .col.col-2 .row .col.col-4 .row .col.col-1 label span input {
border: solid 1px #DAB489;
padding: .5em;
background: none;
max-width: 200px;
font-size: 11px;
color: #fff;
}
.site-footer .container .row .col.col-2 .row .col.col-4 .row .col.col-1 label span input:-ms-input-placeholder {
color: #DAB489;
}
.site-footer .container .row .col.col-2 .row .col.col-4 .row .col.col-1 label span input::placeholder {
color: #DAB489;
}
.site-footer .container .row .col.col-2 .row .col.col-4 .row .col.col-2 {
margin-left: 1em;
background-color: #DAB489;
border: solid 1px #DAB489;
border-radius: 4px;
transition: all 400ms linear;
}
.site-footer .container .row .col.col-2 .row .col.col-4 .row .col.col-2:hover {
background-color: #fff;
}
.site-footer .container .row .col.col-2 .row .col.col-4 .row .col.col-2 .wpcf7-submit {
cursor: pointer;
text-transform: uppercase;
border: 0;
background: none;
color: #12343b;
padding: .75em 2em;
transition: color 400ms linear;
font-size: 12px;
}
.site-footer .container .row .col.col-2 .row .col.col-4 .row .col.col-2 .wpcf7-submit:hover {
color: #DAB489;
}
.site-footer .container .row .col.col-2 .row .col.col-4 .row .col.col-2 .ajax-loader {
display: none;
}
.site-footer .container .site-info {
padding: 1em 2em;
font-size: .8em;
color: #DAB489;
text-align: center;
width: 100%;
}
.site-footer .container .site-info p {
margin-bottom: 0;
font-weight: 100;
font-size: 14px;
}
.site-footer .container .site-info p strong {
font-weight: 900;
}
.site-footer .container .site-info p a {
color: #DAB489;
display: inline-block;
}
.site-footer .container .site-info p a:after {
content: '';
display: block;
height: 1px;
width: 0;
background: #38F9D7;
margin: 0 auto;
transition: width 400ms linear;
}
.site-footer .container .site-info p a:hover:after {
width: 90%;
}
@media screen and (max-width: 1300px) {
.site-footer .container .row .col.col-1 img {
max-width: 200px;
}
.site-footer .container .row .col.col-2 .row .col.col-1 {
width: unset;
}
.site-footer .container .row .col.col-2 .row .col.col-2, .site-footer .container .row .col.col-2 .row .col.col-3 {
width: unset;
}
.site-footer .container .row .col.col-2 .row .col.col-4 {
width: unset;
}
}
@media screen and (max-width: 900px) {
.site-footer .container .row {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.site-footer .container .row .col.col-1 {
width: 100%;
margin-bottom: 0;
}
.site-footer .container .row .col.col-1 img {
margin: 0 auto;
}
.site-footer .container .row .col.col-1 .social-block {
margin: 0;
margin-top: 1em;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
}
.site-footer .container .row .col.col-2 {
margin: 0;
width: 100%;
}
.site-footer .container .row .col.col-2 .row {
-ms-flex-pack: justify;
justify-content: space-between;
}
.site-footer .container .row .col.col-2 .row .col.col-1 {
width: unset;
margin: 0;
}
.site-footer .container .row .col.col-2 .row .col.col-2, .site-footer .container .row .col.col-2 .row .col.col-3 {
width: unset;
margin: 0;
}
.site-footer .container .row .col.col-2 .row .col.col-4 {
width: unset;
margin: 0;
}
}
@media screen and (max-width: 600px) {
.site-footer .container .row .col.col-1 {
margin-bottom: 1em;
}
.site-footer .container .row .col.col-1 .social-block ul li {
padding: 0 2em;
}
.site-footer .container .row .col.col-1 .social-block ul li p {
margin: 0;
}
.site-footer .container .row .col.col-2 .row .col.col-2 ul li, .site-footer .container .row .col.col-2 .row .col.col-3 ul li {
font-size: 0.875em;
}
.site-footer .container .row .col.col-2 .row .col.col-4 {
margin-top: 1em;
width: 100%;
}
.site-footer .container .row .col.col-2 .row .col.col-4 .row {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
.site-footer .container .site-info {
padding: 1em 0;
}
}
.footer-fixed {
position: fixed;
bottom: 0;
}  .infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer { display: none;
} .infinity-end.neverending .site-footer {
display: block;
} .page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
border: none;
margin-bottom: 0;
margin-top: 0;
padding: 0;
} embed,
iframe,
object {
max-width: 100%;
} .custom-logo-link {
display: inline-block;
} .wp-caption {
margin-bottom: 1.5em;
max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption .wp-caption-text {
margin: 0.8075em 0;
}
.wp-caption-text {
text-align: center;
} .gallery {
margin-bottom: 1.5em;
}
.gallery-item {
display: inline-block;
text-align: center;
vertical-align: top;
width: 100%;
}
.gallery-columns-2 .gallery-item {
max-width: 50%;
}
.gallery-columns-3 .gallery-item {
max-width: 33.33%;
}
.gallery-columns-4 .gallery-item {
max-width: 25%;
}
.gallery-columns-5 .gallery-item {
max-width: 20%;
}
.gallery-columns-6 .gallery-item {
max-width: 16.66%;
}
.gallery-columns-7 .gallery-item {
max-width: 14.28%;
}
.gallery-columns-8 .gallery-item {
max-width: 12.5%;
}
.gallery-columns-9 .gallery-item {
max-width: 11.11%;
}
.gallery-caption {
display: block;
}